
<!-- /* $WEFT -- Created by: Menno Dros (mdros@diid.nl) on 8-10-2007 -- */
  @font-face {
    font-family: Futura-Thin;
    font-style:  normal;
    font-weight: normal;
    src: url(FUTURAT0.eot);
  }
-->

body {
	margin		: 0;
	background: #fff;
	scrollbar-3dlight-color	: #fff;
	scrollbar-arrow-color		: #666;
	scrollbar-base-color		: #f1f1f1;
	scrollbar-darkshadow-color: #f1f1f1;  
	scrollbar-face-color			: #DBDAC1; 
	scrollbar-highlight-color	: #666;
	scrollbar-shadow-color		: #666;
}

img.rand {
	border: 2px solid #fff;
}

table#page {
	width	: 100%;
	height: 100%;
}

td#logo {
	width			: 778px;
	height		: 162px;
}

td#header {
	width	: 492px;
	height	: 199px;
	background-image	: url(../Images/header.jpg);
	background-repeat	:no-repeat;
	background-position	:bottom left;
}

td#headercontact {
	background-color: #9F6;	
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	color			: #333;
	font-size		: 12px;
}

td.topspace { height: 5px }

/*=== Achtergronden pagina links en rechts =========================================*/
td.pageleft {
	background				: #fff;
	qbackground-image: url(../Images/bg_left.gif);
	background-repeat	: no-repeat;
	background-position: top right;
}

td.pageright {
	background				: #fff;
	qbackground-image	: url(../Images/bg_right.gif);
	background-repeat	: no-repeat;
	background-position: top left;
	text-align				: right;
	vertical-align		: bottom;
}

/*===/Achtergronden pagina links en rechts =========================================*/

/*=== Linker- en rechterrand van content ===========================================*/
td#maincontentleft {
	vertical-align: top;
	padding-left: 2px;
	width: 158px;
	background: url(../Images/dva_left.gif);
	background-repeat: repeat-y;
	background-color: #beb9bf;
}

td#maincontentright {
	width: 22px;
	vertical-align: top;
	background: url(../Images/dva_right.gif);
	background-repeat: repeat-y;
}
/*===/Linker- en rechterrand van content ===========================================*/

.textfield, .textarea {
	font-family	: Verdana, Arial, Helvetica, sans-serif;
	font-size	: 12px;
	background	: #fff;
	color		: #151515;
	border		: 1px solid #151515;
}
/*=== Breadcrumbs ==================================================================*/
td#breadcrumbs {
	height: 25px;
	text-align	: right;
	padding		: 0 20px 0 0;
	background	: #9F6;
	color		: #333;
	font-family	: Verdana, Arial, Helvetica, sans-serif;
	font-size	: 11px;
}

td#breadcrumbs a {
	color			: #333;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 13px;
	text-decoration	: underline;
}

td#breadcrumbs a:hover {
	color			: #333;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 13px;
	text-decoration	: none;
}
/*===/Breadcrumbs ==================================================================*/
/*=== Hoofdmenu ====================================================================*/
td.navmainleft {
	background: url(../Images/dva_left.gif);
	background-repeat: repeat-y;
	background-color: #9F6;
}

td.navmainright {
	width: 22px;
	background: url(../Images/dva_right.gif);
	background-repeat: repeat-y;
}

td#navmain {
	background-color: #9F6;
	vertical-align	: top;
	background-image: url(../Images/dva_left.gif);
	background-position: top left;
	background-repeat: repeat-y;
	padding-left: 2px;
	margin: 0;
}

td#navmain div#itemholder{
	display	: block;
	float		: none;
	margin	: 0 5px 2px 0;
	height	: 40px;
	border	: 1px solid #394269;
}

td#navmain img {
	border			: 0;
}

td#navmain div td.item, td#navmain div td.itemselected, td#navmain div td.iteminvisible {
	padding: 0 5px 0 0;	
}

td#navmain div td.item a {
	display					: block;
	float						: left;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size				: 11px;
	font-weight			: normal;
	color						: #000;
	text-decoration	: none;
}

td#navmain div td.item a:hover {
	color						: #fff;
}


td#navmain div td.itemselected a {
	display					: block;
	float						: left;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size				: 11px;
	font-weight			: normal;
	color						: #394269;
	text-decoration	: none;
}

td#navmain div td.itemselected a:hover {
	color						: #394269;
}

td#navmain div td.iteminvisible a {
	display					: block;
	float						: left;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size				: 11px;
	font-weight			: normal;
	color						: #ccc;
	text-decoration	: none;
}

td#navmain div td.iteminvisible a:hover {
	color						: #ccc;
}

/*=== Ruimte tussen hoofdmenu en maincontent */
#navmainright {
	background: #fff;
}

