* {font-size: 100%; /*padding: 0; margin: 0;*/}

body {
    background-color: rgb(200,220,220);
    color: black;
    font: .9em/1.333 Arial, sans-serif;
    padding-bottom: 1em;
}

a { /*text-decoration: none;*/
    color: rgb(55,63,71);
}


div {
    border: 0px solid rgb(55,63,71);
}
ul{ margin-left: 4em;
}
li{
    margin-left: 1em;
}
h1 {
    font-size: 130%;
    font-weight: 700;
}

#headline {
    left: 0;
    right: 0;
    margin: .5em .5em .5em 0;
    padding: 0;
    text-align: center;
}

#headline th {
    font-size: 120%;
    font-weight: 800;
    margin: 0;
    padding: 0;
}

#headline h1 {
    font-size: 140%;
    font-weight: 700;
    margin: 0;
    padding: 0;
}
#headline h2 {
    font-size: 120%;
    font-weight: 400;
    margin: 0;
    padding: 0;
}
#headline h3 {
    font-size: 100%;
    font-weight: 400;
    margin: 0;
    padding: 0;
}

#main {
    position: absolute;
    left: 6px;
    top: 250px;
    width: 769px;
    margin: 0.5em .5em .5em 15em;
    border: 2px solid rgb(55,63,71);
    padding: 1em 1em 1em 1em;
}

#menu {
    position: absolute;
    left: 7px;
    top: 250px;
    width: 196px;
    margin: 0.5em 0.5em 0.5em 0.5em;
    border: 2px solid rgb(55,63,71);
    padding: 1em 0 1em 0;
}

#menu a {
    display: block;
    text-decoration: none;
    padding: 0 .5em 0 1.5em;
}

p.error {
    color: red;
}

ol.footnote {
    font-size: 70%;
}


.right {
    text-align: right;
}


code {
    font: .9em/1.333 Courier;
}

span.button {
    padding: .2em .5em;
    border: 1px solid  black;
    background-color: rgb(181,115,46);
}
.button a {
    color: black;
}