body    { color: #333; font-size: 100%; font-family: verdana, arial, sans-serif; background-color: #c60; text-align: center; margin: 0; padding: 1%; min-width: 640px }
p { color: #333; font-family: Verdana, Arial, Sans-Serif }
a:link    { color: #804f6d; text-decoration: underline }
a:visited    { color: #804f6d }
a:hover   { color: #bc8f8f }
a:active   { color: #bc8f8f }
.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, h4, h5   { color: #800080; font-family: Georgia, "Times New Roman", Times, serif }
h3 { color: #800000; font-family: Georgia, "Times New Roman", Times, serif }
h6 { color: #696969; font-weight: lighter; font-size: 0.7em; font-family: Verdana, Arial, sans-serif }
.headerviolet   { color: #80306c; font-weight: bold; font-size: 1em; font-family: Georgia, "Times New Roman", Times, Serif }
.headerbrown { color: #800000; font-weight: bold; font-size: 1em; font-family: Georgia, "Times New Roman", Times, Serif }
img   { list-style-position: inside; max-width: 100% }
table,tr, td   { color: #333; font-style: normal; font-weight: normal; font-size: 100%; font-family: Verdana, Arial, Sans-Serif; border: #d2b48c }
td { padding-top: 3px; padding-bottom: 3px; border-bottom: 1px solid #deb887 }
.fleft { /* Sachen, an denen der Text vorbeifließen soll, werden 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      { color: #333; font-size: 0.8em; background-color: #fc9; text-align: left; margin: auto; border: solid 1px #aaa; width: 800px }
#logo    { background: #fc9 no-repeat 0 0; padding-top: 30px; width: 800px; height: 90px; overflow: hidden }
#menu       { color: #80306c; background-color: #eccfaa; text-align: left; margin: 0; padding: 4px; border-top: 1px dotted #deb887; border-bottom: 1px dotted #deb887 }
#menu li     { color: #80306c; 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: #804f6d; text-decoration: none }
#menu li a:hover { color: #bc8f8f; text-decoration: none }
/* Navigation Block */
#mainnavblock  { color: #333333; background-color: #ffdead; text-align: left; padding: 0; position: relative; width: 800px }
#subnav                { font-size: 1em; line-height: 1.5em; float: right; padding: 1em 8px; width: 180px }
#subnav p  { color: #800000; font-family: Verdana, Arial, Sans-Serif; text-align: left }
#subnav a { color: #804f6d; font-size: 1em; font-family: Georgia, "Times New Roman", Times, serif  }
#subnav a:hover  { color: #804f00; font-size: 1em; font-family: Georgia, "Times New Roman", Times, serif }
/* - Der Hauptinhaltsteil - */
#main              { color: #333; font-style: normal; font-weight: normal; font-size: 1em; line-height: 1.5em; padding: 1em 10px 1em 20px; border-right: 1px dotted #deb887; width: 560px }
#footer   { color: #80306c; background-color: #eccfaa; clear: both; margin: 0; padding: 0.5em; border-top: 1px dotted #deb887 }
.small { color: #666; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }