.menu{
padding: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: .5cm;
float: right;
text-align: center;
width: 95%;
}

.footer .menu{
width: 100%;
text-align: center;
}

.footer hr{
display: none;
}

.menu li{
display: inline;
margin-right: 1em;
}

.header{
position: absolute;
top: 50px;
}

.ottertable{
float: right;
clear: right;
background-color: #D8D6E0;
width: 10em;
padding: 5px;
border-style: solid;
border-width: 1px;
text-align: center;
margin-left: 1em;
margin-bottom: 1em;
}

.innertable{
padding: 1em;
border-style: solid;
border-width: 1px;
background-color: #EDEAEB;
}

.titleimage{
clear: left;
text-align: center;
}

#picture{
text-align: center;
padding: 1em;
}

.logo{
clear: both;
text-align: center;
}

h1, h2{
display: inline;
}

h2{
margin-left: 1em;
}

h2:before {
 content: "- "; 
}

.header hr{
display: none;
}

#portrait{
float: left;
padding-right: 1em;
}