/*



Template Stylesheet Datei für die Startseiten (fh_startseite)

Beinhaltet keine Stylsheets für Extensions außer für tt_content



FH Color 01: #62BD19; 100%

FH Color 02: #B0DE8C; 50%

FH Color 03: #E0F2D1; 20%

FH Color 04: #EFF8E8; 10%



*/



/*-------------- Allgemeine Einstellungen --------------*/



/* Trennt verschiedene Teile des Templates von einander */

.spacer { margin: 0px; padding: 0px; border: 0px; clear: both; line-height: 1px;}

/* Gibt die (maximale) Breite der Seite an */

.max_breite { width: 997px; }

/* Seiten Body Einstellungen */

html, body { margin: 0px 0px 0px 0px; padding: 0px; width: 100%; height: 100%; font-size: 16px; font-family : Arial, Helvetica, sans-serif; color: #222222;}

/* Schiebt die Navigation ohne CSS in einen Bereich ausserhalb des Browserfensters */

.unsichtbar { visibility: hidden; position: absolute; top: -6000px; left: -6000px; height: 1px; width: 1px; }

/* Links */

A { color: #222222; text-decoration: underline; }

/* Über Links fahren */

A:hover { color: #589C22; }

/* Bilder Links */

A IMG { border: 0px; }

/*-------------- Kopfbereich der Seite --------------*/



/* Allgemeine Header-Einstellungen */

#HEADER{  background-color: #62BD19; min-width: 997px; height: 135px; }



/* Logo-Einstellungen Position */

#FHLOGO{ margin-top: 23px; padding-left: 30px; height: 87px; width: 320px; float:left; }



/* Header-Navigation Ebene 1 */

#HEADER_MENUE { clear: both; height: 27px; background-color:#589C22; width: 100%; min-width: 997px; }

/* s.o. Links */

#HEADER_MENUE .border a {  font-size: 0.93em; color: #FFFFFF; float: left; width: 156px; border-left: 1px #FFFFFF solid; text-decoration: none; vertical-align: middle; padding-left: 10px; padding-top: 0.35em; padding-bottom: 0.35em; margin-left: -1px; }

/* s.o. Links angewählt */

#HEADER_MENUE .border_act a, #HEADER_MENUE .border a:hover { background-color:#A4D867; color: #000000; }



/* Header-Navigation für Aktuelles, Kontakt, Sitemap, Erweiterte Suche und Suchformular */

#HEADER_MENUE_2 .menu_links {  float: left; text-align:right; font-size: 0.8em; color: #FFFFFF; margin-top: 10px; width: auto; padding-right: 10px; padding-left: 50px; }

/* s.o. Links */

#HEADER_MENUE_2 .menu_links a { color: #FFFFFF; text-decoration: none; }

/* s.o. über Links fahren */

#HEADER_MENUE_2 .menu_links a:hover { text-decoration: underline; }

/* s.o. Suchformular */

#HEADER_MENUE_2 .suche { float: left; margin-top: 9px; }

/* s.o. Suchformular */

#HEADER_MENUE_2 input, #HEADER_MENUE_2 form textarea { color: #222222; font-size: 0.75em; text-decoration: none; border: 1px solid #FFFFFF; background-color: #A4D867; margin-left: 3px; }

/* s.o. Such-Button */

#HEADER_MENUE_2 .button { cursor: pointer; }



/* Header-Navigation für Spracher und Schriftgröße */

#HEADER_MENUE_3 {  font-size: 0.8em; color: #FFFFFF; float: right; color: #FFFFFF; margin-top: 10px; width: auto; margin-right: 8.8em}

/* s.o. Sprache */

#HEADER_MENUE_3 .language a, #HEADER_MENUE_3 .language_hit a {  color: #FFFFFF; text-decoration: none; margin-left: 0.5em; margin-right: 0.5em; }

/* s.o. über Links fahren */

#HEADER_MENUE_3 a:hover { text-decoration: underline; }

/* s.o. Abstand zwischen Sprache und Schriftgröße */

#HEADER_MENUE_3 .abstand {padding: 1.0em; }

/* s.o. Sprach Link */

#HEADER_MENUE_3 .language_hit a { font-weight: bold; }

/* s.o. Schriftgröße größer Link */

#HEADER_MENUE_3 .fontsize_groesser a { color: #FFFFFF; text-decoration: none; width: 16px; height: 16px; margin-left: 3px; }

/* s.o. Schriftgröße kleiner Link */

#HEADER_MENUE_3 .fontsize_kleiner a { color: #FFFFFF; text-decoration: none; width: 16px; height: 16px; margin-right: 3px; }



/* Bildleiste */

#HEADER_MENUE_PICTURE { clear: both; height: 47px; background-image: url(../graphics/wald_balken.jpg); width: 100%; }



/* Menü Bild */

#MENUE_PICTURE img { border-right: solid 1px #FFFFFF; float: left; }



/* kompletter Bereich der Untermenüs */

#HEADER_MENUE_SUBMENUE { clear: both; height: 237px; background-color: #A4D867; width: 100%; min-width: 997px; }



/* kompletter Bereich der Untermneüs */

#SUBMENUE { clear: both; }



/* Berei eines Submenü Blocks */

.SUBMENUE_BLOCK { float: left; border-left: solid 1px #FFFFFF; width: 166px; height: 237px; max-width: 166px; margin-left: -1px; }



/* Untermenüpunkt Link */

#SUBMENUE .submenue_link a {  font-size: 0.8em; color: #000000; text-decoration: none; display: block; padding-bottom: 3px; padding-left: 10px; padding-right: 0px; padding-top: 2px; width: 155px; max-width: 155px; background-image: url(../graphics/menue_ebene2_off.gif); background-repeat : no-repeat; background-position : 3px 6px; }

/* s.o. über Link fahren */

#SUBMENUE .submenue_link a:hover { color: #FFFFFF; text-decoration: none; background-color: #589C22; background-image: url(../graphics/menue_ebene2_on.gif); background-repeat : no-repeat; background-position : 3px 6px; }



/* Inhalt */

#CONTENT {  font-size: 0.8em; color: #222222; padding-top: 10px; padding-bottom: 0px; margin-bottom: 0px; }

/* Inhalt Link */



/* Überschriften H1 */

.csc-header H1 { font-size: 1.25em; color: #589C22; font-weight:bold; margin-bottom: 0.8em; margin-top: 1.5em; }

/* Überschriften drüber fahren */
.csc-header H1:hover { text-decoration:underline; }

/* Überschriften mit Link */

H1 A, H2 A, H3 A, H4 A, H5 A { text-decoration: none; }

.csc-header H1 A { color: #589C22; }



/* News Modul */

#NEWS { float: left; width: 326px; padding-top: 10px; border-right: 1px solid #999999;  padding: 0px; padding-left: 5px; height: 160px; }



/* Kalender Modul */

#CALENDAR  { float: left; width: 326px; padding-top: 10px; padding: 0px; margin-left: 5px; height: 160px; }



/* Blatt */

#LEAF { left: 0px; top: 0px; background-image: url(../graphics/leaf.gif); background-repeat: no-repeat; width: 225px; height: 165px; float:left; margin-left: 60px; padding-bottom: 5px; }



/*--------------FOOTER--------------*/

/* Footer allgemein */

.footer { clear: both; width: 100%; color: #999999;  font-size: 0.8em; text-decoration: none; padding: 0px; padding-top: 0.6em; padding-bottom: 0.8em; margin: 0px; border-top: 1px solid #999999; min-width: 997px; }

/* Footer Menü allgemein */

#FOOTER_MENUE { margin-right: 20px; }

/* s.o. Intranet Link */

#FOOTER_MENUE .intranet { text-decoration: none; margin-left: 30px; padding-left: 21px; color: #999999; background-image: url(../../fh_startseite/graphics/intranet_icon.gif); background-position: 0px 5px; background-repeat: no-repeat; }

/* s.o. Intranet drüber fahren */

#FOOTER_MENUE .intranet:hover { text-decoration:underline; }

/* s.o. Internet Link */

#FOOTER_MENUE .www2 { text-decoration: none; margin-left: 30px; color: red; }

/* s.o. Internet drüber fahren */

#FOOTER_MENUE .www2:hover { text-decoration:underline; }

/* s.o. Impressum Link */

#FOOTER_MENUE .impressum { text-decoration: none; margin-left: 30px; padding-left: 23px; color: #999999; background-image: url(../../fh_startseite/graphics/impressum_icon.gif); background-position: 0px -1px; background-repeat: no-repeat; }

/* s.o. Impressum drüber fahren */

#FOOTER_MENUE .impressum:hover { text-decoration:underline; }

/* s.o. Seite empfehlen Link */

#FOOTER_MENUE .seiteempfehlen a { float: right; text-decoration: none; margin-left: 30px; padding-left: 23px; color: #999999; background-image: url(../../fh_startseite/graphics/sendafriend_icon.gif); background-position: 0px -1px; background-repeat: no-repeat; }

/* s.o. Seite empfehlen drüber fahren */

#FOOTER_MENUE .seiteempfehlen a:hover { text-decoration:underline; }

/* s.o. Feedback zur Seite Link */

#FOOTER_MENUE .autoremail { text-decoration: none; margin-left: 30px; padding-left: 23px; color: #999999; background-image: url(../../fh_startseite/graphics/autor_email_icon.gif); background-position: 6px 4px; background-repeat: no-repeat; }

/* s.o. Feedback zur Seite drüber fahren */

#FOOTER_MENUE .autoremail:hover { text-decoration:underline; }

/* Copyright Schriftzug */

#COPYRIGHT {  text-decoration: none; float: left; color: #999999; padding-left: 0.4em; }

/* Überschrift von News und Kalender */

.csc-header { margin-top: -20px; }





/* s.o. Eingabefeld, Textarea und Auswahlfeld */

form input, form textarea, form select { padding-left: 2px; padding-right: 2px; height: auto; }

/* s.o. Eingabefeld Schaltfäche für Absenden und Zurücksetzen */

form input[type=submit], form input[type=reset] { padding-left: 1em; padding-right: 1em; border: 1px solid #AAAAAA; background-color: #FFFFFF; cursor: pointer; width: auto; }

/* Schlatfläche ??? vielleicht nicht mehr benötigt */

.button { padding-left: 1em; padding-right: 1em; border: 1px solid #AAAAAA; background-color: #FFFFFF; cursor: pointer; width: auto; }