/* Begin CSS Drop Down Menu 
aus 
http://sperling.com/examples/menuh/
*/

/*Beschreibt die Gesamtposition */
#menuh-container{
	position: absolute;		
	top: 130px;
	left: 0px;
	width:100%;            
  background-color: transparent;
  z-index:500;         /*wichtig, damit ganz nach vorn und sichtbar */
}

/* Gestaltung normaler Menüpunkte */
#menuh a:link, #menuh a:visited, #menuh a:active{
	font:10pt arial, helvetica, sans-serif;
  display: block;
  border-top:none;
  border-right:1px solid #E9EDE7;
  margin: 0px;
  padding-top: 5px;
  padding-left:10px;
  padding-bottom:5px;
  padding-right:0px;
  color:#645D4E;
  background-image: url(bilder/rechteck01.gif);
  background-position:top;
  text-decoration: none;
	}
	
/* menu on mouse-over  */
#menuh a:hover{		
  color: white;
  background-image: url(bilder/rechteck02.gif); 
	}	
	
/* Gestaltung des Menüpunktes, wo man gerade ist */
#menuh a.sel:link, #menuh a.sel:visited, #menuh.sel a:active{
	font:10pt arial, helvetica, sans-serif;
  display: block;
  border-top:none;
  border-right:1px solid #E9EDE7;
  margin: 0px;
  padding-top: 5px;
  padding-left:10px;
  padding-bottom:5px;
  padding-right:0px;
  color:#FFFFFF;
  background-image: url(bilder/rechteck02.gif);
  background-position:top;
  text-decoration: none;
	}

/* menu on mouse-over  */
#menuh a.sel:hover{		
  padding-left:13px;
	}	

#menuh ul{
	list-style:none;  
  width: 126px;     /* Breite eines Menüpunktes*/
  margin: 0px;      /* wichtig! sonst klappt die Ausklapp-Bewegung nicht richtig */
  padding:0px;
  float:left;
	}

#menuh ul.schmal{
	list-style:none;  
  width: 48px;     /* Breite eines Menüpunktes*/
  margin: 0px;      /* wichtig! sonst klappt die Ausklapp-Bewegung nicht richtig */
  padding:0px;
  float:left;
	}


#menuh li{
	position:relative;
	min-height: 1px;		      /* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
	}

/* Ein Unter-Menüpunkt */
#menuh ul ul{
	width:126px;   /* Breite der aufklappenden Unterpunkte */ 
  position: absolute;
  border:solid 1px #C0C0C0;
  display:none;
  z-index:500;
 	}

/* Ein Unter-unter-Menüpunkt */
#menuh ul ul ul{
	top:0;
	left:100%;
	width:150px;   /* Breite der aufklappenden Unterpunkte */ 
  position: absolute;
  border:solid 1px #C0C0C0;
	}

div#menuh li:hover{
	cursor:pointer;
	z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}