html,body {
	margin:0;
	padding:0;
	height:100%;
	border:none;	
}

body#mainBody {
	margin: 0;
}

body {
	background : #acb9ca;
	scrollbar-3dlight-color		: #dddacc;
	scrollbar-arrow-color		: #000;
	scrollbar-base-color		: #9d9976;
	scrollbar-darkshadow-color	: #9d9976;  
	scrollbar-face-color		: #acb9ca; 
	scrollbar-highlight-color	: #dddacc;
	scrollbar-shadow-color		: #9d9976;
}

td {	
	font-size: 12px;
}

a {
	font-family	: Verdana, Arial, Helvetica, sans-serif;
	font-size	: 11px;
	color		: #9d9976;
	text-decoration: none;
}

a:hover {
	font-family	: Verdana, Arial, Helvetica, sans-serif;
	font-size	: 11px;
	color		: #333;
	text-decoration: underline;
}

#page {
	width: 778px;
	height: 100%;	
}

#headertop {
	background-image	: url(../Images/header_top.jpg);
	background-position	: left;
	background-repeat	: no-repeat;
	text-align		: right;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 10px;
	background-color: #acb9ca;
	color			: #9d9976;
}

#headertop a {
	color: #fff;
	text-decoration: underline;
}

#headertop a:hover {
	color: #9d9976;
	text-decoration: none;
}

.pageleft {
	background-image: url(../Images/left.gif);
	background-repeat: repeat-y;
}

.pageright {
	background-image: url(../Images/right.gif);
	background-repeat: repeat-y;
}


fieldset {
}

legend {
	color: #000;
	font-size: 15px;
}

.label {
	padding: 0 5px 0 0;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 11px;
	font-weight		: bold;
	text-align		: right;
	color			: #9d9976;
	vertical-align	: top;
}

label {
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 11px;
}

.textfield, textarea {
	font-family	: Verdana, Arial, Helvetica, sans-serif;
	font-size	: 11px;
	background	: #fff;
	color		: #333;
	border		: 1px solid #9d9976;
}

.button {
	font-family	: Verdana, Arial, Helvetica, sans-serif;
	font-size	: 11px;
	color		: #9d9976;
	background	: #dddacc;
	border		: 2px solid #9d9976;
	border-style: ridge;
}

/*=== Logo area ===========================================================*/
td#logo {
	width			: 76px;
	height			: 111px;
	vertical-align	: top;
	padding			: 5px 0 0 5px;
	background		: #fff;
}

/*===/Logo area ===========================================================*/
/*=== Breadcrumbs =========================================================*/
td#breadcrumbs {
	width			: 654px;
	height			: 32px;
	padding			: 0 0 0 10px;
	vertical-align	: middle;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 11px;
	color			: #333;
	background-image: url(../Images/breadcrumbs.jpg);
	background-repeat: no-repeat;
}

td#breadcrumbs td {
	background	: #99ff00;
  	font-family	: Verdana, Arial, Helvetica, sans-serif;
	font-size	: 11px;
}

td#breadcrumbs a {
	color			: #000;
	text-decoration	: underline;
}

td#breadcrumbs a:hover {
	color			: #fff;
	text-decoration	: none;
}
/*===/Breadcrumbs =========================================================*/
/*=== Navmain =============================================================*/
td#navmain {
	height			: 22px;
	vertical-align	: top;
	padding-top		: 2px;
	margin			: 0;
	background-image	:url(../Images/bg_navmain.gif);
	background-repeat	: repeat-x;
}

div.MenuPos {
	width	: 526px;
	height	: 22px;
}

#navmain div {
	display	: block;
	float	: left;
	padding	: 5px 5px 0 5px;
}

td#navmain div td.item a {
	display			: block;
	padding			: 0 5px 0 5px;
	float			: left;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 13px;
	text-decoration	: none;
	color			: #fff;
}

td#navmain div td.item a:hover {
	display			: block;
	width			: 100%;
	float			: left;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	text-decoration	: none;
	color			: #333;
}

td#navmain div td.itemselected a {
	display			: block;
	padding			: 0 5px 0 5px;
	float			: left;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 13px;
	font-weight		: bold;
	text-decoration	: none;
	background		: #dddacc;
}

td#navmain div td.itemselected a:hover {
	display			: block;
	float			: left;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	text-decoration	: none;
	color			: #333;
}

td#navmain div td.iteminvisible a {
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	color			: #666;
	text-decoration	: none;
}

td#navmain div td.iteminvisible a:hover {
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	color			: #ccc;
	text-decoration	: none;
}

