/* ================================= 
   Navigation
   ================================= */
#navigation {
}

/*

#12385D : blau
#8696AC : grau
#D54D01 : orange
*/

#navigation ul, #navigation li, #navigation span {
margin: 0px;
padding: 0px;
font-size:10px;
list-style-type: none;
font-family:Verdana,Arial,sans-serif; 
line-height: 16px;
color:#FFF;
text-decoration:none;
text-transform:uppercase;
}

#navigation ul li {
display:inline;
}



/* ================================= 
   LVL 1
   ================================= */
#navigation li.lvl-1-active span, #navigation li.lvl-1 a, #navigation li.lvl-1-inpath a {
padding: 6px 0px 5px 0px;
display: block;
margin: 0px 0px 0px 0px;
background: url(/layout/dashline.gif) repeat-x top left;
line-height:16px;
}

#navigation .no-topborder * {
background: none !important;
}

#navigation li.lvl-1-active span {
color: #12385D;
font-weight: bold;

}

#navigation li.lvl-1 a {
text-decoration: none;
color: #FFF;

}

#navigation li.lvl-1-inpath a {
text-decoration: none;
color: #12385D;
font-weight: bold;

}


/* ================================= 
   LVL 2
   ================================= */
#navigation li.lvl-2-active span, #navigation li.lvl-2 a, #navigation li.lvl-2-inpath a {
padding: 0px 0px 0px 20px;
display: block;
margin: 0px 0px 0px 0px;
text-transform:none;
background:none;
line-height:16px;
}

#navigation li.lvl-2 a {
text-decoration: none;
color: #FFF;
font-weight: normal;
}

#navigation li.lvl-2-active span {
background: #83A6B6;
color: #12385D;
font-weight: bold;
background: url(/layout/navi_arrow.gif) no-repeat 0px 6px !important;
}

#navigation li.lvl-2-inpath a {
text-decoration: none;
color: #12385D;
font-weight: bold;
}

#navigation li.lvl-2 a:hover, #navigation li.lvl-2-inpath a:hover {
background: url(/layout/navi_arrow.gif) no-repeat 0px 6px;
}

#navigation ul ul {
margin:-5px 0px 2px 0px;
padding:0px;
}

/* ================================= 
   LVL 3
   ================================= */
#navigation li.lvl-3-active span, #navigation li.lvl-3 a, #navigation li.lvl-3-inpath a {
padding: 0px 0px 0px 40px;
display: block;
margin: 0px 0px 0px 0px;
text-transform:none;
background:none;
line-height:16px;

}

#navigation li.lvl-3 a {
text-decoration: none;
color: #FFF;
font-weight: normal;
}

#navigation li.lvl-3-active span {
background: #83A6B6;
color: #12385D;
font-weight: bold;
background: url(/layout/navi_arrow.gif) no-repeat 20px 6px !important;
}

#navigation li.lvl-3-inpath a {
text-decoration: none;
color: #12385D;
font-weight: bold;
background: url(/layout/navi_arrow.gif) no-repeat 20px 6px !important;
}

#navigation li.lvl-3 a:hover {
background: url(/layout/navi_arrow.gif) no-repeat 20px 6px !important;
}


#navigation ul ul ul {
margin:0px 0px 2px 0px;
padding:0px;
}



/* ganz unten, gilt fuer alle */
#navigation li a:hover {
	color: #12385D;
}


/* ================================= 
   LVL 4
   ================================= */
#lvl4-nav {
background:#8696AC;padding:5px 10px;
color:white
}
#lvl4-nav span {
font-weight:bold;
color:white;
}
#lvl4-nav a {
color:white;
text-decoration:none;
}
#lvl4-nav a:hover {
color:white;
text-decoration:underline;
}



#topnavigation a, #topnavigation span, #topnavigation, a.grey-link {
color:#8696AC;
text-decoration:none;
text-transform:uppercase;
}
#topnavigation a:hover, a.grey-link:hover {
color: #D54D01;
}
#topnavigation span, #topnavigation a.inpath {
color: #D54D01;
}