/***** Globale Schrift und Zeilenabstaende *****************************************************************************/ * { font-family: Verdana, Helvetica, Arial; } body { font-weight:normal; font-size:11px; line-height:17px; margin:0px; color:#222222; background-color:#c8d6e1; } 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:#000066; margin:0px 0px 8px 0px; font-family:Arial;} h2 { font-weight: bold; font-size:14px; color:#000066; margin:0px 0px 8px 0px; font-family:Arial;} h3 { font-weight: bold; font-size:14px; color:#FF0000; margin:0px 0px 8px 0px; font-family:Arial;} h4 { font-weight: bold; font-size:15px; color:#000000; 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:2px solid #CCCCCC; border-top:0px; background-color:#FFFFFF; } #container a { color:#07229C; text-decoration:none; } #container a:hover { color:#07229C; text-decoration:underline; } #header { height:176px; background-image:url(banner-thiedemann.jpg); } /** Menue oben rechts **/ #nebennavi { font-weight:bold; font-size:11px; color: #ffffff; text-align:right; padding:2px 100px 8px 0px; } #nebennavi a { font-weight:bold; font-size:11px; color:#ffffff; text-decoration:none;} #nebennavi a:hover { font-weight:bold; font-size:11px; color: blue; text-decoration:none;} /** Hauptmenu oben **/ #menu { padding:130px 8px 0px 8px; background-color:transparent;} /** Hauptabschnitt (Rumpf) **/ #main { width:100%; padding-top:10px; overflow:hidden; } #spalte1 { float:left; width:165px; } #spalte2 { margin-left:170px; width:610px; background-color:#FFFFFF; min-height:385px; padding: 0px 10px 10px 10px; border:1px solid #EEEEEE; } #spalte3 { float:right; width:165px; } /* 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;} #klickpfad a:hover { 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:#FFFFFF; border:1px solid #FFFFFF; font-weight:bold; text-align:center; margin:50px 0px 0px 0px; padding:5px; } /** Formatierungen fuer aktuellen Infos in der rechten spalte *********************************/ .aktuell { background-color:#EEEEEE; border:1px solid navy; font-size:9px; text-align:center; margin:10px 10px 0px 10px; padding 1 px; } /******* Vertikales Men links; Definition der Klassen normal + aktiv erfolgt im TypoScript *************************/ #navilinks { margin-left:10px; } #navilinks ul { font-weight:bold; list-style:none; margin:0px; padding:0px; } #navilinks ul a { display:block; padding-left:5px; background-color:red; } #navilinks li { line-height:30px; } #navilinks li.linksnormal1 a { text-decoration:none; color:#000066; background-image:url(SCEndStyles_FILES/HGSilber.jpg); } #navilinks li.linksnormal1 a:hover { text-decoration:none; color:red; background-color:#dddddd; background-image:url(SCEndStyles_FILES/HGSilber.jpg); } #navilinks li.linksaktiv1 a { text-decoration:none; color:blue; background-image:url(SCEndStyles_FILES/HGSilber.jpg); } #navilinks li.linksaktiv1 a:hover { text-decoration:none; color:red; background-color:#dddddd; background-image:url(SCEndStyles_FILES/HGSilber.jpg);} /* Ebene 2 soll von links eingerückt erscheinen: padding 5px wird hier überschrieben */ #navilinks li.linksnormal2 a { padding-left:15px; text-decoration:none; color:#000066; background-image:url(SCEndStyles_FILES/HGSilber.jpg); } #navilinks li.linksnormal2 a:hover { padding-left:15px; text-decoration:none; color:red; background-color:#dddddd; background-image:url(SCEndStyles_FILES/HGSilber.jpg); } #navilinks li.linksaktiv2 a { padding-left:15px; text-decoration:none; color:#FF0000; background-image:url(SCEndStyles_FILES/HGSilber.jpg); } #navilinks li.linksaktiv2 a:hover { padding-left:15px; text-decoration:none; color:red; background-color:#dddddd; background-image:url(SCEndStyles_FILES/HGSilber.jpg); } /******* Hauptmenu; Definition der Klassen normal + aktiv erfolgt im TypoScript *********************************/ #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:#000000; text-decoration:none;} #top li.normal a:hover { padding:1px; color:#FF0000; text-decoration:none;} #top li.aktiv a { padding:1px; color:blue; text-decoration:none;} #top li.aktiv a:hover { padding:1px; color:green; text-decoration:none;} /***Formatierungen fuer die News-Liste ******************************************************************************/ #news_head { font-weight:bold; font-size:11px; margin-bottom:2px; color:#005500; } #news_body { font-weight:normal; font-size:11px; margin-bottom:2px; } #news_more { font-weight:normal; font-size:11px; margin-bottom:20px; } #news_more a { font-weight:normal; font-size:11px; margin-bottom:20px; text-decoration:none;} #news_more a:hover { font-weight:normal; font-size:11px; margin-bottom:20px; text-decoration:none;} /** Anpassungen fuer das Standard-Mail-Formular ********************************************************************/ .csc-mailform { border:1px solid silver; padding:10px; margin-right:0px;} /* Postion fuer alle Felder*/ .csc-mailform-field { margin-bottom:10px; } /* Position und Schrift fuer 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 fuer 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 das Kontrollkaestchen - ueberfluessig weil bei csc-mailform-field*/ .csc-mailform-check { } /* Position fuer die Absende-Schaltfläche*/ .csc-mailform-submit { margin:10px 0px 0px 120px;} /* Schriftgestaltung fuer 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; }