#cont        { position: absolute; left: 30px; top: 100px; width: 600px }
#menu        { position: absolute; left: 645px; top: 90px; width: 154px; background-color: #FFFFCC;
               border:1px solid #000000 }
#oben        { position: absolute; left: 340px; top: 2px; width: 270px; height: 91px }


body         { background-color: #CCCCCC; margin: 0pt;
               font-family: Arial, Helvetica, sans-serif, 'sans serif'; font-size: 9pt; 
               background-image:url('bg2.gif'); background-repeat:no-repeat }

p, td, tr    { font-family: Arial, Helvetica, sans-serif, 'sans serif'; font-size: 9pt }

p            { margin-top: 0.6em; margin-bottom: 0.4em }

td           { vertical-align: top}

h1, h2, h3   { font-family: Arial, Helvetica, sans-serif, 'sans serif'; font-weight: bold }
h1           { font-size: 20pt; color: #CC0000; margin-top: 0em; margin-bottom: 0em }
h2           { font-size: 10pt; color: #FFFFFF; margin-top: 0.1em; margin-bottom: 0.1em }
h3           { font-size: 20pt; color: #FFFFFF; margin-top: 0.1em; margin-bottom: 0.1em }

/* Für Tabellen-Kästen*/

td.ohne      { padding-left:5; padding-right:5 }

td.s_o      { border-left:1px solid #000000; border-right:1px solid #000000; border-top:1px solid #000000; 
              padding-left:5; padding-right:5; background-color:#CC3333 }
td.s_u      { border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000;
              padding-left: 5; padding-right: 5; background-color: #FFFFCC }

td.i_o      { border-left:1px solid #000000; border-right:1px solid #000000; border-top:1px solid #000000; 
              padding-left:5; padding-right:5; background-color:#6699CC }
td.i_u      { border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000;
              padding-left: 5; padding-right: 5; background-color: #D0E2F9 }

td.t_o      { border-left:1px solid #000000; border-right:1px solid #000000; border-top:1px solid #000000; 
              padding-left:5; padding-right:5; background-color:#999999 }
td.t_u      { border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000;
              padding-left: 5; padding-right: 5; background-color: #FFFFFF }

td.tt       { border:1px solid #000000; padding-left:5; padding-right:5; background-color:#999999 }

/* Für Tabellen-Abstände, einzeiliger Abstand*/

.abst       { margin-top:0; margin-bottom:0; font-size: 6pt}

/* Für Preis und Termin-Link*/

.tp          { float:right; font-weight: bold; margin-top: 0.1em; margin-bottom: 0.1em}
span.termin  { font-size: 9pt; text-decoration:underline; color: #FFFFFF}
span.preis   { font-size: 11pt; color:#FFFF00 }


/* li steht im html-code innerhalb ul !!! ul erzeugt die Einrückung  !!! li erzeugt die bullets !! */

li           { list-style-type:disc; margin-top: 0.4em; margin-bottom: 0.4em }
ul           { padding-left: 18px; margin-left: 0px; text-indent:0px;
               margin-top: 0.4em; margin-bottom: 0.6em }

/* Für ausschließlich IE wäre folgende Anweisung ideal */
/*ul           { margin-left: 15px; text-indent:0px}*/


/* Für Navigation-Gruppenkopf*/

.navi_gru     { font-size: 11pt; font-weight: bold; 
                background-color: #CC3333; color:#FFFFFF; 
                padding-left:5px; padding-top:2px; padding-bottom:2px; 
                margin-top:0px; margin-bottom:3px }


/* Netscape 4.0 und der MS IE 3.0 interpretieren nur Angaben zur Farbe, nicht aber zur Schriftformatierung.*/
/* Netscape 4.0 interpretiert das Pseudo-Format a:active nicht. */

a:link       { text-decoration: none; color:#006600}

a:visited    { text-decoration: none; color:#006600}

a:hover      { text-decoration: none; color:#CC0000}

a:active     { text-decoration: none; color:#CC0000}


/* deshalb für Navigation mit folgendem selector Schriftart und Hintergrund bestimmen */

.navi        { font-size:9pt; font-weight:bold; padding-left:7px; color:#CC0000;
               margin-top:0px; margin-bottom:6px; line-height:130% }

/* für Navigation im Text lediglich mit Unterstreichen-Icon arbeiten!!!!! */