/*===/Hoofdmenu ====================================================================*/
/*=== Parentmenu ===================================================================*/
td#navparent {
	width					: 778px;
	height				: 22px;
	background		: #000;
	text-align		: left;
	vertical-align: bottom;
}

div.navparent {
	float		: left;
	margin	: 0 10px 0 0;
}

div.navparent td.sub, div.navparent td.subselected {
	text-align: left;
	padding		: 0 5px 0 5px;
}

div.navparent td.subselected {
	background			: #666;
}

div.navparent td.sub a {
	display					: block;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size				: 13px;
	color						: #fff;
	text-decoration	: none;
}

div.navparent td.sub a:hover {
	display					: block;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size				: 13px;
	color						: #666;
	text-decoration	: none;
}

div.navparent td.subselected a {
	display					: block;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size				: 13px;
	color						: #000;
	text-decoration	: none;
}

div.navparent td.subselected a:hover {
	display					: block;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size				: 13px;
	color						: #000;
	text-decoration	: none;
}

div.navparent td.subinvisible a {
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size				: 13px;
	color						: #484848;
	text-decoration	: none;
}

div.navparent td.subinvisible a:hover {
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size				: 13px;
	color						: #484848;
	text-decoration	: none;
}
/*===/Parentmenu ===================================================================*/
/*=== Submenu ======================================================================*/
td#navsub {
	width					: 778px;
	height				: 22px;
	background		: #666;
	text-align		: left;
	vertical-align: bottom;
}

div.navsub {
	float		: left;
	margin	: 0 10px 0 0;
}

div.navsub td.sub, div.navsub td.subselected {
	text-align: left;
	padding		: 0 5px 0 5px;
}

div.navsub td.subselected {
	background			: #666;
}

div.navsub td.sub a {
	display					: block;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size				: 13px;
	color						: #fff;
	text-decoration	: none;
}

div.navsub td.sub a:hover {
	display					: block;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size				: 13px;
	color						: #000;
	text-decoration	: none;
}

div.navsub td.subselected a {
	display					: block;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size				: 13px;
	color						: #000;
	text-decoration	: none;
}

div.navsub td.subselected a:hover {
	display					: block;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size				: 13px;
	color						: #000;
	text-decoration	: none;
}

div.navsub td.subinvisible a {
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size				: 13px;
	color						: #484848;
	text-decoration	: none;
}

div.navsub td.subinvisible a:hover {
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size				: 13px;
	color						: #484848;
	text-decoration	: none;
}
/*===/Submenu ======================================================================*/
/*=== Splash-screen ================================================================*/
td#splashmain {
	vertical-align		: top;
	font-family				: Verdana, Arial, Helvetica, sans-serif;
	font-size					: 12px;
	line-height				: 130%;
	color							: #fff;
	background					: #666;
	background-image		: url(../Images/bg_main.jpg);
	background-repeat		: no-repeat;
	background-position	: top right;
}

td.skipintro {
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 12px;
	line-height		: 130%;
	color					: #fff;
	text-align		: right;
	padding-right	: 12px;
}

td.skipintro a {
	font-family	: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 13px;
	font-weight	: bold;
	color				: #99cc99;
	text-decoration	: underline;
}

td.skipintro a:hover {
	font-family	: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 13px;
	font-weight	: bold;
	color				: #333;
	text-decoration	: none;
}
/*=== Maincontent ==================================================================*/
td#maincontent {
	vertical-align	: top;
	padding			: 10px 10px 10px 0;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 12px;
	line-height		: 130%;
	color			: #333;
	background		: #9F6; /*#beb9bf;*/
}

td#maincontent td {	
	font-family				: Verdana, Arial, Helvetica, sans-serif;
	font-size					: 12px;
	line-height				: 130%;
	color							: #333;
}

td#maincontent td.label {
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 11px;
	font-weight		: bold;
	color					: #394269;
	vertical-align: top;
}

td#maincontent a {
	font-family	: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 13px;
	font-weight	: bold;
	color				: #333;
	text-decoration	: underline;
}

