/* e035 Design Sigma - rot */ body { margin: 0px; /* kein Rand */ text-align: center; /* das "#gesamtseite"-DIV soll zentriert */ /* ueber dem Hintergrundbild liegen */ background: url(e035hintergrundrot.jpg) repeat-y center; /* Hintergrundbild "Schattenwurf" 1024 x 6 Pixel */ font-family: Verdana, Arial, Helvetica, sans-serif; /* Veranda is Typo3-Schriftenverzeichnis kopieren!*/ font-size:13px; /* Schriftgr”áe "normaler Text" in Pixel */ color:#939393; color:#808080; /* Schriftfarbe "normaler Text" */ } .bodytext a:link { /* noch nicht besuchte Ziele */ color:#939393; color:#808080; font-weight:bold; /* Menueeintrag: fett */ font-style:italic; text-decoration:none; /* keine Unterstreichung von Links o.ae. */ } .bodytext a:visited { /* besuchte Ziele */ color:#484848; font-weight:bold; /* Menueeintrag: fett */ text-decoration:none; /* keine unterstreichung o. . */ } .bodytext a:hover { color:#550000; } h1 { font-size:16px; /* Schrfitgröße der berschriften in Pixel */ } h2 { font-size:14px; /* Schrfitgröße der berschriften in Pixel */ } h3 {} h4 {} h5 {} h6 {} /* antelle von kursiv wird in "Kapitälchen" geschrieben */ i { font-style:normal; font-variant:small-caps; } /* alle weiteren DIVs liegen in diesem umgebenden Gesamt-DIV. */ /* Damit sind Positionierungen und dynamisches Verhalten der Unter-DIVs */ /* unabhaengig vom Browser-Fenster (z.B. Horizontaler Scrollbalken, DIV-Umbruch, etc.) */ #gesamtseite { padding:0; /* kein Abstand des Inhaltes zum DIV-Rand */ width:779px; /* Pixelbreite des freien bereiches zwischen den */ width:779px; /* Schatten der Hintergrundgrafik */ /* hier: 780 Pixel vorhande Breite abzueglich */ /* jew. 1 Pixel links und rechts als otische */ /* Abgrenzung zum Schattenrand: 780 - 2 = 778 */ margin: 0px auto; /* Abstand noch oben/unten: 0 Pixel */ padding-right:2px; /* nach links/rechts: auto = zentriert */ text-align: left; position:relative; /* als "Elternelement" fuer nachfolgende DIVs muss*/ /* eine Positionsartangabe erfolgen."#gesamtseite"*/ /* positioniert sich relativ zu sich selbst */ /* ... und nicht etwa zum umgebenden Body-Element.*/ background:url(e035linie_senkrecht_punkte_rot.jpg) repeat-y; background-position: 200px 0; /* linke obere Ecke der Linie */ /* damit ist eine Breite von 198 Pixel fuer die */ /* linke Spalte festgelegt. */ /* Aufgrund von "repeat-y" wir der zweite Wert */ /* (Abstand von Oben) nicht angewendet und wird */ /* daher auf 0 gesetzt */ } #logo { /* background:#ffffff url(logo_gcb_117x70.jpg) no-repeat; */ background:#ffffff url(logo_gcb_klein_232x70.jpg) no-repeat; /* Firmenlogo als Hintergrundgrafik des Kopf- bzw.*/ /* Logo-bereiches definiert. Groesse: 333x60 Pixel*/ background-position: 45px; /* Abstand des Logos vom linken Rand */ height: 100px; /* Hoehe des Kopfbereiches */ width: 778px; /* DIV ueber gesamte Seitenbreite */ /* Da das Logo wg. no-repeat aber nur einmal in */ /* Logo-Breite angezeigt wird, kann der restliche */ /* Bereich durch spaetere DIVs ueberlagert werden */ /*(Deren Position: absolute zur #gesamtseite) */ margin: 0px; /* kein Rand */ } #bildleiste { background:#ffffff; /* hier kann ein Bild bzw. ein mit Typo3 erzeugtes*/ /* Grafikelement zwischen dei beiden */ /* Horizontalmenues eingesetzt werden. */ } /* ------------------ FIX _ Menue ------------------------------------------ */ #fixnavigation { position:absolute; /* nachfolgende Abstaende beziehen sich auf das */ /* Elternelement, in diesem Fall: #gesamtseite */ top:5px; right:10px; text-align:right; /* Inhalte rechtsbuendig ausrichten */ color:#ad3839; color:#ff0000; /* Benutzeranpassung GeoConsult*/ font-size:10px; } #fixnavigation ul { list-style-type:none; /* keine Grafik bzw. Punkte vor Listenelementen */ } #fixnavigation li { display:inline; /* Listenelemente stellen keinen eigenen Block dar*/ /* sondern Inlein-Elemente (wie z.B. oder */ /* ), daher erfolgt eine 1-zeilige Ausgabe */ /* aller Listenelemente ohne Zeilenumbruch */ } #fixnavigation a { color:#ff0000; /* Benutzeranpassung GeoConsult*/ font-weight:bold; /* Menueeintrag: fett */ font-size:10px; /* Menueeintrag: Schriftgroesse in Pixel */ text-decoration:none; /* keine Unterstreichung o. . */ } #fixnavigation a:link { color:#ff0000; /* Benutzeranpassung GeoConsult*/ font-weight:bold; /* Menueeintrag: fett */ font-size:10px; /* Menueeintrag: Schriftgroesse in Pixel */ text-decoration:none; /* keine Unterstreichung o. . */ } #fixnavigation a:visited { color:#ff0000; /* Benutzeranpassung GeoConsult*/ font-weight:bold; /* Menueeintrag: fett */ font-size:10px; /* Menueeintrag: Schriftgroesse in Pixel */ text-decoration:none; /* keine Unterstreichung o. . */ } #fixnavigation a:hover { /* Maus auf Link */ color: #550000; /* Aenderung der Textfarbe */ } /* ------------------ Horizontalmenue --------------------------------------- */ #hornavigation { background:#ad3839; /* Hintergrundfarbe der oberen Menueleiste */ background:#ff0000; /* Benutzeranpassung GeoConsult*/ text-align:right; /* Menue-Eintr ge rechtsb ndig ausrichten */ /* margin: 0 0 0 0px; /* Abst nde: oben rechts unten links */ padding-top:10px; /* Abstand der Menueintr ge (text) vom */ /* oberen Rand der Leiste */ height:37px; /* Hoehe der oberen Menueleiste */ } #hornavigation ul { margin:auto; /* zentriert das ul-Element vertikal */ list-style-type:none; /* siehe fixmenue */ } #hornavigation li { display:inline; /* siehe fixmenue */ margin-left:25px; /* horizontale Abstaende der */ margin-right:25px; /* einzelnen Menueeintraege voneinander */ } #hornavigation a:hover { color:#dea6a5; /* Schriftfarbe der Menueeintraege bei hover */ } /* ----------------- Untermenue horizontal ---------------------------------- */ #hornavigationsubmenue { /* Beschreibung siehe oben (gleich hornavigation) */ text-align:right; background:#dea6a5; background:#ff9B9B; /* Benutzeranpassung GeoConsult*/ margin: 0px 0px 0px 0px; padding:5px 0 4px 0; /* oben, rechts, unten, links */ height:17px; } #hornavigationsubmenue ul { list-style-type:none; margin:auto; } #hornavigationsubmenue li { display:inline; margin-left:25px; margin-right:25px; } #hornavigationsubmenue a:hover { color:#ad3839; } /* ---- neue Nomenklatur -------------- */ .hm a { /* hm = HauptMenue */ color:#ffffff; /* Menueeintrag: Schriftfarbe*/ font-weight:bold; /* Menueeintrag: fett */ font-size:12px; /* Menueeintrag: Schriftgr e in Pixel*/ text-decoration:none; } .hma a { /* hma = HauptMenue Aktiver Menuepunkt */ color:#000000; /* Menueeintrag: Schriftfarbe*/ font-weight:bold; /* Menueeintrag: fett */ font-size:12px; /* Menueeintrag: Schriftgr e in Pixel*/ text-decoration:none; } .sub01 a { color:#ffffff; color:#840000; font-size:11px; font-weight:blod; text-decoration:none; } .sub01a a { color:#000000; font-size:11px; text-decoration:none; } .sub02 a { } .sub02a a { } /* -------------------- Inhalte -------------------------------------------- */ #spaltelinks { float:left; /* nachfolgendes DIV-Element soll sich rechts */ /* neben dieser Spalte platzieren (nicht darunter)*/ width:170px; /* Feste Spaltenbreite in Pixel */ padding:40px 10px 50px 10px; /* Abstand: Inhalt zu Spaltengrenzen */ line-height:18px; /* Zeilenabstand in Pixel */ } #inhalt { float:right; /* wird NEBEN #spalte_links platziert */ width:520px; /* 778-200 (Spalte) - 2Px (Sicherheit) = 576 */ padding:40px 10px 50px 30px; line-height:18px; } #fusszeile { clear:both; /* float-Eigenschaften */ /* vorhergehender DIV's ausschalten
*/ /* somit beginnt die Fusszeile NACH */ /* dem letzen Inhalts-DIV */ background:#FFFFFF /* waagerrechte Linie zur Abgrenzung */ url(e035linie_horizontal_punkte_rot.jpg) /* nach oben, beginnt "oben links" */ repeat-x top left; /* besteht aus horizontal wiederholter 3x1 Grafik */ /* koennte hier (da "feste Breite") auch aus einer*/ /* 778 x 1 Pixel - Liniengrafik bestehen */ width:778px; margin: 0; padding:10px 0; /* oben/unten in Pixel, links/recht = 0 */ height:30px; /* Hoehe der Fusszeile, nur interessant wenn die */ /* Hintergrundfarbe vom body-hintergrund abweicht */ text-align:center; /* Text in der Fusszeile zentriert ausrichten */ font-size:10px; font-weight:bold; }