/* CSS Document */ /* Zweck: festlegung der Klassen für ein mit Hintergrundsbildern ausgestattetes horizontales Menü */ /* Die Hintergrundsbilder sollen dabei skalierbar sein - deshalb komplexer Menüaufbau ohne Stildefinitionen im Sinne von css:background-image */ /* Gesamtcontainer des Menüs - beinhaltet Hintergrundsstreifen + Liste mit horizontalen Menüpunkten (div#menu_hor) */ div.menu_hor_cont { position:relative; width:50.0em; height:3.5em; z-index:10; } /* Beckground (Streifen ) des horizontalen Menus */ div.menu_back { position:absolute; width:49.9em; height:2.5em; top:-0.1em; left:0.0em; z-index:1; } div.menu_back img.img_back { width:49.8em; height:2.5em; } /* Dieses Menu muss gegenueber dem Streifen in den negativen top-Bereich - also nach oben verschoben werden */ div.menu_hor { position:absolute; top:-0.1em; left:0.0em; width:50.0em; height:10.0em; z-index:11; } ul.ul_hor { margin-left:0.0em; margin-top:0.0em; margin-bottom:0.0em; margin-right:0.0em; padding-left:0.0em; padding-right:0.0em; list-style-type:none; } ul.ul_hor li { float:left; margin-left:0.2em; margin-right:0.2em; padding-left:0.0em; padding-right:0.0em; z-index:11; } ul.ul_hor li#links { margin-left:0.0em; } /* Container für einzelnen Menupunkt - die Breites eines Menüpunktes wird lokal pro Menupunkt definiert */ ul.ul_hor div.mp { position:relative; height:6.0em; visibility:visible; } /* Container für Hintergrundsbild des Menupunktes - auch hier wird die Breite lokal bestimmt und an die des mp-Containers angepaßt*/ ul.ul_hor div.mp_img { position:absolute; top:0.0em; left:0.0em; height:2.5em; } /* Block a für den Text auch hier wird die Breite lokal angepaßt - falls Schrift groeßer als 1.0em - Umrechnen der Positionierung */ ul.ul_hor a.mp_a { display:block; position:absolute; top:0.0em; left:0.0em; height:2.0em; padding-top:0.9em; padding-bottom:0.0em; text-align:center; font-size:1.0em; font-weight:bold; color:#6198CC; text-decoration:none; z-index:20; } ul.ul_hor a.mp_a:hover { color:#e2ad10; } ul.ul_hor a.mp_act { display:block; position:absolute; top:0.0em; left:0.0em; height:2.0em; padding-top:0.9em; padding-bottom:0.0em; text-align:center; font-size:1.0em; font-weight:bold; color:#3673A9; text-decoration:none; z-index:20; } ul.ul_hor a.mp_gr { display:block; position:absolute; top:0.0em; left:0.0em; height:2.0em; padding-top:0.9em; padding-bottom:0.0em; text-align:center; font-size:1.0em; font-weight:bold; color:#6198CC; text-decoration:none; z-index:20; } ul.ul_hor a.mp_gr:hover { color:#99CC01; } /* die Breite des mittleren Menüpunktes wird lokal auf der Webseite definiert */ ul.ul_hor div.lpic { float:left; width:4.0em; height:2.5em; z-index:12; margin-left:0.4em; margin-right:-0.2em; } ul.ul_hor li#links div.lpic { float:left; width:4.0em; height:2.5em; z-index:12; margin-left:0.1em; margin-right:-0.2em; } ul.ul_hor div.mpic { float:left; height:2.5em; z-index:13; margin-left:0.0em; margin-right:-1.5em; } ul.ul_hor div.rpic { float:right; width:4.0em; height:2.5em; z-index:12; margin-left:0.0em; margin-right:0.4em; } /* die nachfolgende Klasse definiert Höhe und Breite der Randbilder für den Menühintergrund - nicht die des verbindenden Bildes */ ul.ul_hor img.m_pic_lr {width:4.0em; height:2.5em;} ul.ul_hor img.m_pic_m {height:2.5em;} /* Breiten der einzelnen Menupunkte und der zentralen (=mittleren) Hintergrundsbilder */ .wmp1 {width:11.0em; } .mimg1 {width:3.0em; } .wmp2 {width:14.0em; } .mimg2 {width:6.0em; } .wmp3 {width:11.0em; } .mimg3 {width:3.0em; } .wmp4 {width:10.0em; } .mimg4 {width:1.6em; } /* -------------------------------------- */ /* Nur für Testzwecke: div statt block afür den Text auch hier wird die Breite lokal angepaßt */ ul.ul_hor div.mp_txt { position:absolute; top:0em; left:0em; height:5em; text-align:center; } /* Schrift im Menupunkt - falls groeßer als 1.0em - Umrechnen der Positionierung !!!! */ ul.ul_hor p.mp_p { margin-top:3.0em; margin-bottom:0.0em; font-size:1.0em; } /* -------------------------------------- */ /* Weitere Klassen für Testzwecke */ div.menu_hor div.mentest { float:left; height:5.4em; border:#0033CC 1px solid; background-color:#FFFFCC; z-index:11; padding-left:0.4em; padding-right:0.4em; margin-left:1.0em; margin-right:1.0em; } div.menu_hor div.mentest a {display:block; padding-left:0.2em; padding-right:0.2em; margin-left:auto; margin-right:auto; border:#000000 1px solid; margin-top:0.0em; height:5.4em; z-index:11; line-height:5.4em; position:relative; } /* ---------------fra hegesiden for ul og li-------------- */ .wi_roll {width:98%; } .ver_roll{ height:100%; width:98%; overflow-x:hidden; overflow:auto;} ul#menu_par { margin-left:0.0em; padding-left:0.0em; list-style-type:none;} #menu_par li{ margin-left:0.0em; margin-top:0.2em; margin-bottom:1.2em;} #menu_par li#first{margin-top:2.0em;} #menu_par li a.norm { display:block; width:15.0em; height:1.9em; padding-left:0.3em; line-height:1.9em; border:#CC0000 1px solid; text-decoration:none; } /*border in PX, weil em schlecht scaliert */ #menu_par li a.norm:link { color:#333333; background-color:#FFFFFF; } #menu_par li a.norm:visited { color:#000000; background-color:#FFFFFF; } #menu_par li a.norm:hover { color:#CC0000; background-color:#CCCCCC; font-weight:bold; } #menu_par li a.act { display:block; width:15.0em; height:1.9em; padding-left:0.3em; line-height:1.9em; text-decoration:none; border:#CC0000 1px solid; color:#CC0000; background-color:#CCCCCC; } #menu_par li a.act:link { font-weight:bold; } #menu_par li a.act:hover { font-weight:bold; } #menu_par li a.act:visited { font-weight:bold; } #menu_par li span { font-size:1.1em; } ul#presse { list-style-type:none; list-style-position:inside; margin-left:0.0em; margin-right:1.0em; padding-left:0.0em; margin-top:0.0em; color:#666666; } ul#presse li { clear:left; float:left; width:23.0em; margin-top:0.0em; margin-bottom:1.6em; margin-left:0.6em; line-height:1.4em;} /*width er nödvendig for IE - forstaar ikke CSS2.1*/ ul#presse span.bull { float:left; margin-left:0.0em; } ul#presse span.li { display:block; margin-left:1.8em; }