.header{
font-family: Garamond, Times new Roman, serif;
color: #FFFFFF;
font-size: 175%;
}

.titel{
font-family: Garamond, Times new Roman, serif;
color: #FFFFFF;
font-size: 175%;
}

.voet{
font-family: times new roman;
color: #FFFFFF;
font-size: 95%;
}

.window{
font-family: Garamond, Times new Roman, serif;
color: #FFFFFF;
font-size: 100%;
} 

.body{
margin: 0;
text-align: center;
}

.menu{
font-family: Arial;
font-size: 75%;
}


div#main_container{
margin: 0 auto 0 auto;
width: 80%;
text-align: left;
}

div#header1{
background-color: #000000;
float: left;
width: 5%;
height: 35px;
border-right: 1px solid #8D977E;
border-bottom: 1px solid #8D977E;
}

div#header2{
background-color: #000000;
float: left;
width: 92%;
height: 35px;
border-bottom: 1px solid #8D977E;
padding-left: 2%;
}

div#li-window{
background-color: #000000;
float: left;
width: 5%;
height: 450px;
border-right: 1px solid #8D977E;
}

div#boxwindow{

background-color: #000000;
float: left;
width: 60%;

height: 450px;
padding-left: 10px;
padding-right: 10px;

overflow: auto;

}

div#re-window{
background-color: #000000;
float: left;
width: 28%;
text-align: center;
border-left: 1px solid #8D977E;
height: 450px;

}

div#boxtitel{
background-color: #8D977E;
float: left;
width: 97%; 
padding-left: 3%;
}

div#boxvoet1{

background-color: transparant;
float: left;
width: 30%;
height: 200px;
}

div#boxvoet2{

background-color: transparant;
float: left;
width: 40%;
height: 200px;
padding-top: 20px;

}

div#boxvoet3{

background-color: transparant;
float: left;
width: 30%;
height: 200px;
} 

div#menu{
position: absolute;

width: 150px;
height: 200px;
right: 20px;
top: 270px;
padding: 10px;
background-color: rgba(75,0,0,0.5);
border: 1px solid #000000;

color: #A3A996;
}