body { 
	background-color:#F2FFF2; 
	background-image: url("images/natuur_24.jpg");
	background-attachment: fixed;
	color:#402600;
	font-family: verdana, arial, Sans-Serif;
	text-align: center;
	margin: 2px;
	padding: 0;
	}

#container {
	width: 760px;
	border: solid 1px #004D00;
	margin: 0 auto;
	padding: 3px;
	background-color: #F2FFF2;
	color:inherit;
	}
	
#header {
	padding:0px;
	margin: 0px;
	background-color: #ADD9AD;
	background-image: url("logostroetenhof2b.png");
	width: 756px;
	height:86px;
	border: solid 1px #004D00;
	text-align: center;
	color:inherit;
	}
	
#inhoud {
	padding: 0px;
	margin: 3px 0 3px auto;
	background-color:#F2FFF2; /* #E5FFE5 */
	width: 81%;
	font-size: small;
	font-family: verdana, arial, Sans-Serif;
	border: solid 0px #004D00;
	text-align:left;
	color:inherit;
	}
	
#zijkant-a {
	float: left;
	width: 17%;
	margin: 3px 0 0 0;
	padding: 3px;
	background-color: #ADD9AD;
	border: solid 1px #004D00;
	text-align:center;
	color:inherit;
	}
	
#footer {
	clear: both;
	padding: 2px 2px 2px 0;
	margin-top: 3px;
	color:#ccffff;
	background-color:#009999;
	font-size: medium;
	border: solid 1px #004D00;
	text-align: right;
	}
	
#bottom {
	clear: both;
	width: 760px;
	padding: 5px;
	margin: 30px auto;
	color:#999;
	background-color:#F2FFF2;
	font-size: small;
	text-align: center;
	font-family: 'courier new', Sans-Serif;
	border: solid 1px #004D00;
	}
	
p, table, pre {
	color: #007300;
	font-family: verdana, arial, Sans-Serif;
	font-size: small;
	text-align:left;
	margin: 10px 10px 20px 10px;
	padding: 0px; 
	border: solid 0px #CCC; 
	background-color:inherit;
	}
table {background-color:#F2FFF2;}	
 table {border: solid 1px #CCC; }
  table td{padding:1px 5px}
  pre {font-size: x-small;border: solid 1px #CCC;background-color:white;padding:5px}
 #inhoud a img {
 	margin:0;
	}
 
  #inhoud a.imgfl, #inhoud a.imgfl:link , #inhoud a.imgfl:visited { 
  	float:left;
 	clear:none;
	margin: 0 10px 10px 0;
	padding:1px 1px 1px 1px;
 	border-top:1px solid gray;
 	border-right:1px solid gray;
 	border-bottom:1px solid gray;
 	border-left:1px solid gray;
	}
  #inhoud a.imgfl2, #inhoud a.imgfl2:link , #inhoud a.imgfl2:visited { 
  	float:left;
 	clear:left;
	margin: 0 10px 10px 0;
	padding:1px 1px 1px 1px;
 	border-top:1px solid gray;
 	border-right:1px solid gray;
 	border-bottom:1px solid gray;
 	border-left:1px solid gray;
	}
 #inhoud a.imgfl:hover, #inhoud a.imgfl2:hover {
	margin: 0 10px 10px 0;
	padding:1px 1px 1px 1px;
 	border-top:1px solid gray;
 	border-right:1px solid gray;
 	border-bottom:1px solid gray;
 	border-left:1px solid gray;
	}
	
	#inhoud a.imgfl2:hover {}
#inhoud ul#foto li, #inhoud ul#foto li a, #inhoud ul#foto li a:link, #inhoud ul#foto li a:visited {
	margin:0;
	border:0;
	line-height:18px;
	list-style: none;
	color:#6699CC;
	font-weight:bold;
	text-align: left;
	background-color: inherit;
	}
#inhoud ul#foto li a:hover {
	text-decoration:none;
	background-color: inherit;
	color:#007300;
	}


/* #inhoud p:first-letter {
	font-size: 130%; 
	font-weight:normal; 
	font-family:'times new roman', georgia, verdana, arial,Sans-Serif;
	color:#005900;
	background-color:#C2F2C2;
	padding:2px;
	margin:1px;
	border-top:0px solid gray;
 	border-right:1px solid #A0B3A0;
 	border-bottom:1px solid #A0B3A0;
 	border-left:0px solid gray;
	} */
p.gonext {font-size: 100%;background-color:inherit;font-family:verdana,'times new roman', georgia, arial,Sans-Serif;}
p.grijs {
	color: #999999;
	font-family: verdana, arial, Sans-Serif;
	font-size: x-small;
	text-align:right;
	background-color: inherit;
	margin: -15px 2px 2px 2px;
	padding: 0 2px;
	}

