@charset "UTF-8";

/*
Projektname:   brigitte.de
Funktion:      Stile fuer Hauptnavigation Ebenen 1 - 3
Erstellt am:   27.08.2008 von MKue  
Bearbeitet am: 25.09.2008 von SVer  
QS am:         26.09.2998 von MKue   
Freigabe am:   26.09.2998 von MKue   
/*

/*
Grafiken:
Hintergrund:
hn-ebene-01.gif
hn-ebene-01-02.gif

Tabs 1. Ebene:
mn-tab-rechts-auf-pink_bg.gif
mn-tab-auf-weiss_bg.gif
mn-tab-mitte_bg.gif

Tabs 2. Ebene + Popup:
mn-rundung-popup-navi_bg.gif
mn-tab-02-links-zeile-1_bg.gif
mn-tab-02-rechts-zeile-1_bg.gif

Partnerlink (Ad in Navigation):
partnerlink-dummy.gif
*/

/* ################################### */
/* Navigation Ausgangszustand 1. Ebene */
/* 1. Ebene */
/* 2. Ebene */
/* 3. Ebene */
/* ################################### */

/* #hauptnavigation ist der <div> Container um die Hauptnavigation */
#hauptnavigation {
font-size: 12px;
width: 840px;
position: relative;
z-index: 2000;
height: auto;
margin-top: 5px;
}

* html #hauptnavigation {
height: 25px;
}


#hauptnavigation.ebene2 {
height: 45px;
}

#hauptnavigation.ebene2-2 {
height: 75px;
}

/* Navigation Ausgangszustand 1. Ebene = "Home" */
#hauptnavigation ul {
/* opacity: 0.99999; Beeinflusst das Textrendering in MAC OSX! */
background: #8dac24 url(../img/brigitte/hn-ebene-01.gif) no-repeat 0 0;
color: #09510a;
clear: both;
float: left;
width: 840px;
}

/* Laufweiten "Fix" fuer die 1. Ebene */

/* FF PC */
#hauptnavigation ul {
letter-spacing: -0.3px;
position: absolute;
}

/* IE6 */
* html #hauptnavigation ul {
letter-spacing: -1px;
}

* html #hauptnavigation ul li ul {
letter-spacing: 0;
}

* html #hauptnavigation ul li {
margin-right: 5px;
}

* html #hauptnavigation ul li ul li {
margin-right: 0;
}
/* IE7 */
* + html #hauptnavigation ul {
letter-spacing: -1px;
}
* + html #hauptnavigation ul li {
margin-right: 5px;
}


/* ################################### */
/* 1. Ebene */
/* ################################### */
#hauptnavigation ul li {
float: left;
display: block;
margin: 0;
padding: 0; 
height: 25px;
background: none;
}

/* rechte Ecke "Bfriends"-Logo-Bereich */
#hauptnavigation ul li.letzter {
width: 102px;
float: right;
margin: 0;
}
/* link Bfriends Link */
#hauptnavigation ul li.letzter a {
display: block;
width: 102px;
height: 25px;
padding: 0;
margin: 0;
}
/* plaintext nicht anzeigen */
#hauptnavigation ul li.letzter a span {
display: none;
}

/* Links 1. Ebene */
#hauptnavigation ul li a {
display: block;
color: #09510a;
text-decoration: none;
padding: 0 0 5px 4px;
white-space: nowrap;
font-weight: bold;
}

/* Links 1. Ebene :hover */
#hauptnavigation ul li a:hover {
color: #09510a;
text-decoration: underline;
font-weight: bold;
}

/* Textcontainer 1. Ebene - Abstand von rechts und oben */
#hauptnavigation ul li a span {
display: block;
padding: 5px 5px 0 0;
}

/* aktiv auf erstem menuepunkt */
#hauptnavigation .erster.aktiv {
background: none;
}
/* linke Ecke */
#hauptnavigation .erster.aktiv a {
background: #8dac24 url(../img/brigitte/mn-tab-auf-weiss_bg.gif) no-repeat 0 0;
}
/* rechte Ecke */
#hauptnavigation .erster.aktiv a span {
background: #8dac24 url(../img/brigitte/mn-tab-rechts-auf-pink_bg.gif) no-repeat top right !important;
}

/* aktiv auf auf allen anderen menuepunkten */
#hauptnavigation ul li.aktiv {
background: #8dac24 url(../img/brigitte/mn-tab-mitte_bg.gif) repeat-x 0 0;
}

/* ################################### */
/* 2. Ebene */
/* ################################### */
#hauptnavigation.ebene2 ul {
background: #8dac24 url(../img/brigitte/hn-ebene-01-02.gif) no-repeat 0 0;
height: 49px;
}

