/* -- generelle Einstellungen der verwendeten Fonts -- */ body.main {color:white; font-size:12px; font-family:Verdana,Helvetica,Arial,sans-serif; line-height:125%; margin:0px} p,td {font-size:12px;font-family:Verdana,Helvetica,Arial,sans-serif;line-height:125%} div.StdFont {font-size:12px;font-family:Verdana,Helvetica,Arial,sans-serif;line-height:125%} div.kleinFont{font-size:10px; font-family:Verdana,Helvetica,Arial,sans-serif;line-height:125%} h1 {font-size:16px;font-family:Verdana,Helvetica,Arial,sans-serif;vertical-align:baseline;text-align:center;font-weight:bold; margin-bottom:25px;} h2 {font-size:14px;font-family:Verdana,Helvetica,Arial,sans-serif;vertical-align:baseline;text-align:left;font-weight:bold} h3 {font-size:12px;font-family:Verdana,Helvetica,Arial,sans-serif;vertical-align:baseline;text-align:left;font-weight:bold} .halbeZeile {font-size:50%} .spurkleiner {font-size:95%} .klein {font-size:85%} .gross {font-size:105%} .sehrgross {font-size:130%} /* -- Grafische Gestaltungen und Haupttyp-abhängige Vars -- */ body.ast {background-color:rgb(146,32,57) } /* BG-Farbe Astrid Basic (unter dem Farbverlauf) */ body.sem {background-color:rgb(164,81,3) } /* BG-Farbe Seminare Basic (unter dem Farbverlauf) */ body.lnk {background-color:rgb(48,77,139) } /* BG-Farbe Dominik Basic (unter dem Farbverlauf) */ body.news {background-color:rgb(48,77,139) } /* BG-Farbe Dominik Basic (unter dem Farbverlauf) */ body.dom {background-color:rgb(48,77,139) } /* BG-Farbe Dominik Basic (unter dem Farbverlauf) */ body.da {background-color:rgb(119,16,101) } /* BG-Farbe Dominik und Astrid Basic (unter dem Farbverlauf) */ body.dd {background-color:rgb(48,77,139) } /* BG-Farbe Dagmar und Dominik Basic (unter dem Farbverlauf) */ body.home {background-color:rgb(164,81,3) } /* BG-Farbe Home Basic (unter dem Farbverlauf) */ body.kon {background-color:rgb(48,77,139) } /* BG-Farbe Dagmar und Dominik Basic (unter dem Farbverlauf) */ /* z-index für alle Elemente ------------------------- 1 - Farbverlauf div.mainBGtop 2 - grauer Balken lu div.mainBGleft 5 - Schimmer oben Akt img.menuAktSchimmer 6 - Schimmer oben Sel img.menuSelSchimmer (einfach und doppelt) 10 - Haupttext div.mainText (zwischen den Ebenen wegen dem grauen Balken in mainText) 20 - Bogenreihe oben div.bogen 21 - Bogen links div.bogenLi 24 - Logo div.logo 25 - Menü oben inakt div.menuOben_0 26 - Menü oben akt div.menuOben_akt 30 - Menü links inakt div.menuLi_0 31 - Menü links akt div.menuLi_akt 50 - Sprachauswahl, Logo div.sprache, img.logo */ /* div für Farbverlauf oben */ div.mainBGtop { position:absolute; top:0px; left:0px; width:100%; height:600px; z-index:1; } /* Farbverlaufgrafik für jede BG-Farbe */ /* div.colGrad_bl { background-image:url(grafiken/bl.bg.vline.gif); background-repeat:repeat-x; } div.colGrad_rt { background-image:url(grafiken/rt.bg.vline.gif); background-repeat:repeat-x; } */ div.colGrad_bl { background-image:url(grafiken/main.colgradv.bl.gif); background-repeat:repeat-x; } div.colGrad_rt { background-image:url(grafiken/main.colgradv.rt.gif); background-repeat:repeat-x; } div.colGrad_vl { background-image:url(grafiken/main.colgradv.vl.gif); background-repeat:repeat-x; } div.colGrad_rs { background-image:url(grafiken/main.colgradv.rs.gif); background-repeat:repeat-x; } div.colGrad_gd { background-image:url(grafiken/main.colgradv.gd.gif); background-repeat:repeat-x; } div.colGrad_gn { background-image:url(grafiken/main.colgradv.gn.gif); background-repeat:repeat-x; } div.colGrad_vb { background-image:url(grafiken/main.colgradv.vb.gif); background-repeat:repeat-x; } div.colGrad_hb { background-image:url(grafiken/main.colgradv.hb.gif); background-repeat:repeat-x; } div.colGrad_ws { } /* Bogen Links - div und Grafiken für alle BG-Farben */ div.bogenLi { position:absolute; top:0px; left:0px; width:213px; height:600px; z-index:21; } div.bogenLi_rt { background-image:url(grafiken/bogenli.bg.rt.gif); background-repeat:no-repeat; } div.bogenLi_bl { background-image:url(grafiken/bogenli.bg.bl.gif); background-repeat:no-repeat; } div.bogenLi_vl { background-image:url(grafiken/bogenli.bg.vl.gif); background-repeat:no-repeat; } div.bogenLi_rs { background-image:url(grafiken/bogenli.bg.rs.gif); background-repeat:no-repeat; } div.bogenLi_gd { background-image:url(grafiken/bogenli.bg.gd.gif); background-repeat:no-repeat; } div.bogenLi_gn { background-image:url(grafiken/bogenli.bg.gn.gif); background-repeat:no-repeat; } div.bogenLi_vb { background-image:url(grafiken/bogenli.bg.vl.gif); background-repeat:no-repeat; } div.bogenLi_hb { background-image:url(grafiken/bogenli.bg.ws.gif); background-repeat:no-repeat; } div.bogenLi_ws { background-image:url(grafiken/bogenli.bg.ws.gif); background-repeat:no-repeat; } /* Bogen Reihe - div und Grafiken für alle BG-Farben */ div.bogen { position:absolute; top:0px; left:0px; width:100%; height:204px; z-index:20; } div.bogen_rt { background-image:url(grafiken/bogen.bg.rt.gif); background-repeat:repeat-x; background-position: 212px 0px; } div.bogen_bl { background-image:url(grafiken/bogen.bg.bl.gif); background-repeat:repeat-x; background-position: 212px 0px; } div.bogen_vl { background-image:url(grafiken/bogen.bg.vl.gif); background-repeat:repeat-x; background-position: 212px 0px; } div.bogen_rs { background-image:url(grafiken/bogen.bg.rs.gif); background-repeat:repeat-x; background-position: 212px 0px; } div.bogen_gd { background-image:url(grafiken/bogen.bg.gd.gif); background-repeat:repeat-x; background-position: 212px 0px; } div.bogen_gn { background-image:url(grafiken/bogen.bg.gn.gif); background-repeat:repeat-x; background-position: 212px 0px; } div.bogen_vb { background-image:url(grafiken/bogen.bg.vl.gif); background-repeat:repeat-x; background-position: 212px 0px; } div.bogen_hb { background-image:url(grafiken/bogen.bg.ws.gif); background-repeat:repeat-x; background-position: 212px 0px; } div.bogen_ws { background-image:url(grafiken/bogen.bg.ws.gif); background-repeat:repeat-x; background-position: 212px 0px; } /* Grauer Balken links (unter BogenLi) für alle Farben gleich Das div ist nur für Seiten, wo mainText kleiner als eine Bildschirmhöhe ist, die 100% beziehen sich nämlich immer auf die Bildschirmhöhe... Daher muss der graue Balken nochmal in mainText, da er sonst an der unteren Bildschirmkante endet und beim Runterscrollen nix mehr ist. */ div.mainBGleft { position:absolute; top:0px; left:0px; width:148px; height:100%; z-index:2; background-image:url(grafiken/left.gray.hline.gif); background-repeat:repeat-y; } /* Menü links */ div.menuLi_akt { position:absolute; top:235px; left:11px; z-index:31; width: 135px; visibility:hidden } div.menuLi_0 { position:absolute; top:235px; left:11px; z-index:30; width: 135px; } /* Menü oben */ div.menuOben_akt { position:absolute; top:148px; left:164px; z-index:26; width:650px; vertical-align:bottom; visibility:hidden } div.menuOben_0 { position:absolute; top:148px; left:164px; z-index:25; width:650px; vertical-align:bottom; } /* Schimmer unter Menüeinträgen oben */ /* muss im z-index zwischen div.menuOben_ und div.bogen liegen, */ img.menuAktSchimmer { position:absolute; top:39px; left:0px; z-index:5; visibility:hidden } img.menuSelSchimmer { position:absolute; top:39px; left:0px; z-index:6; visibility:hidden } img.dummyBG { position:absolute; top:39px; left:0px; z-index:10; } /* -- Div mit dem eigentlichen Text -- */ /* zum background-image siehe div.mainBGleft */ div.MainText { position:absolute; top:250px; left:0px; width:790px; max-width:600px; padding-left:190px; z-index:10; background-image:url(grafiken/left.gray.hline.gif); background-repeat:repeat-y; } /* logo */ div.logo { position:absolute; top:50px; left:25px; z-index:24; } /* Allgemeine Links*/ a:link { font-size:100%; color:#AAAAFF; text-decoration:none } a:visited { font-size:100%; color:#AAAAFF; text-decoration:none } a:hover { font-size:100%; color:#FFAAAA; text-decoration:underline } a:active { font-size:100%; color:#FFAAAA; text-decoration:underline } a:focus { font-size:100%; color:#FFAAAA; text-decoration:underline } /* Sprachen link */ a.sprache:link { font-size:100%; color:#000000; text-decoration:none } a.sprache:visited { font-size:100%; color:#000000; text-decoration:none } a.sprache:hover { font-size:100%; color:#0000FF; text-decoration:none } a.sprache:active { font-size:100%; color:#999900; text-decoration:none } a.sprache:focus { font-size:100%; color:#0000FF; text-decoration:none } div.sprache { position:absolute; top:500px; left:15px; z-index:50; } span.sprache_sel { color:#0000FF; } /* Derzeit ausgewählte Sprache */ span.sprache_nosel { color:#333333; } /* kein Sprachwechsel auf diese Sprache möglich */ /* Kontakt link */ a.kontakt:link { font-size:100%; color:#000000; text-decoration:none } a.kontakt:visited { font-size:100%; color:#000000; text-decoration:none } a.kontakt:hover { font-size:100%; color:#0000FF; text-decoration:none } a.kontakt:active { font-size:100%; color:#999900; text-decoration:none } a.kontakt:focus { font-size:100%; color:#0000FF; text-decoration:none } /* Frage, Antworten, Feedback */ p.frage { font-weight:bold; margin-top:20px; } p.antwort {} p.feedback { font-style:italic } /* Bilder */ img.rahmen1 { border:1px solid rgb(2220,220,220); } /* Aufzählungen mit Abstand */ li.abstd1 {margin-top:8px;}