/* 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: 1px;} /* Seiten Body Einstellungen */ html, body { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; background-color: #D6DBE7;} /* Breite der kompletten Seite */ #MAX_WIDTH { background-color: #fdf5ea; width: 62.5em; margin: 0 auto; text-align: left; padding: 0;} /* Hintergund der linken Seite */ #BORDER_LEFT { width: 61.1em padding: 0; margin: 0 ; background-image: url(../graphics/border_left.gif); background-position: left top; background-repeat: repeat-y; } /* Hintergund der rechten Seite */ #BORDER_RIGHT { width: 61.1em; padding: 0; margin: 0 0 0 1.4em; background-image: url(../graphics/border_right.gif); background-position: right top; background-repeat: repeat-y;} /* Hintergund der kompletten Seite */ #BACKGROUND { background-color: #fdf5ea; width: 59.7em; margin: 0; padding: 0; background-image: url(../graphics/linie_weiss.gif); background-position: 13.6em 0; background-repeat: repeat-y;} /* 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: 59.7em; height: 14.2em; margin: 0; padding: 0; } #HEADER_OVERLAY { position: absolute; top: 0; width: 59.7em; } /* Allgemeine Header-Einstellungen */ #HEADER_BACKGROUND { position: absolute; top: 0.7em; z-index: 1; } #HEADER_BACKGROUND img { width: 59.7em; height: 13.6em; } /* Logo-Einstellungen Position */ #LOGO{ position: absolute; top: 0.7em; margin-left: 43.57em; z-index: 2; } /* Logo-Einstellungen Bildgroeße */ #LOGO img { width: 16.1em; height: 5.37em; } /* Header-Navigation fuer Startseite, Impressum, Sitemap */ #HEADER_MENUE { position: absolute; top: 7.1em; z-index: 3; margin-left: 39.7em; width: 20em;} /* Header-Navigation ohne Listen-Icons */ #HEADER_MENUE ul { list-style-type: none; margin:0; padding:0; } /* Header-Navigation ohne Listen-Icons */ #HEADER_MENUE li { clear: right; float: right; margin:0; padding:0; } /* s.o. Links */ #HEADER_MENUE a { color: #005191; text-decoration: none; font-size: 0.54em; text-transform: uppercase; margin-right: 3.5em; line-height: 2em; } /* s.o. Links angewählt */ #HEADER_MENUE a:hover { text-decoration: underline; color: #005191; } /* Header-Navigation für Sprachauswahl */ #HEADER_GROUP { position: absolute; top: 11.7em; z-index: 4; margin-left: 39.7em; width: 20em; } /* Header-Navigation für Sprachauswahl */ #HEADER_LANGUAGE { float: right; margin-top: 1.1em; margin-right: 0.75em; height: 1.33em; width: 6em; } /* s.o. Bilder */ #HEADER_LANGUAGE img { margin: 0 0.2em; padding: 0; border-style: none; width: 1.31em; height: 0.82em; } /* s.o. Links */ #HEADER_LANGUAGE .CUR, #HEADER_LANGUAGE .NO, #HEADER_LANGUAGE .INACT, #HEADER_LANGUAGE .SPC { float: left; } /* Header-Navigation für Schriftgröße */ #HEADER_SIZE { float: right; margin-top: 0.9em; margin-right: 1.7em; } /* s.o. Links */ #HEADER_SIZE a { float: left; } /* s.o. Bilder */ #HEADER_SIZE img { margin: 0 0.1em; padding: 0; border-style: none; width: 1.31em; height: 1.31em; } /*-------------- oberer Content Bereich --------------*/ /* Hauptbereich der Seite */ #MAIN { width: 59.7em; margin: 0; padding: 0; margin: 0.5em 0 0 0;} /* Subhaederbereich mit Navigation oben */ #SUBHEADER { width: 59.7em; height: 5.3em } /* Navigations Leiste oben */ #NAVI_OBEN_MENUE { float: left; width: 45.4em; height: 2.75em; } /* s.o. ohne Listen-Icons */ #NAVI_OBEN_MENUE ul { list-style-type: none; margin:0; padding:0; height: 2.75em; } /* Header-Navigation ohne Listen-Icons */ #NAVI_OBEN_MENUE li { float: left; margin:0; padding:0; height: 2.75em; } /* s.o. Links allgemein */ #NAVI_OBEN_MENUE .normal, #NAVI_OBEN_MENUE .active, #NAVI_OBEN_MENUE .normal_last, #NAVI_OBEN_MENUE .active_last { float: left; width: auto; } /* s.o. Links */ #NAVI_OBEN_MENUE a { display: block; color: #005191; background-color: #FFFFFF; text-decoration: none; padding: 0.7em 0.5em 0 0.5em; margin: 0; font-size: 0.79em; height: 2.51em; width: auto; background-image: url(../graphics/navileiste_oben_schatten.gif); background-position: 0 bottom; background-repeat: repeat-x; } /* s.o. über Links fahren */ #NAVI_OBEN_MENUE a:hover { text-decoration: none; color: #FFFFFF; background-color: #005191; } /* s.o. Links active */ #NAVI_OBEN_MENUE .active a { background-color: #005191; color: #FFFFFF;} /* s.o. letzter Link */ #NAVI_OBEN_MENUE .normal_last a, #NAVI_OBEN_MENUE .active_last a { padding: 0.7em 1.8em 0 0.5em; background-image: url(../graphics/navileiste_oben_ecke_b.gif); background-position: right bottom; background-repeat: no-repeat; } /* s.o. über letzten Link fahren */ #NAVI_OBEN_MENUE .normal_last a:hover, #NAVI_OBEN_MENUE .active_last a { color: #FFFFFF ; background-image: url(../graphics/navileiste_oben_ecke_akt_b.gif); } /* s.o. Trennstrich */ #NAVI_OBEN_MENUE .navi_trenner { float: left; background-color: #FFFFFF; margin: 0; padding: 0; width: 1px; height: 2.57em; background-image: url(../graphics/navileiste_oben_schatten.gif); background-position: 0 bottom; background-repeat: repeat-x; } /* s.o. Trennstrich Grafik*/ #NAVI_OBEN_MENUE .navi_trenner img{ margin: 0.5em 0 -0.3em 0; padding: 0; width: 1px; height: 1.37em } /* Bereich für "Kontakt zu" */ #KONTAKT_AREA { float: right; margin: 0; padding: 0; width: 14.0em; height: 5.3em; background-color: #d7dbe7; background-image: url(../graphics/kontakt_trennlinie.gif); background-repeat: repeat-x; background-position: 0 45%; } /* s.o. "Kontakt zu" Schrift */ #KONTAKT_AREA .kontaktzu { margin: 1.3em 0 0 0.8em; width: 13.5em; font-size: 0.7em; font-weight: bold; text-transform: uppercase; color: #005191; float: left; } /* s.o. Grafik */ #KONTAKT_AREA img { margin: 0.1em 0.8em 0 0 ; padding: 0; float: right; width: 1.56em; height: 1.81em; } /* s.o. Kontakt Link div */ #KONTAKT_AREA .kontaktseite { float: left; margin: 1.1em 0 0 0.89em; font-size: 0.63em; } /* s.o. Kontakt P */ #KONTAKT_AREA .kontaktseite P { margin:0 0 0.2em 0; padding: 0; color: #005191;} /* s.o. Kontakt Link */ #KONTAKT_AREA .kontaktseite a { color: #005191; text-decoration: none; margin: 0 ; padding: 0; width: 21em; display: block; float: left;} /* s.o. Kontakt über Link fahren */ #KONTAKT_AREA .kontaktseite a:hover { text-decoration: underline; } /* Bereich für "Kontakt zu" */ #SEITENTITEL { float: left; width: 13.12em; margin: 1.3em 0 0 0.4em; color: #005191; font-size: 0.91em; text-transform: uppercase; font-weight: bold; } /*-------------- Navigations Menü --------------*/ /* Menü allgemein */ #MENUE { float:left; width: 19em; margin: 0 0.7em 0 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: #000000;} /* s.o. Ebene 1 */ #MENUE .level1, #MENUE .level1_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 .level1_act, #MENUE .level1_act:hover { background-image: url(../graphics/navi_pfeil_blau.gif); } /* s.o. Ebene 1 drüber fahren*/ #MENUE .level1:hover { background-color: #d7dbe7;} #MENUE .level1_act, #MENUE .level1_act:hover { background-color: #005191;} /* 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: 18.9em; line-height: 1.5em; padding: 0.5em 0 0.35em 0.1em; } #MENUE .level1 a, #MENUE .level1:hover a {color: #000000;} /* 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: #306fa4;} /* 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: 17.7em; line-height: 1.5em; padding: 0.5em 0 0.35em 1.3em; } #MENUE .level2 a, #MENUE .level2:hover a {color: #000000;} /* s.o. Ebene 3 allgemein */ #MENUE .level3, #MENUE .level3_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 .level3_act, #MENUE .level3_act:hover { background-image: url(../graphics/navi_pfeil_blau.gif); } /* s.o. Ebene 3 drüber fahren*/ #MENUE .level3:hover { background-color: #d7dbe7;} #MENUE .level3_act, #MENUE .level3_act:hover { background-color: #608fb8;} /* s.o. Ebene 3 Links */ #MENUE .level3 a, #MENUE .level3:hover a, #MENUE .level3_act a, #MENUE .level3_act:hover a {color: #FFFFFF; text-decoration: none; display: block; width: 16.5em; line-height: 1.5em; padding: 0.5em 0 0.35em 2.5em; } #MENUE .level3 a, #MENUE .level3:hover a {color: #000000;} /* s.o. Ebene 4 allgemein */ #MENUE .level4, #MENUE .level4_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 .level4_act, #MENUE .level4_act:hover { background-image: url(../graphics/navi_pfeil_blau.gif); } /* s.o. Ebene 4 drüber fahren*/ #MENUE .level4:hover { background-color: #d7dbe7;} #MENUE .level4_act, #MENUE .level4_act:hover { background-color: #90adca;} /* s.o. Ebene 4 Links */ #MENUE .level4 a, #MENUE .level4:hover a, #MENUE .level4_act a, #MENUE .level4_act:hover a {color: #FFFFFF; text-decoration: none; display: block; width: 15.3em; line-height: 1.5em; padding: 0.5em 0 0.35em 3.7em; } #MENUE .level4 a, #MENUE .level4:hover a {color: #000000;} /* s.o. Überschrift */ #MENUE .ueberschrift {font-weight: bold; font-size: 1.3em; margin-top: 2em; border-bottom: 1px dashed #999999; padding: 0.5em 0 0.35em 0.1em;} /* s.o. Lebenssituation */ #MENUE .lebenssituation { 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; } /* s.o. Lebenssituation drüber fahren*/ #MENUE .lebenssituation:hover { background-color: #d7dbe7;} /* s.o. Lebenssituation Links */ #MENUE .lebenssituation a, #MENUE .lebenssituation:hover a{ text-transform: uppercase; color: #666666; text-decoration: none; display: block; width: 18.9em; line-height: 1.5em; padding: 0.5em 0 0.35em 0.1em; } /* s.o. Oft gesucht */ #MENUE .oft_gesucht { 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; } /* s.o. Oft gesucht drüber fahren*/ #MENUE .oft_gesucht:hover { background-color: #d7dbe7;} /* s.o. Oft gesucht Links */ #MENUE .oft_gesucht a, #MENUE .oft_gesucht:hover a{ text-transform: uppercase; color: #666666; text-decoration: none; display: block; width: 18.9em; line-height: 1.5em; padding: 0.5em 0 0.35em 0.1em; } /*-------------- 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: 9.0em; 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.erweiterte_suche:hover { 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: underline;} #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;} #MENUE a.fuldaaz:hover { 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: underline;} /*-------------- Subtemplate Bereich --------------*/ /* em Faktor 10.7 hängt von font-size ab*/ /* Subtemplate allgemein */ #SUBTEMPLATE { font-size: 0.67em; width: 64.5em; height: auto; margin: 0 0 0 22.8em; padding: 2em 0 0 0; line-height: 1.4em; } /*-------------- Footer Bereich --------------*/ /* Footer allgemein */ #FOOTER { width: 59.7em; height: 1.5em; background-color: #005191; margin: 1em 0 0 0; padding: 0.5em 0 0 0; } /* s.o. Copyright */ #FOOTER a.copyright { color: #FFFFFF; text-decoration: none; font-size: 0.64em; text-transform: uppercase; margin: 0 37.8em 0.3em 3em; } /* s.o. über Copyright fahren */ #FOOTER a.copyright:hover { text-decoration: underline;} /* s.o. Drucken */ #FOOTER a.printlink { color: #FFFFFF; text-decoration: none; font-size: 0.64em; text-transform: uppercase; margin: 0 1em 0.3em 3em; } /* s.o. über Drucken fahren */ #FOOTER a.printlink:hover { text-decoration: underline;} /* s.o. Impressum */ #FOOTER a.impressum { color: #FFFFFF; text-decoration: none; font-size: 0.64em; text-transform: uppercase; margin: 0 1em 0.3em 3em; } /* 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 3em; } /* 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: #000000; } /* Schrift für Code */ PRE { font-family: monospace; } /* Links */ A { color: #000000; text-decoration: underline; } /* Über Links fahren */ A:hover { color: #000000; } /* 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: 0.6em 0.8em 0 0; vertical-align: top;} #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.25em; color: #001D6D; font-weight:bold; margin-bottom: 1.2em; margin-top: 0; } /* Ü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: #999999; vertical-align: text-top; max-width: 100%;} /* Bilduntertitel bei TmB */ #SUBTEMPLATE .csc-textpic-caption { font-size: 0.9em; color: #999999; vertical-align: text-top; 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 { padding: 0.2em; margin: 0.9em 0; height: auto; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; border: 1px solid #999999; border-right: 2px solid #999999; border-bottom: 2px solid #999999; } #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; margin: 1em; padding: 0.3em 3.5em 0.3em 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.7em; } /* Schlatfläche ??? vielleicht nicht mehr benötigt */ #SUBTEMPLATE .button { padding-left: 1em; padding-right: 1em; border-right: 1px solid #999999; border-bottom: 1px solid #999999; background-color: #005191; 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; } #SUBTEMPLATE form label.apotheken { float: left; text-align: left; width: 6em; margin: 1em 0.5em 0 0; } #SUBTEMPLATE form label.apotheken2 { float: left; text-align: left; width: 5em; 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; } div.filelinks div { background-repeat: no-repeat; background-position: left top; padding-left: 22px; padding-bottom: 5px; } div.filelinks span.filecount { visibility: hidden; } /*-------------- Spielkarten --------------*/ #SUBTEMPLATE .spielkarte { float: left; width: 20.05em; height: 40em; margin: 0.5em; background-image: url(../graphics/spielkarte.gif); background-repeat: no-repeat; background-position: left top;} #SUBTEMPLATE .spielkarte_linksoben { float: left; margin: 0; padding: 0; width: 2.3em; height: 2.3em; } #SUBTEMPLATE .spielkarte_rechtsoben { float: left; width: 17.7em; height: 2.3em; margin: 0; background-image: url(../graphics/spielkarte.gif); background-repeat: no-repeat; background-position: right top;} #SUBTEMPLATE .spielkarte_linksunten { float: left; width: 2.3em; height: 2.3em; margin: 35.4em 0 0 0; background-image: url(../graphics/spielkarte.gif); background-repeat: no-repeat; background-position: left bottom;} #SUBTEMPLATE .spielkarte_rechtsunten { float: left; width: 17.7em; height: 37.7em; margin: 0; background-image: url(../graphics/spielkarte.gif); background-repeat: no-repeat; background-position: right bottom; display: block;} #SUBTEMPLATE .spielkarte_bild { float: left; width: 14.9em; height: 12.3em; margin: 0;} #SUBTEMPLATE .spielkarte_bild img { float: left; } #SUBTEMPLATE .spielkarte_text { float: left; width: 14.9em; height: auto; margin: 0; padding: 0; } #SUBTEMPLATE .spielkarte_text .csc-header {border-bottom: #b5b5b5 solid 2px; height: auto;} #SUBTEMPLATE .spielkarte_mehr {float: left; width: 14.9em; margin: 1em 0 0 0;} #SUBTEMPLATE .spielkarte_mehr a {text-decoration: none; color: #666666; font-size: 1.23em;} #SUBTEMPLATE .spielkarte_mehr a:hover { text-decoration: underline; } /*-------------- 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; } /* Wetter Content */ #wetter_box { float: left; text-align: center; margin-right: 1.7em;} #td-0 TD { margin-top: 20em; margin-right: 20em; } /* Veranstaltungskalender */ .formVeranstaltungXXL { margin-top: 1.5em } .formVeranstaltungXXL p { clear: both } .formVeranstaltungXXL label { display: none } .formVeranstaltungXXL label.radio { text-align: right; display: inline; margin-right: 0.3em; margin-left: 0.2em; width: 41em; clear: both } .formVeranstaltungXXL select { margin: 0; padding: 0; clear: both } .formVeranstaltungXXL fieldset { padding: 1em } .formVeranstaltungXXL form input.submit { font-size: 1em; margin-left: 1em } .formVeranstaltungXXL form { display: inline } .formVeranstaltungXXL input[type=text], select { float: none }