/*

Template Stylesheet Datei für alle Seiten (fh_template)
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%

Links: 			#222222;
Links hover:	#589C22;

Bereiche:
#Seiten Bereich
  36 - Allgemeine Einstellungen
  51 - Kopfbereich der Seite
 107 - Navigations Menü
 141 - Unternavigation
 170 - Subtemplate Bereich
 177 - Footer Bereich
#Inhalts Bereich / tt_content
 217 -Allgemeine Einstellungen
 242 - Punkt-/Aufzählungslisten
 258 - Überschriften
 278 - Bild / Bild mit Text
 288 - Sitemap
 328 - Rahmen um Inhaltselemente
 353 - Formular
 396 - Filelinks
 411 - Frontend editing / TYPO3 Admin Panel


*/

/*-------------- 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; }
/* Hintergund der kompletten Seite */
#BACKGROUND { background-image: url(../../fh_template/graphics/site_background.gif); }
/* Schiebt die Navigation ohne CSS in einen Bereich ausserhalb des Browserfensters */
.unsichtbar { visibility: hidden; position: absolute; top: -6000px; left: -6000px; height: 1px; width: 1px; }
/* ??? wahrscheinlich nicht nötig */
.site_description { width: 800px; border-bottom-color : Black; border-bottom-style : solid; border-bottom-width : 1px; border-top-color : Black; border-top-style : solid; border-top-width : 1px; color:black; font-size: 12px; margin-top : 10px; padding-bottom : 5px; padding-top : 5px; margin-bottom : 10px; }

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

/* Allgemeine Header-Einstellungen */
#HEADER { background-color: #62BD19; width: 100%; min-width: 997px;	height: 111px; margin: 0px; padding: 0px; }

/* Logo-Einstellungen Position */
#FHLOGO{ margin-top: 17px; padding-left: 35px; height: 68px; width: 305px; float:left; } 

/* Header-Navigation Ebene 1 */
#HEADER_MENUE { clear: both; height: 26px; background-color:#589C22; width: 100%; min-width: 995px; }
/* s.o. Links */
#HEADER_MENUE .border a, #HEADER_MENUE .border_act a { font-size: 0.9em; color: #FFFFFF; float: left; padding-left: 1.05em; padding-right: 1.05em; border-left: 1px #FFFFFF solid; display: block; text-decoration: none; vertical-align:middle; padding-top: 0.35em; padding-bottom: 0.35em; background-color:#589C22;	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; height: 30px; }
/* 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; }
/* s.o. Suchformular */
#HEADER_MENUE_2 input, #HEADER_MENUE_2 form textarea {  float: left; color: #222222; font-size: 0.75em; text-decoration: none; border: 1px solid #FFFFFF; background-color: #A4D867; margin-left: 3px; margin-top: 9px; }
/* 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: left; text-align:right; color: #FFFFFF; margin-top: 10px; width: auto; padding-right: 10px; padding-left: 1em; }
/* 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; }

/* Klickpfad / Brotkrumen */
#KLICK_PFAD { margin-left: 186px; padding-left: 5px; height: 16px; background-color: #589C22; font-size: 0.8em; color: #FFFFFF; } 
/* s.o. Link */
#KLICK_PFAD a { color: #FFFFFF; text-decoration: none; }
/* s.o. über Link fahren */
#KLICK_PFAD a:hover { text-decoration: underline; }

/* Bereichsheader Einstellungen / Bereich zwischen Header und Content */
#BEREICHSHEADER { width: 100%; min-width: 995px; height: 62px; background-color: #589C22; background-image: url(../graphics/bereichsbild_fh.jpg); background-repeat : no-repeat; background-position : 0px 0px; }

/* Titel des Bereichsheaders */
#BEREICHSTITEL { height: 46px; width: 970px; text-align: right; }

/*-------------- Navigations Menü --------------*/

/* Menü allgemein */
#MENUE { float:left; width: 178px; max-width: 178px; margin-left:0px; margin-top: 10px; font-size: 0.75em; padding: 0px; padding-left: 7px; } 
/* s.o. Link allgemein */
#MENUE A { text-decoration: none; color: black; }
/* s.o. ein Element allgemein */
#MENUE DIV.navigation { height: 23px; background-repeat : no-repeat; background-position : 0px 10px; }

