#menu {
	text-align: right;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}
/*
#menu li{
	display: inline;
	list-style: none;
	text-transform: uppercase;
	background: transparent url(../img/navi-trenner.gif) 0 3px no-repeat;
	padding: 0 9px 0 12px;
}

#menu li.first{
	background-image: none;
}

#menu li a{
	color: #bbb0a4;
}

#menu li a:hover, #menu li.cur a:hover, #menu li .CURnoLink{
	color: #827d78;
}

.invisible {
	visibility: hidden;
}
*/
ul.menu {text-align: right;}
ul.menu, ul.menu ul {

    list-style-type: none;

}
ul.menu a {

    display: block;
    padding: 3px 10px 9px 10px;
    font-weight:normal;

}

ul.menu ul li a {
    padding: 0 10px;
}
ul.menu li.last a {
    padding: 3px 0px 3px 10px;
}

ul.menu li {
	padding:0;
	margin:0;
	float:left;
	background: transparent url(../img/navi-trenner.gif) 0 7px no-repeat;
}
ul.menu li.first {

	background: transparent url(../img/trans.gif) 0 3px no-repeat;
}
ul.menu li.first {

	background: transparent url(../img/trans.gif) 0 3px no-repeat;
}

ul.menu ul {
	margin-left: -60px;
	margin-top: -2px;
    padding: 0;
    position: absolute;
    display:none;
    width:240px;
    padding:0 50px 0 60px; 
    background: transparent url(../img/subnavi-ul-bg.png) left top no-repeat;
    text-align: left;
}



/* IE-Hack fŸr die Breite */

*html ul.menu ul {

    width:180px;

}



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

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

ul.menu ul.hover, ul.menu li.hover ul, ul.menu li:hover ul  {

    display:block;

}



ul.menu ul li {
    float:none;
	
}
ul.menu ul li a{
    background: transparent url(../img/subnavi-bg.png) bottom left;
    width: 110px;
    height: 20px;
    color: #f1efec;
    padding-top: 7px;
    }
ul.menu ul li a:hover {color: white; background-color: #b8afa7;}