/*

Template Stylesheet Datei für alle Seiten (template)
Beinhaltet keine Stylsheets für Extensions außer für tt_content

em wird hier mit dem Faktor 16 berechnet >> 2em = 32px

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: 0; padding: 0; border: 0; clear: both; line-height: 0px;}
/* Seiten Body Einstellungen */
html, body { margin: 0; padding: 0; width: 98.5%; height: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; background-color: #d4d4d4;}
/* Breite der kompletten Seite */
#MAX_WIDTH {width: 48.1em; margin: 2em auto; text-align: left; padding: 0;}
/* Hintergund der kompletten Seite */
#BACKGROUND { background-color: #b21919;  width: 48.1em; margin: 0; padding: 0; border: 1px solid #000000; }
/* Schiebt die Navigation ohne CSS in einen Bereich ausserhalb des Browserfensters */
.unsichtbar { visibility: hidden; position: absolute; top: -6000px; left: -6000px; height: 1px; width: 1px; }

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

/* Allgemeine Header-Einstellungen */
#HEADER { background-color: #fdf5ea; width: 48.1em; margin: 0; padding: 0; }

/* Logo Bild*/
#LOGO img {width: 48.1em;  height: 8.75em; margin: 0; padding: 0; }

/*-------------- oberer Content Bereich --------------*/

/* Hauptbereich der Seite */
#MAIN { width: 48.1em; margin: 0; padding: 0; margin: 0;}

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

/* Menü allgemein */
#MENUE { float:left; width: 12em; margin: 0 0.7em 2 0; font-size: 0.68em; padding: 0;} 
/* s.o. Liste */
#MENUE ul { list-style-type: none; margin: 0; margin-left: -1.4em; padding-left: 3.5em;}
/* s.o. Liste zweite Ebene weiter einrücken; für IE anderer Wert */
#MENUE li { margin-left: -1.8em; }
#MENUE ul ul { margin-left: -3.5em; }
#MENUE ul ul ul { margin-left: -3.5em; }
/* s.o. Link allgemein */
#MENUE A { text-decoration: none;  color: #FFFFFF;}

/* s.o. Ebene 1 */
#MENUE .level1, #MENUE .level1_act { width: 10em; height: auto;  background-image: url(../graphics/menue_pfeil.gif); background-repeat: no-repeat; background-position: 0.2em 0.7em;}
#MENUE .level1_act, #MENUE .level1_act:hover { }
/* s.o. Ebene 1 drüber fahren*/
#MENUE .level1:hover, #MENUE .level1_act:hover { text-decoration: underline; color: #FFFFFF;}
/* s.o. Ebene 1 Links */
#MENUE .level1 a, #MENUE .level1:hover a, #MENUE .level1_act a, #MENUE .level1_act:hover a {color: #FFFFFF; text-decoration: none; display: block; width: 10em; line-height: 1.3em; padding: 0.3em 0 0.3em 1.2em; }

/* s.o. Ebene 2 allgemein */
/*#MENUE .level2, #MENUE .level2_act { width: 19em; height: auto;  background-image: url(../graphics/navi_pfeil_beige.gif); background-repeat: no-repeat; background-position: right 1em; border-bottom: 1px dashed #999999;}
#MENUE .level2_act, #MENUE .level2_act:hover { background-image: url(../graphics/navi_pfeil_blau.gif); }
/* s.o. Ebene 2 drüber fahren*/
/*#MENUE .level2:hover { background-color: #d7dbe7;} 
#MENUE .level2_act, #MENUE .level2_act:hover { background-color: #005191;}
/* s.o. Ebene 2 Links */
/*#MENUE .level2 a, #MENUE .level2:hover a, #MENUE .level2_act a, #MENUE .level2_act:hover a {color: #FFFFFF; text-decoration: none; display: block; width: 15.3em; line-height: 1.5em; padding: 0.5em 0 0.35em 1.3em; }
#MENUE .level2 a, #MENUE .level2:hover a {color: #000000;}*/
#MENUE .level2, #MENUE .level2_act { width: 10em; height: auto; }
#MENUE .level2_act, #MENUE .level2_act:hover { }
/* s.o. Ebene 1 drüber fahren*/
#MENUE .level2:hover, #MENUE .level2_act:hover { text-decoration: underline; color: #FFFFFF;}
/* s.o. Ebene 1 Links */
#MENUE .level2 a, #MENUE .level2:hover a, #MENUE .level2_act a, #MENUE .level2_act:hover a {color: #FFFFFF; text-decoration: none; display: block; width: 10em; line-height: 1.3em; padding: 0.3em 0 0.3em 1.5em; }


#MENUE .seiteempfehlen {color: #FFFFFF; text-decoration: none; display: block; width: 10em; line-height: 1.3em; padding: 4em 0em 0.3em 2em; width: 10em; height: auto; background-image: url(../graphics/refer.gif); background-repeat: no-repeat; background-position: 0.3em 4em;}
#MENUE .seiteempfehlen:hover { text-decoration: underline;}

/* s.o. Drucken Neu */
#MENUE a.printlink {color: #FFFFFF; text-decoration: none; display: block; width: 10em; line-height: 1.3em; padding: 0.3em 0em 0.3em 2em; width: 10em; height: auto; background-image: url(../graphics/drucken.gif); background-repeat: no-repeat; background-position: 0.3em 0.3em; margin-bottom: 1em;}
/* s.o. über Drucken fahren */
#MENUE a.printlink:hover { text-decoration: underline;}

/*-------------- Suche in der Navigation --------------*/ 

/* Suche im Header */
#SUCHE { float: right; margin: 0; padding: 0; width: 19.8em; diplay: block; font-size: 0.68em; }
/* s.o.  */
#MENUE .tx-indexedsearch { margin: 2em 0 0 0; padding: 0;  font-family: Verdana, Arial, Helvetica, sans-serif;}
#MENUE .tx-indexedsearch fieldset { border: 0; margin: 0; padding: 0;}
#MENUE .tx-indexedsearch-form input{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; width: 10.5em; float: left; padding: 0.2em; margin: 0 0 0.4em 0; border: 1px solid #999999;  border-right: 2px solid #999999; border-bottom: 2px solid #999999; }
#MENUE .tx-indexedsearch-search-submit input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.97em; float: left; margin: -1.2em 0 0.4em 0.5em; padding: 0.2em 2.5em 0.2em 0.2em; color: #FFFFFF; font-weight: bold; border-style: none; background-color: #005191; cursor: pointer; width: auto; background-image: url(../graphics/pikto_button.gif); background-repeat: no-repeat; background-position: right 0.6em; }
#MENUE .tx-indexedsearch-search-select-section select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; padding: 0.2em; margin: 0; border: 1px solid #999999; }
#MENUE .tx-indexedsearch-whatis, #MENUE .tx-indexedsearch-sw, #MENUE .tx-indexedsearch-browsebox { display: none; }
#MENUE a.erweiterte_suche  { display: block; margin-top: 1em; padding: 0.2em 0 0.2em 0.4em; width: 19em; background-image: url(../graphics/navi_pfeil_beige.gif); background-repeat: no-repeat; background-position: right 0.6em; text-decoration: none;}
#MENUE a.fuldaaz { display: block; margin:0; padding: 0.2em 0 0.2em 0.4em; width: 19em; background-image: url(../graphics/navi_pfeil_beige.gif); background-repeat: no-repeat; background-position: right 0.6em; text-decoration: none;}

/*-------------- Subtemplate Bereich --------------*/
/* em Faktor 10.7  hängt von font-size ab*/
/* Subtemplate allgemein */
#SUBTEMPLATE { font-size: 0.68em; width: 42.2em; height: auto; margin: 0 0 0 12em; padding: 2em 0 0 0; line-height: 1.4em; }

/*-------------- Rand Bereich --------------*/
/* Rand allgemein */
#BORDER { float: right; width: 10.88em; height: 28.4em; margin: 0; padding: 0; }
/* Rand Bild */
#BORDER img { float: right; }

/*-------------- Footer Bereich --------------*/
/* Footer allgemein */
#FOOTER { background-color:#d4d4d4; width: 48.1em; height: 1.5em; margin: 1em 0 0 0; padding: 0.5em 0 0 0; text-align: center;}

/* s.o. Copyright */
#FOOTER a.copyright { color: #000000; text-decoration: none; font-size: 0.64em; text-transform: uppercase; margin: 0 20em 0.3em 4em; }
/* s.o. über Copyright fahren */
#FOOTER a.copyright:hover { text-decoration: underline;}

/* s.o. Impressum */
#FOOTER a.impressum { color: #000000; text-decoration: none; font-size: 0.64em; text-transform: uppercase; margin: 0 1em 0.3em 4em; }
/* s.o. über Impressum fahren */
#FOOTER a.impressum:hover { text-decoration: underline;}

/* s.o. zum Seitenanfang */
#FOOTER a.linktotop { color: #FFFFFF; text-decoration: none; font-size: 0.64em; text-transform: uppercase; margin: 0 1em 0.3em 4em; }
/* s.o. über zum Seitenanfang fahren */
#FOOTER a.linktotop:hover { text-decoration: underline;}

/**************************************/
/**   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 { color: #FFFFFF; }
/* Schrift für Code */
PRE { font-family: monospace; }
/* Links */
A { color: #FFFFFF; text-decoration: underline; }
/* Über Links fahren */
A:hover { color: #FFFFFF; }
/* Bilder Links */
A IMG { border: ; }
/* Formular */
FORM { margin: 0;}
/* Sprachnachricht, wenn englische Sprache nicht vorhanden ist */
.language_message { border: 1em solid #666666; color: #666666; text-align: center; width: 96%; margin: 0.7em 0.3em 0.3em 0.3em; font-weight: bold; }
/* Link to Top */
P.csc-linkToTop { text-align: right; text-decoration: none; color: #FFFFFF; }
/* Link to top Link */
P.csc-linkToTop A { line-height: 1.6em; text-decoration: none; margin: 1em; padding: 0.4em 3.2em 0.4em 0.6em; color: #FFFFFF; font-weight: bold; border-style: none; background-color: #005191; cursor: pointer; width: auto; background-image: url(../graphics/pikto_nach_oben.gif); background-repeat: no-repeat; background-position: right 0.53em; }

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

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

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

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

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

/* Überschriften H1 */
#SUBTEMPLATE H1 { font-size: 1.23em; color: #FFFFFF; font-weight:bold; margin-bottom: 0.6em; margin-top: 1.3em; }
/* Überschriften H2 - H6 (wird nicht verwendet) */
#SUBTEMPLATE H2 { font-size: 1.25em; font-weight:bold; margin-bottom: 0.8em; margin-top: 1.5em; }
#SUBTEMPLATE H3 { font-size: 1.25em; font-weight:bold; margin-bottom: 0.8em; margin-top: 1.5em; }
#SUBTEMPLATE H4 { font-size: 1.4em; font-weight:bold; margin-bottom: 1em; margin-top: 2.0em; }
#SUBTEMPLATE H5, #SUBTEMPLATE H6 { margin: 0px 0px 0px 0px; margin-top: 10px; margin-bottom: 2px; }

/* Überschriften mit Link */
#SUBTEMPLATE H1 A, #SUBTEMPLATE H2 A, #SUBTEMPLATE H3 A, #SUBTEMPLATE H4 A, #SUBTEMPLATE H5 A { text-decoration: none; }
#SUBTEMPLATE H1 A { color: #555555; }
#SUBTEMPLATE H2 A { }
#SUBTEMPLATE H3 A { }
#SUBTEMPLATE H4 A { }

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

/* Rahmen allgemein */
DIV.csc-frame { border: 0; margin-bottom: 1em; clear: both;}
/* s.o unsichtbar */
DIV.csc-frame-invisible { padding: 1em; margin: 0;}
/* s.o. Linie davor */
DIV.csc-frame-rulerBefore { height: 0.1em; border-bottom: 1px dashed #999999; margin-top: 2em; margin-bottom: 2.5em; }
/* s.o. Linie danach */
DIV.csc-frame-rulerAfter { height: 0.1em; border-bottom: 1px dashed #999999; margin-top: 2em; margin-bottom: 2.5em; }
/* s.o. eingerückt */
DIV.csc-frame-indent { padding-left: 10em; }
/* 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: 0.3em 0.5em; border: 1px dashed #999999; }
/* Rahmen 2 */
DIV.csc-frame-frame2 { background-color: #fdf5ea;  padding: 0.3em 0.5em; border: 1px dashed #999999; }
/* 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; }

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

/* Bilduntertitel */
#SUBTEMPLATE .csc-caption { font-size: 0.9em; color: #FFFFFF; vertical-align: text-top; text-align: center; max-width: 100%;}
/* Bilduntertitel bei TmB */
#SUBTEMPLATE .csc-textpic-caption { font-size: 0.9em; color: #FFFFFF; vertical-align: text-top; text-align: center; max-width: 100%;}
/* Bilduntertitel Ausrichtung */
#SUBTEMPLATE .csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
#SUBTEMPLATE .csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
#SUBTEMPLATE .csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

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

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

/* Sitemap allgemein */
#SUBTEMPLATE DIV.csc-sitemap ul { list-style-image: url(../graphics/navi_pfeil_beige.gif); }
/* s.o. Link */
#SUBTEMPLATE DIV.csc-sitemap li a { text-decoration: none; }
/* s.o. über Link fahren */
#SUBTEMPLATE DIV.csc-sitemap li a:hover { text-decoration: underline; }

/* Menü der Unterseiten allgemein */
#SUBTEMPLATE ul.csc-menu-1 { list-style-type: none;}
/* s.o. 1. Ebene */
#SUBTEMPLATE ul.csc-menu-1 li {margin: 0 0 0 -4em; padding: 0.1em 0 0.1em 1em; }
/* s.o. 1. Ebene Link */
#SUBTEMPLATE ul.csc-menu-1 li a { text-decoration: none; }
/* s.o. 1. Ebene Link angewählt */
#SUBTEMPLATE ul.csc-menu-1 li .act a { font-weight: bold; }
/* s.o. 1. Ebene über Link fahren */
#SUBTEMPLATE ul.csc-menu-1 li a:hover { text-decoration: underline; }
/* s.o. 2. Ebene allgemein*/
#SUBTEMPLATE ul.csc-menu-1 ul { list-style-type: none; margin: 0; padding: 0 0 0.2em 0; }
/* s.o. 2. Ebene */
#SUBTEMPLATE ul.csc-menu-1 ul li { padding-left: 0.2em; margin: 0 0 0 2em; }


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

/* Formular allgemein */
#SUBTEMPLATE form { text-decoration: none; float: left; }
/* s.o. Eingabefeld, Textarea und Auswahlfeld */
#SUBTEMPLATE form input, #SUBTEMPLATE form textarea, #SUBTEMPLATE form select { color: #000000; background-color: #FFFFFF; padding: 0.2em; margin: 0.9em 0; height: auto; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; border: 1px solid #000000; }
#SUBTEMPLATE form select { padding: 0em 0.2em; }
/* s.o. Eingabefeld Schaltfäche für Absenden und Zurücksetzen */
#SUBTEMPLATE form input[type=submit], #SUBTEMPLATE form input[type=reset] { float: left; color: #000000; padding: 0.2em 1em; background-color: #FFFFFF; cursor: pointer; width: auto; }
/* Schlatfläche ??? vielleicht nicht mehr benötigt */
#SUBTEMPLATE .button { padding-left: 1em; padding-right: 1em; border-right: 1px solid #000000; cursor: pointer; width: auto; }

/* s.o. Radio-Button Eingabefeld */
#SUBTEMPLATE form span.csc-mailform-radio input { margin: 0.9em 0.2em -0.3em 0.2em; border-style: none; }
/* s.o. Radio-Button kompletter Bereich */
#SUBTEMPLATE form span.csc-mailform-radio fieldset { min-width: 2em; margin: 1em 0 1em; border: 0}
/* s.o. Radio-Button Beschreibungsfeld */
#SUBTEMPLATE form span.csc-mailform-radio label { text-align: left; width: auto; margin: 0.3em; float: none; }
/* s.o. Checkbox-Button Legende / Umrandung */
#SUBTEMPLATE form span.csc-mailform-radio legend { display: none; width: auto; }

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

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

/* s.o. Beschriftung Inhalt */
#SUBTEMPLATE form .beschriftung span { float: left; padding: 0 0.2em; margin-top: 1.0em; height: auto; }

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

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

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

/* Soll nichtmehr benutzt werden */
#SUBTEMPLATE div.csc-uploads a { text-decoration: none; }
#SUBTEMPLATE div.csc-uploads div.color1 { clear: both; background-color:#E0F2D1; margin: 3px; padding: 0.4em; }
#SUBTEMPLATE div.csc-uploads div.color2 { clear: both; background-color:#EFF8E8; margin: 3px; padding: 0.4em;}
#SUBTEMPLATE div.csc-uploads div.noColor { clear: both; margin: 3px; padding: 0.4em;}
#SUBTEMPLATE div.csc-uploads span.csc-uploads-image {  float: left; }
#SUBTEMPLATE div.csc-uploads-3 span.csc-uploads-image { width: 90px; text-align:center; }
#SUBTEMPLATE div.csc-uploads span.csc-uploads-image img { margin: 0.2em; vertical-align: top; padding-bottom: 0.7em;}
#SUBTEMPLATE div.csc-uploads span.csc-uploads-fileName { padding-left: 0.5em; font-weight: bold;}
#SUBTEMPLATE div.csc-uploads span.csc-uploads-downloadLink { padding-left: 0.5em; }
#SUBTEMPLATE div.csc-uploads span.csc-uploads-downloadLink A { text-decoration: underline; }
#SUBTEMPLATE 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; }