div#nav {
float: left; 
width: 200px;
}

div#nav ul {
text-align: left;
margin: 0; 
padding: 0; 
width: 200px; 
background: #fff;
list-style: none;
/*border: 1px dotted white;*/
}

/*linien zwischen menus*/
div#nav li {
text-align: left;
position: relative;
display: block;
background-color: #888;
list-style: none; 
height: 20px;
/*margin: 1px;*/
padding-top: 8px;
border-bottom: 1px solid #222;
}

div#nav li a {
font-family: arial, helvetice, verdana, sans-serif;
color: #333;
font-size: 12px;
margin-left: 6px;
}

div#nav li.top_active a {
font-family: arial, helvetice, verdana, sans-serif;
text-transform: uppercase;
color: #000000;
font-size: 12px;
text-align: left;
position: relative; 
list-style: none; 
margin: 0;
font-weight: bold;
margin-left: 6px;
}

div#nav li:hover {
	background-color: #ccc;
}

div#nav li a:hover {
font-weight: bold;
}


div#nav li.submenu a {
color: #333;
text-transform: none;
font-style: italic;
padding-left: 20px;
font-weight: normal;
}

div#nav li.active a{
	color: #000;
	text-transform: none;
	font-style: italic;
	padding-left: 20px;
	font-weight: bold;
}


div#nav li.submenu a:hover {
color: black;
}

/*rollover ohne untermenues*/
div#nav li:hover {
background: #FFF;
}
/*pfeil untermenues
div#nav li.submenu {
background: url(b_ani.gif) 95% 50% no-repeat;
}
/*rollover mit untermenues*/
div#nav li.submenu:hover {
background-color: #ccc;
}
div#nav li a {
display: block; 
padding: 0.1em 0 0.1em 5px; 
text-decoration: none; 
width: 160px;
}


/*div#nav ul a {width: auto;}*/

div#nav ul ul {
position: absolute; 
color: #888;
top: 0; 
left: 170px;
display: none;
}

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