@page { size:portrait; }
body    { color: #000; font-size: 100.1%; font-family: Verdana, Arial, Helvetica, sans-serif; background-image: none; z-index: 1; width: 650px }
/* fstLevel sind die Hauptmenüpunkte, im ID-Block #nav liegend */
.fstLevel                           { color: #ff0; font-size: 0.7em; line-height: 1.2em; text-decoration: none; background-color: #c71585; display: none; margin-top: 0.7em }
.fstLevel p                { color: #6ff; font-weight: bold; line-height: 1em; background-color: #00f; display: none; padding: 0.4em }
.fstLevel a                   { color: #ff3; font-weight: bold; text-decoration: none; background-color: #000080; display: none; padding: 0.4em }
/* ...-Active bezeichnet die gerade angezeigte Datei */
.fstLevelActive     { color: #000080; font-size: 0.7em; font-weight: bold; line-height: 1.2em; text-decoration: none; background-color: yellow; display: none; margin-top: 0.7em; padding: 0.4em; width: 10em }
/* Nun weitere Link-Eigenschaften von fstLevel */
.fstLevel a:link      { color: #ff3; font-weight: bold; text-decoration: none; background-color: #000080; display: none; padding: 0.4em }
.fstLevel a:visited      { color: #ff6; font-weight: bold; text-decoration: none; background-color: #000080; display: none; padding: 0.4em }
.fstLevel a:hover    { color: #000080; font-weight: bold; text-decoration: none; background-color: #0ff; display: none; padding: 0.4em }
/* secLevel sind die Untermenüs von fstLevel und werden dynamisch angezeigt */
.secLevel               { font-size: 0.8em; font-family: "Courier New", Courier, mono; line-height: 0.9em; text-align: right; display: none; margin: 0.3em 0 0.2em; width: 8em; float: right }
.secLevel a      { color: #ff0; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-color: #33f; text-align: right; display: none; margin: 0; padding: 0.3em }
.secLevel a:link      { color: #ff0; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-color: #33f; text-align: right; display: none; margin: 0; padding: 0.3em }
.secLevel a:visited      { color: #ff0; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-color: #33f; text-align: right; display: none; margin: 0; padding: 0.3em }
.secLevel a:hover    { color: #039; font-weight: bold; text-decoration: none; background-color: #6ff; display: none }
/* wenn im Untermenü ein Eintrag aktiv ist:  */ 
.secLevelActive    { color: navy; font-size: 0.6em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 0.9em; background-color: yellow; text-align: right; display: none; margin: 0.3em 0 0; padding: 0.3em; width: 8.5em; float: right }
/* #nav ist der Navi-Bereich, im Print-CSS auf display:none setzen! */
#nav    { line-height: 1.2em; display: none; position: absolute; z-index: 6; top: 4em; left: 3em; width: 7em; height: 30em; border-style: none }
#nav, #navm, #kopfhg,  .fstlevel, .seclevel {visibility:hidden; height:0; width:0; display:none;}
/*  eigentlicher Textbereich  */
#inhalt             { color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; position: relative; z-index: 5; top: 0; left: 0; width: 650px; min-width: 600px }
/* #inhalts #inhalt div ul, #inhalts #inhalt div ul li , #inhalts #inhalt div ul li  h3 {text-align: left; } */

h1 { font-size: 1.2em }
h2  { font-size: 1.2em; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center }
td li.h2 { font-size: 1.2em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: left }
h3 { font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center }
h3 {text-align: left; }
p { font-size: 0.9em }
a  { color: #003; text-decoration: underline }
a:visited { color: #003; text-decoration: none }
a:hover { color: #003; text-decoration: underline }
/* die Galaxie links unten */
#hgal   { text-align: right; display: none; position: absolute; z-index: 3; top: 20em; left: 0; width: 95%; float: right; overflow: visible }
.hgal img { text-align: right }
.rechts { text-align: right; margin: 8px }

/* um float:xy aufzulösen in #nav */
.clr { clear: both }
.clr1  { clear: both; border-bottom: 2px solid #339 }
/* Rahmen-Element um Textbereich #inhalt  */
#inhalts        { background-image: none; background-repeat: no-repeat; position: absolute; z-index: 4; top: 2em }
td  { color: #000; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif }
ul { font-size: 0.8em }
.footer  { color: #39f; font-size: 0.6em; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }
.fett { font-weight: bold }
.h1a { text-align: left }
.kleiner { font-size: 0.8em }
.linker { text-align: left; width: 49%; float: left }
.rechter { margin-left: 50% }
.blauelinie {width:100%; height:1px; vertical-align: middle}
#kopf { display: none }
.noprint { display: none }
.print {display:block; visibility:visible; }