td#maincontent a:hover {
	font-family	: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 13px;
	font-weight	: bold;
	color				: #394269;
	text-decoration	: none;
}

	/*=== Productoverzicht =============================*/
		/*=== Overzicht subitems ===========================*/
	td#maincontent div.productviewsubitems {
		float					: left;
		width					: 237px;
		height				: 100px;
		/*
		Gebruiken indien achtergrondafbeelding
		height					: 190px;		
		*/
		margin					: 2px;
		background-color: #210409;
		border					: 0 solid #060002;
	}
	
	td#maincontent div.productviewsubitems table {
		background-repeat		: no-repeat;
		background-position	: center;
	}
	
	td#maincontent div.productviewsubitems td {
		text-align					: center;
		vertical-align			: middle;
		background-position	: center;
		background-repeat		: no-repeat;
	}	
	
	div.productviewsubitems a {
		font-family			: "Monotype Corsiva", Vivaldi, serif;;
		font-size				: 20px;
		font-weight			: normal;
		color						: #fff;
		text-decoration	: none;		
	}
	
	div.productviewsubitems a:hover {
		font-family			: "Monotype Corsiva", Vivaldi, serif;;
		font-size				: 20px;
		font-weight			: normal;
		color						: #fff;
		text-decoration	: underline;		
	}
		/*===/Overzicht subitems ===========================*/
		/*=== Recordpaging =================================*/
	div.recpaging {
		display		: block;
		float			: right;
		width			: 50%;
		text-align: left;
		color			: #fff;	
	}
	
	td#maincontent div.recpaging a, .recpageselected {
		display	: block;
		float		: left;
		width		: 22px;
		height	: 22px;
		margin			: 0 5px 0 5px;
		border			: 1px solid #fff;
		font-family	: Verdana, Arial, Helvetica, sans-serif;
		font-size		: 12px;
		text-align	: center;
		color						: #fff;
		text-decoration	: none;
	}
	
	td#maincontent div.recpaging a:hover {
		display	: block;
		float		: left;
		width		: 22px;
		height	: 22px;
		margin			: 0 5px 0 5px;
		border			: 1px solid #999;
		font-family	: Verdana, Arial, Helvetica, sans-serif;
		font-size		: 12px;
		text-align	: center;
		color						: #fff;
		text-decoration	: none;
	}
	
	.recpageselected {
		border: none;
		text-decoration: none;
		font-weight	: bold;
		color: #666;
		background: #fff;
	}
		/*===/Recordpaging =================================*/		
		
	div.emptyruler {
		display: block;
		float: none;
		width: 730px;
		height: 1px;	
	}
	
	div#printfriendly {
		text-align: left;
		font-size: 10px;
	}
	
	div#printfriendly a, div#printfriendly a:hover {
		font-weight: normal;
		font-size: 10px;
	}
	
/*===/Maincontent ==================================================================*/
/*=== Scroller =====================================================================*/
td#scroller {
	width			: 75px;
	text-align		: right;
	vertical-align	: top;
}

iframe.scroller {
	height: 100%;
	width	: 75px;
	text-align: right;	
}

body#mainBody {
	background	: #666;
	margin		: 0 0 0 5px;
}
/*===/Scroller =====================================================================*/

/*=== Fullscreen ===================================================================*/
body#fullscreen {
	background	: #151515;
	color		: #666;
}

#fullscreen td {
	font-family	: Verdana, Arial, Helvetica, sans-serif;
	font-size	: 12px;
	line-height	: 130%;
}

a.fullscreennav {
	font-size		: 13px;
	color			: #bbbaba;
	text-decoration	: none;
}

a.fullscreennav img {
	border: 0;
}

a.fullscreennav:hover {
	font-size		: 13px;
	color			: #fff;
	text-decoration	: underline;
}

body#fullscreen td.label {
	width			: 120px;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 11px;
	font-weight		: bold;
	color			: #151515;
	vertical-align	: top;
}

body#fullscreen td.productdesc {	
	font-family	: Verdana, Arial, Helvetica, sans-serif;
	font-size	: 11px;
	text-align	: center;
}
/*===/Fullscreen ===================================================================*/
/*=== Footer =======================================================================*/
td.footer {
	width							: 778px;
	height						: 63px;
	background-image	: url(../Images/dva_bottom.gif);
	background-repeat	: no-repeat;
	color							: #fff;
	text-align				: right;
	vertical-align		: top;
	padding						: 0 22px 0 0;
}

td.footer a {
	color				: #666;
	font-family	: Verdana, Arial, Helvetica, sans-serif;
	font-weight	: bold;
	text-decoration: underline;
}

td.footer a:hover {
	color				: #99cc99;
	text-decoration: none;
}
/*===/Footer =======================================================================*/
/*=== Credits ======================================================================*/
td#credits {
	height				: 25px;
	padding				: 2px 10px 3px 0;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 12px;
	text-align		: right;
	vertical-align: bottom;
	color					: #a2a2a2;
}

td#credits a {
	padding					: 0 0 0 5px;
	color						: #bbbaba;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size				: 10px;
	text-decoration	: none;
}

td#credits a:hover {
	padding					: 0 0 0 5px;
	color						: #fff;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size				: 10px;
	text-decoration	: underline;
}
/*===/Credits ======================================================================*/
/*=== Stijlen gedefinieerd in text-editor ==========================================*/
#maincontent span.Title, #maincontent span.Title a {	
	vertical-align: bottom;
	font-family	: Futura-Thin;
	font-size		: 25px;
	font-weight	: normal;
	color				: #333;
}
/*===/Stylen gedefinieerd in text-editor ===========================================*/
