#navi
{
    font: bold 12px Arial, Verdana, sans-serif;/* font: bold 11px Arial, Verdana, sans-serif; */
padding: 4px;
width: 100%;
overflow: hidden;
background: transparent;
/*popupmenu over advertising */
z-index:1000;
}
/* ul = .popupmenu  */
#navi ul{
font: bold 11px Arial, Verdana, sans-serif;
margin: 0;
padding: 0;
margin-left:0px; margin-right:0px; margin-top:0; margin-bottom:0; padding-top:5px; padding-right:0;
list-style: none;
display:none;
position: absolute;
background-color: transparent;


background-image:url(sv_blend.png);
}
#navi ul li{
display: inline;
float: left;
margin: 0 0px 0 0;
padding: 0;
}


#navi li{
display: inline;
float: left;
margin: 0 0px 0 0;
padding: 0;
/*text-transform: uppercase;*/
}



#navi a{
color: #435B7F;
display: block;
text-align: left;
background: #DBFAC1 url('lib/roundleft.gif') no-repeat left top; /*default background color of tabs, left corner image*/
text-decoration: none;
letter-spacing: 1.5px; margin-left:0; margin-right:1px; margin-top:0; margin-bottom:0; padding-left:0px; padding-right:0; padding-top:0; padding-bottom:0px;
}

/*#navi ul a{#DCD8CD  #ACB112*/
#navi ul a{
color: #41BC57;
display: block;
text-align: left;
background: transparent;
text-decoration: none;
letter-spacing: 1px; margin-left:0px; margin-right:0px; margin-top:0; margin-bottom:0; padding-left:5px; padding-right:0; padding-top:0; padding-bottom:0px;
}

#navi a span{
display: block;
float: none;
background: url('lib/roundright.gif') no-repeat right top; /*right corner image*/
cursor: pointer; padding-left:6px; padding-right:9px; padding-top:0px; padding-bottom:0px
}

#navi a:hover, #navi li a.active, #navi li ul a.active, #navi li.current a{
background-color: #B15097; /*background color of tabs onMouseover*//* class="selected"  , #navi li.current a */
color: white;
}


#navi a:hover span{
background-color: transparent;
}
/*
#bookmark
{
padding: 0;
display: block;

overflow: hidden;
background: transparent;
background-color: white;
}


#navi li.current a{
background-color: White; 
color: Blue;
}
*/
/* /// 
#navi #sddm li div
{	position: absolute;
	visibility: hidden;
	margin: 0 2px 0 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #5970B2}
	
 #navi #sddm li div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
		color: #2875DE;
		font: 11px arial}

	#navi #sddm li div a:hover
	{	background: #49A3FF;
		color: #FFF}
*/



/* Dies sind die Klassenstile für das Untermenü wenn sich die Maus */

/* über der Liste  befindet (.hover siehe JavaScript oben) 

div.newmenu ul.hover, div.newmenu li.hover ul, div.newmenu li:hover ul  {

    display:block;

}



div.newmenu ul li {

    float:none;

    background-color: transparent;

}*/




/* IE-Hack für die Breite */
*html #navi ul {

    width:180px;
    background-color: transparent;
}

#navi ul li
{	 float:none;

    background-color: transparent;
	}
	
 #navi li.hover ul
	{	
	    display:block;
		}