/* vielleicht löschen */
/*#MENUE .text { font-family : Arial, Helvetica, sans-serif; font-weight:bold; background-color:#FFFFFF; margin-left: 8px; }*/

/* s.o. Ebene 1 */
#MENUE DIV.ebene1 { width: 155px; max-width: 155px; padding-top: 3px; padding-bottom: 3px; padding-left: 20px; font-weight: bold; background-image: url(../graphics/menue_ebene1_off.gif); background-repeat : no-repeat; background-position : 5px 6px; }
/* s.o. Ebene 1 überfahren */
#MENUE DIV.ebene1:hover { background-image: url(../graphics/menue_ebene1_on.gif); color: #62BD19; }
/* s.o. Ebene 1 über Links fahren */
#MENUE DIV.ebene1 a:hover { text-decoration: underline; }
/* s.o. Ebene 1 angewählt */
#MENUE DIV.ebene1_on { width: 155px; max-width: 155px; padding-top: 3px; padding-bottom: 3px; padding-left: 20px; font-weight: bold; background-image: url(../graphics/menue_ebene1_on.gif); background-repeat : no-repeat; background-position : 5px 6px; }
/* s.o. Ebene 1 angewählt über Links fahren */
#MENUE DIV.ebene1_on a:hover { text-decoration: underline; }

/* s.o. Ebene 2 allgemein */
#MENUE DIV.ebene2  { width: 155px; max-width: 155px; padding-top: 3px; padding-bottom: 3px; padding-left: 20px; background-position : 8px 6px; background-image: url(../graphics/menue_ebene2_off.gif); background-repeat : no-repeat; background-position : 5px 6px; }
/* s.o. Ebene 2 überfahren */
#MENUE DIV.ebene2:hover { background-image: url(../graphics/menue_ebene2_on.gif); background-repeat : no-repeat; background-position : 5px 6px; }
/* s.o. Ebene 2 über Links fahren */
#MENUE DIV.ebene2 a:hover  { color: #62BD19; text-decoration: underline; }
/* s.o. Ebenen 2 angewählt */
#MENUE DIV.ebene2_on  { width: 155px; max-width: 155px; padding-top: 3px; padding-bottom: 3px; padding-left: 20px; background-image: url(../graphics/menue_ebene2_on.gif); background-repeat : no-repeat; background-position : 5px 6px; }
/* s.o. Ebene 2 angewählt über Links fahren */
#MENUE DIV.ebene2_on a:hover { text-decoration: underline; }

/*-------------- Unternavigation --------------*/

/* Seitentitel direkt über dem Menü */
#MENUE DIV.menueseitentitel { width: 160px; max-width: 160px; padding-top: 6px; padding-bottom: 12px;padding-left: 18px;  font-size: 1.2em; color: #589C22; background-repeat : no-repeat; background-position : 0px 14px; font-weight : bold; }
/* s.o. Link */
#MENUE DIV.menueseitentitel a { color: #589C22; text-decoration: none; }

/* Home_Link */
#MENUE DIV.home_link { padding-bottom: 2em; }
/* s.o. Link */
#MENUE DIV.home_link a { width: 160px; max-width: 160px; color: #62bd19; font-size: 0.9em; padding-left: 25px; background-image: url(../graphics/home_icon.gif); background-position: 4px 2px; background-repeat: no-repeat; line-height: 1.7em;  font-weight: bold; }
/* s.o. über Link fahren */
#MENUE DIV.home_link a:hover{ text-decoration:underline; color: #62bd19; }

/* Seite drucken Link */
#MENUE DIV.seitedrucken a { width: 160px; max-width: 160px; color: #999999; font-size: 0.9em; padding-left: 25px; background-image: url(../graphics/pageprint_icon.gif); background-position: 2px -2px; background-repeat: no-repeat; line-height: 1.7em; }
/* s.o. über Link fahren */
#MENUE DIV.seitedrucken a:hover { text-decoration:underline; }

/* Seite als PDF drucken Link */
#MENUE DIV.seitepdf a { width: 160px; max-width: 160px; color: #999999; font-size: 0.9em; padding-left: 25px; background-image: url(../graphics/pagepdf_icon.gif); background-position: 2px -2px; background-repeat: no-repeat; line-height: 1.7em; }
/* s.o. über Link fahren */
#MENUE DIV.seitepdf a:hover { text-decoration:underline; }

