/*<style type="text/css">*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio,
video{
background:none repeat scroll 0 0 transparent;
margin:0;
padding:0;
border:0 none;
outline:0 none;
font-size:1em;
font-weight: normal;
vertical-align:baseline;

}
/*vanaf hier alles voor achtergrond instellen */
html{
background:hsl(0, 0%, 100%);
color:hsl(0, 0%, 100%);
font:1em verdana,arial,helvetica;
padding:0;
margin:0;
border:0 none;
}
body{
background:hsl(85, 100%, 35%);
background: white url("afb/web_raat_wit.png");
color:hsl(0, 0%, 0%);
margin:0;
padding:0;
font:1em verdana,arial,helvetica;
border:0 none;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,
section{ 
display:block;
} 
/*vanaf hier alles voor top instellen*/
#top{
/*border:1px solid hsl(0, 100%, 50%);*/
clear:both;
background:hsl(100, 100%, 100%);
/*background: white url("afb/web_raat_wit.png");*/
width:100%;
min-height:260px ;
left:0;
right:0;
top:10px;
bottom: 10px;
border-bottom-width:15px;
border-bottom-style:groove;
border-bottom-color:hsl(0, 0%, 75%);
}

#logo{
font-size:8em;
font-style:italic;
font-weight:bold;
margin:0;
padding-bottom: 0.1em;
text-align:center;
text-shadow:10px 10px 18px hsl(0, 0%, 4%);
}

#bijschrift_01{
font-size:3em;
font-style:italic;
font-weight:bold;
margin:0;
text-align:center;
}
#bijschrift_02{
font-size:1em;
font-style:italic;
font-weight:bold;
margin:0;
text-align:center;
}

#logo_afb1{
float: left;
}

#logo_afb2{
float: right;
}

/*vanaf hier alles voor menuleft instellen*/

nav{
/*border:1px solid hsl(0, 100%, 50%);*/
}
aside{
/*border:1px solid hsl(0, 100%, 50%);*/
margin-top:5em;
}
#menuleft{
float:left;
margin-top: 2em;
background:hsl(100, 100%, 30%);
background: white url("afb/web_raat_groen.png");
width:25%;
min-width: 250px;
min-height: 3000px;
border-right-width:20px;
border-right-style:groove;
border-right-color:hsl(0, 0%, 75%);
border-radius: 0 9em 9em 0;

}
#menuleft a{
background:hsl(160, 0%, 20%);
color:hsl(0, 0%, 100%);
font-size: 1.5em;
cursor:default;
display:block;
border-radius: .5em 0;
padding:3px 6px 3px 6px;
text-decoration:none;
}
#menuleft a:hover{
background:hsl(160, 0%, 20%);
color: hsl(100, 100%, 30%);
display:block;
text-decoration:none;
}
#menuleft ul{
list-style-type:none;
margin: 5em 1em;
padding:0;
width:14em;

}
#menuleft ul li ul{
left:12em;
position:absolute;
visibility:hidden;
width:12em;
margin:0;
top:0px;
} 

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

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

#menuleft ul li ul li{
margin:0;
}
/*Vanaf hier alles voor content instellen*/

#content{
float:left;
background:hsl(48, 100%, 50%);
width: 60%;
border:4px solid hsl(120, 100%, 25%);
margin: 2em 1% 5% 5% ;
padding-bottom: 3em;
border-radius: 9em 0;
}

#content h1{
font-size:2.5em;
margin: 1em;
}

#content h2{
font-size:2.5em;
margin: 1em;
}

#content h3{
font-size:1.5em;
margin: 1em;
clear: both;
}

#content p{
/*float:left;*/
font-size:1.1em;
margin: 1em 2em;
}

#content article img{
float:left;
margin:0 1em 1em 0;
}
/*
#content article p{
clear:both;
margin:1em;
}
*/
#content table, td, th{
border:1px solid black;
border-collapse:collapse;
padding:.3em;

}

.groen{
background-color: hsl(120, 100%, 25%);
}
.rood{
background-color: hsl(0, 100%, 50%);
}
.wit{
background-color: hsl(240, 100%, 98%);
}
.blauw{
background-color: hsl(209, 100%, 55%);
}
.geel{
background-color: hsl(42, 100%, 52%);
}

.float_left{
float: left;
}

#content table{
float: none;
margin:1.5em 1.5em 1.5em 2em;

}

#content ul{
} 

#content a{
background:hsl(160, 0%, 20%);
color:hsl(0, 0%, 100%);
}

#content a:hover{
background:hsl(160, 0%, 20%);
color: hsl(100, 100%, 30%);
}

.sectie{
clear:both;
}

#content div{
float:left; 
}

footer{
width:100%;
height:3em;
clear:both;
font-size:.8em;
background:transparent;
}

footer h3{
text-align:center;
margin-top:1em;
}