@charset "utf-8";
body  {
	font: 100% Arial, Helvetica, sans-serif;
	text-align: center; /* hiermee centreert u de container (het hoofdobject) in IE 5*-browsers Vervolgens wordt de tekst ingesteld op de standaardinstelling van links uitlijnen in de kiezer #container */
	color: #0F0;
	background-color: #003366;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	width: 100%;
}

A:hover   {COLOR: #A05599; TEXT-DECORATION:FONT-WEIGHT: bold}
A:link    {COLOR: #666; TEXT-DECORATION: none}
A:visited {COLOR: #666; TEXT-DECORATION: none} 
A:active  {COLOR: #666; TEXT-DECORATION: FONT-WEIGHT: bold}

H1 {
	padding: 0px;
	font-family: Arial Geneva, sans-serif;
	font-size: 16px;
	color: black;
	font-style: normal;
	text-align: left;
	text-decoration: none;
}

             
.Inhoud {
	padding: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
	font-style: normal;
	text-align: left;
	text-decoration: none;
}

#container {
	position: relative; /* door de toevoeging van position: relative kunt u de twee zijbalken relatief ten opzichte van deze container (het hoofdobject) positioneren */
	width: 1014px; /* de automatische marges (d.m.v. auto), in combinatie met een breedte, centreren de pagina */
	border: 0px none #000000;
	text-align: center; /* hiermee wordt de instelling text-align: center voor het element body genegeerd. */
	height: 798px;
	margin: auto;
	background-image:url(../images/achterrand.jpg);
	background-color: #036;
	padding-top: 20px;
} 

#header {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	overflow: visible;
	visibility: visible;
	z-index: auto;
	margin: 0px;
	bottom: 0px;
	position: absolute;
	background-color: #003366;
	top: 0px;
	left: 0px;
	height: 200px;
	width: 1000px;
	background-image: url(../images/achtergrondB____test.jpg);
	padding: 0px;
} 

#sidebar1 {
	position: absolute;
	top: 236px;
	left: 33px;
	width: 136px;
	color: #FFF;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 18px;
	height: 502px;
	font-style: italic;
	text-align: center;
	line-height: 28px;
	margin: 0px;
	background-color: #f1f1f1;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
#sidebar2 {
	position: absolute;
	top: 237px;
	width: 763px;
	right: -182px;
	margin-right: 230px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	height: 515px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
	clear: none;
	float: none;
	text-align: center;
	line-height: 17px;
	cursor: crosshair;
	background-color: #FFF;
}
#mainContent {
	position: relative;
	top: 438px;
	background-color: #000;
	margin-top: 0;
	margin-right: 339px;
	margin-bottom: 0;
	margin-left: 280px;
	padding-top: 25;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	width: 225px;
	color: #999;
}
#footer {
	padding: 0;
	position: absolute;
	top: 755px;
	bottom: 0px;
	cursor: crosshair;
	width: 934px;
	right: 0px;
	left: 33px;
	height: 23px;
} 
#footer p {
	margin: 0; /* door de marges van het eerste element in de footer (voettekst) in te stellen op 0 vermijdt u het risico dat de marge wegvalt � een ruimte tussen div-elementen */
	padding: 10px 0; /* door het gebruik van padding (opvulling) voor dit element maakt u ruimte (op dezelfde manier als door middel van een marge), zonder het probleem van wegvallende marges */
}
.fltrt { /* dit exemplaar van class kan worden gebruikt om een element aan de rechterzijde van uw pagina te laten zweven. Het zwevende element moet voorafgaan aan het element dat, op de pagina, naast het zwevende element moet staan. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* dit exemplaar van class kan worden gebruikt om een element aan de linkerzijde van uw pagina te laten zweven. */
	float: left;
	margin-right: 8px;
	font-size: 10px;
}



#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #FFFFFF;
	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: url('../images/blank.gif') no-repeat; /* Trick IE into showing hover */
	display: block
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('../images/prevlabel.gif') no-repeat left 15%; }
#nextLink:hover, #nextLink:visited:hover { background: url('../images/nextlabel.gif') no-repeat right 15%; }


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

#imageData{	padding:0 18px; color: #007AC3; }
#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;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #003366;
}
#fototekst {
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-size: 16pt;
	font-style: italic;
	color: #333;
}

.H1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #5CA8D5;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	font-style: italic;
}
.Inhoud {
	text-align: justify;
}
.SelecteerMenu {
	color: #5CA8E3;
	font-weight: bold;
	font-size: 12px;
}
.m3 {
	font-size: 18px;
}