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

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

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

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

.li-window{
font-family: Garamond, Times new Roman, serif;
color: #FFFFFF;
}
 
.body{
margin: 0;
text-align: center;
}

.menu{
font-family: Arial;
font-size: 120%;
color: #000000;
}


div#main_container{
background-color: #3c1414
margin: 0 auto 0 auto;
width: 100%;
text-align: left;
}

div#header1{
background-color: #000000;
float: left;
width: 96%;

text-align: center;

border-bottom: solid #F9572A;
padding-left: 2%;
padding-right: 2%;
}
div#header2{
background-color: #F5DA81;
float: left;
width: 96%;

text-align: center;
border-bottom:  solid #F9572A;
padding: 0.5%;
padding-left: 2%;
padding-right: 2%;
}
div#menu{
background-color: #F5DA81;
width: 96%
height: 5%;
text-align: center;
border-bottom:  solid #F9572A;
padding-left: 2%;
padding-right: 2%;
}
#menu a:link{
 background-color: #F5DA81;
    border: none;
    color: #000000;
    padding: 0.5% 4%;
    text-align: center;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    text-decoration: none;
 
   cursor: pointer;
   display: inline-block;

}
#menu a:visited{
color: #585858;
}

#menu a:hover, a:active {
   background-color: #f0c742;
}


div#boxwindow{

background-color: #585858;
float: left;
width: 96%;


overflow: auto;
padding-left: 2%;
padding-right: 2%;

}

div#re-window{

background-color: #071918;
float: left;
width: 14.5%;



overflow: auto;
border-left:  solid #3c1414;
padding-right: 2%;
}

div#boxtitel{
background-color: #721903;
float: left;
width: 96%; 
padding-left: 2%;
padding-right: 2%;
}



div#boxvoet2{

background-color: transparant;
float: left;
width: 100%;


}