/*---------------------------------------------------------------------------*/ /* Standardwerte für Gesamtseite einstellen */ /* WICHTIG: muss vor BODY definiert werden !!! */ /*---------------------------------------------------------------------------*/ #siteContainer { margin: 0 auto; /* Zentrieren - funzt nicht */ color: black; /* Schriftfarbe */ width: 950px; /* fester Bereich */ min-height: 100%; position: relative; padding: 0; /* text-align: center; */ } /*---------------------------------------------------------------------------*/ /* Body Standardwerte einstellen */ /*---------------------------------------------------------------------------*/ body { margin-left: 0px; margin-top: 0px; margin-bottom: 0px; margin-right: 0px; background: url(../images/bar_blue_10x768.jpg) top repeat-x; background-attachment: fixed; /* Hintergrundbild scrollt nicht mit: */ background-color: #60E1CB; font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 10pt; color: black; margin: 0; padding: 0; font-style: normal; } /* background-color: #A0A0A0; */ /* background: url(../images/bar_gray_10x768.jpg) top repeat-x; */ /*---------------------------------------------------------------------------*/ /* Inhaltsbreich definieren (eigentlicher Seiteninhalt) */ /*---------------------------------------------------------------------------*/ #contentContainer { width: 950px; padding: 0; background-color: #FFFFE8; margin: 0 auto; position: relative; border-right: 1px groove #000000; border-left: 1px groove #000000; border-top: 1px groove #000000; } /*---------------------------------------------------------------------------*/ /* Kopfbereich definieren */ /*---------------------------------------------------------------------------*/ #headContainer { margin: 0 auto; width: 950px; height: 150px; padding: 0; border: 1px ridge #000000; position: relative; border-right: 1px groove #000000; border-left: 1px groove #000000; border-top: 1px groove #000000; border-bottom: 0px groove #000000; background: url(../images/standorte.jpg) top left repeat-x; background-color: #FFFFFF; } /* background: url(../images/standorte.jpg) top right no-repeat; */ /*---------------------------------------------------------------------------*/ /* Fussbereich definieren */ /*---------------------------------------------------------------------------*/ #footContainer { margin: 0 auto; width: 950px; height: 90px; padding: 0; border-bottom: 1px ridge #000000; border-top: 1px ridge #000000; border-left: 1px ridge #000000; border-right: 1px ridge #000000; position: relative; background-color: #8090B0; /* Blaugrauer Hintergrund */ text-align: center; color: black; } #secNaviContainer { text-align: center; text-decoration: none; margin: 0; font-size: 10px; font-family: Arial,Verdana,Helvetica,sans-serif; } #secNaviContainer a, #secNaviContainer a:visited, #secNaviContainer a:hover, #secNaviContainer a.active, #secNaviContainer a.active:hover { text-align: center; text-decoration: none; margin: 0; padding: 1px 10px 1px 10px; font-size: 11px; background-color: #8090B0; /* Hintergrundfarbe wie Containerhintergrund */ font-weight: bold; } #secNaviContainer a{ color: #D0D0FF; } #secNaviContainer a:visited { } #secNaviContainer a:hover { color: #D0D0FF; background-color: #304060; /* Hintergrundfarbe wie Containerhintergrund */ } #secNaviContainer a.active { color: #FFD000; } #secNaviContainer a.active:hover { color: #FFD000; background-color: #304060; /* Hintergrundfarbe wie Containerhintergrund */ } /*---------------------------------------------------------------------------*/ /* MENU-NAVIGATION */ /* Zuerst den blaugrauen Gesamthintergrund bereit stellen */ /*---------------------------------------------------------------------------*/ #naviContainer { width: 950px; /* Standardbreite */ height: 25px; padding: 10px 0 0 0; background-color: #8090B0; /* Blaugrauer Hintergrund */ font-size: 12px; } /*---------------------------------------------------------------------------*/ /* Auf dem blaugrauen Hintergrund die obere sichtbare Menuleiste darstellen */ /* (nicht den Text - nur den Bereich definieren) */ /*---------------------------------------------------------------------------*/ #priNaviContainer { width: 930px; height: 25px; margin-left: auto; margin-right: auto; border-left: 1px solid #FFFFE8; border-top: 1px solid #FFFFE8; border-right: 1px solid #FFFFE8; font-weight: bold; /*border-bottom: 1px solid #ffffff;*/ } #priNaviContainer ul { margin: 0; padding: 0; list-style-type: none; } /*---------------------------------------------------------------------------*/ /* Obere (sichtbare) Menuleiste des nicht aufgeklappten Menus setzen */ /* priNaviContainer = Obere sichtbare Menuleiste */ /*---------------------------------------------------------------------------*/ #priNaviContainer ul li { display: inline; text-align: center; /* Menutext in Menuleiste zentriert darstellen */ padding: 0; margin: 0; float: left; position: relative; background-color: #8090B0; /* Hintergrundfarbe wie Containerhintergrund */ z-index: 100; } /*---------------------------------------------------------------------------*/ /* Unterhalb Exolorer V7 wird eine Tabelle gezeichnet. Diese wird hier */ /* definiert */ /*---------------------------------------------------------------------------*/ #priNaviContainer table { position: absolute; border-collapse: collapse; z-index: 80; left: -1px; top: 25px; } /*---------------------------------------------------------------------------*/ /* Da die Menu-Items auch Links sind, wird hier festgelegt, wie sich die */ /* Farbe verhält, wenn man einen Link besucht hat, oder die Maus drüber */ /* bewegt oder dieser Link aktiv ist. Das gilt aber alles nur für die */ /* obersten Einträge der Menuleiste. */ /*---------------------------------------------------------------------------*/ #priNaviContainer ul li a, #priNaviContainer ul li a:visited, #priNaviContainer ul li a:hover, #priNaviContainer ul li a.active, #priNaviContainer ul li a.active:hover { display: block; color: #ffffff; /* Schriftfarbe der Menueinträge in der Menuleiste */ text-decoration: none; padding: 4px 7px 4px 7px; background-color: #8090B0; /* Hintergrundfarbe wie Container */ margin: 0 1px 0 0; } /* Hintergrundfarbe und Schriftfarbe der Menu-Links, wenn man die Maus drüber bewegt */ #priNaviContainer ul li a:hover, #priNaviContainer ul li a.active, #priNaviContainer ul li a.active:hover { color: #ffffff; background: #304060; /* Aktive Hintergrundfarbe */ background-color: #304060; /* Aktive Hintergrundfarbe */ } /* hide the sub level links */ #priNaviContainer ul li ul { visibility: hidden; position: absolute; width: 230px; /* Breite eines Menueintrages (ohne Markierung)*/ background: #8090B0; border: 1px solid #757575; padding: 6px 0 6px 0; } /*---------------------------------------------------------------------------*/ /* Die MenuItems definieren (allgemein) */ /*---------------------------------------------------------------------------*/ #priNaviContainer ul li ul li { padding: 0; margin: 0; list-style: none; display: block; clear: both; text-align: left; } /*---------------------------------------------------------------------------*/ /* Die Links in den MenuItems definieren (allgemein) */ /*---------------------------------------------------------------------------*/ #priNaviContainer ul li ul li a, #priNaviContainer ul li ul li a:visited, #priNaviContainer ul li ul li a:hover, #priNaviContainer ul li ul li a.active, #priNaviContainer ul li ul li a.active:hover { /* Markierter Menueintrag */ display: block; color: #ffffff; text-decoration: none; /* keine Unterstreichung */ margin: 0; /* Markierungsbalken reicht von Rand zu Rand */ padding: 1px 10px 1px 10px; font-size: 11px; width: 210px; /* Breite eines Menueintrages (mit Markierung)*/ } /*---------------------------------------------------------------------------*/ /* Die Links in den MenuItems definieren, wenn sich die Maus drüber bewegt */ /*---------------------------------------------------------------------------*/ #priNaviContainer ul li ul li a:hover { background-color: #304060; background: #304060; } /*---------------------------------------------------------------------------*/ /* Die Links in den MenuItems definieren, wenn der Links aktive ist */ /* oder sich die Maus darüber bewegt. */ /*---------------------------------------------------------------------------*/ #priNaviContainer ul li ul li a.active:hover { text-decoration: underline; font-weight: bold; background-color: #304060; background: #304060; } /*---------------------------------------------------------------------------*/ /* Im Normalfall die Links in den Menus nicht unterstreichen. */ /*---------------------------------------------------------------------------*/ #priNaviContainer ul li ul li a.active { text-decoration: none; } /*---------------------------------------------------------------------------*/ /* Schriftart der MenuItems und Menubeschriftung. */ /*---------------------------------------------------------------------------*/ #priNaviContainer ul li ul li a.active, #priNaviContainer ul li ul li a.active:hover { font-weight: bold; } /* make the sub level visible on hover list or link */ /*---------------------------------------------------------------------------*/ /* Unter-Menuitems und -links sichtbar machen (aktualisieren) */ /*---------------------------------------------------------------------------*/ #priNaviContainer ul li:hover ul, #priNaviContainer ul a:hover ul { visibility: visible; } /* background-color: #8090B0; Blaugrauer Hintergrund (sonst schwarz) */ /*---------------------------------------------------------------------------*/ /* Überschrifts-Befehle neu festlegen */ /*---------------------------------------------------------------------------*/ h1 { font-size: 200%; } h2 { font-size: 160%; } h3 { font-size: 130%; } h4 { font-size: 100%; } h5 { font-size: 80%; } h6 { font-size: 60%; } h1.Verdana { font-size: 200%; font-family: Verdana,Arial,Helvetica,sans-serif;} h2.Verdana { font-size: 160%; font-family: Verdana,Arial,Helvetica,sans-serif;} h3.Verdana { font-size: 130%; font-family: Verdana,Arial,Helvetica,sans-serif;} h4.Verdana { font-size: 100%; font-family: Verdana,Arial,Helvetica,sans-serif;} h5.Verdana { font-size: 80%; font-family: Verdana,Arial,Helvetica,sans-serif;} h6.Verdana { font-size: 60%; font-family: Verdana,Arial,Helvetica,sans-serif;} p.Verdana { font-size: 180%; font-family: Verdana,Arial,Helvetica,sans-serif;} div.Verdana { font-size: 180%; font-family: Verdana,Arial,Helvetica,sans-serif;} /*---------------------------------------------------------------------------*/ /* Die Schrift in Tabellen, wie im normalen BODY-Bereich */ /*---------------------------------------------------------------------------*/ table { margin-left: 0px; font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 10pt; color: black; font-style: normal; } td { margin-left: 0px; font-family: Arial,Verdana,Helvetica,sans-serif; font-size: 10pt; color: black; font-style: normal; } table.Verdana { margin-left: 0px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10pt; color: black; font-style: normal; } td.Verdana { margin-left: 0px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10pt; color: black; font-style: normal; } th.Verdana { margin-left: 0px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10pt; color: black; font-style: normal; } /*---------------------------------------------------------------------------*/ /* Horizontalen Trennungsbalken farblich definieren */ /*---------------------------------------------------------------------------*/ table.SeparationBar, td.SeparationBar, th.SeparationBar { margin-left: 0px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10pt; color: black; background-color: #E0E0C0; background: #E0E0C0; font-style: normal; } /*---------------------------------------------------------------------------*/ /* Vertikalen Trennungsbalken auf der Hauptseite farblich definieren */ /*---------------------------------------------------------------------------*/ td.SeparationBarV { margin-left: 0px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10pt; color: black; border-right: 5px solid #E0E0C0; border-left: 5px solid #E0E0C0; font-style: normal; } /*---------------------------------------------------------------------------*/ /* Bilder IMMER ohne Umrandung */ /*---------------------------------------------------------------------------*/ img {border: none;} /*---------------------------------------------------------------------------*/ /* Link-Farbe definieren */ /* Zusätzlich sind die Links NICHT unterstrichen (text-decoration) */ /*---------------------------------------------------------------------------*/ a:focus { outline: none; } a.HellBlau:active { color: #0000B0; font-weight: bold; text-decoration: none; } a.HellBlau:link { color: #0000B0; font-weight: bold; text-decoration: none; } a.HellBlau:visited { color: #0000B0; font-weight: bold; text-decoration: none; } a.HellBlau:hover { color: #8080FF; font-weight: bold; text-decoration: none; } /*---------------------------------------------------------------------------*/ a.DunkelBlau:active { color: #0000B0; font-weight: bold; text-decoration: none; } a.DunkelBlau:link { color: #0000B0; font-weight: bold; text-decoration: none; } a.DunkelBlau:visited { color: #0000B0; font-weight: bold; text-decoration: none; } a.DunkelBlau:hover { color: #8080FF; font-weight: bold; text-decoration: none; } /*---------------------------------------------------------------------------*/ /* Verschiedene Schriftarten und Größen definieren */ /*---------------------------------------------------------------------------*/ #small { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 7pt; color: black; font-style: normal; } td.white { margin-left: 0px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10pt; color: black; font-style: normal; } table.White { margin-left: 0px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10pt; color: white; font-style: normal; } li.White { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10pt; color: white; font-style: normal; } ul.White { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10pt; color: white; font-style: normal; } UL {list-style-image:url(/images/kreis3.gif)} /*---------------------------------------------------------------------------*/ /* verschiedene Schriftgrößen definieren */ /*---------------------------------------------------------------------------*/ .font_6 { font-size: 6pt; } .font_7 { font-size: 7pt; } .font_8 { font-size: 8pt; } .font_9 { font-size: 9pt; } .font_10 { font-size: 10pt; } .font_11 { font-size: 11pt; } .font_12 { font-size: 12pt; } .font_13 { font-size: 13pt; } .font_14 { font-size: 14pt; } .font_15 { font-size: 15pt; } .font_16 { font-size: 16pt; } .font_17 { font-size: 17pt; } .font_18 { font-size: 18pt; } .font_19 { font-size: 19pt; } .font_20 { font-size: 20pt; } .font_22 { font-size: 22pt; } .font_24 { font-size: 24pt; } .font_26 { font-size: 26pt; } .font_28 { font-size: 28pt; } .font_30 { font-size: 30pt; } .font_32 { font-size: 32pt; } .font_34 { font-size: 34pt; } .font_36 { font-size: 36pt; } .font_38 { font-size: 38pt; } .font_40 { font-size: 40pt; } .font_42 { font-size: 42pt; }