/* navigation.css */
/** (c) 2006 
Sebastian Heidfeld
Six Offene Systeme GmbH


letzte Aenderung: 27.11.2006 */

/* Navigation */

#navigationTop {
	position:relative;
	width: 905px;
	height:20px;
	color: #F7EFCE;
	background-color:#8D2F46;
	margin-bottom: 0px;
   	border-bottom:2px solid #F7EED0;
	padding-left:50px;
	margin-left:auto;
	margin-right:auto;
	z-index:5;
}

#navigationMiddle {
	position:relative;
	width: 905px;
	height:20px;
	color: #8D2F46;
	background-color:#CDC4B6;
	margin-bottom: 3px;
   	border-bottom:2px solid #F7EED0;
	padding-left:50px;
	margin-left:auto;
	margin-right:auto;
	z-index:4;
}
	

/* Trennzeichen zwischen den Navigationspunkten */
.divider {
	padding:0px 10px 0px 10px;
}

/* Linke  Navigation mit Dropdown-Funktion */
div#NaviTopLeft, div#NaviMiddleLeft {
    width: 657px;
    padding-top: 3px;
	height:20px;

}
div#NaviTopLeft div, div#NaviMiddleLeft div {
	position: absolute;
     clear: left;
}
ul#Navigation, ul#Navigation2 {
    margin: 0; padding: 0;
    text-align: left;
}
ul#Navigation li, ul#Navigation2 li {
    list-style: none;
    float: left;
    position: relative;
}
* html ul#Navigation li {  /* Korrektur fuer den IE */
    margin-bottom: -0.4em;
	z-index:10;
}

* html ul#Navigation2 li {  /* Korrektur fuer den IE */
    margin-bottom: -0.4em;
	z-index:1;
}

ul#Navigation li ul, ul#Navigation2 li ul {
	padding: 0px;
	position: absolute;
    display: none;  /* Unternavigation ausblenden */
    border-bottom:4px solid #FFFFFF;
	margin-left:-8px;
}
* html ul#Navigation li ul, * html ul#Navigation2 li ul {  /* Korrektur fuer den IE */
    margin-bottom: 5px;
    border-bottom:5px solid #FFFFFF;
}
ul#Navigation li:hover ul, ul#Navigation2 li:hover ul {
    display: block;  /* Unternavigation in modernen Browsern einblenden */
	z-index:2;
}
ul#Navigation li ul li, ul#Navigation2 li ul li {
    float: none;
    display: block;
	width: 120px;
	text-align:left;
    border-top:1px solid #FFFFFF;
    border-left:1px solid #FFFFFF;
    border-right:1px solid #FFFFFF;
	top:3px;
}
ul#Navigation li a, ul#Navigation3 li a {
    display: block;
    padding: 0px 0px 0px 0px;
    text-decoration: none; 
	text-align:left;
	font-weight: normal;
    color: white; 
	background-color: #8D2F46; 
}

ul#Navigation2 li a {
    display: block;
    padding: 0px 0px 0px 0px;
    text-decoration: none; 
	text-align:left;
	font-weight: normal;
    color: #8D2F46; 
	background-color: #CDC4B6; 
}

ul#Navigation4 li a {
    display: block;
    padding: 0px 0px 0px 0px;
    text-decoration: none; 
	text-align:left;
	font-weight: normal;
    color: #FFFFFF; 
	background-color: #CDC4B6; 
}

ul#Navigation li ul li a{
    display: block;
    text-decoration: none; 
	text-align:left;
	font-weight: normal;
    color: white; 
	background-color: #8D2F46;
	padding:3px 0px 3px 10px; 
}

ul#Navigation2 li ul li a{
    display: block;
    text-decoration: none; 
	text-align:left;
	font-weight: normal;
    color: #8D2F46; 
	background-color: #CDC4B6;
	padding:3px 0px 3px 10px; 
}
  
ul#Navigation span, ul#Navigation2 span {
    display: block;
    padding: 0px 0px;
}
  
ul#Navigation li a:hover, ul#Navigation li span, li a#aktuell {
    color: silver;
	text-align:left;
}

ul#Navigation2 li a:hover, ul#Navigation2 li span {
    color: black;
	text-align:left;
}


ul#Navigation  li ul li a:hover, ul#Navigation li ul li span {
	padding:3px 0px 3px 10px; 
    color: silver;
}

ul#Navigation2 li ul li a:hover, ul#Navigation2 li ul li span {
	padding:3px 0px 3px 10px; 
    color: #000000;
}

/* aktuelle Rubrik kennzeichnen */
li a#aktuell {  
  	background-color:#8D2F46;
    color: #F3C8D3;
}

li a#aktuell2 {  
  	background-color:#8D2F46;
    color: #F3C8D3;
}
  
 /* aktuelle Unterseite kennzeichnen */
ul#Navigation li ul span {  
	background-color:#8D2F46;
    color: #F3C8D3;
}

 ul#Navigation2 li ul span {  
	background-color:#8D2F46;
    color: #000000;
} 
  
/* Navigation3 und 4 - rechts */
div#NaviTopRight {
    width: 296px;
    padding: 3px 0px 0px 10px;
	position:absolute; 
	left:658px;
	border-left:2px solid #8D2F46;
}

div#NaviMiddleRight {
    width: 286px;
	position:absolute; 
	left:658px;
    padding: 3px 0px 0px 10px;
	border-left:2px solid #F7EED0;
	height:20px;
}

ul#Navigation3, ul#Navigation4 {
    margin: 0; padding: 0;
    text-align: center;
}


  ul#Navigation3 li,    ul#Navigation4 li{
    list-style: none;
    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;
  }
  * html ul#Navigation3 li   * html ul#Navigation4 li{  /* Korrektur fuer den IE */
    margin-bottom: -0.4em;
  }

/* Ende Navigation */


 ul#Navigation4 li ul span {  
	background-color:#8D2F46;
    color: #000000;
} 

ul#Navigation4 li a {
    color: #8D2F46; 
	background-color: #CDC4B6; 
}
ul#Navigation4 li a:hover, ul#Navigation4 li span {
    color: black;
	text-align:left;
}

#Navigation4{
	text-align:left;
}