p.bottom {
	color:#999;
	background: #F2FFF2;
	font-family: verdana, arial, Sans-Serif;
	font-size: small;
	text-align:center;
	margin: 0px;
	padding: 2px; 
	border: solid 1px #ccc; 
	}
	
p.image {
	color: #995C00;
	background-color:#FFF5E6;
	font-family: verdana, arial, Sans-Serif;
	font-size: small;
	text-align:left;
	margin: -16px 0 2px 0;
	padding: 15px; 
	border: solid 0px #995C00;
	}
span.bij {
	font-style:italic;
	padding:0 2px;
	border-top:0px solid #FFE500;
	border-right:0px solid #FFE500;
	border-bottom:1px solid #B8E6B8;
	border-left:0px solid #FFE500;
	}

h1 {
	color:#007300; /* #CCFFFF */
	font-family: verdana, arial, Sans-Serif;
	font-size: large;
	text-align: center; 
	background-color: #DAF2DA; /* 009999 */
	padding: 2px;
	margin:0;
	border-top:   #CCC;
	border-right: #CCC;
	border-bottom: none;
	border-left: #CCC;
	}

h2 {
	color: #007300;
	font-family: verdana, arial, Sans-Serif;
	font-size: medium;
	text-align: left;
	padding: 10px;
	margin: 10px 0 0 0;
	border-top: solid 1px #CCC;
	background-color: inherit;
	}

h3 {
	color: #007300;
	font-family: verdana, arial, Sans-Serif;
	font-size: medium;
	letter-spacing: 0px;
	text-align: left;
	padding: 0 0 0 10px;
	margin: 10px 0 0 0;
	background-color: inherit;
	}
a.headlink, a.headlink:link, a.headlink:visited, a.headlink:hover  {
	display:block;
	color:#6699cc;
	font-family: verdana, arial, Sans-Serif;
	font-size: large;
	letter-spacing: 0px;
	text-align: left;
	padding: 0 0 0 10px;
	margin: 20px 0 0 0;
	background-color: inherit;
	border:0;
	
	}
a.headlink:hover  {
	text-decoration:none;
	background-color: inherit;
	color:#007300;
	}
	
h4 {
	color: #007300;
	font-family: verdana, arial, Sans-Serif;
	font-size: small;
	letter-spacing: 0px;
	text-align: left;
	padding: 0 0 0 10px;
	margin: 10px 0 0 0;
	background-color: inherit;
	}

h5,h6 {
	color: #402600;
	font-family: verdana, arial, Sans-Serif;
	font-size: x-small;  
	letter-spacing: 0px;
	text-align: left;
	padding: 1px 3px 1px 30px;
	margin: 0; 
	border-top: dotted 0px #C3D9CF;
	border-right: none;
	border-bottom: dotted 0px #C3D9CF;
	border-left: none;
	background-color: inherit;
	}

a.footlevel, a.footlevel:link, a.footlevel:visited {
	background-color:#009999; 
	text-align:center; 
	text-decoration:none; 
	font-family:verdana, arial, sans-serif; 
	font-size: xx-small; 
	color:#ccffff;
	padding: 0px;
	font-weight: normal;
	}

a.footlevel:hover {
	color:#FFF; 
	background-color:#009999;  
	font-weight: normal;
	text-decoration:none;
	padding: 0px;
	}
	
a:link, a:visited { 
	color:#6699CC; 
	background-color:inherit;/* #D9FFD9 */
	text-decoration: underline; 
	font-size: small;
	font-family: verdana, arial, sans-serif;
	}

a:hover { 
	background-color:inherit;
	font-weight: normal;
	text-decoration:none;
	color:#007300;
	}
	
a.lees, a.lees:link, a.lees:visited {
	font:bold x-small verdana,Sans-serif;
	color:#6699CC;
	background-color: inherit;
	border:0;
	}
	
a.lees:hover {
	color:#6699CC;
	}

a.imgh:hover {
	background-color:#E5FFE5; 
	color: inherit;
	}

a.extern:link {  
	color: #00248F; 
	text-decoration: underline; 
	font-size: small;
	font-family: verdana, arial, sans-serif;
	background-color: inherit;
	}

a.extern:hover{ 
	color: #E6ECFF; 
	background-color: #00248F;   
	text-decoration: underline; 
	}
	
a.niet, a.niet:hover {
	background-image: url("backgr.jpg");
	color:#999;
	background-color: inherit;
	}

a.navtop, a.navtop:link, a.navtop:visited { 
	background-color:#FFF5E6;
	padding: 0px;
	text-align:left; 
	text-decoration:none; 
	font-family:verdana, arial, sans-serif; 
	font-size:x-small; 
	font-weight: normal;
	color:#999999; 
	}
	
a.navtop:hover {
	color:#666666;
	background-color: inherit;
	}
	
img {
	border: none;
	margin: 10px 10px 20px 10px; 
	
	}
	