/*===/Navmain =============================================================*/
/*=== Navparent ===========================================================*/
td#navparent {
	height: 23px;
	background-color: #dddacc;
}

div.navparent {
	float	: left;
	padding	: 0 10px 0 10px;
}

td.sub a, td.subselected a, td.subinvisible a  {
	display			: block;
	height			: 23px;
	padding			: 8px 5px 0 5px;
	text-decoration	: none;
}

div.navparent a, div.navparent a:hover {
	display: block;
	width: 100%;	
	font-size: 13px;
}

td.sub a, td.subselected a, td.subinvisible a  {
	text-decoration: none;
}

td.sub a:hover, td.subinvisible a:hover {
	text-decoration: underline;
}

td.subselected a {
	background: #fff;
	text-decoration: none;
}

td.subinvisible a {
	color: #999;
}

td.subinvisible a:hover {
	color: #333;
}
/*===/Navparent ===========================================================*/
/*=== Navsub ==============================================================*/
td#navsub {
	width			: 199px;
	background-color: #dddacc;
	vertical-align	: top;
}

div.navsub {
	display			: block;
	width			: 199px;
	background-color: #fff;
	border-width	: 0 0 1px 0;
	border-style	: solid;
	border-color	: #9d9976;
	float			: left;
	padding			: 5px 0 0 0;
}

div.navsub a, div.navsub a:hover {
	display		: block;
	font-size	: 11px;
}

/* Voor overige stijlen geldt hetzelfde als voor navparent */

/*===/Navsub ==============================================================*/
/*=== Content =============================================================*/
td#maincontent, td#maincontentpres {
	padding			: 10px;
	vertical-align	: top;
	line-height		: 130%;
	color			: #333;
	background		: #fff;
  	font-family		: verdana;
	font-size		: 11px;
	background-image: url(../Images/bg_page.gif);
	background-position: top center;
	background-repeat: no-repeat;
}

td#maincontentpres {
	padding: 10px 5px 10px 5px;
}

	/*=== Speciale tekst (ook in fckeditor aangepast)==========================*/
	span.Title, span.Title a {
		font-family	: Verdana;
		font-size	: 15px;
		font-weight	: bold;
		color		: #9d9976;
	}
	/*===/Speciale tekst (ook in fckeditor aangepast)==========================*/
/*===/Content ===============================================================*/

/*=== Recordpaging ==========================================================*/
div.recpaging {
	display		: block;
	float		: left;
	width		: 100%;
	text-align	: right;
	color		: #fff;
}	

.recpaging a {
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 12px;
	margin			: 0 5px 0 5px;
	color			: #151515;
	text-decoration	: underline;
}

.recpaging a:hover {
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 12px;
	color			: #ccc;
	text-decoration	: none;
}

.recpageselected {
	font-size: 12px;
	font-weight: bold;
	color: #9d9976;
}
/*===/Recordpaging ==========================================================*/

/*=== Productoverzicht ======================================================*/
/*=== Randen om beheerknoppen
div.articleadmin img, div.article img {
	border: 0;	
}
 */		
/*=== Gebied waarin per product de productgegevens getoond worden
div.article {
	display: block;
	float	: left;
	margin: 0 0 5px 0;
	width	: 555px;
}

	div.articletop {
		display				: block;
		float				: left;
		padding				: 0 0 0 280px;
		height				: 20px;
		width				: 100%;
		text-align			: left;
		vertical-align		: bottom;
		font-size			: 12px;
		font-weight			: bold;
		background-repeat	: no-repeat;
	}
				
	div.productinfo {
		display		: block;
		float		: left;
		width		: 275px;
	}
	
		div.articlephotols, div.articlephotopt {
			display		: block;
			float		: left;
			width		: 233px;
			padding		: 0;
		}
		
		div.productdescr {
			display		: block;
			float		: left;
			qwidth		: 275px;
			padding		: 0;
			font-size	: 11px;	
		}
	
	div.articlebottom {
		display			: block;
		float			: left;
		height			: 20px;
		width			: 100%;
	}
*/
/*===/Productoverzicht ======================================================*/		
/*=== Fotoalbum =============================================================*/		
/*=== Oude code
div.article {
	display: block;
	float	: left;
	width	: 180px;
	margin	: 5px 0 0 0;
	background-image: url(../Images/bg_photo.gif);
	background-repeat: no-repeat;
}
	div.articleadmin img, div.article img {
		border: 0;
	}
	
	div.article div.productinfo {
		display		: block;
		float		: left;
		width		: 100%;
	}
	
		div.article div.articlephotols, div.article div.articlephotopt {
			display	: block;
			float	: left;
			width	: 152px;
			padding	: 11px 0 0 11px;
		}
		
		div.article div.productdescr {
			display		: block;
			float		: left;
			width		: 180px;
			margin		: 0 0 0 30px;
			font-size	: 11px;
		}
	
	div.article div.articlebottom {
		display	: block;
		float	: left;
		height	: 30px;
		width	: 100%;
	}
===/Oude code*/

