body {
		margin			: 10px 0;
		font-family	: Verdana, Arial, Helvetica, sans-serif;
		font-size		:	11px;
		background	: #e88e1d;
	}
	
	body#editcontent {
		font-family	: Verdana, Arial, Helvetica, sans-serif;
		font-size		:	11px;
		background	: #fff;
	}
	
	img { border: 0 }
	
	td.logo {
		vertical-align: top;
	}
	
	/*=== Pagina =====================================================================*/
	#page {
		width						: 778px;
		background			: #fff;
		border					: 1px solid #006;
		font-family			: Verdana, Arial, Helvetica, sans-serif;
		font-size				:	11px;
	}
	/*===/Pagina =====================================================================*/	
	/*=== Breadcrumbs ================================================================*/
	#breadcrumbs {
		height						: 21px;
		background				: #fff url(../Images/dots_breadcrumbs.gif) repeat-x;
		color							: #006;
		font-size					: 11px;
		padding						: 0;
		font-family				: Verdana, Arial, Helvetica, sans-serif;
		font-size					:	11px;
	}
	
	#breadcrumbs a {
		color						: #006;
		text-decoration : underline;
		font-family			: Verdana, Arial, Helvetica, sans-serif;
		font-size				:	11px;
	}
	
	#breadcrumbs a:hover {
		color						: #006;
		text-decoration	: none;
		font-family			: Verdana, Arial, Helvetica, sans-serif;
		font-size				:	11px;
	}
	/*===/Breadcrumbs ================================================================*/	
	/*=== Maincontent ================================================================*/
	#maincontent {
		height			: 300px;
		padding			: 10px;
		text-align	: justify;
		font-family	: Verdana, Arial, Helvetica, sans-serif;
		font-size		:	11px;
		color				: #006;
		background	: #fff;
		line-height	: 130%;
	}
	
	#maincontent img {
		margin: 5px;
	}
	
	td {
		font-family	: Verdana, Arial, Helvetica, sans-serif;
		font-size		:	11px;
		line-height	: 130%;		
	}
	
	/* === Productoverzichten ========================================*/
	#maincontent div.pic {
		display		: block;
		float			: left;
		width			: 140px;
		height		: 200px;
		padding		: 10px 0 0 0;
		border		: 1px solid;
		border-color: #aaa #444 #444 #aaa;
		margin		: 5px 3px;
		background: #fff;
		text-align: center;
		overflow	: hidden;
	}
	
	#maincontent div.pic td.productdata {
		text-align	: middle;
		font-family	: Verdana, Arial, Helvetica, sans-serif;
		font-size		: 10px;
	}

	#maincontent div.pic ul { margin: 0.25em; padding: 0; list-style: none; }
	#maincontent div.pic a img.movepicleft {	cursor:hand; float: left; border: 0; }
	#maincontent div.pic a img.movepicright {	cursor:hand; float: right; border: 0; }
	#maincontent div.pic a img { border: 1px solid; border-color: #444 #aaa #aaa #444; }
	#maincontent div td.ls img {  margin: 0 }
	#maincontent div td.pt img {  margin: 0 }
	/* ===/Productoverzichten ========================================*/
	
	/* === Fotoalbums ========================================*/
	#maincontent div.photoalbum {
		display		: block;
		float			: left;
		width			: 240px;
		height		: 260px;
		padding		: 10px 0 0 0;
		border		: 1px solid; border-color: #aaa #444 #444 #aaa;
		margin		: 5px 3px;
		background: #fff;
		text-align: center;
		overflow	: hidden;
	}
	
	#maincontent div.photoalbum td.productdata {
		text-align	: middle;
		font-family	: Verdana, Arial, Helvetica, sans-serif;
		font-size		: 10px;
	}

	#maincontent div.photoalbum ul { margin: 0.25em; padding: 0; list-style: none; }
	#maincontent div.photoalbum a img.movepicleft {	cursor:hand; float: left; border: 0; }
	#maincontent div.photoalbum a img.movepicright {	cursor:hand; float: right; border: 0; }
	#maincontent div.photoalbum a img { border: 1px solid; border-color: #444 #aaa #aaa #444; }
	#maincontent div td.ls img {  margin: 0 }
	#maincontent div td.pt img {  margin: 0 }
	/* ===/Fotoalbums ========================================*/
	
	/*=== Productbeheer ===*/
	#maincontent table.adminarea {
		width						: 100%;
		border					: 0;
		background-color: #9f0;
		padding					: 5px;
	}
	
	table.adminarea select {
		font-size: 11px;
	}
	
	a.adminlink {
		font-family			: Verdana, Arial, Helvetica, sans-serif;
		font-size				: 10px;
		background-color: #9f0;
		text-decoration	: none;
	}
	
	a.adminlink:hover {
		font-family			: Verdana, Arial, Helvetica, sans-serif;
		font-size				: 10px;
		background-color: #9f0;
		text-decoration	: underline;
	}	
	/*===/Productbeheer ===*/
	
	/*=== Afbeeldingbeheer ===*/
	td.imagebox {
		border: 1px solid;
		border-color: #444 #aaa #aaa #444;
		padding: 10px;
	}
	/*=== Afbeeldingbeheer ===*/
	
	/*===/Maincontent ================================================================*/
	/*=== fullscreen productinfo =====================================================*/
	#fullscreen, #fullscreen a {
		background: #000;
		color: #fff;
	}
	
	img.productimage {
		border: 1px solid;
		border-color: #444 #aaa #aaa #444;
		padding: 10px;
	}
	
	#productinfo li.header {
		font-family	: Verdana, Arial, Helvetica, sans-serif;
		font-size		: 14px;
		color				: #999;
		margin			: 0 0 10px 0;
	}
	
	#productinfo ul {
		line-height: 130%;
		text-align:justify;
	}
	
	#productinfo li {
		list-style: none;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
	}
	
	#productinfo li.productname {
		font-size: 12px;
		font-weight: bold;
	}
	/*===/fullscreen productinfo =====================================================*/
	/*=== Navmain ====================================================================*/
	#navmain {
		vertical-align: top;
		font-family		: Verdana, Arial, Helvetica, sans-serif;
		font-size			: 11px;
		color					: #006;
		text-align		: right;		
	}
	/*=== Extra beheerknoppen in navmain ====================*/
	#navmain div.adminlinkarea {
		text-align	: right;
		margin			: 0 0 10px 0;
	}
	
	#navmain div.adminlinkarea a {
		text-align			: right;
		background-color: #9f0;
		color						: #000;
		text-decoration	: none;
	}
	
	#navmain div.adminlinkarea a:hover {
		text-align			: right;
		background-color: #fff;
		color						: #9f0;
		text-decoration	: underline;
	}	
	/*===/Extra beheerknoppen in navmain ====================*/
	/*===/Navmain ===================================================================*/
	
	#paging {
		text-align: right;
	}
	
	td#lastmodified {
		color			: #666;
		font-size	: 10px;
		text-align: right;
		padding		: 5px 0 2px 0;
	}	
	
	td#navsub {		
		padding							: 20px 0 0 0;
		vertical-align			: top;
		background-color		: #fff;
		background-image		: url(../Images/vert_dots.gif);
		background-position	: right;
		background-repeat		: repeat-y;
		text-align					: right;
	}
	
	#navsub td.sub a {
		padding					: 2px 5px 0 0;
		display					: block;
		width						: 100%;
		height					: 22px;
		background-color: #e88e1d;
		color						: #006;
		text-decoration	: none;
	}
	
	#navsub td.sub a:hover {
		display					: block;
		width						: 100%;
		height					: 22px;
		background-color: #006;
		color						: #e88e1d;
		text-decoration	: none;
	}
	
	#navsub td.subinvisible a {
		display					: block;
		width						: 100%;
		height					: 22px;
		background-color: #fff;
		color						: #ccc;
	}
	
	#navsub td.subinvisible a img {
		filter					:alpha(opacity=50);-moz-opacity:0.3;
	}
	
	#navsub td.subinvisible a:hover {
		display					: block;
		width						: 100%;
		height					: 22px;
		background-color: #fff;
		color						: #ccc;
	}
	
	#navmain td.subinvisible a {
		display					: block;
		width						: 100%;
		height					: 22px;
		background-color: #fff;
		color						: #ccc;
	}
	
	#navmain td.subinvisible a img {
		filter					:alpha(opacity=50);-moz-opacity:0.3;
	}
	
	#navmain td.subinvisible a:hover {
		display					: block;
		width						: 100%;
		height					: 22px;
		background-color: #fff;
		color						: #ccc;
	}
	/*=== Credits (Dros Internet Identity) ==========================================*/
	#credits {
		width		: 778px;
		border	: 0;
	}
	
	#credits td {
		height					: 22px;
		padding					: 0;
		font-size				: 10px;
		font-family			: Verdana, Arial, Helvetica, sans-serif;
		vertical-align	: middle;
		text-align			: left;
		color						: #666;
	}
	
	#credits td img {
		border				: 0;
		vertical-align: middle;
	}
	
	#credits td a {
		text-decoration	: none;
		color						: #333;
	}
	
	#credits td a:hover {
		text-decoration	: none;
		color						: #333;
		background-color: #9f0;
	}
	/*===/Credits (Dros Internet Identity) ==========================================*/
	
	td.sub {
		width	: 142px;
		height: 25px;
	}
	
	input.textfield, .textarea {
		border			: 1px solid #006;
		font-family	: Verdana, Arial, Helvetica, sans-serif;
		font-size		: 11px;
		color				:	#006;
	}
	
	.button {
		width						: 150px;
		background-color: #fff;
		color						: #006;
		border					: 1px solid #006;
		cursor					: hand;
	}
	
	a.adminlink img {
		vertical-align: middle;
	}
	
	td.label {
		padding				: 0 10px 0 0;
		font-weight		: bold;
		font-size			: 11px;
		vertical-align: top;
		text-align		: right;
	}
	
	input.charcount {
		margin			: 0 5px 0 5px;
		font-size		: 11px;
		font-weight	: normal;
		color				: #000;
		border			: 1px solid #000;
	}
	
	/*=== Stijlen voor gastenboek ===================================================*/
	td.guestbookpaging {
		font-family			: Verdana, Arial, Helvetica, sans-serif;
		font-size				: 11px;
		text-align			: right;
	}
	
	td.guestbookaddmessage {
		background-color: #ccc;
	}
	
	td.guestbookdate {
		height					: 20px;
		padding					: 0 0 0 5px;
		text-align			: left;
		background-color: #ccc;
		color						: #333;
		font-family			: Verdana, Arial, Helvetica, sans-serif;
		font-size				: 11px;
	}
	
	td.guestbooksender {
		height					: 20px;
		text-align			: left;
		background-color: #ccc;
		color						: #333;
		font-family			: Verdana, Arial, Helvetica, sans-serif;
		font-size				: 11px;
	}
	
	.guestbooksender a {
		color						: #C97B23;
		font-family			: Verdana, Arial, Helvetica, sans-serif;
		font-size				: 11px;
		text-decoration	: underline;
	}
	
	.guestbooksender a:hover {
		color						: #C97B23;
		font-family			: Verdana, Arial, Helvetica, sans-serif;
		font-size				: 11px;
		text-decoration	: none;
	}
	
	td.guestbookmessage {
		padding					: 5px;
		background-color: #F2DEC7;						/*#c3a08c;*/
		color						: #333;
		font-family			: Verdana, Arial, Helvetica, sans-serif;
		font-size				: 11px;
	}
	/*===/Stijlen voor gastenboek ===================================================*/
	
	/*=== Hyperlinks ================================================================*/
	a {
		font-size				: 11px;
		text-decoration	: underline;
		color						: #006;
	}
	
	a:hover {
		font-size				: 11px;
		text-decoration	: none;
		color						: #006;	
	}
	
	#navmain li a {
		white-space: nowrap;
		font-size: 11px;
		text-decoration: none;
	}
	
	#navmain li a:hover {
		white-space: nowrap;
		font-size: 11px;
		text-decoration: underline;
	}
	
	/*===/Hyperlinks ================================================================	*/
	
	#footeraddress {
		height							: 30px;
		color								: #006;
		font-size						: 11px;
		background-image		: url(../Images/hor_dots.gif);
		background-position	: top;
		background-repeat		: repeat-x;
		text-align					: left;
	}
	
	#footeraddress a {
		color						: #e88e1d;
		text-decoration : underline;
	}
	
	#footeraddress a:hover {
		color						: #006;
		text-decoration : none;
	}
	
