/* Autor: Wido Widlewski <wido@websimplex.de> */

/* Root = Horizontal, Secondary = Vertical */
.hauptnavi ul {
  margin: 0px;
  border: 0px;
  padding: 0px 12px 10px 12px;
  list-style: none;
  position: relative;
  z-index: 10;
}

* html .hauptnavi ul {
	width: 160px;
	padding: 0px 0px 0px 12px;
}


.hauptnavi ul li {
  margin: 0px;
  border: 0px;
  padding: 10px 0px 0px 0px;
  display: block;
  position: relative;
  background-image: none;
}

* html ul li {
	padding: 10px 0px 0px 0px;
	height: 1%;
}



/* erste Ebene */
.hauptnavi ul li a {
  border: 1px solid #000000;
  padding: 2px 2px 2px 15px;
  
  display: block;
  background: #FFFFFF;
  color: #666666;
    
  font-size: 11px;
  line-height: 150%;
  
  text-decoration: none;
  
  background-image: url(../design/pfeil_runter.gif);
  background-repeat: no-repeat;
  background-position: right;
  
}


/* for ie6: width - padding - border */
* html .hauptnavi ul li a {
	width: 142px;
	height: 1%; 
}

.hauptnavi ul li a:link,
.hauptnavi ul li a:visited {
  text-decoration: none;
  color: #666666;
}

.hauptnavi ul li.no_over a:hover,
.hauptnavi ul li.no a:hover,
.hauptnavi ul li.act a:hover,
.hauptnavi ul li.act_over a:hover {

  background: #0066c4;
  color: #FFFFFF;
  
  /*background-image: url(../design/pfeil_runter.gif);
  background-repeat: no-repeat;
  background-position: right;*/

}




/* ZWEITE ebene - ausklappmenu */

.hauptnavi ul ul {
  position: absolute;
  background: #edeef0;
  margin: -1px 0px 0px 0px;
  padding: 0px;
  top: 20;
  display: none;
  z-index: 20;
  width: 159px;
  height: auto;
  border: 1px solid #4f4f51;
    
}

* html .hauptnavi ul ul {
	width: 158px;
}

.hauptnavi li li {
  position: relative;
  display: block;
  padding: 0px;
  margin: 0px;
  
}

* html .hauptnavi li li {
	position: inline;
}


.hauptnavi li li a {
  width: 140px;
  display: block;
  float: none;
  padding: 4px 4px 4px 15px;
  margin: 0px;
  line-height: 125%;
  border: 0px;
  color: #666666;
  
}

* html .navigation li li a {
	width: 138px;
}


/* Normalzustand der Links */
.hauptnavi li li.no_over2 div a,
.hauptnavi li li.no2 div a {
	color: #4f4f51;
	/*
	background-image: none;
	background-color: #edeef0;
	border-bottom: 1px dotted #4f4f51;
	*/
	
	/* alles einzeln, um später nur die farbe aendern zu koennen */
	background-color: #edeef0;
	background-image: url(../design/punkt_dunkelgrau.gif);
	background-repeat:  repeat-x;
	background-position: bottom left;
}



/* Hover Linkszustand */
.hauptnavi li li.no2 div a:hover,
.hauptnavi li li.no_over2 div a:hover,
.hauptnavi li li.act2 div a,
.hauptnavi li li.act_hover2 div a,
.hauptnavi li li.act2 div a:hover,
.hauptnavi li li.act_over2 div a:hover {

	background-color: #00a6ea;
	color: #FFFFFF;
	/*background-image: none;*/
	
}


/* wenn unterseiten vorhanden sind */

/* normal */

