body,html{
text-align; center; 
padding: 0;
margin: 0;
}

h1{
font-size: 400%;
font-family: verdana, arial, helvetica, sans-serif;
color: #009999;
padding: 15px 5px 150px 10px;
margin: 0 0 0 0;
} 

h2{
font-size: 150%;
font-family: verdana, arial, helvetica, sans-serif;
color: #009999;
padding:25px 5px 10px 10px; 
}

h3{
font-size: 100%;
font-family: verdana, arial, helvetica, sans-serif;
color: #FFFFFF;
padding:10px 5px 0 10px;
}

h4{
font-size: 75%;
font-family: verdana, arial, helvetica, sans-serif;
color: #FFFFFF;
padding:10px 5px 10px 10px;
}

p.klein {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 75%;
padding: 0 0 0 10px;
color:#FFFFFF;
}

img.left{
float: left;
clear:left;
}

#gedicht{
float: left;
padding: 10px 10px 10px 10px;
}

/* .............wrap*/

#main_wrap{
width: 95%;
min_width: 835px;
max-width: 1235px;
margin: 10px auto;
background-color: red;
}

/* opmaak header*/
#header{
width: 100%;
height: 120px;
padding: 0 0 0 0;
background: green;
text-align: center;
}

#header_left{
float:left;
width: 65%;
height: 120px;
padding: 0 0 0 0;
background: #333366;
text-align: center;
border-width:10px 0px 10px 0px;
border-color: #F8F8F8;
border-style: solid;
}

#header_middle{
float: left;
width: 10%;
height: 120px;
background: #CCCCCC;
text-align: left;
border-width:10px 0px 10px 0px;
border-color: #F8F8F8 #CCCCCC #CCCCCC #CCCCCC;
border-style: solid;

}
#header_right{
float: right;
width: 25%;
height: 120px;
padding: 0 0 0 0;
background: #333366;
color: #FFF;
text-align: left;
border-width:10px 0px 10px 0px;
border-color: #F8F8F8;
border-style: solid;
}

/*................opmaak content*/

#links_container{
float: left;
width: 65%;
height: 500px;
background-color: #333366;
border-width:0px 0px 10px 0px;
border-color: #F8F8F8;
border-style: solid;
}

#midden_container{
float: left;
width: 10%;
height: 500px;
background-color: #CCCCCC;
border-width:00px 0px 10px 0px;
border-color: #CCCCCC;
border-style: solid;
}

/*verticale navigatie*/

#navcontainer{
background: #CCCCCC;
width: 100%;
margin: 15px auto;
padding: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12px;
text-align: left;
text-transform: lowercase;
}

ul#navlist{
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;
width: 90%;
}

ul#navlist li{
display: block;
margin: 0;
padding: 0;
}

ul#navlist li a{
display: block;
width: 100%;
padding: 0.2em 0 0.5em 0.2em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid ;
color: #333366;
text-decoration: none;
background: #E6E6E6;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
background: #CCCCCC;
color: #333366;
}

ul#navlist li a:hover, ul#navlist li#active a:hover{
color: #777;
background: transparent;
border-color: #aaab9c #fff #fff #aaab9c;
}


/*verticale navigatie in rechter container*/

ul{
font-family: verdana, arial, helvetica, sans-serif;
text-align: left;
font-size: 12px;
list-style: none;
padding: 0;
margin: 39px auto;
width: 70%;
}

li{
display: block;
margin: 0;
padding: 0;
}

li a{
display: block;
width: 100%;
padding: 0.2em 0 0.5em 0.2em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid ;
color: #333366;
text-decoration: none;
background: #E6E6E6;
}

li#active a{
background: #CCCCCC;
color: #333366;
}

a:hover, a:active a:hover{
color: #777;
background: #CCCCCC;
border-color: #aaab9c #fff #fff #aaab9c;
}

#rechts_container{
float: left;
width: 25%;
height: 500px;
background-color:#333366;
border-width:0px 0px 10px 0px;
border-color: #F8F8F8;
border-style: solid;
}

#footer_container{
clear: both;
height: 120px;
padding: 5px 0 0 0;
background: #CCCCCC;
width: 1235px;
text-align: center;
color: #FFF;
}