/*Pulldownmen horizontal in drei Ebenen*/


div#nav {float: left; width: 158px; height: 500px;}
div#nav ul {margin: 0; padding: 0; width: 158px; background: #FEC252;
  border: 1px solid #ff6600; color: #FFD67C; font-weight: bold;}
div#nav li {position: relative; list-style: none; margin: 0;
  border-bottom: 1px solid #FFD67C; padding: 0.25em 0 0.25em 0;}
div#nav li:hover {background: #FFD67C;}
div#nav li.submenu {background: url(../images/submenu.gif) 95% 50% no-repeat;}
div#nav li.submenu:hover {background-color: #FFD67C; background-image: url(../images/submenu_on.gif) 95% 50% no-repeat;}

div#nav li a {display: block; padding: 0.25em 0 0.25em 0.5em;
  text-decoration: none; width: 158px;}
div#nav>ul a {width: auto;}
div#nav ul ul {position: absolute; top: 0; left: 158px;
  display: none;}
div#nav ul ul a {  padding: 0.15em 0 0.15em 0.3em}

div#nav ul.level1 li.submenu:hover ul.level2,
div#nav ul.level2 li.submenu:hover ul.level3 {display:block;}