/*padding top, right, bottom, left*/
/* ie8 hack test is een voorbeeld*/
.test { color /*\**/: blue\9 }
/* einde voorbeeld */ 


ADDRESS {font-family:Arial, Helvetica, sans-serif ; color:#000000;font-size:12pt;  font-style: normal }
body {
	font-family:Arial, Helvetica, sans-serif;
	color:black;
	font-size: 15px;
	background-color:#908042;
	padding: 0px;
	margin:0px;
	font-style: normal;
}
	#geheel { 
		width:950px;position:relative;top:10px;padding:0px; 
		margin-right:auto;
		margin-left:auto; 
		border-top:0px solid #AEB8BF;
		}


	#kop{      z-index:4; height:124px; width:955px; position: relative; top: 0px; _top: 0px;/* IE6 */    padding:0px; }
	#gradient{
	z-index:5;
	height:124px;
	width:953px;
	position: relative;
	top: -124px;
	padding:0px;
	background-image:url(images/gradient.png);/* Alle Browsers */
	*top: -126px;/* IE7 en IE6 */
	_top: -128px;/*  IE6 */
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='topplaatjes/gradient.png', sizingMethod='scale'); 	
_background-image:url(topplaatjes/leeg.jpg);/* IE6 */
}
	#logo{
	z-index:6;
	height:124px;
	width:928px;
	position: relative;
	top: -250px;
	_top: -250px;/* IE6 */
	color:#f0d4a4;
	padding-left:20px;
	padding-top:0px;
	border-right:1px solid #e4b567;
	border-left:1px solid #e4b567;
	border-top:1px solid #e4b567;
}
	#inhoud{
	width:946px;
	position:relative;
	top:-270px;
	_top:-273px;/* IE6 */
	background-color:#908042;
	/*background-color:#D4DBDE;*/
	border-right:1px solid #e4b567;
	border-left:1px solid #e4b567;
	border-bottom:1px solid #e4b567;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
}
	#links{ width:400px; position:relative; float:left; }	
	#rechts{ width:500px; position:relative; float:right; }
	#rechtsbinnenlinks{width:225px; position:relative; float:left;}
	#rechtsbinnenrechts{width:225px; position:relative; float:right; border-left:3px solid #AEB8BF; padding-left:5px;}
.youtube {color:#e4b567; font-size:18px;}
h1{color:#e4b567; font-size:28px;}
h2{color:#e4b567; font-size:24px;}
h3{color:#e4b567; font-size:20px;}
.rood { color:#FF0000;}
.bio-datum{width:100px; position:relative; float:left;}
.bio-omschr{width:350px; position:relative; float:left;}
#linkpartners{ background-color:#666;}
.hidden{ visibility:hidden;}
.onderaan { text-align:center; font-family: Arial, Helvetica, sans-serif; color:#e4b567;font-size:10px; }
a:link 		{  	color: #60662D; text-decoration: none;	}
a:visited 	{  	color: #60662D; text-decoration: none;	}
a:hover 	{	background-color: #e4b567;	color: #60662D; text-decoration: none;	}
a:active	{	color: #FF0000; text-decoration: none;	}

.button {
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 12px;
	color: #e4b567;
	background-color: #AEB8BF;
	position: relative;
	left: 1px;
}
.oranjetekst {color: #EF8901}
.right_float { float:right; padding-left:10px; border: none;}
.left_float { float:left; padding-right:10px; border: none;}


/* ************************************** dropdown hoofdmenu************************** */
#mainMenu dl, #mainMenu dt, #mainMenu dd, #mainMenu ul, #mainMenu li {
margin: 2px;/*ruimte bovenaan de menubar*/
list-style-type: none;
}
#mainMenu a:link, #mainMenu a:visited {
color: #e4b567;
}
#mainMenu a:hover {
 text-decoration: none;
 color: #AEB8BF;/*beinvloed alle hover activiteiten*/
 background-color: #e4b567;
}
#mainMenu {/*eigenschappen van de menubar*/
	background-color: #CCD2D7;
	color: #e4b567;
	margin: 0px;
	padding: 2px 2px 2px 2px;
	width:944px;
	height:18px;
	position:relative;
	top:0px;
	border-right:1px solid #e4b567;
	border-left:1px solid #e4b567;
	z-index:5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	top:-250px;
	_top:-855px;/*  IE6 */
}


#menuList {
  margin: 0px 0px 0px 0px;
  padding:0px;
}

#menuList ul {
  margin: 0px 0px 0px 0px;
  padding: 0px;
  color: #e4b567;
}

#menuList span {
  margin: 0px 0px 0px 13px;
  padding:0px;
  color:#e4b567;
}

.menubar {
  margin: 0px 0px 0px 0px;
  padding: 25px;/*ruimte tussen de menubaritems*/
  display: inline;
  list-style: none outside;
  color: #e4b567;
}
/*actieve elementen in de bar*/
a.actuator {
  background-color:#CCD2D7;
	color: #e4b567;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	letter-spacing: 0px;	
}

a.actuator:hover {
  margin: 0px;
  padding: 0px;
  color: #CCD2D7;
  background-color: #e4b567;
  text-decoration:none;
}

.menu {
  color: #e4b567;
  background-color: #CCD2D7;
  border: 1px solid #CCD2D7;
  position: absolute;
  visibility: hidden; 
}
/* de uitklaplijst*/
.menu li{
	margin: 0px 0px 0px 0px;
	color: #e4b567;
	padding: 0px;
	display: inline;
	list-style: none outside;
	background-color: #CCD2D7;
}

.menu li a {/*vormgeving uitklap*/
	background-color: #CCD2D7;
	color: #CCD2D7;
	/*display: block;*/
	/*display: inline-block;*/
	display: marker;
	margin: 0px;
	padding: 0px 5px;
	text-decoration: none;
	text-align: left;
}

.menu li a:hover {
  background-color: #78B3EF;
  color: #CCD2D7;
  text-decoration:none;
}

span.key {
  text-decoration: underline;
}

#EEN_menu { width: 265px; }
#TWEE_menu { width: 140px; }
#DRIE_menu { width: 140px; }
#VIER_menu { width: 140px; }
#VIJF_menu { width: 140px; }
#ZES_menu { width: 140px; }

/* ************************************** begin lightbox************************** */
#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:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { 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; }

/* ************************************** einde lightbox************************** */