.hauptnavi li li.no2 div.subpfeil a,
.hauptnavi li li.no_over2 div.subpfeil a {
	background-color: #edeef0;
	background-image: url(../design/punkt_dunkelgrau.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
}

.hauptnavi li li.no2 div.subpfeil a span,
.hauptnavi li li.no_over2 div.subpfeil a span {
	
	display: block;
	
	background-image: url(../design/subpfeil_no.gif);
	background-repeat: no-repeat;
	background-position: right;
	/* border-bottom: 1px dotted #636363;*/
}


/* hover */

.hauptnavi li li.no2 div.subpfeil a:hover,
.hauptnavi li li.no_over2 div.subpfeil a:hover {
	background-image: url(../design/punkt_dunkelgrau.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
}

.hauptnavi li li.no2 div.subpfeil a:hover span,
.hauptnavi li li.no_over2 div.subpfeil a:hover span {

	/* je nach spalte einen farbigen pfeil einfuegen, in startseite_spalten_menu.css */
	/*background-image: url(../design/subpfeil_act_spalte1.gif);*/
	background-repeat: no-repeat;
	background-position: right;
  
  /*border-bottom: 1px dotted #636363;*/
}





/* letzter Eintrag ohne Rahmen */

/* Normalzustand der Links */
.hauptnavi li li.no_over2_or div a,
.hauptnavi li li.no2_or div a {

  background-color: #edeef0;
  color: #4f4f51;
  background-image: none;
   padding: 4px 4px 3px 15px;
   
}



/* Hover Linkszustand */
.hauptnavi li li.no2_or div a:hover,
.hauptnavi li li.no_over2_or div a:hover {

  background: #00a6ea;
  color: #FFFFFF;
  background-image: none;
   padding: 4px 4px 3px 15px;
  
}


/* wenn unterseiten vorhanden sind */

/* normal */
.hauptnavi li li.no2_or div.subpfeil a span,
.hauptnavi li li.no_over2_or div.subpfeil a span {

  background-image: url(../design/subpfeil_no.gif);
  background-repeat: no-repeat;
  background-position: right;
    
}


/* hover */
.hauptnavi li li.no2_or div.subpfeil a:hover span,
.hauptnavi li li.no_over2_or div.subpfeil a:hover span {

  background-image: url(../design/subpfeil_act_spalte1.gif);
  background-repeat: no-repeat;
  background-position: right;

}

/* ZWEITE EBENE ZU ENDE */






/* DRITTE Ebene */

.hauptnavi ul ul ul {
	position: absolute;
	top: 0;
	left: 159px;
	padding: 0px;
	margin: -1px 0px 0px 0px;
	display: none;
	width: 160px;
	
	z-index: 50;
}

* html .hauptnavi ul ul ul {
	left: 161px;
}

.hauptnavi ul ul ul li {
  float: none;
  display: block;
  padding: 0px;
  margin: 0px;
  border: 0px;
}

* html .hauptnavi ul ul ul li {
	display: inline;
}


.hauptnavi ul ul ul li a {
  width: 143px;
  display: block;
  float: none;
  padding: 4px 4px 4px 13px;
  margin: 0px;
  border: 0px;
  /*border-right: 1px solid #4f4f51;*/
  
}



/* Normalzustand der Links */
.hauptnavi ul li li li.no_over3 div a,
.hauptnavi ul li li li.no3 div a {

  background-color: #edeef0;
  color: #4f4f51;
  
  /*background-image: none;  */
  /*border-bottom: 1px dotted #4f4f51;*/
  
}


/* Hover Linkszustand */
.hauptnavi ul li li li.no_over3 div a:hover {

  background-color: #00a6ea;
  color: #FFFFFF;
  /*background-image: none;  
  border-bottom: 1px dotted #4f4f51;*/
  
}


/* wenn in der 2. ebene das subpfeil bild angezeigt wird, dieses in der 3. eben nich anzeigen */

.hauptnavi ul li li.no2 div.subpfeil li.no3 div a,
.hauptnavi ul li li.no_over2 div.subpfeil li.no3 div a,

.hauptnavi ul li li.no2 div.subpfeil li.no_over3 div a,
.hauptnavi ul li li.no_over2 div.subpfeil li.no_over3 div a,

.hauptnavi ul li li.no2 div.subpfeil li.no3 div a:hover,
.hauptnavi ul li li.no_over2 div.subpfeil li.no3 div a:hover,

.hauptnavi ul li li.no2 div.subpfeil li.no_over3 div a:hover,
.hauptnavi ul li li.no_over2 div.subpfeil li.no_over3 div a:hover,

.hauptnavi ul li li.no2_or div.subpfeil li.no3 div a,
.hauptnavi ul li li.no_over2_or div.subpfeil li.no3 div a,

.hauptnavi ul li li.no2_or div.subpfeil li.no_over3 div a,
.hauptnavi ul li li.no_over2_or div.subpfeil li.no_over3 div a,

.hauptnavi ul li li.no2_or div.subpfeil li.no3 div a:hover,
.hauptnavi ul li li.no_over2_or div.subpfeil li.no3 div a:hover,

.hauptnavi ul li li.no2_or div.subpfeil li.no_over3 div a:hover,
.hauptnavi ul li li.no_over2_or div.subpfeil li.no_over3 div a:hover {

  /*background-image: none;
  border-bottom: 1px dotted #4f4f51;*/
	
}







/* letzter Eintrag ohne Rahmen */

/* Normalzustand der Links */
.hauptnavi ul li li li.no_over3_or div a,
.hauptnavi ul li li li.no3_or div a {

  background-color: #edeef0;
  color: #4f4f51;
  background-image: none;
  
  /*border-bottom: 0px;*/
    
}


/* Hover Linkszustand */
.hauptnavi ul li li li.no3_or div a:hover,
.hauptnavi ul li li li.no_over3_or div a:hover {

  background-color: #00a6ea;
  color: #FFFFFF;
  background-image: none;  
  /*border-bottom: 0px;*/
  
}


/* wenn in der 2. ebene das subpfeil bild angezeigt wird, dieses in der 3. eben nich anzeigen */


.hauptnavi ul li li.no2 div.subpfeil li.no3_or div a,
.hauptnavi ul li li.no_over2 div.subpfeil li.no3_or div a,

.hauptnavi ul li li.no2 div.subpfeil li.no_over3_or div a,
.hauptnavi ul li li.no_over2 div.subpfeil li.no_over3_or div a,

.hauptnavi ul li li.no2 div.subpfeil li.no3_or div a:hover,
.hauptnavi ul li li.no_over2 div.subpfeil li.no3_or div a:hover,

.hauptnavi ul li li.no2 div.subpfeil li.no_over3_or div a:hover,
.hauptnavi ul li li.no_over2 div.subpfeil li.no_over3_or div a:hover,

.hauptnavi ul li li.no2_or div.subpfeil li.no3_or div a,
.hauptnavi ul li li.no_over2_or div.subpfeil li.no3_or div a,

.hauptnavi ul li li.no2_or div.subpfeil li.no_over3_or div a,
.hauptnavi ul li li.no_over2_or div.subpfeil li.no_over3_or div a,

.hauptnavi ul li li.no2_or div.subpfeil li.no3_or div a:hover,
.hauptnavi ul li li.no_over2_or div.subpfeil li.no3_or div a:hover,

.hauptnavi ul li li.no2_or div.subpfeil li.no_over3_or div a:hover,
.hauptnavi ul li li.no_over2_or div.subpfeil li.no_over3_or div a:hover{

	background-image: none;
	/*border-bottom: 0px;*/
	padding: 4px 4px 3px 13px;
}





/* DRITTE EBENE ZU ENDE */




.hauptnavi ul li.no_over ul,
.hauptnavi ul li.no_over ul ul {
  display: none;
}

.hauptnavi ul li.no_over ul,
.hauptnavi ul ul li.no_over2 ul,
.hauptnavi ul ul li.no_over2_or ul {

  display: block;
  
}