/* *********************************positionering div's************************************/
/* *********************************positionering div's************************************/
/* *********************************positionering div's************************************/
body{
	margin:0px;
	padding:0px;
	margin-right:auto;
	margin-left:auto;
	height:100%;
	width:100%;
	overflow: auto;
	background:#202D26;
	font-size: 14px;
	font-family:  Verdana, Arial,Helvetica, sans-serif; 
	line-height: 150%;
	color: #ffffff;		
	display:inline;	
}
img{
	border: 0px;
}

#container{
	width:800px;
	margin-left:auto;
	margin-right:auto;
}
#website {
	float:left;
	width: 800px;
	border:1px solid #A8A9AA;	 	
}
#logo {
width: 260px;
height:95px;
float:left;
margin-left:10px;
margin-top:20px;
}

#menu{
float:left;
margin-top:30px;
margin-left:20px;
width: 500px;
height: 37px;
}

#contenthome{ 
float:left;
width: 768px;
margin-left:20px;
background-image:url(../images/ontwerp/homecenter.gif); 
background-repeat: repeat-y; 
background-position:center;
}
#content{ 
float:left;
width: 761px;
margin-left:20px;
background-image:url(../images/ontwerp/center.gif); 
background-repeat: repeat-y; 
background-position:center;
}

/******************************* FOOTER WEBSITE*****************************************************/
#footerhome{
width:800px; 
float:left;
margin-left:20px;
margin-top:-5px;
background:url('../images/ontwerp/homebottom.gif');
background-repeat:no-repeat;}

#footer{
width:800px; 
float:left;
margin-left:20px;
margin-top:-5px;
background:url('../images/ontwerp/centerb.gif');
background-repeat:no-repeat;}
.footer_leftwebsite {
	float: left;
	text-align: left;
	padding: 20px 0px 5px 0px;/* boven | rechts | onder | links*/
}



.footer_rightwebsite {
	float: right;
	text-align: right;
	padding: 20px 40px 0px 0px;
}



#vogels{
float:left;
width: 754px;
height: 476px;
margin-left:0px;
background-image:url(../images/ontwerp/vogels.jpg); 
background-repeat: no-repeat; 
background-position:left;
}

#zoogdieren{
float:left;
width: 754px;
height: 476px;
margin-left:0px;
background-image:url(../images/ontwerp/zoogdieren.jpg); 
background-repeat: no-repeat; 
background-position:center;
}
#amfibieen{
float:left;
width: 754px;
height: 476px;
margin-left:0px;
background-image:url(../images/ontwerp/amfibieen.jpg); 
background-repeat: no-repeat; 
background-position:center;
}
#insecten{
float:left;
width: 754px;
height: 476px;
margin-left:0px;
background-image:url(../images/ontwerp/insecten.jpg); 
background-repeat: no-repeat; 
background-position:center;
}
#planten{
float:left;
width: 754px;
height: 476px;
margin-left:0px;
background-image:url(../images/ontwerp/planten.jpg); 
background-repeat: no-repeat; 
background-position:center;
}
#landschap{
float:left;
width: 754px;
height: 476px;
margin-left:0px;
background-image:url(../images/ontwerp/landschap.jpg); 
background-repeat: no-repeat; 
background-position:center;
}
#zijsprong{
float:left;
width: 754px;
height: 476px;
margin-left:0px;
background-image:url(../images/ontwerp/zijsprong.jpg); 
background-repeat: no-repeat; 
background-position:center;
}

#alfabet{
float:left;
padding: 100px 0 0px 10px;/* boven | rechts | onder | links */
width: 754px;
height: 40px;
}
#overzicht{
float:left;
padding: 30px 0 0px 10px;/* boven | rechts | onder | links */
width: 190px;
height: 290px;
}

#presentatie{
float:left;
padding: 10px 0 0px 10px;/* boven | rechts | onder | links */
width: 626px;
}


/* ****************************opmaak lijsten menu************************************/
ul#hoofdmenu{ 
white-space: no-wrap; /*zorgt ervoor dat je menu niet ineens over meerdere regels komt te staan*/
margin: 0;/*zorgt ervoor dat hoofdmenuvak geen margin en padding heeft, dus linksboven in de hoek begint*/
padding: 0;}

ul#hoofdmenu li{
display: inline;/*zorgt voor een horizontaal menu*/
margin:0 0 0px 3px; /* boven | rechts | onder | links :3px ruimte tussen menuitems*/
padding: 8px 0 0px 3px;
float: left;
width: 74px;
height:25px;
background-color:#9DC22E;
}

ul#hoofdmenu li a{  
list-style:none; 
color:#ffffff;/*wit*/ 
text-decoration:none;
margin: 0 0px 0 0;
padding: 3px 5px 0px 2px;
height:50px;
display: block;}


ul#hoofdmenu li a:hover{ 
color:#000000;
text-decoration: none;
padding: 3px 5px 0px 2px;
height:50px;
display: block;}
/****************submenu*/
ul#hoofdmenu ul {
position: absolute;
margin: 0;
padding: 0;
top: 64px;
line-height:25px;
width:110px; /* breedte van het menu mag je zelf kiezen, als je tekst er maar inpast */
border: 1px solid #191919;
list-style: none;
}

ul#hoofdmenu ul li{
border-bottom:0px solid #fff; /* workaround for IE */ 
line-height:25px;
text-align:left;
background-color: #799C13;/* donkergroen */
padding: 0px;
height:25px;
width:110px;
color:#000000;
} 
ul#hoofdmenu ul li a{ 
float:left;
width:110px;
background-image:none;/*anders wordt de background url van het hoofdmenu getoond*/ 
padding: 10px 5px 5px 5px; 
color:#ffffff;/*wit*/
text-decoration:none;}

