/***** Globale Schrift und Zeilenabstaende *****************************************************************************/ * { font-family: Verdana, Helvetica, Arial; } body { font-weight:normal; font-size:12px; line-height:17px; margin:0px; color:#222222; background-color:#4a6926; } 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:#4a6926; margin:0px 0px 8px 0px; } h2 { font-weight: bold; font-size:14px; color:#4a6926; margin:0px 0px 8px 0px; } h3 { font-weight: bold; font-size:14px; color:#FF0000; margin:0px 0px 8px 0px; } h4 { font-weight: bold; font-size:12px; color:#FF0000; margin:0px 0px 3px 0px; } h5 { font-weight: bold; font-size:12px; color:#000000; margin:0px 0px 3px 0px; } /****************** Bildschirmabschnitte ***********************************************************************/ #container { position:absolute; left:50%; width:980px; margin-left:-490px; border:0px solid #CCCCCC; border-top:2px; background-color:#FFFFFF; } #container a { color:#4a6926; text-decoration:none; } #container a:hover { color:#4a6926; text-decoration:underline; } #header { height:200px; background-image:url(SCEndStyles_FILES/Banner1.jpg); } /** Menue oben rechts **/ #nebennavi { font-weight:bold; font-size:11px; color: #FFFFFF; text-align:right; padding:10px 20px 0px 0px; } #nebennavi a { font-weight:bold; font-size:11px; color:#FFFFFF; text-decoration:none;} #nebennavi a:hover { font-weight:bold; font-size:11px; color:#FF0000; text-decoration:none;} /** Hauptmenu oben **/ #menu { padding:145px 4px 0px 4px; background-color:transparent;} /** Hauptabschnitt (Rumpf) - spalte1+3 overflow habe ich rein gemacht, vermeintlich keine Aenderung, 08-10 auch noch in Spalte2, dann aber im IE keine Laufleiste, aber in anderen Problem weg - gelöscht**/ #main { width:100%; padding-top:10px; overflow:hidden; } #spalte1 { float:left; width:165px; padding-left:0px; overflow:hidden; } #spalte2 { margin-left:175px; width:605px; background-color:#FFFFFF; min-height:315px; padding: 0px 10px 10px 10px; border:1px solid #EEEEEE; } #spalte3 { float:right; width:165px; overflow:hidden; } /* Browserweiche fuer alten IE weil dieser kein min-height kennt */ * html #spalte2 { height:315px;} /** die "hierbinich"-Zeile**/ #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 { width:100%; text-align:center; font-size:10px; background-color:#EEEEEE; } #footer a { color:#111111; text-decoration:none; } #footer a:hover { color:#111111; text-decoration:underline; } /** Formatierungen fuer die Anschrift *********************************/ #anschrift { background-color:#eeeeee; border:1px solid0; text-align:center; margin:0px 10px 10px 10px; padding:0px; } /** Formatierungen fuer aktuellen Infos in der rechten Spalte *********************************/ .aktuell { color: #ff0000; background-color:#ffffff; border:1px solid0; font-size:9px; font-weight:bold; text-align:center; margin:0px 10px 10px 10px; padding:5px; } /******* Vertikales Men links; Definition der Klassen normal + aktiv erfolgt im TypoScript *************************/ #navilinks { margin:0px 10px 0px 10px; } #navilinks ul { font-weight:bold; list-style:none; margin:0px; padding:0px; } #navilinks ul a { display:block; padding-left:5px; background-color:#cccccc; } #navilinks li { line-height:22px; } #navilinks li.linksnormal1 a { text-decoration:none; color:#666666; 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 { 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.linksaktiv1 a { text-decoration:none; color:#FF0000; 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 { text-decoration:none; color:#CC0000; background-color:#dddddd; 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 eingerueckt erscheinen: padding 5px wird hier ueberschrieben */ #navilinks li.linksnormal2 a { padding-left:15px; text-decoration:none; color:#666666; 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-left:15px; 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-left:15px; text-decoration:none; color:#FF0000; 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-left:15px; text-decoration:none; color:#CC0000; 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 eingerueckt erscheinen: padding 10px wird hier ueberschrieben (wird zumindest versucht- geht nicht*/ #navilinks li.linksnormal3 a { padding-left:25px; text-decoration:none; color:#666666; 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:25px; 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:25px; text-decoration:none; color:#FF0000; 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:25px; text-decoration:none; color:#CC0000; background-color:#dddddd; border-top: 1px solid #FFFFFF; border-left:1px solid #FFFFFF; border-bottom:1px solid #BBBBBB; border-right:1px solid #BBBBBB; } /******* Hauptmenu; Definition der Klassen normal + aktiv erfolgt im TypoScript - 188 beeinflusst die Anzahl der Buttons*********************************/ #top { } #top ul { list-style:none; margin:0px; padding:0pt; } #top ul a { float:left; display:block; width:188px; text-align:center; line-height:22px; font-weight:bold; font-size:12px; } #top li { float:left; } #top li.normal a { padding:1px; color:#222222; text-decoration:none;} #top li.normal a:hover { padding:1px; color:#888888; text-decoration:none;} #top li.aktiv a { padding:1px; color:#FF0000; text-decoration:none;} #top li.aktiv a:hover { padding:1px; color:#888888; text-decoration:none;} /** Anpassungen fuer das Standard-Mail-Formular ********************************************************************/ /* Fuer das gesamte Formular (von Frau Busse, nicht anfassen) */ .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:#000066; 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:#FF0000; } /* Label um die Kreise */ .csc-mailform-radio { font-size:9px; color:#999999; } /* Position fuer die Absende-Schaltflaeche*/ .csc-mailform-submit { margin:10px 0px 0px 120px;} /* Schriftgestaltung für die Eingabefelder*/ .csc-mailform-field input { font-size: 10px; color:#000066; font-weight:bold; } .csc-mailform-field textarea { font-size: 10px; color:#000066; font-weight:bold; } .csc-mailform-field select { font-size: 10px; color:#000066; font-weight:bold; } #mailformerreichbar { margin-right:20px; border:1px solid silver; } #mailformerreichbar label { font-size:11px; color:#000066; line-height:16px; display:inline !important; float:none !important; } #mailformanmeldung { margin-right:20px; border:1px solid silver; } #mailformanmeldung label { font-size:11px; color:#000066; line-height:16px; display:inline !important; float:none !important; }