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

body#mainBody {
	margin: 0;
}

body {
	background 	: #e9f7f8;
	font-family	: Verdana, Arial, Helvetica, sans-serif;
	font-size	: 11px;
	
	scrollbar-3dlight-color		: #dddacc;
	scrollbar-arrow-color		: #000;
	scrollbar-base-color		: #7bcec4;
	scrollbar-darkshadow-color	: #7bcec4;  
	scrollbar-face-color		: #acb9ca; 
	scrollbar-highlight-color	: #dddacc;
	scrollbar-shadow-color		: #7bcec4;
}

table#splash {
	width			: 760px;
	height			: 100%;
	background-image: url(../Images/ds_bg_index.jpg);
	background-position	: 0 10px;
	background-repeat	: no-repeat;
	background-color	: #fff;
}

td#splashcontent {
	padding			: 308px 220px 10px 10px;
	vertical-align	: top;
	line-height		: 130%;
	color			: #02563e;
}

td#splashcontent td {
	color		: #02563e;
}

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

a {
	color		: #02563e;
	text-decoration: none;
}

a:hover {
	color		: #02563e;
	text-decoration: underline;
}

li {
	list-style: square;
}


table#page {
	width	: 760px;
	height	: 100%;	
	background: #e9f7f8;
}

td.pagetop {
	height: 10px;
	background-image: url(../Images/ds_bg_top.gif);
	background-repeat: repeat-x;
	background-position: top;
}

#pagebottom {
	height: 10px;
	background-image: url(../Images/ds_bg_bottom.gif);
	background-repeat: repeat-x;
	background-position: top;
}

#pageindex {
	width	: 760px;
	height	: 550px;
	background-image: url(../Images/ds_bg_index.jpg);	
}

#headertop {
	background-image	: url(../Images/header_top.jpg);
	background-position	: left;
	background-repeat	: no-repeat;
	text-align		: right;
	font-size		: 10px;
	background-color: #acb9ca;
	color			: #fff;
}

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

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

.pageleft, .pageright {
	width		: 1px;
	background	: #7bcec4;
}

td#contentright {
	width				: 77px;	
	background			: #fff;
	background-image	: url(../Images/ds_right.jpg);
	background-position	: top;
	background-repeat	: no-repeat;
}

.label {
	padding: 0 5px 0 0;
	font-weight		: bold;
	text-align		: right;
	color			: #7bcec4;
	vertical-align	: top;
}

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

.textfield, textarea {
	background	: #fff;
	color		: #02563e;
	border		: 1px solid #7bcec4;
}

.button {
	color		: #02563e;
	background	: #e9f7f8;
	border		: 2px solid #7bcec4;
}

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

/*===/Logo area ===========================================================*/
/*=== Breadcrumbs =========================================================*/
td#breadcrumbs {
	height			: 23px;
	padding			: 2px 5px;
	text-align		: right;
	vertical-align	: middle;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	color			: #02563e;
	background		: #fff;
	background-image: url(../Images/ds_breadcrumbs.gif);
	background-repeat	: repeat-x;
	background-position	: bottom;
}

td#breadcrumbs td {
	background	: #99ff00;
}

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

td#breadcrumbs a:hover {
	color			: #02563e;
	text-decoration	: none;
}
/*===/Breadcrumbs =========================================================*/
/*=== Navmain =============================================================*/
td#navmain {
	vertical-align	: top;
	padding			: 2px;
	background		: #fff;
}

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

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

td#navmain div td.item a {
	display			: block;
	height			: 41px;
	padding			: 0 5px 0 30px;
	float			: left;
	font-weight		: bold;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	text-decoration	: none;
	color			: #000;
	background-image	:url(../Uploads/Menubuttons/ds_nav_up.jpg);
	background-position	: top left;
	background-repeat	: no-repeat;
}

td#navmain div td.item a:hover {
	display			: block;
	height			: 41px;
	padding			: 0 5px 0 30px;
	float			: left;
	font-weight		: bold;
	text-decoration	: none;
	color			: #3cc;
	background-image	: url(../Uploads/Menubuttons/ds_nav_over.jpg);
	background-position	: top left;
	background-repeat	: no-repeat;
}

