html, body {
	width: 100%;
	background: #ffffff url(/images/body_bg.gif) repeat-y center top;
	color: #000000;
}


#container {
	width: 1002px;
	margin: auto;
}

	#page-header {
		height: 105px;
		background: #FFFFFF url(/images/header1.gif) no-repeat top left;
		text-align: right;
		vertical-align: bottom;
	}
	
		#page-header-wrapper {
			position: relative;
			width: auto;
			height: 100%;
		}
	
		div#logo {
			position: absolute;
			top: 10px;
			left: 20px;
		}
		
		div#userMenu {
			height: 24px;
			padding: 0px 0px 0px 0px;
			color: #3878CF;
			/*font-weight: bold;*/
			position: absolute; 
			top: 0px;
			right: 0px; 
		}

			div#userMenu a {
				color: #3878CF;
				/*font-weight: bold;*/
				text-decoration: none;
			}

a:link.tabLink {
	font-family: Verdana, "MS Sans Serif", sans-serif;
	font-size: 10px;
	font-weight:bold;
	color: #FFFFFF;
	margin: 11px 7px 16px 8px;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
}

a:visited.tabLink {
	font-family: Verdana, "MS Sans Serif", sans-serif;
	font-size: 10px;
	font-weight:bold;
	color: #FFFFFF;
	margin: 11px 7px 16px 8px;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
}
a:hover.tabLink {
	font-family: Verdana, "MS Sans Serif", sans-serif;
	font-size: 10px;
	font-weight:bold;
	color: #FFFFFF;
	margin: 11px 7px 16px 8px;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
}

a:active.tabLink {
	font-family: Verdana, "MS Sans Serif", sans-serif;
	font-size: 10px;
	font-weight:bold;
	color: #FFFFFF;
	margin: 11px 7px 16px 8px;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
}

.tabIdle {
	background-repeat: repeat-x;
	background-image: url(/images/tabStripeOff.gif);
}

.tabActive {
	background-repeat: repeat-x;
	background-image: url(/images/tabStripeOn.gif);
}

div.tabProdOn {
	width: 120px;
	height: 16px;
	margin-right: 3px;
	border: 1px solid;
	border-color: #8AA5D0 #8AA5D0 #FFFFFF #8AA5D0;
	float: left;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
}

div.tabProdOff {
	width: 120px;
	height: 16px;
	margin-right: 3px;
	border: 1px solid;
	border-color: #8AA5D0 #8AA5D0 #8AA5D0 #8AA5D0;
	background: url('/images/tabProdViewOff.gif') repeat-x;
	float: left;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
}

td#userMenu { color: #FFFFFF; }
td#userMenu a { color: #FFFFFF; }

.tabProdContentOn {
	display: table;
	visibility: visible;
	min-height: 50px;
	height: 50px;
	padding: 0px;
	clear: both;
	border-bottom: 1px solid #8AA5D0;
	overflow: hidden;
}

.tabProdContentOff {
	display: none;
	visibility: hidden;
	clear: both;
}

ul.specBrowser {
	list-style-image: url('/images/arrow_3.gif');
	margin-top: 0px;
	position: relative;
	left: -10px;
}

ul.specBrowser li {
	position: relative;
	left: -10px;
}

ul.specBrowser a:hover {
/*	background: #FFFFFF url('/images/li_bg.gif') repeat-y;	*/
	position: relative;
	left: 2px;
}

ul.specChosen {
/*	list-style-image: url('/images/remove.gif'); */
	list-style: none;
	margin-top: 0px;
	margin-bottom: 0px;
	position: relative;
	left: -10px;
}

ul.specChosen li {
	position: relative;
	left: -10px;
}

a.rem {
	color: #33CCFF;
	text-decoration: underline;
}

hr.specBrowser {
	width: 120px;
	height: 1px;
	margin: 15px 0px 15px 0px;
	background-color: #BBC3D3;
	border-bottom: 0px solid #BBC3D3;
}

div#toolTip {
	width: 350px;
	height: 200px;
	position: absolute;
	top: 32px;
	right: 20px;
	padding: 3px;
/*	background-color: #FEFBCE;	*/
	background-color: #FFFFFF;
	border: 1px solid #000000;
	color: #000000;
	z-index: 10000;
	
}

div.showTip {
	display: block;
	visibility: visible;
	position:relative;
	z-index: 10000;
}

div.hideTip {
	display: none;
	visibility: hidden;
}

td.header {
	height: 22px;
	background: url('/images/bg_header_gh.gif') repeat-x;
	text-align: left;
}

td.header2 {
	height: 22px;
	background: url('/images/footer_bg.gif') repeat-x;
	text-align: left;
	color: #333333;
}

/* --- Laag voor het vergroten van thumbnails --- */

div#photoLayer {
	position:absolute;
	top:50px;
	left:50%;
	width:1000px;
	margin-left:-500px;
	text-align:center;
	z-index:20;
}

div#photoLayer img {
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	display:block;
	clear:both;
}

div#photoLayer img#photoLayerPhoto {
	border: 8px solid #cccccc;
}

div#photoLayer img#photoLayerPhoto.noborder {
	border:0px none;
}

.visible {
	display: block;
	visibility:visible;
}

.invisible {
	display: none;
	visibility:hidden;
}

.module {

	border:1px solid #DADADA;

	padding:12px;

	background-image: url(/images/moduleBg.gif);

	background-repeat:repeat-x;

	font-family: Verdana, Arial;

	font-size:10px;

	color:#333333;

	vertical-align:top;

	margin-right: 3px;
}
.Gradientbox       {border:1px solid #DADADA;padding:12px;	background-image: url(/images/moduleBg.gif);	background-repeat:repeat-x;}

.subcat {background-color: #fffff; height:20px; border-bottom: 1px #9CC7F7 dotted;}
.subcatOver {background-color: #E7EBF8; height:20px; border-bottom: 1px #9CC7F7 dotted; cursor:pointer;}

.MenuRight {background-color: #fffff; height:20px; border-top: 1px #9CC7F7 dotted; font-weight:bold;}
.MenuRightOver {background-color: #E7EBF8; height:20px; border-top: 1px #9CC7F7 dotted;font-weight:bold;cursor:pointer;}
	#Layer1 {
	position:absolute;
	left:4px;
	top:2px;
	width:393px;
	height:58px;
	z-index:1001;
}