/* * Alle Margins und Paddings auf Null setzen */ * { margin:0; padding: 0; } /* * Kopfzeile */ #header { width:1000px; height:86px; background:url(div/linie-oben.gif) repeat-x; } #header > div { height:72px; } /* * Logo */ #logo { float:left; width:195px; } /* * Verlauf oben links */ #verlauf-oben-links { float:left; width:250px; background:url(div/02verlauf.gif) no-repeat; } /* * Verlauf oben rechts */ #verlauf-oben-rechts { float:left; z-index:10; width:325px; background:url(div/03verlauf.gif) no-repeat right; } #actionmenu-one { width:100%; height: 18px; margin-top: 53px; text-align:right; } #actionmenu-one-menu { margin-left:10px; list-style:none; } #actionmenu-one-menu .menuepunkt-level1 { float:left; } #actionmenu-one-menu a { display:block; height:18px; background-repeat: no-repeat; } #actionmenu-one-link1 a { width:94px; background-image:url(div/mitglied-werden_00.gif); } #actionmenu-one-link1 a:hover, #actionmenu-one-link1 a.menuelink-level1-aktiv { background-image:url(div/mitglied-werden_01.gif); } #actionmenu-one-link2 a { width:60px; background-image:url(div/spenden.gif); } #actionmenu-one-link2 a:hover, #actionmenu-one-link2 a.menuelink-level1-aktiv { background-image:url(div/spenden01.gif); } #actionmenu-one-link3 a { width:60px; background-image:url(div/service_00.gif); } #actionmenu-one-link3 a:hover, #actionmenu-one-link3 a.menuelink-level1-aktiv { background-image:url(div/service_01.gif); } .termine #actionmenu-one-link3 a { width:60px; background-image:url(div/termine_00.gif); } .termine #actionmenu-one-link3 a:hover, .termine #actionmenu-one-link3 a.menuelink-level1-aktiv { background-image:url(div/termine_01.gif); } .beratung #actionmenu-one-link3 a { width:60px; background-image:url(div/beratung_00.gif); } .beratung #actionmenu-one-link3 a:hover, .beratung #actionmenu-one-link3 a.menuelink-level1-aktiv { background-image:url(div/beratung_01.gif); } #actionmenu-one-link4 a { width:50px; background-image:url(div/presse.gif); } #actionmenu-one-link4 a:hover, #actionmenu-one-link4 a.menuelink-level1-aktiv { background-image:url(div/presse01.gif); } #actionmenu-one-link5 a { width:50px; background-image:url(div/wissen.gif); } #actionmenu-one-link5 a:hover, #actionmenu-one-link5 a.menuelink-level1-aktiv { background-image:url(div/wissen01.gif); } /* * Wechselgrafik oben rechts */ #wechselgrafik-oben-rechts { float:right; overflow:hidden; width:230px; background-color:#dce6fa; } /* * Haupt-Container für die drei Spalten */ #container { background:url(div/background_1000px.gif) repeat-y; min-width:1000px; min-height:360px; margin-top:0; clear:both; } /* * Navigationsspalte links */ #col1 { float:left; overflow:visible; width:200px; } #col1 .menue-level1, #col1 .menue-level2, #col1 .menue-level3, #col1 .menue-level4 { list-style: none; } #col1 .menue-level1 { margin-left:19px; } #col1 .menue-level2, #col1 .menue-level3, #col1 .menue-level4 { margin-left:10px; } #col1 .menue-level2-wrap, #col1 .menue-level3-wrap { display: inline; } /* * Container für den Hauptinhalt */ #col2 { float:left; width:510px; overflow:visible; z-index: 0; padding-top:0px; margin-left:30px; } #actionmenu-two { position:relative; top:-1px; width:100%; height: 12px; margin-left:320px; margin-bottom:12px; text-align:right; } #actionmenu-two-menu { margin-left:0px; list-style:none; } #actionmenu-two-menu .menuepunkt-level1 { float:left; } #actionmenu-two-menu a { display:block; height:12px; background-repeat: no-repeat; } #actionmenu-two-link1 a { width:60px; background-image:url(div/newsletter-ani.gif); } #actionmenu-two-link1 a:hover, #actionmenu-two-link1 a.menuelink-level1-aktiv { background-image:url(div/newsletter01.gif); } #actionmenu-two-link2 a { width:60px; background-image:url(div/kontakt00.gif); } #actionmenu-two-link2 a:hover, #actionmenu-two-link2 a.menuelink-level1-aktiv { background-image:url(div/kontakt01.gif); } #actionmenu-two-link3 a { width:50px; background-image:url(div/suchen.gif); } #actionmenu-two-link3 a:hover, #actionmenu-two-link3 a.menuelink-level1-aktiv { background-image:url(div/suchen01.gif); } #actionmenu-two-link4 a { width:50px; background-image:url(div/drucken.gif); } #actionmenu-two-link4 a:hover, #actionmenu-two-link4 a.menuelink-level1-aktiv { background-image:url(div/drucken01.gif); } /* * Container für die rechte Spalte */ #col3 { float:left; overflow:visible; width:220px; margin-left:30px; padding-top:15px; padding-left:5px; padding-right: 5px; border-top:0px solid white; } /* * Definition der Fusszeile */ #footer { clear:both; width:1000px; height:20px; text-align:left; background:url(div/background_1000px.gif); } /* * Einblendung der Kontaktdaten Links und Rechts */ #anschrift-konto { clear:both; width:1000px; height:105px; background:url(div/background_1000px.gif) repeat-y; } #anschrift { float:left; width:200px; height:100px; text-align:right; } #anschrift img { margin-right:20px; margin-bottom:-12px; } #konto { float:right; width:205px; height:40px; margin-top:50px; } /* * für das zweispaltige Layout */ .zweispaltig #header { width:1330px; } .zweispaltig #wechselgrafik-oben-rechts { width:560px; } .zweispaltig #container { width:1330px; background:url(div/background_2spaltig.gif) repeat-y; } .zweispaltig #col2 { width:1100px; } .zweispaltig #col3 { display:none; } .zweispaltig #anschrift-konto { background:url(div/background_2spaltig.gif) repeat-y; z-index:0; } .zweispaltig #konto { display:none; } .zweispaltig #footer { background:url(div/background_2spaltig.gif) repeat-y; z-index:0; } /* * Firefox berechnet die Top-Margin anders als * die anderen Browser */ #col1 .menue-level1 { margin-top: 20px; padding-top: 0;} html>body #col1 .menue-level1 { margin-top: 25px; } /* * Den Mozilla zwingen, die Höhe des container-DIVs * richtig zu berechnen */ #container { border-bottom: 1px solid white; z-index: 50; } #anschrift-konto { margin-top: -1px; z-index: 0; }