td#navmain div td.itemselected a, td#navmain div td.itemselected a:hover {
	display			: block;
	height			: 41px;
	padding			: 0 5px 0 30px;
	float			: left;
	font-weight		: bold;
	text-decoration	: none;
	color			: #f00;
	background-image	: url(../Uploads/Menubuttons/ds_nav_over.jpg);
	background-position	: top left;
	background-repeat	: no-repeat;
}

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 {
	color			: #ccc;
	text-decoration	: none;
}

/*===/Navmain =============================================================*/

/*=== Parent- en Submenu ==================================================*/
/*=== Gemeenschappelijke stijlen voor parent- en submenu ===============*/
td.sub a, td.subselected a, td.subinvisible a  {
	text-decoration: underline;
}

td.sub a:hover, td.subinvisible a:hover {
	text-decoration: none;
}
/*===/Gemeenschappelijke stijlen voor parent- en submenu ===============*/
/*=== Navparent ========================================================*/
td#navparent {
	width			: 100%;
	background-color: #fff;
}

div.navparent {
	display			: block;
	float			: left;
	background-color: #ccc;
}

div.navparent a, div.navparent a:hover, div.navparent a.selected {
	display			: block;
}
/*===/Navparent ========================================================*/
/*=== Navsub ===========================================================*/
td#navsub {
	width			: 100%;
	height			: 23px;
	background-color: #fff;
}

div.navsub {
	display	: block;
	float	: left;
	margin	: 0 5px;
}

/*
div.navsub a, div.navsub a:hover {
	display	: block;
}
*/

td#navsub div.navsub a {
	display			: block;
	float			: left;
	white-space		: nowrap;
	height			: 23px;
	padding			: 3px 5px 0 30px;
	color			: #f00;
	text-decoration	: underline;
	background-image	:url(../Uploads/Menubuttons/ds_sub_up.gif);
	background-position	: top left;
	background-repeat	: no-repeat;
}

td#navsub div.navsub a:hover {
/*
	display			: block;
	float			: left;
	white-space		: nowrap;
	height			: 23px;
	padding			: 3px 5px 0 30px;
*/	
	color			: #3cc;
	text-decoration	: none;
	background-image	: url(../Uploads/Menubuttons/ds_sub_over.gif);
	background-position	: top left;
	background-repeat	: no-repeat;
}

/*===/Navsub ===========================================================*/
/*===/Parent- en Submenu ==================================================*/
/*=== Content =============================================================*/
td#maincontent {
	padding			: 10px 0;
	vertical-align	: top;
	line-height		: 130%;
	color			: #02563e;
	background		: #fff;
	background-image	: url(../Images/ds_bg_kop.jpg);
	background-position	: left middle;
	background-repeat	: no-repeat;
}

td#maincontent td {
	color			: #02563e;
	line-height		: 130%;
}

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

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

.recpaging a {
	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: #7bcec4;
}
/*===/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;	
		}
	
	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;
		}
	
	div.article div.articlebottom {
		display	: block;
		float	: left;
		height	: 30px;
		width	: 100%;
	}
===/Oude code*/

div.article {
	display: block;
	float	: left;
	border: 1px solid #7bcec4;
	margin: 5px;
	/*background-image: url(../Images/bg_photo.gif);
	background-repeat: no-repeat;*/
}

	div.article img {
		border: 0;
	}

		div.article div.articlephotols, div.article div.articlephotopt {
			display	: block;
			padding	: 5px;
		}
		
		div.article div.productdescr {
			display		: block;
			float		: left;
			margin		: 0;
		}

	
/*===/Fotoalbum =============================================================*/				
/*=== Fullscreen ============================================================*/
body#fullscreen {
	background	: #e9f7f8;
	margin		: 10px;
	color		: #02563e;
}


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

	div#fsimagebox {
		display		: block;
		float		: left;
		width		: 342px;
		height		: 280px;
		text-align	: center;
	}
		
		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;
			line-height	: 130%;
		}
/*		
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;
	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;
	color				: #fff;
	vertical-align		: bottom;
	text-align			: right;
 }
 
 #footer a {
 	color: #9f0;
	text-decoration: none;
 }
 
 #footer a:hover {
 	color: #fff;
	text-decoration: underline;
 }
===/Footer ===============================================================*/