/*  Menücontainer */

.menu {
	height:32px;
	clear:both;
	float: right;
	padding-top: 30px;
	margin-right:5px;
}
* html .menu {
   margin-right:0; 
}
/* Rücksetzen des Layouts */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
.menu ul ul {
	width:150px;
}
/* 1. Ebene */
.menu li {
	float:left;
	width:152px;
	position:relative;
}

/* 1. Ebene */

.menu a {
   background-image:url(../images/menu_center_w.jpg);
   background-repeat:no-repeat;
   height:9px;
   width:124px;
   display:block;
   float:left;
   font-family:'Lucida Sans', Tahoma, sans-serif;
   font-size:12px;
   font-weight:bold;
   text-decoration:none;
   color:white;
   padding:11px 14px 13px 14px;
}

/* IE 5.5 */
* html .menu a, * html .menu a:visited {
    padding:12px 14px 0 14px;
    height:20px;
}
/*  Definition der Menügrafiken */  
.menu ul li#start a {
   background-image:url(../images/menu_start_w.jpg);
}
.menu ul li#start ul li a {
   background-image:url(../images/menu_bg.png);
}
.menu ul li#start ul li a:hover {
   background-image:url(../images/menu_bg_b.png);
}

.menu ul li#start a:hover {
   background-image:url(../images/menu_start_b.jpg);
   color:#9a0b12;
}
.menu ul li#end a {
   background-image:url(../images/menu_end_w.jpg);
   width:130px;
}
.menu ul li#end ul li a {
   background-image:url(../images/menu_bg.png);
}
.menu ul li#end ul li a:hover {
   background-image:url(../images/menu_bg_b.png);
}
.menu ul li#end a:hover {
   background-image:url(../images/menu_end_b.jpg);
   color:#9a0b12;
}
div.menu ul li#start a.act{
    background-image:url(../images/menu_start_b.jpg);
    color:#9a0b12;
}
div.menu ul li#end a.act{
    background-image:url(../images/menu_end_b.jpg);
    color:#9a0b12;
}

div.menu ul li a.act{
    background-image:url(../images/menu_center_b.jpg);
    color:#9a0b12;
}

#secact, #thirdact {
	color:#9a0b12; 
	background:white;
}
	
/* 2. Ebene mit Links zur 3. Ebene */
.menu ul li ul li a.drop, .menu ul li#start ul li a.drop, .menu ul li#end ul li a.drop {
	background:url(../images/arrow_b.png) bottom right no-repeat !important;
	color:white !important;
}
/* 2. Ebene mit Links zur 3. Ebene - Hover für IE */
.menu ul li ul li a.drop:hover, .menu ul li#start ul li a.drop:hover, .menu ul li#end ul li a.drop:hover {
	background:url(../images/arrow_w.png) bottom right no-repeat !important;
	color:#9a0b12 !important;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
	background-image:url(../images/menu_bg.png);
	background-repeat: repeat;
}
/* style the third level hover */
.menu ul ul ul a:hover {
	background-image:url(../images/menu_bg_b.png);
	background-repeat: repeat;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:33px;
	left:0; 
	width:150px;
}
/* IE 5.5 */
	* html .menu ul ul {
	top:32px;
	t\op:32px;
}


/* position the third level flyout menu */
.menu ul ul ul{
	left:170px; 
	top:0;
	width:150px;
/*	border-left: 1px solid #369;   */
}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
	left:-150px;
}

/* 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;
}

/* 2. Menüebene */
.menu ul ul a, .menu ul ul a:visited, .menu ul li#end ul a {
/*background:white;*/ 
	background-image:url(../images/menu_bg.png);
	background-repeat: repeat;
	color:white;
	height:auto; 
	line-height:13px; 
	padding:5px 10px; 
	/*  Breite  */
	width:150px
/* IE 5.5 */
}
* html .menu ul ul a{
	width:150px;
	/*  Breite  */
	w\idth:150px;
}
.menu ul li#end ul {
   left:-18px;
}
.menu ul li#end ul li ul {
   left:-170px;
}

/* 1. Ebene Hover */
* html .menu a:hover{
	background-image:url(../images/menu_center_b.jpg);
	color:#9A0B12; 
	background-color:white;
}
.menu a:hover {
	background-image:url(../images/menu_center_b.jpg);
	color:#9A0B12; 
}

/* 2. Ebene Hover */
.menu ul ul a:hover {
color:#9A0B12; 
	/*background:#325695;*/
	background-image:url(../images/menu_bg_b.png);
	background-repeat: repeat;
}
* html .menu ul ul a:hover{
   background-image:none;
   background-color: white;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
	visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
	visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
	visibility:visible;
}