#haupt_navi {
	background-image:url(../images/haupt_navi.jpg);
	background-repeat:no-repeat;
	height: 246px;	
	width: 225px;
	float:left;
	border: 1px solid #696968;
	position:relative;
}
#haupt_navi ul {
	margin:0; 
	padding:0; 
	list-style:none; 
}
#haupt_navi ul li {
	float:left;
	position:relative;
	width:225px;
}
#haupt_navi ul li ul {
	position:absolute; 
	left:-9999px;
}
#haupt_navi ul li a, #haupt_navi ul li a:visited  {
	display:block; 
	background-image:url(../images/h_navi_normal.jpg);	
	background-repeat:no-repeat;
	background-position: 15px 10px;
	font-size:12px;
	text-decoration:none;
	padding:10px 15px 10px 45px; 
	color:#f5f1f1;
	border-bottom:1px dotted #f5f1f1;
	width:auto;
	height:14px;
} 
#haupt_navi ul li a:hover {
	background-image:url(../images/s_navi_normal.jpg);	
	background-repeat:no-repeat;
	background-position: 15px 10px;
}
#haupt_navi ul li ul li a, #haupt_navi ul li ul li a:visited  {
	display:block; 
	background-image:url(../images/trans_pic.png);
	background-repeat:repeat;
	text-decoration:none;
	padding:10px 15px 10px 15px; 
	color:#f5f1f1;
	font-size:10px;
	border-bottom:1px dotted #696868;
	width:120px;
	height:14px;
} 
#haupt_navi ul li ul li a:hover {
	display:block;
	background-image:url(../images/opaque2.png);
	background-repeat:repeat;
	color:#696968;
}
#haupt_navi ul li:hover ul {
	visibility:visible; 
	left:100%; 
	margin-top:-35px; 
	margin-left:-1px;
	z-index:500;
}