body {
 margin: 0;
 color: #0020b0;
 background-color: white;
 background-image: url(Bilder/ball_4.png);
 background-repeat: no-repeat;
 background-position: right top;
 background-attachment: fixed;
 font-size: 12pt;
 font-family: Comic Sans MS,Arial Rounded MT Bold,Arial,sans-serif;
}

a {
 text-decoration:none;
 color: #400080;
}
a:hover {
 color: #ff4444;
}

img { border:none }

div#Kopf {
 height: 1.5em;
 background-color: #d0e0e0;
 padding: 0.2em;
 font-size: 24pt;
 text-align: center;
}

div#Navi {
 position:absolute;
 top:0px; left:0px;
 width: 9em;
 margin: 0;
 padding: 3.7em 0 0;
 background-color: #d0e0e0;
 background-image: url(Bilder/ball_48.gif);
 background-repeat: no-repeat;
 background-position: center 0.4em;
 font-size: 1em;
}
html>body div#Navi {  /* nur fuer moderne Browser! */
 position: fixed;
}
div#Navi ul{
 margin: 0;
 padding: 0;
}
div#Navi li {
 margin: 0;
 padding: 0.1em;
 list-style: none;
 text-align:center;
}
div#Navi li ul{
 padding: 0.2em 0 0 1em;
}
div#Navi li ul li {
 font-size: 0.9em;
}
div#Navi li span {
 display: block;
 padding: 0.2em;
 color: #400080;
 background-color: #d4c5c5;
}
div#Navi li a {
 display: block;
 padding: 0.2em;
 background-color: #c5d4d4;
}
div#Navi li a:hover {
 background-color: #9ca8a8;
}
div#Navi li a:active {
 color: #9ca8a8;
 background-color: #ff4444;
}
div#Navi p {
 padding-top: 5em;
 font-size: 0.7em;
 text-align:center;
}

div#Inhalt {
 margin-left: 9em;
 padding: 0.5em;
}
html>body div#Inhalt {  /* nur fuer moderne Browser! */
 min-width: 16em; /* Mindestbreite (der Ueberschrift) verhindert Anzeigefehler in modernen Browsern */
}
div#Inhalt h1 {
 font-size: 1.3em;
 margin: 0 0 0.75em;
}
div#Inhalt h2 {
 font-size: 1.2em;
 margin: 0;
}
div#Inhalt h3 {
 font-size: 1em;
 font-weight:bold;
 margin: 0;
}
div#Inhalt p {
 font-size:1em;
 margin: 1em 0;
 text-align: justify;
}
div#Inhalt td.link a {
 display: block;
 text-align:center;
 text-decoration:none;
}
div#Inhalt td.link a:hover {
 background:#ffdddd;
}