/* NAVIGATION Flaggen */
div#flaggen {
width: 130px;
top: 235px;
left: 847px;
position: absolute;
z-index: 29;
}

/* NAVITOP */
div#navi-top {
width: 720px;
top: 0;
left: 249px;
position: absolute;
z-index: 48;
}
div#navi-top ul { /* all lists */
padding: 0;
margin: 0;
list-style-type: none;
}
div#navi-top ul li { /* all list items */
float: left;
position: relative;
width: auto;
}
div#navi-top ul li a {
color: #FFF;
background-image:  url(../img-layout/nav_bg.gif);
background-position: right;
background-repeat: no-repeat;
font-size: 11px;
padding: 0 10px;
display: block;
line-height: 30px;
text-decoration: none;
}
div#navi-top ul li a:hover {
color: #D0E907;
}


/* navigation - BEGINN
-------------------------------------------------------- */
div#navigation { /* Positionierung der Navi */
top: 182px;
left: 249px;
width: 720px;
display: block;
position: absolute;
z-index: 50;
}
div#navigation ul { /* all lists */
padding: 0;
margin: 0;
list-style-type: none;
}
div#navigation ul li { /* all list items */
float: left;
position: relative;
width: auto;
}
div#navigation ul li a {
color: #FFF;
background-image:  url(../img-layout/nav_bg.gif);
background-position: right;
background-repeat: no-repeat;
font-size: 11px;
padding: 0 10px;
display: block;
line-height: 30px;
text-decoration: none;
}
div#navigation ul li a:hover {
color: #D0E907;
}

div#navigation ul li ul { /* second-level lists */
position: absolute;
top: 30px;
left: -8000px;
background-image:  url(../img-layout/subnav_bg.gif);
background-position: 0 0;
background-repeat: no-repeat;
background-color: #E5E5E5;
width: 150px;
height: auto;
line-height: 0;
padding: 8px 0 0 0;
margin: 0;
}
div#navigation ul li ul li {
float: none;
margin: 0;
padding: 0;
}
div#navigation ul li ul li a {
color: #7E7E7E;
display: block;
font-size: 10px;
line-height: 13px;
padding: 4px 12px 4px 8px;
margin: 0;
text-decoration: none;
background-image: none;
border-bottom: #F2F2F2 solid 1px;
}
* html body div#navigation ul li ul li a { /* Top-Abstand - Fuer den IE */
padding: 2px 12px 4px 8px;
}
div#navigation ul li ul li a:hover {
color: #D0E907;
background-image:  url(../img-layout/nav_bg_tex.gif);
background-position: 0 0;
background-repeat: repeat-x;
background-color: #707070;
border-bottom: #F2F2F2 solid 1px;
}
div#navigation ul li ul li ul { /* third-level lists */
background-image: url(../img-layout/pixel.gif);
margin: 0 0 0 150px;
padding: 0;
top: 0;
width: auto;
}
* html body div#navigation ul li ul li ul { /* third-level lists - Fuer den IE */
margin: 3px 0 0 142px;
}
div#navigation ul li ul li ul li {
background-color: #C9C9C9;
white-space: nowrap;
}

div#navigation ul li:hover ul li ul, div#navigation ul li.sfhover ul li ul, div#navigation ul li:hover ul li ul li ul, div#navigation ul li.sfhover ul li ul li ul {
left: -8000px;
}
div#navigation ul li:hover ul, div#navigation ul li ul li:hover ul, div#navigation ul li ul li ul li:hover ul, 
div#navigation ul li.sfhover ul, div#navigation ul li ul li.sfhover ul, div#navigation ul li ul li ul li.sfhover ul { /* lists nested under hovered list items */
left: 0;
display: block;
}

div#navigation ul#nav a.daddy {
background: url(../img-layout/nav_pfeil_grau.gif) top right no-repeat;
}
div#navigation ul#nav a.daddy:hover {
background-image:  url(../img-layout/nav_bg_tex.gif);
background-position: 0 0;
background-repeat: repeat-x;
background-color: #707070;
}
/* navigation - ENDE
-------------------------------------------------------- */


/* KLICKPFAD */
div#klickpfad {
font-size: 10px;
line-height: 12px;
color: #9CB504;
width: 545px;
top: 243px;
left: 273px;
position: absolute;
z-index: 30;
text-transform: uppercase;
}
div#klickpfad a {
color: #8B8B88;
text-transform: none;
text-decoration: none;
}
div#klickpfad a:hover {
color: #BABAB6;
text-decoration: none;
}

/* NAVILEFT */
#navi-left ul {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 10px;
line-height: 11px;
}
#navi-left ul li {
margin: 6px 0 0 0;
padding: 0;
}
#navi-left ul li a {
display: block;
padding: 2px 2px 2px 6px;
color: #898989;
text-decoration: none;
border-bottom: #898989 solid 1px;
}
#navi-left ul li a:hover {
color: #5D5D5D;
border-bottom: #5D5D5D solid 1px;
}
#navi-left ul ul {
margin: 0 0 2px 0;
padding: 0 0 2px 0;
list-style-type: none;
}
#navi-left ul ul li {
margin: 0;
padding: 0;
background-image: url(../img-layout/nav_pfeil.gif);
background-position: 0 5px;
background-repeat: no-repeat;
}
#navi-left ul ul li.active {
background-image: url(../img-layout/nav_pfeil_act.gif); /* Aktive Listenpunkte im FF - Für den IE siehe weiter unten */
background-position: 0 5px;
background-repeat: no-repeat;
}
#navi-left ul ul li a {
color: #A8C706;
border-bottom: #A8C706 solid 1px;
}
* html body #navi-left ul ul li a {
padding-bottom: 1px;
}
#navi-left ul ul li a:hover {
background-color: #A8C706;
color: #FFF;
border-bottom: #A8C706 solid 1px;
}
#navi-left ul li.active a {
font-weight: bold;
}
#navi-left ul li.active li a { /* für den IE, sonst macht der alle Unterlinks bold, auch die nicht aktiven. */
font-weight: normal;
}
#navi-left ul li li.active a { /* für den IE, sonst macht der alle Unterlinks bold, auch die nicht aktiven. */
font-weight: bold;
}
#navi-left ul li.active ul li.active a.act { 
background-image: url(../img-layout/nav_pfeil_act.gif); /* funzt nur im IE */
background-position: 0 5px;
background-repeat: no-repeat;
}
#navi-left ul li.active ul li.active a.act:hover {
background-image: url(../img-layout/pixel.gif); /* funzt nur im IE */
}

/* FOOTERNAVI */
ul#footernavi { /* all lists */
padding: 0;
margin: 0;
list-style-type: none;
color: #808278;
}
ul#footernavi li { /* all list items */
float: left;
width: auto;
padding-right: 15px;
}
ul#footernavi li a {
color: #CADA96;
font-size: 10px;
text-decoration: none;
}
ul#footernavi li a:hover, ul#footernavi li#active a {
color: #BEE43F;
text-decoration: underline;
}