/***** 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:#8B0000; } 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:#AA0000; margin:0px 0px 8px 0px; font-family:Arial;} h2 { font-weight: bold; font-size:14px; color:#AA0000; margin:0px 0px 8px 0px; font-family:Arial;} h3 { font-weight: bold; font-size:14px; color:#666666; margin:0px 0px 8px 0px; font-family:Arial;} h4 { font-weight: bold; font-size:12px; color:#666666; 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:#f5f5f5; } #container a { color:#B22222; text-decoration:none; } #container a:hover { color:#B22222; text-decoration:underline; } #header { height:180px; background-image:url(Banner_15.06.10.jpg); } /** Menue oben rechts **/ #nebennavi { font-weight:bold; font-size:11px; color: #000000; text-align:right; padding:10px 20px 0px 0px; } #nebennavi a { font-weight:bold; font-size:11px; color:#000000; text-decoration:none;} #nebennavi a:hover { font-weight:bold; font-size:11px; color:#AA0000; text-decoration:underline;} /** Hauptmenu oben **/ #menu { padding:128px 10px 0px 10px; background-color:transparent;} /** Hauptabschnitt (Rumpf) **/ #main { width:100%; padding-top:10px; overflow:hidden; } #spalte1 { float:left; width:165px; } #spalte2 { margin-left:175px; width:615px; background-color:#FFFFFF; min-height:400px; padding: 0px 10px 10px 10px; border:1px solid #EEEEEE; } #spalte3 { float:right; margin-right:5px; width:160px; } /* Browserweiche fuer alten IE weil dieser kein min-height kennt */ * 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 { 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 { color:000000; background-color:#eeeeee; border:1px solid #aa0000; font-weight:bold; text-align:center; padding:5px; margin:10px 0px 0px 10px; } /** Formatierungen fuer aktuelle Infos in der linken Spalte *********************************/ #info_links { color:000000; text-align:center; padding:5px; margin:10px 0px 0px 10px; } /** Formatierungen fuer aktuellen Infos in der rechten Spalte *********************************/ .aktuell { background-color:#EEEEEE; border:1px solid #aa0000; font-size:10px; text-align:center; margin: 5px; padding:5px; } /******* 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-image:url(Banner_klein_15.06.10.jpg); } #navilinks li { line-height:32px; } #navilinks li.linksnormal1 a { text-decoration:none; color:#000000; 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:#FFFFFF; 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:#AA0000; 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:#000000; 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:#FFFFFF; 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:#AA0000; 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 *********************************/ #top { } #top ul { list-style:none; margin:0px; padding:0px; } #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:#757575; text-decoration:none;} #top li.aktiv a { padding:1px; color:#757575; text-decoration:none;} #top li.aktiv a:hover { padding:1px; color:#757575; text-decoration:none;} /** Anpassungen fuer das Standard-Mail-Formular ********************************************************************/ /* Fuer 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:#000000; 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:#AA0000; } /* 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:#999999; font-weight:bold; } .csc-mailform-field textarea { font-size: 10px; color:#999999; font-weight:bold; } .csc-mailform-field select { font-size: 10px; color:#999999; font-weight:bold; } #mailforminfo { margin-right:20px; border:1px solid silver; } #mailforminfo label { font-size:11px; color:#999999; line-height:16px; display:inline !important; float:none !important; } #mailformanmeldung { margin-right:20px; border:1px solid silver; } #mailformanmeldung label { font-size:11px; color:#999999; line-height:16px; display:inline !important; float:none !important; }