body {
    /* color:DDDDFF; */
    color:DDFFDD;
    font-family:verdana,sans-serif;
    font-size: 100.01%;
    margin: 0; padding: 1em;
    /*background-color:#111111; */
    background-color:black;
    /*background-image:url(janispattern.jpg)*/
}


a:link    { color:#DDDDFF; text-decoration:underline; }
a:visited { color:#DDDDFF; text-decoration:underline; }
a:focus   { color:#DDDDFF; text-decoration:underline; }
a:hover   { color:white; text-decoration:none; }
a:active  { color:#DDDDFF; text-decoration:underline; }


ul#Navigation {
  font-size: 0.91em;
  float: left; width: 10em;
  margin: 0; padding: 0;
  margin-left: 0.5em;
  border: 0px solid silver;
}
ul#Navigation li {
  list-style: none;
  margin: 2px; padding: 4px;
  margin-bottom: 7px;
  background-color: #FFDC00; /* gelber rand um rahmen */
}
ul#Navigation a {
  display: block;
  padding: 0.3em;
  font-weight: bold;
  font-size:1.0em;
  text-align:center;
  text-decoration:none;
  border: 2px solid black;
}
ul#Navigation a:link {
  /* color: #222222; background-color: #9999BB; */
  color: #222222; background-color: #FFDC00; */
}
ul#Navigation a:visited {
  color: #222222; background-color: #FFDC00; */
}
ul#Navigation a:hover {
  /* color: #222222; background-color: #CCCCEE; */
  color: #222222; background-color: #FFEE80; */
}
ul#Navigation a:active {
  color: #9999BB; background-color: black; */
}

div#Inhalt {
  margin-left: 12em;
  padding: 0 1em;
  border: 0px solid silver;
  min-width: 16em; /* Mindestbreite (der Ueberschrift) verhindert Anzeigefehler in modernen Browsern */
}
div#Inhalt h1 {
  font-size: 2em;
  margin: 0 0 0em; 
  text-align: center;
}
div#Inhalt h2 {
  font-size: 1.2em;
  margin: 0 0 1em;
}
div#Inhalt p {
  font-size:1em;
  margin: 1em 0;
}

li {
  margin-bottom: 1em;
}