ul#hoofdmenu ul li a:hover{
float:left;
width:110px;
text-decoration: none; 
padding: 10px 5px 5px 5px;
color:#000000;}/*logo oranjegeel*/



/* ****************************einde opmaak lijsten hoofdmenu************************************/

h1{   
font-size: 16px; 
color: #ffffff;
}
td.fotonummer{  font-family: Arial, Helvetica, Verdana, sans-serif; text-align: right;line-height: 20px; font-size: 11px; color:#ffffff;}

td.tekst{  font-family: Arial, Helvetica, Verdana, sans-serif; text-align: justify;line-height: 20px; font-size: 14px; color:#ffffff;}
td.tekstzwart{  font-family: Arial, Helvetica, Verdana, sans-serif; text-align: justify;line-height: 20px; font-size: 14px; color:#000000;}
td.tekstwit{  font-family: Arial, Helvetica, Verdana, sans-serif; text-align: justify;line-height: 20px; font-size: 14px; color:#ffffff;}

h1.zwart{  font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 24px; color:#000000;display:inline;}
h2.zwart{  font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 18px; color:#000000;display:inline;}

h1.wit{  font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 24px; color:#ffffff;display:inline;}
h2.wit{  font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 18px; color:#ffffff;display:inline;}

h3{  font-family: Arial, Helvetica, Verdana, sans-serif; text-align: justify;line-height: 20px; font-size: 12px; color:#DDDDD3; text-decoration:underline; display:inline;}

hr{
color:#97BE0D;
height: 2px;}

a{  
text-decoration:none;
font-family: Arial, Helvetica, Verdana, sans-serif; 
text-align: justify;
line-height: 15px;
font-size: 14px;
color:#ffffff;}

a:hover {
text-decoration: none; 
font-family: Arial, Helvetica, Verdana, sans-serif; 
text-align: justify;
line-height: 15px; 
font-size: 14px; 
color:#97BE0D;}
a.linkgb{  
text-decoration:none;
font-family: Arial, Helvetica, Verdana, sans-serif; 
text-align: justify;
line-height: 15px;
font-size: 14px;
color:#ffffff;}

a.linkgb:hover {
text-decoration: none; 
font-family: Arial, Helvetica, Verdana, sans-serif; 
text-align: justify;
line-height: 15px; 
font-size: 14px; 
color:#000000;}



a.witgroen{  
text-decoration:none;
font-family: Arial, Helvetica, Verdana, sans-serif; 
text-align: justify;
line-height: 15px;
font-size: 14px;
color:#ffffff;}

a.witgroen:hover {
text-decoration: none; 
font-family: Arial, Helvetica, Verdana, sans-serif; 
text-align: justify;
line-height: 15px; 
font-size: 14px; 
color:#97BE0D;}


img.home{
border:solid;
border-color:#464748;
border-width:2px;}

.scrollen {
		overflow:auto;
		height: 95%;
		width: 100%;}	  
		
		
		
		/*SCROLLBAR-FACE-COLOR: 	  #ffffff; voorkant*/
      /*SCROLLBAR-HIGHLIGHT-COLOR:  #8DC54C;  rand*/
      /*SCROLLBAR-SHADOW-COLOR: 	  #8DC54C; rand*/
      /*SCROLLBAR-3DLIGHT-COLOR:    #203f0b; 
      SCROLLBAR-ARROW-COLOR:	  #8DC54C;	/*pijltje*/ 
      /*SCROLLBAR-TRACK-COLOR: 	  #ffffff; /*achtergrond*/
      /*SCROLLBAR-DARKSHADOW-COLOR: #203f0b; 
      /*SCROLLBAR-BASE-COLOR: 	  #203f0b;*/


/************************************ css bij javascript ShowHideDIV.js *********************************************/
.mouse2
{
visibility:hidden;
background-color: #000000;
color: white;
font-size:10px;
border:1px solid white;
z-index:10;
}  


/* einde css bij javascript showhideDIV.js voor het zichtbaar/onzichtbaar maken van div aanbieding */

/* *********************************opmaak formulieren************************************/
.antwoord { 
background-color: #ffffff;
border-color: #9DC22E; 
border-width: 1px; 
border-style: solid; 
color: black; 
font-family: Arial; 
font-size: 8pt;
} 

.button { 
background-color: #ffffff; 
border-color: #9DC22E; 
border-width: 1px; 
border-style: solid; 
font-family: Arial; 
font-size: 8pt; 
cursor: pointer 
}
/******************************** voor het gastenboek *********************************************/
#gastenboek{
	position:absolute;/*dit is nodig omdat anders het filter niet van 70 teruggaat naar 100*/
	top: 50px;
	left:200px;
	width:345px;
	height:197px;
	padding:10px;
background-color:#9DC22E;
	border: solid 1px #fff;
	z-index:20;
	filter:alpha(opacity=100);   
	-moz-opacity: 1.0;   
	opacity: 1.0;
}
#berichttop{
	width:344px;
	height: 32px;
	padding:0px;
background-color:#9DC22E;
}
.berichttop_left {
	float: left;
	text-align: left;
	padding: 5px 0px 0px 5px;
}



.berichttop_right {
	float: right;
	text-align: right;
	padding: 5px 5px 0px 0px;
}



#bericht{
	width:334px;
	padding:5px;
	border: solid 0px #1A171B;
	background:#E2DDBE;
	color: #000000;
}