/* CSS Document */
#menu {
height:80px;
width:950px;
padding: 0px;
margin:0px;
background:#fff;
/* position:relative; */
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
z-index:100;
}

#menu .auswahl {
margin:0px; 
padding:0px; 
list-style:none; 
}

#menu li {
float:left;
}

#menu .auswahl a {
display:block; 
height:80px;
width:190px;
float:left; 
text-decoration:none; 
white-space:nowrap; 
}

#menu b {position:absolute; left:-9999px;}

#menu .auswahl a.schule {background:url(../_images/menu/schule.jpg) no-repeat left top;}
#menu .auswahl a.homoeopathie {background:url(../_images/menu/homoeo.jpg) no-repeat left top;}
#menu .auswahl a.heilpraktik {background:url(../_images/menu/heil.jpg) no-repeat left top;}
#menu .auswahl a.weitere {background:url(../_images/menu/weitere.jpg) no-repeat left top;}
#menu .auswahl a.seminare {background:url(../_images/menu/seminare.jpg) no-repeat left top;}

#menu .auswahl a:hover, 
#menu .auswahl li:hover a {
background-position: left bottom; 
cursor:pointer; 
}


/* ############### submenu ############## */
#menu .auswahl table {border-collapse:collapse;}
#menu .auswahl li li {float:none;}
/*  hack für IE5.x und IE6 */
#menu .auswahl li a li {float:left;}

#menu .auswahl li a {color:#fff; line-height:22px; text-decoration:none;font-weight:bold;}
#no1 a { background-color:#336;}
#no2 a { background-color:#933;}
#no3 a { background-color:#663;}
#no4 a { background-color:#963;}
#no5 a { background-color:#f93;}

#menu .auswahl .suba { display:block; height:17px; line-height:17px; float:none; padding-right:10px; width:180px; font-size:11px;text-align:right;}

#menu .auswahl li:hover {position:relative; z-index:100;}
#menu .auswahl a:hover {position:relative; z-index:100;} 

#menu .auswahl .sub1 {position:absolute; left:-9999px; top:-9999px; margin:0px; padding:0px; list-style:none; width:190px;}
#menu .auswahl :hover .sub1 {left:0px; top:80px; z-index:300;}


/* naechste ebene */
#menu .auswahl li:hover li:hover > ul {left:0; margin-left:100%; top:0;}
/* weitere ebenen verstecken */
#menu .auswahl li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* aktuelle navigation anzeigen */
#menu .auswahl li:hover li:hover > a {color:#ff0; line-height:14px;}
/* hack für IE5.x und IE6 */
#menu .auswahl li a:hover ul li a:hover {color:#ff0; line-height:14px;}
/* hack für IE5.x und IE6 */
/* nächste ebene anzeigen */
#menu .auswahl a:hover a:hover ul,
#menu .auswahl a:hover a:hover a:hover ul,
#menu .auswahl a:hover a:hover a:hover a:hover ul,
#menu .auswahl a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:0;}

/* weitere ebenen verstecken */
#menu .auswahl a:hover ul ul,
#menu .auswahl a:hover a:hover ul ul,
#menu .auswahl a:hover a:hover a:hover ul ul,
#menu .auswahl a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}