

.menu {
	margin-top:40px;
	width:650px;
	font-size:0.85em;
	float:right;
	z-index:100;
	background-image:url(/images/layout/menuehintergrund2.gif);
	background-repeat:no-repeat;
	background-position:top right;
}
/* Alle Abstände entfernen */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
	float:right;
	background-repeat:no-repeat;
}

/* Die Liste floaten um sie horizontal zu machen und ihr eine relative position zu geben, so dass du die dropdown-menu-position bestimmen kannst*/
.menu li {
	float:left;
	width:120px;
	position:relative;
	border-bottom:4px solid #2F2D6E;
}
.menu li ul li {
	border:0 solid #2F2D6E;
	border:0px solid #2F2D6E;
}

/* Style für die Links im Toplevel-Menü */
.menu a, .menu a:visited {
	display:block;
	font-size:11px;
	text-decoration:none; 
	color:#fff; 
	width:119px;
	height:21px;
	border:1px solid #fff;
	border-width:0px 0px 0 0;
	/* background-color:#CF0012; */
	text-align:center;
	line-height:20px;
}
/* a hack für den IE5.5 */
* html .menu a, * html .menu a:visited {
	width:120px;
	w\idth:119px;
}

.menu ul ul li a {
	text-align:left;
	height:10px;
	padding:2px;
}



/* verstecke die sub levels und gebe ihnen eine absolute position, dass sie keinen platz verbrauchen */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	top:26px;
	left:0; 
}
/* hack für IE5.5 */
* html .menu ul ul {
	top:21px;
	t\op:26px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {
	position:absolute; 
	top:0; 
	left:0;
}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	background:#FFFFFF;
	color:#000;
	height:auto;
	line-height:1em;
	padding:2px;
	text-align:left;
	width:129px
	/* ein anderer hack für IE5.5 */
}

/* Hover für Toplevel und Sublevel-Menü */
.menu a:hover {
	color:#FFFFFF;
}
.menu ul ul a:hover {
	color:#CF0012;
}
.menu :hover > a {
	color:#FFFFFF;
} 
.menu ul ul :hover > a {
	color:#CF0012;
}


/* Bei einem Hover auf das Top-Level, mache das Second-Level sichtbar */
.menu ul li:hover ul,
.menu ul a:hover ul {
	visibility:visible; 
}


/* Rahmen um das Sublevel-Menü */
.menu ul li ul {
	border:1px solid black;
	padding:3px 1px 10px 3px;
	background-color:#FFFFFF;
}
.menu ul li ul li {
	width:150px;
	background-color:#FFFFFF;
}

.menu ul li {
	padding-top:2px;
}
.menu ul li a {
	font:10pt arial;
	font-weight:bold;
}
.menu ul li ul li {
	padding-top:0px;
	height:13px;
}
.menu ul li ul li a {
	padding-top:0;
	font:8pt arial;
	font-weight:normal;
}