body  { color: black; font-size: 100.01%; font-family: verdana, arial, sans-serif; background-color: #f0f8ff; margin: 0; padding: 1%; min-width: 640px }
a:link  { color: #8b4513; text-decoration: underline } /* Alle unbesuchten Links bekommen eine leicht bläuliche Farbe und werden unterstrichen, damit man Sie gleich im Text erkennt. */
a:visited  { color: #c67526 }
a:hover  { color: #cd853f }
a:active  { color: #cd853f }
/* Besuchte Links werden schwarz, bleiben dennoch unterstrichen. Somit erkennt man wo man sich schon befunden hat. */
.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-weight: normal; font-size: 2em; line-height: 1.2em; margin: 0; padding: 0.8em 0 0.2em 0%; border-bottom: 1px dashed #e6e6fa }
h2, h3, h4   { font-weight: normal; line-height: 1.2em }
h1, h2, h3, h4, h5  { color: #8b4513; font-family: Georgia, "Times New Roman", Times, serif }

img  { max-width: 100% }

.fleft { /* Sachen, an denen der Text vorbeifließen soll, wierden diese Klassen zugewiesen. */
  float: left;
  margin: 0 1em 0.2em 0; /* Man sollte einen schönen Abstand wählen, sonst kleben die Sachen so am Text. */
}
.fright {
  float: right;
  margin: 0 0 0.2em 1em;
  padding: 1px;
}


/* -- Layoutspezifisches -- */
#container  { font-size: 0.8em; background-color: white; margin: auto; border-top: 0px; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; border-left: 1px solid #aaa; width: 900px }
#logo { background: #c0c0c0 no-repeat 0 0; width: 900px; height: 150px; overflow: hidden }
#footer {
  clear: both; /* Damit #main mindestens so hoch ausgedehnt wird wie #subnav, falls #subnav länger sein sollte. */
  padding: 0 20px;
}
/* - Logo bzw. Kopf - */
/* - Menü - */
#menu     { color: #8b4513; background-color: #eccfaa; text-align: left; margin: 0; padding: 4px }
#menu li    { font-weight: bold; font-size: 1em; list-style-type: none; padding: 0 10px 0 15px; border-right: 1px dotted #b8860b; border-left: none white; display: inline }
#menu li a  { color: #808080; text-decoration: none }

/* Navigation right-hand side */
#subnav        { font-size: 1em; float: right; padding: 10px 1% 1em; border-bottom: 1px none #aaa; border-left: 1px dotted #aaa; width: 260px; min-width: 100px }
#subnav dt       { color: #808080; font-weight: bolder; font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; padding-top: 0.5em; padding-right: 10px; padding-bottom: 0.5em; border-top: #aaa; border-bottom: 1px dotted #aaa }
#subnav dd   { margin: 0.2em 0; padding: 0 0 0.3em }
/* - Der Hauptinhaltsteil - */
#main      { line-height: 1.5em; background: no-repeat 100% 0; padding: 0 300px 0 20px }
#footer { 
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: #ddd;
border-top: 1px solid gray;
}
h6  { color: #696969; font-weight: lighter; font-size: 0.7em; font-family: Verdana, Arial, sans-serif }