/* Hauptmenü*/
/* Oben links */
.menu {
	float:right;
}

.menu a,
.menu a:link,
.menu a:active,
.menu a:hover{
	color: #fff;
	text-decoration:none;
}

ul.menu, ul.menu ul {
    list-style-type: none;
}

ul.menu a {
    display: block;
    padding: 12px 10px 4px 10px;
    font-weight:bold;
	text-transform:uppercase;
	letter-spacing:0.05em;
	height:21px;
	background: url(../img/menue/menu_hg01.jpg) no-repeat;
	border-right:1px solid #fff;
}

ul.menu ul a {
    padding: 2px 10px;
	color:#fff;
}

ul.menu a:hover {
	color:#fff;
	background: url(../img/menue/menu_hg02.jpg) no-repeat;
}

/* 2. Ebene */

ul.menu ul li a,
ul.menu ul li a:hover  {
	background-image:none;
	background-color:#ED1B23;
	border-bottom:1px solid #fff;
	border-right:none;
	text-decoration:none;
	height:16px;
}

ul.menu ul li a:hover {
	background-color:#80BEEF;
}


ul.menu li {
    padding:0;
    margin:0;
    background-image: none;
	background-color:red;
    float:left;
	color:#fff;
}

ul.menu ul {
    margin-left:0;
    padding: 0 0 0px 0;
    position: absolute;
    background-color:red;
    display:none;
    min-width:180px;
}

/* 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;
	color:#F1B401;
}

ul.menu ul li {
    float:none;
    background-color: transparent;
}