.recpaging {
	float			: none;
	font-size	: 12px;
	text-align: right;
	margin-right: 0;
}

.recpaging a {
	margin: 0 3px 0 3px;
}

.recpageselected {
	font-weight			: bold;
	margin					: 0 3px 0 3px;
	background-color: #999;
	color						: #fff;
}

/*===/Productpagina =================================================================================*/

/*=== Stijlen voor text-editor ===================================================================== */
table#tblCoolbar {
	background-color: #ccc;
	padding					: 1px;
	color						: #000; 
	border-width		: 0;
	border-style		: solid; 
	border-color		: threedhighlight threedshadow threedshadow threedhighlight;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size				: 11px;
	
}

table#tblCoolbar img {	 
	margin: 0;
}

.cbtn {
	height					:	18;
	background-color: #fff;
	BORDER-LEFT			: #fff 1px solid;
	BORDER-RIGHT		: #fff 1px solid;
	BORDER-TOP			: #fff 1px solid;
	BORDER-BOTTOM		: #fff 1px solid;
}

.txtbtn {
	font-family:tahoma; font-size:10pt; color:#fff;
}
/*===/Stijlen voor text-editor ===================================================================== */

/* Stijl voor gebruikte calendar in beheer. Indien andere calendar wordt gebruikt, hier stijl aanpassen.
 The main calendar widget.  DIV containing a table ======================================================*/

