/*<style type="text/css">*/
/*vanaf hier alles voor achtergrond instellen */

html{
font-size:100%

}
body{
background:url('afb/achtergrondkleur.gif');
background-repeat:repeat-x;
color		:#000000 ;
margin		:0 ;
padding		:0 ;
font-size	:100%	 ;
font-family :verdana, sans-serief;
}
/*vanaf hier alles voor top instellen*/

div#top{
position: absolute;
/*border:1px solid black;*/
background: transparent;
height: 200px ;
left: 0;
right: 0;
top: 0;
border-bottom-style: groove;
border-bottom-color:#3300cc;
border-bottom-width:5px;
}
/*
div#top img{
position:absolute;
left: 20px;
top: 20px;
}*/

div#top h1{
position:absolute;
left: 20%; /*250px;*/
font-size: 350% ;
padding:5px ;
color:#3300cc;
}

/*vanaf hier alles voor het linker menu instellen*/

div#menuleft{
position: relative;
/*border:1px solid black;*/
background:transparent;
float: left;
width:20%;
min-width: 200px;
top: 230px;
/* min-height:1000px; */
}

div#menuleft a{
background: transparent; /*#f5f5f5;*/
/*border-bottom:solid 1px #000;*/
color:#3300cc;
cursor:default;
display:block;
padding:3px 6px 3px 6px;
text-decoration:none;
}

div#menuleft a:hover{
background: transparent; /*#f5f5f5;*/
color:#0099cc;
display:block;
text-decoration:none;
}

div#menuleft ul{
list-style-type:none;
margin: 1em;
padding:0;
width:12em;
/* top:230px;
position:absolute; */
}
/*
div#menuleft ul li ul{
left:9em;
position:absolute;
visibility:hidden;
width:10em;
margin:0;
top:0px;
} */

div#menuleft ul li:hover>ul{
visibility:visible;
z-index: 1;
}

div#menuleft ul li{
position:relative;
margin:10px 0;
}
div#menuleft ul li ul li{
margin:0;
}
 



/*Vanaf hier het rechter menu instellen*/
div#menuright{
position: relative;
/*border:1px solid black;*/
float: left;
background: transparent;
/*right: 75px;*/
width:20%;
top: 230px;
min-width:200px;
}

div#menuright a{
background: transparent; /*#f5f5f5;*/
/*border-bottom:solid 1px #000;*/
color:#3300cc;
cursor:default;
display:block;
padding:3px 6px 3px 20px;
text-decoration:none;
}

div#menuright a:hover{
background:transparent; /*#f5f5f5;*/
color:#0099cc;
display:block;
text-decoration:none;
}

div#menuright ul{
list-style-type:none;
margin:1em;
padding:0;
width:15em;
}

div#menuright ul li{
position:relative;
margin:1em;
}
 
 
/*Vanaf hier alles voor content instellen*/
div#content{
position: relative;
top: 230px;
width:59%;
float:left;
min-width:200px;
}

div#content h2{
color:#0033cc;
font-size: 250%;
}

div#content h3{
color:#0033cc;
font-size: 150%;
}

div#content p{
font-size:105%;
color:#0033cc;
}

div#content img{
float:left;
margin: 0 1em 1em 0;
 }

div#content table, td, th{
border:1px solid black;
border-collapse:collapse;
padding:.3em;
}
div#content table{
float:left;
margin: 0 .3em .3em 0;
 }

div#content ul{
color:#0033cc
 } 
 
div.sectie{
clear:both;
 }
div#content div{
float:left; 
}
/* 
div#fotocollage{
float:left;
 }*/

/*hier komt de tekst voor de footer te staan*/
div#footer{
background: transparent;
bottom: 0;
top:500px;
position: relative;
left: 10px;
width: 180px;
font-size:60%;
color:#0099cc;
 }
 
 /*div#menuleft div#footer{
background: #cccccc ;
position:static;
top: 500px;

}*/