@font-face {
    font-family: 'Oswald';
    src: url('http://vault.sha-bang.de/fonts/Oswald-Regular.woff') format('woff'),
         url('http://vault.sha-bang.de/fonts/Oswald-Regular.ttf') format('ttf');
}

@font-face {
    font-family: 'Baskerville';
    src: url('http://vault.sha-bang.de/fonts/LibreBaskerville-Regular.woff') format('woff'),
         url('http://vault.sha-bang.de/fonts/LibreBaskerville-Regular.ttf') format('ttf');
}
@font-face {
    font-family: 'Baskerville';
    font-weight: bold;
    src: url('http://vault.sha-bang.de/fonts/LibreBaskerville-Bold.woff') format('woff'),
         url('http://vault.sha-bang.de/fonts/LibreBaskerville-Bold.ttf') format('ttf');
}
@font-face {
    font-family: 'Baskerville';
    font-style: italic;
    src: url('http://vault.sha-bang.de/fonts/LibreBaskerville-Italic.woff') format('woff'),
         url('http://vault.sha-bang.de/fonts/LibreBaskerville-Italic.ttf') format('ttf');
}

body {
    margin:20px;
    margin-left:60px;
    margin-right:60px;
    background-color:#EEEEEE;
    color:#000000;
    vertical-align:middle;
    font-family:Baskerville,Times,"Times New Roman",serif;
    font-size:12px;
}
table, td, th {
    background-color:#000000;
    padding:0px;
    border-width:0px;
    border-spacing:2px;
    vertical-align:top;
}
table {
    width:90%;
    margin:15px;
    margin-left:auto;
    margin-right:auto;
}
th {
    padding:5px;
    background-color:#C4C2AC;
}
td {
    padding:10px;
    background-color:#FFFFFF;
}
#menu {
    margin:0px;
    background-color:#9CBABC;
    font-weight:normal;
    font-size:110%;
    width:148px;
    height:100%;
    float:left;
    padding:10px;
    bottom:0px;
    border:2px solid black;
    position: sticky;
    top: 0;
}
#menu b {
    font-family:Oswald,Helvetica,sans-serif;
    font-weight:normal;
    font-size:120%;
}
#content {
    margin:0px;
    background-color:#FFFFFF;
    padding:20px;
    padding-top:0px;
    margin-left:170px;
    border:2px solid black;
}
#content img {
    margin-top:20px;
}
#head {
    margin:0px;
    background-color:#C4C2AC;
    right:0px;
    padding:5px;
    text-align:center;
    font-family:Oswald,Helvetica,sans-serif;
    font-weight:normal;
    font-size:220%;
    border:2px solid black;
    border-bottom:0px;
}
#head2 {
    margin:0px;
    margin-left:170px;
    background-color:#D4B6B4;
    right:0px;
    padding:10px;
    padding-left:20px;
    font-family:Oswald,Helvetica,sans-serif;
    font-weight:normal;
    font-size:150%;
    border:2px solid black;
    border-bottom:0px;
}

h1, h2, h3 {
    font-family:Oswald,Helvetica,sans-serif;
    font-weight:normal;
}

h1 {
    font-size:240%;
}
h2 {
    font-size:180%;
}
h3 {
    font-size:130%;
    margin-bottom:0px;
}

.head {
    margin-top:0px;
    margin-bottom:0px;
}
#mini {
    margin:1em;
    text-align:center;
    font-size:75%;
}