div.article {
	display: block;
	float	: left;
	width	: 100%;
	/*background-image: url(../Images/bg_photo.gif);
	background-repeat: no-repeat;*/
}

	div.article img {
		border: 0;
	}

	div.article div.articletop {
		display				: block;
		float				: left;
		padding				: 0 0 0 233px;
		height				: 20px;
		width				: 100%;
		text-align			: left;
		vertical-align		: bottom;
		font-size			: 12px;
		font-weight			: bold;
		background-repeat	: no-repeat;
	}

	div.article div.productinfo {
		display		: block;
		float		: left;
		width		: 100%;
	}
	
	td.photoleft {
		background-image: url(../Images/photo_l.gif);
		background-repeat: repeat-y;
		background-position: right;
	}
	
	td.photoright {
		background-image: url(../Images/photo_r.gif);
		background-repeat: repeat-y;
		background-position: left;
	}
	
	td.phototop {
		background-image: url(../Images/photo_t.gif);
		background-repeat: repeat-x;
		background-position: bottom;
	}
	
	td.photobottom {
		background-image: url(../Images/photo_b.gif);
		background-repeat: repeat-x;
		background-position: top;
	}
	
		div.article div.articlephotols, div.articlephotopt {
			display	: block;
			float	: left;
			width	: 210px;
			padding	: 11px 0 0 11px;
		}
		
		div.article div.productdescr {
			display		: block;
			float		: left;
			width		: 334px;
			margin		: 0;
			font-size	: 11px;
		}
	
	div.article div.articlebottom {
		display					: block;
		float					: left;
		height					: 30px;
		width					: 100%;
	}

	
/*===/Fotoalbum =============================================================*/				
/*=== Fullscreen ============================================================*/
body#fullscreen {
	background: #acb9ca;
	margin: 10px;
}

div#fsimagetitle {
	display		: block;
	float		: none;
	width		: 700px;
	height		: 20px;
	font-family	: Verdana, Arial, Helvetica, sans-serif;
	font-size	: 12px;
	font-weight	: bold;
	text-align	: right;
	color		: #333;
	background-image: url(../Images/bg_fs_product_top.gif);
	background-repeat: no-repeat;
	background-position: top;
}


div#fscontainer {
	display		: block;
	float		: left;
	width		: 700px;
	background	: #fff;
}

	div#fsimagebox {
		display		: block;
		float		: left;
		width		: 342px;
		height		: 280px;
		text-align	: center;
		background	: #fff;	/* toegevoegd ivm Imagebeheer/fullscreen */
	}
		
		div#fsnavigation {
		display			: block;
		float			: left;
		width			: 100%;
		text-align		: center;
		margin-bottom	: 5px;
	}
	
			div#fsnavigation img {
				border: 0;
			}
			
			div#fsnavigation a {
				margin: 0 10px 0 10px;
			}
	
		div#fsdescription {
			display		: block;
			float		: left;
			width		: 348px;
			padding-right: 10px;
			font-family	: Verdana, Arial, Helvetica, sans-serif;
			font-size	: 11px;
			line-height	: 130%;
			color		: #333;
			background	: #fff;
		}
		
div#fsbottom {
	width: 700px;
	height: 20px;
	background-image: url(../Images/bg_fs_product_bottom.gif);
	background-repeat: no-repeat;
}

div#fsimpressions {
	display		: block;
	float		: left;
	margin-top	: 20px;
	width		: 700px;
	height		: 150px;
	background	: #fff;
	text-align	: center;
	font-family	: Verdana, Arial, Helvetica, sans-serif;
	font-size	: 11px;
	line-height	: 130%;
	color		: #333;
}

	div#fsimpressions a {
		text-decoration: none;
	}
/*===/Fullscreen ============================================================*/

/*=== Footer ===============================================================*/
 td#footer {
 	height				: 19px;
	background-color	: #acb9ca;
	background-image	: url(../Images/bg_footer.gif);
	background-position	: center;
	background-repeat	: no-repeat;
 	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 11px;
	color				: #fff;
	vertical-align		: bottom;
	text-align			: right;
 }
 
 #footer a {
 	color: #9f0;
	text-decoration: none;
 }
 
 #footer a:hover {
 	color: #fff;
	text-decoration: underline;
 }
/*===/Footer ===============================================================*/