@charset "utf-8"; body { font: 14px Georgia, "Times New Roman", Times, serif; background: #003333; margin: 0; padding: 0; color: #484848; } /* ~~ Element-/Tag-Selektoren ~~ */ ol, dl { /* Aufgrund von Abweichungen zwischen verschiedenen Browsern empfiehlt es sich, die Auffüllung und den Rand in Listen auf 0 einzustellen. Zu Konsistenzzwecken können Sie die gewünschten Werte entweder hier oder in den enthaltenen Listenelementen (LI, DT, DD) eingeben. Beachten Sie, dass die hier eingegebenen Werte hierarchisch auf die .nav-Liste angewendet werden, sofern Sie keinen spezifischeren Selektor festlegen. */ padding: 0; margin: 0; } h1, h2, h3, h4, h5, h6, p { margin-top: 0; /* Durch Verschieben des oberen Rands wird das Problem behoben, dass Ränder aus dem zugehörigen div-Tag geraten können. Der übrig gebliebene untere Rand hält ihn getrennt von allen folgenden Elementen. */ padding-right: 0px; padding-left: 0px; /* Durch Hinzufügen der Auffüllung zu den Seiten der Elemente innerhalb der div-Tags anstelle der div-Tags selbst entfallen jegliche Box-Modell-Berechnungen. Alternativ kann auch ein verschachteltes div-Tag mit seitlicher Auffüllung verwendet werden. */ } p { margin:10px 0 0 0;} a img { /* Dieser Selektor entfernt den standardmäßigen blauen Rahmen, der in einigen Browsern um ein Bild angezeigt wird, wenn es von einem Hyperlink umschlossen ist. */ border: none; } /* ~~ Die Reihenfolge der Stildefinitionen für die Hyperlinks der Site, einschließlich der Gruppe der Selektoren zum Erzeugen des Hover-Effekts, muss erhalten bleiben. ~~ */ a.textlink:link, a.textlink:hover, a.textlink:visited { color: #484848; text-decoration: underline; /* Sofern Ihre Hyperlinks nicht besonders hervorgehoben werden sollen, empfiehlt es sich, zur schnellen visuellen Erkennung Unterstreichungen zu verwenden. */ } /* ~~ Dieser Container mit fester Breite umschließt alle anderen div-Tags. ~~ */ .container { width: 1000px; background: #d4c093; margin: 10px auto; /* Der mit der Breite gekoppelte automatische Wert an den Seiten zentriert das Layout. */ } .header { background: url(Bilder/header.jpg) no-repeat; height:212px; text-align:right; } .sidebar1 { float: left; width: 194px; background: url(Bilder/sidebar1.jpg) no-repeat; height:565px; } .content { padding: 10px 12px 0 13px; width: 600px; float: left; } .content font { font-size:22px; } .sidebar2 { float: left; width: 131px; background: url(Bilder/sidebar2.jpg) no-repeat; height:526px; padding:0 10px 0 40px; color:#F2DCA8; font-size:12px; } .sidebar2 font a { font-size:16px; font-weight:bold; color:#FFFFFF; text-decoration:none; } .sidebar2 a { color:#F2DCA8; } .sidebar2 hr { height:1px; background-color:#d4c093; border:0px; margin:10px 0; color:#d4c093; padding:0px; } /* ~~ Stile für die Fußzeile ~~ */ .footer { padding: 60px 10px 0 0; background: url(Bilder/footer.jpg) no-repeat; height:23px; position: relative;/* Hiermit erhält IE6 die Eigenschaft hasLayout, damit die clear-Anweisung korrekt ausgeführt wird. */ clear: both; /* Diese clear-Eigenschaft bewirkt, dass .container das Ende der fließenden Spalten erkennt und ihren Inhalt aufnimmt. */ text-align:right; } /* ~~ Verschiedene float/clear-Klassen ~~ */ .fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das fließende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */ float: right; margin-left: 8px; } .fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. Das fließende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */ float: left; margin-right: 8px; } .clearfloat { /* Diese Klasse kann in einem
-Tag oder leeren div-Tag als letztes Element nach dem letzten fließenden div-Tag (im .container) platziert werden, wenn .footer entfernt oder aus dem .container herausgenommen wird. */ clear:both; height:0; font-size: 1px; line-height: 0px; } ul.hauptmenu { list-style:none; margin-left:0px; margin-top:0px; padding:0px;} ul.hauptmenu li { margin:0px 0px 2px 0px; } ul.hauptmenu a { text-decoration:none; font:bold 14px Georgia, "Times New Roman", Times, serif; color:#FFFFFF; display:block; line-height:25px; background:url(Bilder/hauptmenu.png) no-repeat; width:142px; padding-left:8px; cursor:pointer; height:25px; } ul.hauptmenu a:hover { background:url(Bilder/hauptmenu_aktiv.png) no-repeat; } ul.hauptmenu a#aktiv { background:url(Bilder/hauptmenu_aktiv.png) no-repeat; color:#484848; } ul.untermenu { list-style:none; margin-left:5px; padding:0px; margin-bottom:8px;} ul.untermenu li { margin:3px 0px;} ul.untermenu li a { text-decoration:none; font:normal 13px Georgia, "Times New Roman", Times, serif; color:#FFFFFF; display:block; line-height:18px; width:130px; height:20px; padding-left:15px; cursor:pointer; background:none;} ul.untermenu li a:hover { background:none; text-decoration:underline; } ul.untermenu li a#aktiv { background:none; color:#d4c093; text-decoration:none; } a.orgpunkt { font:normal 11px Georgia, "Times New Roman", Times, serif; color:#484848; text-decoration:none; } a.orgpunkt:hover { text-decoration:underline; } a.orgpunkt_aktiv { font:normal 11px Georgia, "Times New Roman", Times, serif; color:#484848; text-decoration:underline; } a.orgpunkt_sitemap { font:normal 11px Georgia, "Times New Roman", Times, serif; color:#484848; text-decoration:none; } a.orgpunkt_sitemap:hover { color:#d4c093; text-decoration:underline; } img.facebook { float:left; margin:3px 0 0 207px; } div.hor_menu { margin:12px 190px 0 0; } a.hor_punkt { font:normal 14px Georgia, "Times New Roman", Times, serif; color:#484848; text-decoration:none; } a.hor_punkt:hover { } a.hor_punkt_aktiv { font-weight:bold; text-decoration:none; color:#484848; } ul.sitemap1 { list-style:none; margin:0px 0 0 0; padding:0px;} ul.sitemap1 li { margin:10px 0 0 0;} ul.sitemap1 a { text-decoration:none; font:normal 14px Georgia, "Times New Roman", Times, serif; color:#484848;; line-height:21px; padding-left:0px; cursor:pointer;} ul.sitemap1 li a:hover { text-decoration:underline;} ul.sitemap2 { list-style:circle;} ul.sitemap2 li a { text-decoration:none; font:normal 12px Georgia, "Times New Roman", Times, serif; color:#484848; line-height:17px; padding-left:0px; cursor:pointer;} ul.sitemap2 li a:hover { text-decoration:underline;} ul.sitemap3 { list-style:circle;} ul.sitemap3 li a { text-decoration:none; font:normal 10px Georgia, "Times New Roman", Times, serif; color:#484848; line-height:13px; padding-left:0px; cursor:pointer;} ul.sitemap3 li a:hover { text-decoration:underline;;} img.text_right { margin:0 0 15px 15px; float:right; } img.galerie { padding:2px; border:1px solid #484848; margin:0 3px 5px 0; } div.galerie { width:120px; height:80px; padding:2px; border:1px solid #484848; margin:0 3px 5px 0; float:left; text-align:center; } input, select { border:1px solid #484848; font: 14px Georgia, "Times New Roman", Times, serif; } #FormAbsender label {width:5em;float:left;} .missing {color:red;} .req {font-weight:bold;} table.termine { border-collapse:collapse; text-align:center } table.termine thead td { border:1px solid #484848; font-weight:bold; } table.termine td { border:1px solid #484848; font-size:12px; } #aktuelles_links { float:left; width:85%; } #aktuelles_rechts { float:right; width:15%; text-align:right;} div.aktuelles_box {min-height:160px} img.aktuelles {border:0px; float:right; margin: 0px 0px 10px 10px; } img.rechte_leiste {border:0px; width:120px; text-align:center;} a.blaetter_link {font:normal Georgia, "Times New Roman", Times, serif; text-decoration:underline; color:#484848;} a.blaetter_link:hover {font:normal Georgia, "Times New Roman", Times, serif; text-decoration:underline; color:#484848;} hr.aktuelles { background-color:#ffcf12; height:1px; border-color:#cccccc; width:400px; margin:15px 0px; } ul.aktuelles { margin:0 0 0 14px; padding:0px 0 0 0px; }