.calendar {
  position: relative;
  display: none;
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #d4d0c8;
  font-family: verdana,arial,sans-serif;
}

.calendar table {
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #d4d0c8;
  font-family: verdana,arial,sans-serif;
}

/* Header part == contains navigation buttons and day names. */

.calendar .calbutton { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;
  padding: 1px;
  border: 1px solid #000;
  background: #848078;
  color: #fff;
  text-align: center;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #000;
  padding: 2px;
  text-align: center;
  background: #f4f0e8;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  padding: 0px;
  background: #e4e0d8;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  background: #c4c0b8;
}

/* The body part == contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #f4f0e8;
}

.calendar tbody .rowhilite td {
  background: #e4e0d8;
}

.calendar tbody .rowhilite td.wn {
  background: #d4d0c8;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  padding: 2px 2px 0px 2px;
  background: #e4e0d8;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #f00;
}

.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part == status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #f4f0e8;
  padding: 1px;
  border: 1px solid #000;
  background: #848078;
  color: #fff;
  text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #e4e0d8;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  background: #e4e0d8;
  font-size: smaller;
  padding: 1px;
}

.combo .label {
  text-align: center;
  padding: 1px;
}

.combo .active {
  background: #c4c0b8;
  padding: 0px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

.combo .hilite {
  background: #048;
  color: #fea;
}
/* Einde stijlen voor calendar.*/