/* body hintergrund fast weiß, scroll-leisten kirschrot */
body {background-color: #FCFEFC; scrollbar-base-color: #CC0000; scrollbar-highlight-color: #CC0000; }

/*  content: hintergrundfarbe hellschlamm, schrift verdana, schwarz, normal */
.hellschlamm {background-color: #EBEADE; font-family: Verdana, Arial, Helvetica,sans-serif; font-size: 12px; font-weight: normal; text-decoration: none;} 

/*  content: hintergrundfarbe hellgruen, schrift verdana, schwarz, normal */
.hellgruen {background-color: #DDE4DC; font-family: Verdana, Arial, Helvetica,sans-serif; font-size: 12px; font-weight: normal; text-decoration: none;} 

/*  content: hintergrundfarbe hellblau, schrift verdana, schwarz, normal */
.hellblau {background-color: #D2E2DF; font-family: Verdana, Arial, Helvetica,sans-serif; font-size: 12px; font-weight: normal; text-decoration: none;} 

/* haupt-ueberschrift im content: schrift kirschrot, fett, verdana, wird von suchmaschinen bevorzugt ausgelesen */
h1 {color: #CC0000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; }

/* unter-ueberschrift im content: schrift schwarz, fett, verdana */
.ueber { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; } 

/* beschreibungstext unter den ueberschriften auf der startseite: schrift schwarz, klein, normal */
.textklein {background-color: #FCFEFC; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; } 

/* begruessungstext auf startseite: schrift kirschrot, fett, courier*/
.textstart {background-color: #FCFEFC; color: #CC0000; font-family: Courier, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; }

/* die ganz normalen absaetze, die ueberall vorkommen: schrift verdana, normal*/
p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; }

/* unternavigation: runde ecke, dunkelschlamm, rechts oben*/
.dunkelschlammro {background:url("img/roundedbox_dunkelschlamm_ro.gif") top right no-repeat; margin:20;padding:0;}
 
/*unternavigation: runde ecke, dunkelschlamm, links oben */
.dunkelschlammlo {background:url("img/roundedbox_dunkelschlamm_lo.gif") top left no-repeat; margin:0; padding: 0em;}
 
 /* unternavigation: runde ecke, dunkelgruen, rechts oben */
.dunkelgruenro {background:url("img/roundedbox_dunkelgruen_ro.gif") top right no-repeat; margin:20; padding:0; }
 
/*unternavigation: runde ecke, dunkelgruen, links oben */
.dunkelgruenlo {background:url("img/roundedbox_dunkelgruen_lo.gif") top left no-repeat; margin:0; padding: 0em; }

/* unternavigation: runde ecke, dunkelblau, rechts oben*/
.dunkelblauro {background:url("img/roundedbox_dunkelblau_ro.gif") top right no-repeat; margin:20; padding:0; }
 
/*unternavigation: runde ecke, dunkelblau, links oben */
.dunkelblaulo {background:url("img/roundedbox_dunkelblau_lo.gif") top left no-repeat; margin:0; padding: 0em; }


/* darin werden die runde-ecken klassen im PHP-file aufgerufen 
- erster padding-wert bestimmt abstand der ueberschrift zum oberen kastl-rand. bei hohem wert wird dadurch das kastl auseinander - in die hoehe - gedrueckt
- zweiter padding-wert lässt bei hohen werten die ueberschriften umbrechen
- dritter padding-wert bestimmt die hoehe des kastls
- letzter padding-wert bestimmt den abstand der ueberschrift zum linken kastl-rand*/

/*.inhalt { margin:0; padding:1.0em 2.5em 0em 2.5em; SO PASSTS*/ 
.inhalt { margin:0; padding:1.0em 2.5em 0em 2.5em; 
}
 

/* links der hauptnavigation und auf der startseite: aktiv: schrift kirschrot, courier, fett
werden bei mouse-over dunkelschlamm, bleiben aber sonst immer kirschrot */
.naviaktiv{	color: #CC0000; font-family: Courier, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold;text-decoration:none; vertical-align:middle;}
a:link.naviaktiv {background-color: #FCFEFC; color: #CC0000; font-family: Courier, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-decoration:none; vertical-align:middle;}
a:visited.naviaktiv {background-color: #FCFEFC; color: #CC0000; font-family: Courier, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold;text-decoration:none;vertical-align:middle; }
a:hover.naviaktiv {background-color: #FCFEFC; color: #D6D4BD; font-family: Courier, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold;text-decoration:none; vertical-align:middle;}
a:active.naviaktiv {background-color: #FCFEFC; color: #CC0000; font-family: Courier, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold;text-decoration:none; vertical-align:middle;}


/* links der hauptnavigation: inaktiv: schrift dunkelschlamm, courier, fett. 
werden bei mouse-over kirschrot, bleiben aber sonst immer dunkelschlamm */
.navinaktiv{color: #CC0000; font-family: Courier, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold;text-decoration:none; vertical-align:middle;}
a:link.navinaktiv {background-color: #FCFEFC; color: #D6D4BD; font-family: Courier, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-decoration:none; vertical-align:middle;}
a:visited.navinaktiv {background-color: #FCFEFC; color: #D6D4BD; font-family: Courier, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold;text-decoration:none;  vertical-align:middle;}
a:hover.navinaktiv {background-color: #FCFEFC; color: #CC0000; font-family: Courier, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-decoration:none; vertical-align:middle;}
a:active.navinaktiv {background-color: #FCFEFC; color: #D6D4BD; font-family: Courier, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold;text-decoration:none;  vertical-align:middle;}

/*links der unter-navigation: schrift kirschrot, courier, fett.
werden bei mouse-over und als besuchter link hellschlamm*/
.menulink {color: #CC0000; font-family: Courier, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; text-decoration:none; vertical-align:middle;}
a:link.menulink {color: #CC0000; font-family: Courier, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold;text-decoration:none; vertical-align:middle; }
a:visited.menulink {color: #CC0000; font-family: Courier, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold;text-decoration:none; vertical-align:middle;}
a:hover.menulink {color: #EBEADE; font-family: Courier, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold;text-decoration:none; vertical-align:middle; }
a:active.menulink {color: #CC0000; font-family: Courier, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold;text-decoration:none; vertical-align:middle;}


/* links, die im content vorkommen: ausgangsfarbe kirschrot.
mouse-over und besuchte links werden dunkelschlamm */
.textlink {color: #CC0000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration:none; }
a:link.textlink {color: #CC0000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration:none; } 
a:visited.textlink {color: #CC0000; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px; font-weight: bold; text-decoration:none;}
a:hover.textlink {color: #D6D4BD; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px; font-weight: bold; text-decoration:none; }
a:active.textlink {color:#CC0000;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px; font-weight: bold; text-decoration:none;}