#hauptnavigation.ebene2 ul li ul {
height: auto;
}

#hauptnavigation.ebene2 ul li ul li a {
color: #FFFFFF;
}

#hauptnavigation ul li ul li {
position: relative;
}

/* Hoehe fuer 2. Ebene zweizeilig anpassen */
#hauptnavigation.ebene2.statisch {
height: 45px;
}

#hauptnavigation.ebene2-2.statisch {
height: 75px;
}

#hauptnavigation.ebene2-2 ul {
background: url(../img/brigitte/hn-ebene-01-02.gif) no-repeat 0 0;
height: 75px;
}

#hauptnavigation.ebene2-2 ul li ul {
height: auto;
}

/* fuer Unterebene ohne linke Ecke */
#hauptnavigation .erster.aktiv ul li a {
background: none;
}
/* fuer Unterebene ohne rechte Ecke */
#hauptnavigation .erster.aktiv ul li a span {
background: none;
}



/* Listen 2. Ebene */
#hauptnavigation ul li ul li {
display: inline;
}

#hauptnavigation ul li ul li.aktiv {
background: none;
}

#hauptnavigation ul li.aktiv ul li.ebene3.aktiv {
margin-left: 5px;
}

#hauptnavigation ul li.aktiv ul li.ebene3.aktiv a {
background: url(../img/brigitte/mn-tab-02-links-zeile-1_bg.gif) 0 0 no-repeat;
margin-left: 1px; 
color: #d70317 !important;
height: 19px;
}

/* IE 6 */
* html #hauptnavigation ul li.aktiv ul li.ebene3.aktiv a {
width: 1px;
}

#hauptnavigation ul li.aktiv ul li.ebene3.aktiv a span {
background: url(../img/brigitte/mn-tab-02-rechts-zeile-1_bg.gif) top right no-repeat;
margin: 0; 
padding: 4px 4px 0 0;
display: block;
height: 16px;
}

* html #hauptnavigation ul li.aktiv ul li.ebene3.aktiv a span {
width: 100%;
}

/* Links 2. Ebene */
#hauptnavigation ul li ul li a {
padding: 4px 0 5px 9px;
}

/* Links 2. Ebene Aktiv */
#hauptnavigation ul li ul li.aktiv a {
padding: 0 0 5px 3px;
}

/* Textcontainer 2. Ebene */
#hauptnavigation ul li ul li a span {
display: inline;
padding: 0;
margin: 5px 0 0 0;
}

/* aktive 2. Ebene allg. */
#hauptnavigation ul li.aktiv ul {
background: none;
display: block;
position: absolute;
top: 25px;
left: 0;
padding-right: 5px;
z-index: 999;
}

/* Werbemittel (Parnerlinks) in der erster oder zweiter Zeile der zweiten Ebene 
der Navigation werden durch <li class="partnerlink"> ausgezeichnet. */
#hauptnavigation ul li.partnerlink {
margin-left: 10px;
}

#hauptnavigation ul li ul li.partnerlink a {
padding: 3px 0 0 0;
}

#hauptnavigation ul li ul li.clearleft {
clear: left;
}

/* 2. Ebene ausschalten */
#hauptnavigation ul ul {
display: none;
}
/* 3. Ebene ausschalten */
#hauptnavigation ul ul ul {
display: none;
}

/* Navigation ohne Javascript */
#hauptnavigation.ebene2 {
margin-bottom: 20px;
}

#hauptnavigation.ebene2-2 {
margin-bottom: 20px;
}

#hauptnavigation ul li ul li {
position: static;
}
#hauptnavigation ul li.aktiv ul li.ebene3 ul {
position: absolute;
display: none;
}

#hauptnavigation ul li.aktiv ul li.ebene3.aktiv a,
#hauptnavigation ul li.aktiv ul li.ebene3.aktiv a span {
background: none;
color: #fff;
min-width: 0;
}

#hauptnavigation ul li.aktiv ul li.aktiv a {
font-weight: bold;
}

#hauptnavigation ul li.aktiv ul li.aktiv ul li a {
font-weight: normal;
}

#hauptnavigation ul li.aktiv ul li.ebene3.aktiv ul {
display: block;
}

#hauptnavigation.ebene2 ul li ul li ul {
left: 0;
top: 30px;
}

#hauptnavigation.ebene2-2 ul li ul li ul {
top: 55px;
}

#hauptnavigation ul li.aktiv ul li.ebene3.aktiv ul li a {
background: none;
padding: 0 5px;
font-size: 11px;
}