/* Seite empfehlen Link */
#MENUE DIV.seiteempfehlen a { width: 160px; max-width: 160px; color: #999999; font-size: 0.9em; padding-left: 25px; background-image: url(../graphics/sendafriend_icon.gif); background-position: 2px -2px; background-repeat: no-repeat; line-height: 1.7em; }
/* s.o. über Link fahren */
#MENUE DIV.seiteempfehlen a:hover { text-decoration:underline; }

/*-------------- Subtemplate Bereich --------------*/

/* Subtemplate allgemein */
#SUBTEMPLATE { width: 785px; margin-left: 210px; padding: 0px; font-family : Arial, Helvetica, sans-serif; font-size: 0.8em; line-height: 1.4em; }
/* s.o. Seitentitel als Grafik */
#SUBTEMPLATE .seitentitel { margin-top: 10px; margin-left: 0px; }

/*-------------- Footer Bereich --------------*/

/* Footer allgemein */
.footer { width: 100%;  min-width: 997px; height: 20px; color: #FFFFFF; font-size: 0.8em; background-color: #62BD19; text-decoration: none; padding: 0px; margin: 0px; padding-top: 0.6em; padding-bottom: 0.3em; margin-top: 3em; }
/* Footer Menü allgemein */
#FOOTER_MENUE { float: right; text-align: right; margin-right: 20px; }

/* s.o. Intranet Link */
#FOOTER_MENUE .intranet { color: white; text-decoration: none; margin-left: 2.0em; padding-left: 21px; background-image: url(../../fh_template/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 .internet { color: white; text-decoration: none; margin-left: 2.0em; padding-left: 21px; background-image: url(../../fh_intranet_template/graphics/internet_icon.gif); background-position: 5px 2px; background-repeat: no-repeat; }
/* s.o. Internet drüber fahren */
#FOOTER_MENUE .internet:hover { text-decoration:underline; }

/* s.o. Impressum Link */
#FOOTER_MENUE .impressum { color: white; text-decoration: none; margin-left: 2.0em;padding-left: 23px; background-image: url(../../fh_template/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. Feedback zur Seite Link */
#FOOTER_MENUE .autoremail { color: white; text-decoration: none; margin-left: 2.0em; padding-left: 23px; background-image: url(../../fh_template/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; }

/* s.o. Link nach oben */
#FOOTER_MENUE .linktotop{ color: white; text-decoration: none; margin-left: 2.0em; padding-left: 23px; background-image: url(../../fh_template/graphics/linktotop_icon.gif); background-position: 0px -1px; background-repeat: no-repeat; } 
/* s.o. Link nach oben drüber fahren */
#FOOTER_MENUE .linktotop:hover { text-decoration:underline; }

/* Copyright Schriftzug */
#COPYRIGHT { text-decoration: none; color: #FFFFFF; padding-left: 0.4em; float: left; text-decoration: none; }


/**************************************/
/**   Inhalts Bereich / tt_content   **/
/**************************************/ 

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

/* Schrift für die meisten Tags */
H1, H2, H3, H4, H5, P, TD, UL, OL, BLOCKQUOTE, INPUT, TEXTAREA, SELECT { font-family: Arial, Helvetica, sans-serif; color: #222222;}
/* Schrift für Code */
PRE { font-family: monospace; }
/* Links */
A { color: #222222; text-decoration: underline; }
/* Über Links fahren */
A:hover { color: #589C22; }
/* Bilder Links */
A IMG { border: 0px; }
/* Formular */
FORM { margin: 0px 0px 0px 0px;}
/* Sprachnachricht, wenn englische Sprache nicht vorhanden ist */
.language_message { border: 1px solid #666666; color: #666666; text-align: center; width: 96%; margin: 3px; margin-top: 8px; font-weight: bold; }
/* Link to Top */
P.csc-linkToTop { text-align: right; text-decoration: none; color: #589C22; margin-top: 0em; padding-bottom: 3px; }
/* Link to top Link */
P.csc-linkToTop A { padding-left: 15px; font-size: 0.85em; color: #589C22; text-decoration: none; background-image: url(../graphics/to_top_icon.gif); background-repeat: no-repeat; background-position: 0px 5px;  border-bottom: 1px solid #589C22;}

/* Inhalt von Tabellen */
TABLE.contenttable TR TD { margin: 0px; padding: 0px; }
TABLE.contenttable P { margin: 0.0em; }

/*-------------- Punkt-/Aufzählungslisten --------------*/

/* Listen allgemein*/
UL { margin-top: 0.5em; margin-left: 0em; padding-left: 3.5em;}
OL { margin-top: 0.5em; margin-left: 0em; padding-left: 3.5em;}
LI { margin-top: 0.4em; margin-bottom: 0.4em;}

/* Listen mit dem Inhalselement (Punkt) */
UL.csc-bulletlist-0 { }
/* Listen mit dem Inhalselement (Kreis) */
UL.csc-bulletlist-1 { list-style-type : circle; }
/* Listen mit dem Inhalselement (Quadrat) */
UL.csc-bulletlist-2 { list-style-type : square; }
/* Listen mit dem Inhalselement (Aufzählung) */
UL.csc-bulletlist-3 { list-style-type : decimal; }

/*-------------- Überschriften --------------*/

/* Überschriften H1 */
H1 { font-size: 1.25em; color: #589C22; font-weight:bold; margin-bottom: 0.8em; margin-top: 1.5em; }
/* Überschriften H2 - H6 (wird nicht verwendet) */
H2 { font-size: 1.25em; font-weight:bold; margin-bottom: 0.8em; margin-top: 1.5em; }
H3 { font-size: 1.25em; color: #62BD19; font-weight:bold; margin-bottom: 0.8em; margin-top: 1.5em; }
H4 { font-size: 1.4em; font-weight:bold; margin-bottom: 1em; margin-top: 2.0em; }
H5, H6 { margin: 0px 0px 0px 0px; margin-top: 10px; margin-bottom: 2px; }
/* Erste Überschriften auf der Seite */
H1.csc-firstHeader, H2.csc-firstHeader, H3.csc-firstHeader, H4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader {  }

/* Überschriften mit Link */
H1 A, H2 A, H3 A, H4 A, H5 A { text-decoration: none; }
H1 A { color: #589C22; }
H2 A { }
H3 A { color: #62BD19; }
H4 A { color: #000000; }
H1 A:hover, H2 A:hover, H3 A:hover, H4 A:hover, H5 A:hover { text-decoration: underline; }

/*-------------- Bild / Bild mit Text --------------*

/* Bilduntertitel */
.csc-caption { font-size: 0.9em; color: #666666; vertical-align: text-top; max-width: 100%;}
/* Bilduntertitel bei TmB */
.csc-textpic-caption { font-size: 0.9em; color: #666666; vertical-align: text-top; max-width: 100%;}

/* Verhindert, dass die Aufzaehlungspunkte hinter dem Bild im Text verschwinden */
.csc-textpic-intext-left ul { list-style-position: inside; }

/*-------------- Sitemap --------------*/

/* Sitemap allgemein */
DIV.csc-sitemap ul { list-style-type:none; }
/* Sitemap Links */
DIV.csc-sitemap A { display: block;  margin-top: -1px; padding-top: 1px; text-decoration: none;}
/* s.o. 1. Ebene */
DIV.csc-sitemap ul li A { padding-left: 10px; background-color: #62BD19; color: #FFFFFF; }
/* s.o. 1. Ebene über Link */
DIV.csc-sitemap ul li A:hover { color: #FFFFFF; text-decoration: underline;}
/* s.o. ab der zweiten Ebenen um 30px nach Links einrücken, da aufzählungspunkte */
DIV.csc-sitemap ul ul { margin-left: -30px; }
/* s.o. 2. Ebene */
DIV.csc-sitemap ul ul li A { background-color: #B0DE8C; color: #222222; border: 1px solid #62BD19; }
/* s.o. 2. Ebene über Link */
DIV.csc-sitemap ul ul li A:hover { color: #222222; text-decoration: underline;}
/* s.o. 3. Ebene  */
DIV.csc-sitemap ul ul ul li A { background-color: #E0F2D1;  border: 1px solid #B0DE8C;}
/* s.o. 4. Ebene */
DIV.csc-sitemap ul ul ul ul li A { background-color: #EFF8E8;  border: 1px solid #E0F2D1;}
/* s.o. 5. Ebene */
DIV.csc-sitemap ul ul ul ul ul li A { background-color: #f7fcf3;  border: 1px solid #EFF8E8;}

/* Menü der Unterseiten allgemein */
ul.csc-menu-1 { list-style-type: none; margin-left: -40px;}
/* s.o. 1. Ebene */
ul.csc-menu-1 li {margin-top: 0px; margin-bottom: 0px; padding-top: 1.3px; padding-bottom: 1.3px; padding-left: 12px; background-image: url(../graphics/menue_ebene3_off.gif); background-repeat : no-repeat; background-position : 0px 8px;}
/* s.o. 1. Ebene Link */
ul.csc-menu-1 li a { text-decoration: none; }
/* s.o. 1. Ebene Link angewählt */
ul.csc-menu-1 li .act a { font-weight: bold; }
/* s.o. 1. Ebene über Link fahren */
ul.csc-menu-1 li a:hover { text-decoration: underline; }
/* s.o. 2. Ebene allgemein*/
ul.csc-menu-1 ul { list-style-type: none; margin-left: -34px; margin-top: 0px; margin-bottom: 0px; padding-top: 1.3px; padding-bottom: 1.3px;}
/* s.o. 2. Ebene */
ul.csc-menu-1 ul li { padding-left: 12px;  background-image: url(../graphics/menue_ebene2_off.gif); background-repeat : no-repeat; background-position : 0px 8px; }
/* s.o. 2. Ebene / wenn 2. Ebene ausgewählt, dann ist Sie innerhalb des li-Tags der 1. Ebene */
ul.csc-menu-1 li ul { margin-left: -46px; }

/*-------------- Rahmen um Inhaltselemente --------------*/

/* Rahmen allgemein */
DIV.csc-frame { border: 0px; margin-bottom: 1em; clear: both;}
/* s.o unsichtbar */
DIV.csc-frame-invisible { padding: 2px 4px 2px 4px; margin: 1px;}
/* s.o. Linie davor */
DIV.csc-frame-rulerBefore { height: 3px; border-bottom: 2px solid #589C22; margin-top: 2em; margin-bottom: 2.5em; }
/* s.o. Linie danach */
DIV.csc-frame-rulerAfter { height: 3px; border-bottom: 2px solid #589C22; margin-top: 2em; margin-bottom: 2.5em; }
/* s.o. eingerückt */
DIV.csc-frame-indent { padding-left: 100px; }
/* s.o. 33/66 (abgeschaltet) */
DIV.csc-frame-indent3366 { padding-left: 33%; }
/* s.o. 66/33 (abgeschaltet) */
DIV.csc-frame-indent6633 { padding-right: 33%; }
/* s.o. Rahmen 1 */
DIV.csc-frame-frame1 { padding: 2px 4px 2px 4px; border: 1px solid #589C22;}
/* Rahmen 2 */
DIV.csc-frame-frame2 { background-color: #F2F9FF; padding: 2px 4px 2px 4px; border: 1px solid #589C22; }
/* s.o. Rahmen 1 Überschrift */
DIV.csc-frame-frame1 H1, DIV.csc-frame-frame1 H2, DIV.csc-frame-frame1 H3, DIV.csc-frame-frame1 H4, DIV.csc-frame-frame1 H5 { margin-top: 0.3em; }
/* s.o. Rahmen 2 Überschrift */
DIV.csc-frame-frame2 H1, DIV.csc-frame-frame2 H2, DIV.csc-frame-frame2 H3, DIV.csc-frame-frame2 H4, DIV.csc-frame-frame2 H5 { margin-top: 0.3em; }

/*-------------- Formular --------------*/

/* Formular allgemein */
form { text-decoration: none; float: left; }
/* s.o. Eingabefeld, Textarea und Auswahlfeld */
form input, form textarea, form select { padding-left: 2px; padding-right: 2px; margin-top: 1.2em; height: auto; }

form textarea { font-size: 1em; }
/* s.o. Eingabefeld Schaltfäche für Absenden und Zurücksetzen */
form input[type=submit], form input[type=reset] { float: left; margin-right: 20px; 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; }
/* Schlatfläche ??? vielleicht nicht mehr benötigt */
#button{ border: none; height: 1.7em; padding-left: 0.5em; padding-right: 0.5em; }

/* s.o. Radio-Button Eingabefeld */
form span.csc-mailform-radio input { margin: 10px 2px -2px 2px; }
/* s.o. Radio-Button kompletter Bereich */
form span.csc-mailform-radio fieldset { min-width: 250px; margin-bottom: 10px; margin-top: 24px;  border: 0; }
/* s.o. Radio-Button Beschreibungsfeld */
form span.csc-mailform-radio label { text-align: left; width: auto; margin-right: auto; margin-top: auto; margin: 3px; float: none; }
/* s.o. Checkbox-Button Legende */
form span.csc-mailform-radio legend { display: none; }

/* s.o. Label allgemein */
form label { float: left; text-align: right; width: 12em; margin-right: 0.5em; margin-top: 1.0em; }
/* s.o. BR am Ende jedes Formular Felds */
form br { clear: both; }

/* s.o. Checkbox-Button Bereich */
form .checkbox { float: left; margin-top: 1.2em; height: auto; }
/* s.o. Checkbox-Button Eingabefeld */
form .checkbox input { border: 0px; float: left; clear: left; margin: 3px; width: auto; }
/* s.o. Checkbox-Button Beschreibungsfeld */
form .checkbox label { float: left; text-align: left; width: auto; margin-right: auto; margin-top: auto; margin: 3px; }

/* s.o. Beschriftung Inhalt */
form .beschriftung span { float: left; padding-left: 2px; padding-right: 2px; margin-top: 1.0em; height: auto; }

/* s.o. Benötigtes Feld */
form .requiered_label { font-weight: bold; }

/* s.o. Schaltfläche Absenden */
form .csc-mailform-submit { margin-left: 14em; }

/*-------------- Filelinks --------------*/

/* Soll nichtmehr benutzt werden */
div.csc-uploads a { text-decoration: none; }
div.csc-uploads div.color1 { clear: both; background-color:#E0F2D1; margin: 3px; padding: 0.4em; }
div.csc-uploads div.color2 { clear: both; background-color:#EFF8E8; margin: 3px; padding: 0.4em;}
div.csc-uploads div.noColor { clear: both; margin: 3px; padding: 0.4em;}
div.csc-uploads span.csc-uploads-image {  float: left; }
div.csc-uploads-3 span.csc-uploads-image { width: 90px; text-align:center; }
div.csc-uploads span.csc-uploads-image img { margin: 0.2em; vertical-align: top; padding-bottom: 0.7em;}
div.csc-uploads span.csc-uploads-fileName { padding-left: 0.5em; font-weight: bold;}
div.csc-uploads span.csc-uploads-downloadLink { padding-left: 0.5em; }
div.csc-uploads span.csc-uploads-downloadLink A { text-decoration: underline; }
div.csc-uploads span.csc-uploads-fileSize { white-space: nowrap; padding-left: 0.6em; padding-right: 0.6em; color: #666666; }

/*-------------- Frontend editing / TYPO3 Admin Panel --------------*/

/* Default styles for the Admin Panel */
IMG.frontEndEditIcons { vertical-align: middle; margin: 0px 2px 0px 2px; } 
TABLE.typo3-adminPanel { border: 1px solid black; background-color: #F6F2E6; }
TABLE.typo3-adminPanel TR.typo3-adminPanel-hRow TD { background-color: #9BA1A8; }
TABLE.typo3-adminPanel TR.typo3-adminPanel-itemHRow TD { background-color: #ABBBB4; }
TABLE.typo3-adminPanel TABLE, TABLE.typo3-adminPanel TD { border: 0px; }
TABLE.typo3-adminPanel TD FONT { font-family: verdana; font-size: 10px; color: black; }
TABLE.typo3-adminPanel TD A FONT { font-family: verdana; font-size: 10px; color: black; }			
TABLE.typo3-editPanel { border: 1px solid black; background-color: #F6F2E6; }
TABLE.typo3-editPanel TD { border: 0px; }