body {
  background: url(../img/backgr.gif) white;
  color: black;
  margin: 0;
  padding: 4%;
  min-width: 640px; /* Bei weniger als 640px Breite soll ein Scrollbalken erscheinen. */
  font-size: 100.01%; /* umgeht den Font-Size-Bug im Safari, älteren Operas und IE */
  font-family: DejaVu Sans, arial, sans-serif ;
}
a { color: #000080; text-decoration: underline; }
a:visited { color: #008000; }
.skip { /* Da ein wichtiger Screenreader das display: none; auch für sich versteht und nichts vorließt obwohl das hier sich vor allem an Blinde richtet, muss man es so lösen dass man diesen Link außerhalb des Sichtfeldes bringt. Somit wird er trotzdem vorgelesen. */
  position: absolute;
  margin-left: -999px;
  width: 990px;
}
h1 {
  font-size: 1.9em;
  font-weight: normal;
  line-height: 1.0em;
  padding: 1.0em 0 0.5em 1%;
  margin: 0;
  border-bottom: 1px dashed #000080;
}
h2, h3, h4 { font-weight: bold; }
h1, h2, h3, h4, h5, h6 { 
  line-height: 1.2em;
  margin-bottom: 0.5%;
  color: #000080;
  font-family: DejaVu Sans, "Times New Roman", Times, serif;
}
img {
  padding: 5px;
  max-width: 95%;
}
.fleft {
  float: left;
  margin: 0 1em 0.4em 0;
}
.fright {
  float: right;
  margin: 0 0 0.2em 1em;
  padding: 2px;
}
#container {
  font-size: 0.8em;
  line-height: 1.2em;
  max-width: 85em;
  margin: auto;
  border: 1px dotted #008000;
  border-top: 0;
  background: white;
}
#footer {
  clear: both;
  padding: 0 20px;
}
#logo {
  background: url(../img/header.jpg) 0 0 no-repeat white;
  height: 8px;
  padding: 45px 30px;
  text-align: right;
  line-height: 36px;
  font-size: 26px;
  overflow: hidden; /* Einzig der Mozilla könnte den Text unverhältnissmäßig zum Hintergrund verändern. Damit dann wenigstens das Menü benutzbar bleibt schneiden wir alles was herausragt ab. */
  margin: 0; /* Manche Browser haben das schon voreingestellt aber nicht alle, deshalb vereinheitlichen wir das. */
}
#logo a {
  color: #000080;
  text-decoration: none;
}
#menu {
  background: url(../img/menu.png) #287635;
  padding: 3px 1%;
  margin: 0;
  text-align: right;
  color: #000080;
}
#menu li {
  font-size: 1.0em;
  display: inline;
  list-style-type: none;
  border-left: 1px dotted #008000;
  padding: 0 10px 0 10px;
  font-weight: bold;
}
#menu li a {
  color: white;
  text-decoration: none;
}
#subnav {
  width: 20%;
  min-width: 20em;
  float: right;
  padding: 0px 1% 1em 1%;
  margin: 1em 1% 1 1%;
  border-left: 2px dotted #000080;
  font-size: 0.9em;
}
#subnav dt {
  font-size: 1.1em;
  font-family: DejaVu Sans, "Times New Roman", Times, serif;
  font-weight: bold;
  margin-top: 1.5em;
}
#subnav dd {
  padding: 0;
  margin: 0.2em 0;
}
#main {
  padding: 0 24% 0 20px;
  line-height: 1.4em;
}