body {
  color: #000033;
  background-color: #DDFFFF;
  font-size: 100.01%;
  font-family: Arial,sans-serif;
  margin: 0;
  padding: 1em;
}
a:link { color: #FF0000; }
a:visited { color: #CC1100; }
a:active {color: #000000; }
a:hover {color: #DD0000; background-color: #DDDDDD; }
a:focus {color: #000000; }

div#navigation {
  color: #FFFFFF;
  background-color: #008888;
  font-size: 1em;
  padding: 1em;
}
div#navigation a:link {
  color: #00FFFF;
}
div#navigation a:visited {
  color: #66DDFF;
}
div#navigation a:active {
  color: #338888;
  background-color: #EEEEEE;
}
div#navigation a:hover, div#navigation a:focus {
  color: #00AAAA;
  background-color: #EEEEEE;
}
div#inhalt {
  padding: 1em;
  border: none;
  min-width: 16em; /* do not change */
}
div#inhalt h1 {
  font-size: 1.6em;
}
div#inhalt h2 {
  font-size: 1.4em;
}
div#inhalt h3 {
  font-size: 1.2em;
}
div#inhalt p {
  font-size: 1.0em;
}