img.e {
	border: none;
	margin: 0 10px; 
	}
	
ol.text{
	list-style-image: url('text.gif');
	}
   
ul { 
	list-style: disc;
	color:#007300;
	font-weight:bold;
	text-align: left;
	background-color: inherit;
	}
	
ul li { 
	background-color: inherit;
	color:#007300;
	font-weight:normal;
	text-align: left;
	}
	
ul.nadruk li {
	font-weight:bold;
	}
p#copy, p#copy a {font-size:x-small;text-align:right;color:#004040;background:inherit;margin:0;padding:0;margin-top:10px;}

/* opacity effect 
div.transOFF {
	width: 100%; 
	background-color:#E5FFE5;
	border:0px; 
	}
	
div.transON  {
	width: 100%; 
	background-color:#E5FFE5;
	opacity:.75;filter: alpha(opacity=75); 
	-moz-opacity: 0.75;
	border:0px; 
	} */

	/* menu */
/* uitgangspunt Suckerfish! http://www.htmldog.com/articles/suckerfish/dropdowns/example/bones1.html */

#nav {
	position:relative; /* 26oktober stond op float:left misschien terug zetten op position:relative */
	z-index: 15;
	
	}

 #nav, #nav ul { /* all lists */
 	
	padding: 0;
	margin:  0; 
	list-style: none;
	width: 130px; /* 120 */
	font-size: 1.16em; /* .8em */
	font-family: georgia, verdana,arial, Sans-Serif;
	
	}

#nav a {
	display: block; 
	width: 126px; /* 120 */
	color: #007300; 
	text-decoration: none;
	background-color:inherit;
	letter-spacing:0px; /* stond er niet */
	padding: 1px;/* stond er niet */
	border:1px solid #fff;
	margin: 1px 0;
	font-weight:bold;
	font-family: verdana,arial, Sans-Serif;
	}
	
#nav li ul li a, #nav li ul li a:hover  {border:1px solid #ADD9AD;}
#nav li ul li a:hover {background-color:#8FBF8F;color:#F2FFF2;}
#nav li ul {
	border-top: 3px solid #CCFFFF; 
	border-right: 3px solid #009999;  
	border-bottom: 3px solid #009999;  
	border-left: 3px solid #CCFFFF; 
		
		}
#nav a.pijl, #nav a.pijl:link, #nav a.pijl:visited {
	background-image: url("images/pl1.jpg");
	background-repeat: no-repeat;
	background-position:95% 9px;
	padding: 1px;
	} 
	
#nav li { /* all list items */
	float: left; 
	width: 130px; /* 120 */
	background: #ADD9AD; /* #FFC68C */
	color:inherit;
	font-weight: normal; 
	line-height: 120%; /* stond op 1.3em, daarvoor 1.7em, deze bepaalt de hoogte van de knoppen! */
	padding: 0; /* 0 5px 0 5px */
	margin-bottom: 0;   /* 3px */
	
	}

#nav li ul { /* block of second-level lists */
	position: absolute;
	/*	using left instead of display to hide menus because "display: none"
		isn't read by screen readers */
	left: -999em; 
	background: #ADD9AD;
	color:inherit;
	padding-top: 1px;
	
	}

#nav li ul li { /* second-level list-items */
	font-size: 90%; 		/*  125% */
	background: #ADD9AD; /* #FFB973 */
	color:inherit;
	line-height: 80%; /* stond er  niet */
	
	}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	/* eerst moeten de submenu-knoppen op gelijke hoogte van het bijbehorende menu-item komen;
	   proefondervindelijk: */	   
	margin-top: -1.3em; /*  */
	left: 130px;
	padding-left: 1px;
	padding-right: 3px; /*  */
	
	}

* html #nav li:hover ul, * html #nav li.sfhover ul { /* IE-hack, correctie verkeerde maatvoering */
	padding-right: 1px;
	padding-bottom:1px;  
	
	}

#nav a:hover {
	color: #F2FFF2;
	background-color:#8FBF8F;
	font-family:verdana,arial, Sans-Serif;
	font-weight: bold;
	width: 126px;
	letter-spacing:0px;
	padding:1px;
	border:1px solid #CCFFFF;
	}
	
/* #nav a.pijl:hover {
	background-image:inherit; 
 url("images/pl3.jpg"); 
	background-repeat: no-repeat;
	background-position:95% 9px;
	padding: 1px;
	} 
*/

/* 
	#nav li:hover, #nav li.sfHover  {  bg-kleur van knoppen wisselen bij hover 
	background: #FFFFFF; 
	border-top: 1px solid #4D1A00;     border stond er niet 
	border-right: 1px solid ##FFAA80;  border stond er niet 
	border-bottom: 1px solid #FFAA80;  border stond er niet 
	border-left: 1px solid #4D1A00;    border stond er niet 
	} 
*/

/* einde menu-styles */