body {
    color: black; background-color: #ffcf54;
    font-size: 100.01%;
    font-family: Garamond,Times,serif;
    margin: 0; padding: 1em;
}

#head h1 {
    font-size: 1.5em;
    margin: 0 0 0.7em; padding: 0.3em;
    text-align: center;
    background-color: #ffb800;
}

html>body h1 {
    border-color: gray;  /* Farbangleichung an den Internet Explorer  */
}

#menu {
    color: black; background-color: #ffb800;
    position: absolute;
    top: 2ex; left: 1em;
    /*width: 18em;*/

    font-size: 0.90em;
    float: left; width: 18em;
    margin: 0 0 2em; padding: 0.2em;
    border: 1px dashed blue;
}

html>body #menu {  /* nur fuer moderne Browser! */
    position: fixed;
}


#menu li {
list-style-type: none;
margin: 0.4em; margin-left:0.4em; padding: 0.2em;
background-color: #ffb800;
}

#menu a {
padding: 0.2em;
font-weight: bold;
border: 1px dotted blue;
}

#menu a:link {
color: #009; background-color: #ffb800;
}

#menu a:visited {
color: #608; background-color: #ffb800;
}

#menu a:hover {
color: black; background-color: #ffcf54;
}

#menu a:active {
color: black; background-color: #ffedbf;
}

/*div#info {
font-size: 0.9em;
float: right; width: 12em;
margin: 0 0 1.1em; padding: 0;
background-color: #fe4; border: 1px dashed blue;
}

div#info h2 {
font-size: 1.33em;
margin: 0.2em 0.5em;
}

div#info p {
font-size: 1em;
margin: 0.5em;
}*/

div#main {
margin: 0 12em 2em 16em;
padding: 0 1em;
}

* html div#main {
height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
}

div#main h2 {
font-size: 1.2em;
margin: 0.2em 0;
}

div#main p {
font-size: 1em;
margin: 1em 0;
}

p#footer {
clear: both;
font-size: 0.9em;
margin: 0; padding: 0.1em;
text-align: center;
background-color: #fed; border: 1px solid blue;
}