@charset "UTF-8";
body  {
	margin: 0; /* het is een goede gewoonte om de instellingen voor margin (marge) en padding (opvulling) van het element body op nul in te stellen en daarmee op de standaardinstellingen van de verschillende browsers */
	padding: 0;
	color: #000000;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 100%;
}
.mainContent {
	z-index: 1;
margin-top: 40;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 271px;
	padding-top: 20;
	padding-right: 70px;
	padding-bottom: 0;
	padding-left: 0px;
}
.mainContent1 {
	z-index: 2;
	margin-top: 40;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 40px;
	padding-top: 20;
	padding-right: 70px;
	padding-bottom: 0;
	padding-left: 0px;
}
.bodytxt {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align:justify;
	font-style: normal;
	line-height: 18px;
	color: #000;
}
.bodytxt2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align:justify;
	font-style: normal;
	line-height: 24px;
	color: #000;
}
.bodytxt3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:justify;
	font-style: normal;
	line-height: 24px;
	color: #000;
}
.bodytxtnav a:link {
	color: #FFF;
	text-decoration: none;
}
.bodytxtnav a:visited {
	text-decoration: none;
	color: #FFF;
}
.bodytxtnav a:hover {
	text-decoration: underline;
	color: #ffcc00;
}
.bodytxtcources {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 24px;
	color: #000;
	border-color: #000;
}
.bodytxtcources2 {
	line-height: 24px;
	vertical-align:text-top;
}
.sidebar7 {
	z-index: 3;
	height:67px;
	margin-left: 90px;
	padding: 0;
	float: left; /* aangezien dit een zwevend element betreft, moet er een breedte worden opgegeven */
	width: 151px; /* in op standaards gebaseerde browsers of in de op standaards gebaseerde modus van Internet Explorer omvat de feitelijke breedte van dit element div naast de breedte tevens waarden voor padding (opvulling) en border (rand) */
	background: #FFFFFF; /* de achtergrondkleur wordt weergegeven over de lengte van de inhoud in de kolom, maar niet verder */
}
.overlay2{
	position: absolute;
	top: 10px;
	z-index: 4;
	width: 510px;
	left: 251px;
}
.overlay3{
	position: absolute;
	top: 40px;
	z-index: 4;
	width: 450px;
	left: 281px;
}
.mainContent6 {
	margin-top: 40;
	margin-right: 40px;
	margin-bottom: 0;
	margin-left: 241px;
	padding-top: 20;
	width: 510px;
	padding-right: 40px;
	padding-bottom: 0;
	padding-left: 0px;
} 
.sidebar4 {
	z-index: 5;
	height:auto;
	padding: 0;
	left: 90px;
	float: left; /* aangezien dit een zwevend element betreft, moet er een breedte worden opgegeven */
	width: 151px; /* in op standaards gebaseerde browsers of in de op standaards gebaseerde modus van Internet Explorer omvat de feitelijke breedte van dit element div naast de breedte tevens waarden voor padding (opvulling) en border (rand) */
}.sidebar5 {
	position: absolute;
	top: 40px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height: 16px;
	z-index: 5;
	height:auto;
	margin-left: 40px;
	padding: 0;
	float: left; /* aangezien dit een zwevend element betreft, moet er een breedte worden opgegeven */
	width: 230px; /* in op standaards gebaseerde browsers of in de op standaards gebaseerde modus van Internet Explorer omvat de feitelijke breedte van dit element div naast de breedte tevens waarden voor padding (opvulling) en border (rand) */
}
.sidebar6 {
	position: absolute;
	top: 82px;
	left: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height: 16px;
	z-index: 5;
	padding: 0;
	float: left; /* aangezien dit een zwevend element betreft, moet er een breedte worden opgegeven */
	width: 525px; /* in op standaards gebaseerde browsers of in de op standaards gebaseerde modus van Internet Explorer omvat de feitelijke breedte van dit element div naast de breedte tevens waarden voor padding (opvulling) en border (rand) */
	background-color: #000000;
}
.sidebar1 {
	height:auto;
	margin-left: 20px;
	z-index: 6;
	padding: 0;
	float: left; /* aangezien dit een zwevend element betreft, moet er een breedte worden opgegeven */
	width: 151px; /* in op standaards gebaseerde browsers of in de op standaards gebaseerde modus van Internet Explorer omvat de feitelijke breedte van dit element div naast de breedte tevens waarden voor padding (opvulling) en border (rand) */
	background: #FFFFFF; /* de achtergrondkleur wordt weergegeven over de lengte van de inhoud in de kolom, maar niet verder */
}
.sidebar2 {
	height:auto;
	margin-left: 20px;
	padding: 0;
	z-index:10;
	float: left; /* aangezien dit een zwevend element betreft, moet er een breedte worden opgegeven */
	width: 151px; /* in op standaards gebaseerde browsers of in de op standaards gebaseerde modus van Internet Explorer omvat de feitelijke breedte van dit element div naast de breedte tevens waarden voor padding (opvulling) en border (rand) */
	background: #FFFFFF; /* de achtergrondkleur wordt weergegeven over de lengte van de inhoud in de kolom, maar niet verder */
}
.kopjes {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 15px;
	line-height: 20px;
	color: #336633;
}
.kopjeszwart {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 15px;
	line-height: 20px;
	color: #000000;
}
.kopjeszw{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	letter-spacing: 5px;
	line-height: 20px;
	color: #000000;
}
.kopjeswit{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	letter-spacing: 5px;
	line-height: 20px;
	color: #FFFFFF;
}
.kopjeswitkl{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 20px;
	color: #FFFFFF;
}
.kop {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 30px;
	color: #003300;
}
.kopjes2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	line-height: 18px;
	color: #003300;
}
.kopjes7 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	line-height: 24px;
	color: #003300;
	text-transform:capitalize;
}
.kopjes5 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	line-height: 18px;
	color: #003300;
	text-decoration:underline;
}
.kopjes4 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	line-height: 18px;
	color: #003300;
}
.kopjes3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align:right;
	font-weight:bold;
	line-height: 18px;
	color: #003300;
}
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:link, #prevLink:visited:link { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:link, #nextLink:visited:link { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
å