/***** Globale Schrift und Zeilenabstaende *****************************************************************************/ * { font-family: Verdana, Helvetica, Arial; } body { font-weight:normal; font-size:11px; line-height:17px; margin:0pt; color:#222222; background-color:#EEEEEE; } div { font-size:11px; line-height:17px; margin:0px; } ul { font-size:11px; line-height:17px; } li { font-size:11px; line-height:17px; } table { font-size:11px; line-height:17px; } p { font-size:11px; line-height:17px; margin:0px 0px 8px 0px; } /* Ueberschriften je nach Layout Standard=1=h1, 2=h2, 3=h3, 4=h4, 5=h5 ******************************************/ h1 { font-weight: bold; font-size:16px; color:#666666; margin:0px 0px 14px 0px; } h2 { font-weight: bold; font-size:14px; color:#666666; margin:0px 0px 14px 0px; } h3 { font-weight: bold; font-size:12px; color:#00457e; margin:0px 0px 4px 0px; } h4 { font-weight: bold; font-size:11px; color:#00457e; margin:2px 0px 3px 0px; } h5 { font-weight: bold; font-size:11px; color:#BB0000; margin:0px 0px 0px 0px; } /****************** Bildschirmabschnitte ***********************************************************************/ #xcontainer { position:absolute; left:50%; width:1120px; margin-left:-560px; border:2px solid #CCCCCC; border-top:0px; background-color:#FFFFFF; } #xcontainer { width:1120px; margin-left:5px; position:relative; margin:0 auto; border:2px solid #CCCCCC; border-top:0px; background-color:#FFFFFF; } #container { width:1120px; margin-left:5px; border:2px solid #CCCCCC; border-top:0px; background-color:#FFFFFF; } #container a { color:#00457e; text-decoration:none; } #container a:hover { color:#00457e; text-decoration:underline; } #header { width:100%; height:220px; background-image:url(ABanner05.jpg); } /** Suchfeld und Navigation oben oben **/ #suche { float:left; width:160px; padding:128px 0px 0px 20px; background-color:transparent; border:0px solid blue;} #menu { margin-left:185px; width:928px; padding:177px 0px 0px 0px; border:0px solid green;} /****** Gestaltung der horizontalen Leiste des Layer-Menues *********************************************************/ .layer_tab { width:918px; font-size:11px; margin:0px; padding:0px; } * html layer_tab { width:700px; font-size:11px; margin:0px; padding:0px; } .layer_tab a { font-weight:bold; color:#111111; font-size:11px; text-decoration:none; } .layer_tab a:hover { font-weight:bold; color:#00467f; text-decoration:none;} .layer_td1 { width:110px; height:22px; vertical-align:bottom; valign:bottom; text-align:center; border-right:2px solid #999999;} .layer_td2 { width:110px; height:22px; vertical-align:bottom; valign:bottom; text-align:center; border-right:2px solid #999999;} .layer_td3 { width:300px; height:22px; vertical-align:bottom; valign:bottom; text-align:right; } /** Gestaltung der herunterfallenden Layer **********************/ .layer_wrap { width:188px; height:25px; background-color:#EEEEEE; border-bottom:1px solid #FFFFFF; } .layer_wrap a { font-weight:bold; color:#444444; text-decoration:none; } .layer_wrap a:hover { font-weight:bold; color:#00467f; text-align:right; } /** Hauptabschnitt (Rumpf) **/ #main { width:100%; padding-top:5px; overflow:hidden; } #spalte1 { float:left; width:185px; padding-left:0px; padding-right:4px;} #spalte2 { margin-left:190px; width:715px; background-color:#FFFFFF; min-height:385px; padding: 0px 10px 10px 10px; border:1px solid #FFFFFF; } #spalte3 { float:right; width:180; border:0px solid silver; min-height:185px;} /* Browserweiche fuer IE weil dieser unten keine Statuszeile hat */ * html #spalte2 { height:415px;} #klickpfad { color: #777777; font-weight:bold; margin-bottom:10px;} #klickpfad a { color: #777777; font-weight:bold; margin-bottom:10px;} /** Fusszeile (aehnlich wie Menu oben rechts) **/ #footer { font-size:9px; color:#666666; width:100%; text-align:center; border-top:1pt solid #AAAAAA; padding-top:3px; margin-top:5px; } #footer a { font-size:9px; color:#666666; text-decoration:none; } #footer a:hover { font-size:9px; color:#666666; text-decoration:underline; } .clearfix { display:inline-block;} * html .clearfix { display:height:1%;} /** Formatierungen fuer die linke Spalte *********************************/ #datum { font-weight:normal; font-size:9px; color:#555555; text-align:center; margin:20px 0px 0px 0px; } #druck { font-weight:bold; font-size:9px; color:#555555; text-align:center; margin:20px 0px 0px 0px; } #druck a { font-weight:bold; font-size:9px; color:#555555; } #druck a:hover { font-weight:bold; font-size:9px; color:#555555; } #webdesign { font-weight:normal; font-size:9px; color:#555555; text-align:center; margin:20px 0px 0px 0px;} #webdesign a { font-size:9px; color:#555555; } #webdesign a:hover { font-size:9px; color:#555555; } /******* Vertikales Menu links; Definition der Klassen normal + aktiv erfolgt im TypoScript *************************/ #navilinks { margin-left:0px; } #navilinks ul { font-weight:bold; list-style:none; margin:0px; padding:0px; } #navilinks ul a { display:block; background-color:#EEEEEE; } #navilinks li { line-height:16px; } #navilinks li.linksnormal1 a { padding:4px 0px 4px 4px; text-decoration:none; color:#444444; border-top: 1px solid #FFFFFF; border-left:1px solid #FFFFFF; border-bottom:1px solid #BBBBBB; border-right:1px solid #BBBBBB; } #navilinks li.linksnormal1 a:hover { padding:4px 0px 4px 4px; text-decoration:none; color:#FFFFFF; background-color:#abbed2; border-top: 1px solid #FFFFFF; border-left:1px solid #FFFFFF; border-bottom:1px solid #BBBBBB; border-right:1px solid #BBBBBB; } #navilinks li.linksaktiv1 a { padding:4px 0px 4px 4px; text-decoration:none; color:#00467f; border-top:1px solid #FFFFFF; border-left:1px solid #FFFFFF; border-bottom:1px solid #BBBBBB; border-right:1px solid #BBBBBB; } #navilinks li.linksaktiv1 a:hover { padding:4px 0px 4px 4px; text-decoration:none; color:#FFFFFF; background-color:#abbed2; border-top: 1px solid #FFFFFF; border-left:1px solid #FFFFFF; border-bottom:1px solid #BBBBBB; border-right:1px solid #BBBBBB; } /* Ebene 2 soll von links eingerückt erscheinen: padding-left 5px wird hier überschrieben */ #navilinks li.linksnormal2 a { padding:2px 0px 2px 12px; font-size:10px; text-decoration:none; color:#444444; border-top:1px solid #FFFFFF; border-left:1px solid #FFFFFF; border-bottom:1px solid #BBBBBB; border-right:1px solid #BBBBBB; } #navilinks li.linksnormal2 a:hover { padding:2px 0px 2px 12px; font-size:10px; text-decoration:none; color:#FFFFFF; background-color:#dddddd; border-top: 1px solid #FFFFFF; border-left:1px solid #FFFFFF; border-bottom:1px solid #BBBBBB; border-right:1px solid #BBBBBB; } #navilinks li.linksaktiv2 a { padding:2px 0px 2px 12px; font-size:10px; text-decoration:none; color:#00467f; border-top: 1px solid #FFFFFF; border-left:1px solid #FFFFFF; border-bottom:1px solid #BBBBBB; border-right:1px solid #BBBBBB; } #navilinks li.linksaktiv2 a:hover { padding:2px 0px 2px 12px; font-size:10px; text-decoration:none; color:#FFFFFF; background-color:#dddddd; border-top: 1px solid #FFFFFF; border-left:1px solid #FFFFFF; border-bottom:1px solid #BBBBBB; border-right:1px solid #BBBBBB; } /* Ebene 3 soll von links eingerückt erscheinen: padding 5px wird hier überschrieben */ #navilinks li.linksnormal3 a { padding-left:18px; font-size:10px; line-height:16px; text-decoration:none; color:#444444; border-top:1px solid #FFFFFF; border-left:1px solid #FFFFFF; border-bottom:1px solid #BBBBBB; border-right:1px solid #BBBBBB; } #navilinks li.linksnormal3 a:hover { padding-left:18px; font-size:10px; line-height:16px; text-decoration:none; color:#FFFFFF; background-color:#dddddd; border-top: 1px solid #FFFFFF; border-left:1px solid #FFFFFF; border-bottom:1px solid #BBBBBB; border-right:1px solid #BBBBBB; } #navilinks li.linksaktiv3 a { padding-left:18px; font-size:10px; line-height:16px; text-decoration:none; color:#00467f; border-top: 1px solid #FFFFFF; border-left:1px solid #FFFFFF; border-bottom:1px solid #BBBBBB; border-right:1px solid #BBBBBB; } #navilinks li.linksaktiv3 a:hover { padding-left:18px; font-size:10px; line-height:16px; text-decoration:none; color:#FFFFFF; background-color:#dddddd; border-top: 1px solid #FFFFFF; border-left:1px solid #FFFFFF; border-bottom:1px solid #BBBBBB; border-right:1px solid #BBBBBB; } /* Ebene 4 soll von links eingerückt erscheinen: padding 5px wird hier überschrieben */ #navilinks li.linksnormal4 a { padding-left:24px; font-size:10px; line-height:16px; font-weight:normal; text-decoration:none; color:#444444; border-top:1px solid #FFFFFF; border-left:1px solid #FFFFFF; border-bottom:1px solid #BBBBBB; border-right:1px solid #BBBBBB; } #navilinks li.linksnormal4 a:hover { padding-left:24px; font-size:10px; line-height:16px; font-weight:normal; text-decoration:none; color:#FFFFFF; background-color:#dddddd; border-top: 1px solid #FFFFFF; border-left:1px solid #FFFFFF; border-bottom:1px solid #BBBBBB; border-right:1px solid #BBBBBB; } #navilinks li.linksaktiv4 a { padding-left:24px; font-size:10px; line-height:16px; font-weight:normal; text-decoration:none; color:#00467f; border-top: 1px solid #FFFFFF; border-left:1px solid #FFFFFF; border-bottom:1px solid #BBBBBB; border-right:1px solid #BBBBBB; } #navilinks li.linksaktiv4 a:hover { padding-left:24px; font-size:10px; line-height:16px; font-weight:normal; text-decoration:none; color:#FFFFFF; background-color:#dddddd; border-top: 1px solid #FFFFFF; border-left:1px solid #FFFFFF; border-bottom:1px solid #BBBBBB; border-right:1px solid #BBBBBB; } /* Ebene 5 soll von links eingerückt erscheinen: padding 5px wird hier überschrieben */ #navilinks li.linksnormal5 a { padding-left:28px; font-size:10px; line-height:16px; font-weight:normal; text-decoration:none; color:#444444; border-top:1px solid #FFFFFF; border-left:1px solid #FFFFFF; border-bottom:1px solid #BBBBBB; border-right:1px solid #BBBBBB; } #navilinks li.linksnormal5 a:hover { padding-left:28px; font-size:10px; line-height:16px; font-weight:normal; text-decoration:none; color:#FFFFFF; background-color:#dddddd; border-top: 1px solid #FFFFFF; border-left:1px solid #FFFFFF; border-bottom:1px solid #BBBBBB; border-right:1px solid #BBBBBB; } #navilinks li.linksaktiv5 a { padding-left:28px; font-size:10px; line-height:16px; font-weight:normal; text-decoration:none; color:#00467f; border-top: 1px solid #FFFFFF; border-left:1px solid #FFFFFF; border-bottom:1px solid #BBBBBB; border-right:1px solid #BBBBBB; } #navilinks li.linksaktiv5 a:hover { padding-left:28px; font-size:10px; line-height:16px; font-weight:normal; text-decoration:none; color:#FFFFFF; background-color:#dddddd; border-top: 1px solid #FFFFFF; border-left:1px solid #FFFFFF; border-bottom:1px solid #BBBBBB; border-right:1px solid #BBBBBB; } /* Ebene 6 soll von links eingerückt erscheinen: padding 5px wird hier überschrieben */ ##navilinks li.linksnormal6 a { padding-left:34px; font-size:10px; line-height:16px; font-weight:normal; text-decoration:none; color:#444444; border-top:1px solid #FFFFFF; border-left:1px solid #FFFFFF; border-bottom:1px solid #BBBBBB; border-right:1px solid #BBBBBB; } #navilinks li.linksnormal6 a:hover { padding-left:34px; font-size:10px; line-height:16px; font-weight:normal; text-decoration:none; color:#FFFFFF; background-color:#dddddd; border-top: 1px solid #FFFFFF; border-left:1px solid #FFFFFF; border-bottom:1px solid #BBBBBB; border-right:1px solid #BBBBBB; } #navilinks li.linksaktiv6 a { padding-left:34px; font-size:10px; line-height:16px; font-weight:normal; text-decoration:none; color:#00467f; border-top: 1px solid #FFFFFF; border-left:1px solid #FFFFFF; border-bottom:1px solid #BBBBBB; border-right:1px solid #BBBBBB; } #navilinks li.linksaktiv6 a:hover { padding-left:34px; font-size:10px; line-height:16px; font-weight:normal; text-decoration:none; color:#FFFFFF; background-color:#dddddd; border-top: 1px solid #FFFFFF; border-left:1px solid #FFFFFF; border-bottom:1px solid #BBBBBB; border-right:1px solid #BBBBBB; } /** CSS fuer die Suchbox oben links wegen Fehler ab TYPO3 4.3 ****/ .mailform { border:2px; } #mailformsubmit { text-align:left; margin-left:10px; } #mailformsword { text-align:left; margin-left:10px; } /** Formatierung für das Standard-Mail-Formular ***************************************************/ /* Für das gesamte Formular*/ .csc-mailform { border:1px solid silver; padding:10px; margin-right:0px;} /* Postion für alle Felder*/ .csc-mailform-field { margin-bottom:10px; } /* Position und Schrift für alle Feldbeschriftungen. Hier dunkelblau*/ .csc-mailform-field label { font-size:11px; color:#333333; width:120px; float:left; display:block; text-align:left; } /* Position u. Farbe für das Beschriftungsfeld Position ueberfluessig weil bei csc-mailform-field*/ .csc-mailform-label { font-size:11px; color:#333333; } /* Label um die Kreise */ .csc-mailform-radio { font-size:9px; color:#999999; } /* Position für das Kontrollkästchen - ueberfluessig weil bei csc-mailform-field*/ .csc-mailform-check { } /* Position für die Absende-Schaltfläche*/ .csc-mailform-submit { margin:10px 0px 0px 120px;} /* Schriftgestaltung für die Eingabefelder*/ .csc-mailform-field input { font-size: 10px; color:#333333; font-weight:bold; } .csc-mailform-field textarea { font-size: 10px; color:#333333; font-weight:bold; } .csc-mailform-field select { font-size: 10px; color:#333333; font-weight:bold; } #mailformerreichbar { margin-right:168px; border:1px solid silver; } #mailformerreichbar label { font-size:11px; color:#333333; line-height:16px; display:inline !important; float:none !important; }