/*---------------------------------------------------
	Main Navigation
---------------------------------------------------*/
div#mainNav{
	background-color: #2A4EA2;
	height: 24px; /* 24px */
	clear: both;
	font: 12px/15px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

div#mainNav ul {
	margin: 0; 
	padding: 0;
}

div#mainNav li {
	position: relative; 
	list-style: none; 
	margin: 0;
  	float: left; 
	background-color: #2A4EA2;
	border-right: 1px solid white;
	text-align: center;
	width: 118px;
	/*height: 24px; */
}

div#mainNav li:hover, div#mainNav li.sfhover {
	background-color: #F4821F;
}

div#mainNav li a {
	display: block; 
	padding: 0.5em 0; /* padding: 0.5em 1em; */
  	text-decoration: none; 
	color: white;
	line-height: 1em;
}

div#mainNav li a:hover{
	background-color: #F4821F;
	display: block;
}

div#mainNav li.lastNavItem { width: 117px; border: none; }

/* ACT LEVEL 1*/
div#mainNav ul.level1 li a.act{
	background-color: #F4821F;
	display: block;
}

/* ACT LEVEL 2*/
div#mainNav ul.level1 li ul.level2 li a.act{
	background: #F4821F url(../images/kreis_weiss.gif) no-repeat scroll 5px 11px;
	color: white;
	display: block;
}
/* ACT LEVEL 3*/
div#mainNav ul.level1 li ul.level2 li ul.level3 li a.act{
	background: white url(../images/kreis_blau100.gif) no-repeat scroll 5px 11px; 
	color: #F4821F;
	display: block;
}

div#mainNav li ul li a:hover, div#mainNav li ul li a.sfhover{
	display: block;
	background: #F4821F url(../images/kreis_weiss.gif) no-repeat 5px 11px;
}

div#mainNav>ul a {
	width: auto;
	display: block;
}

div#mainNav ul ul {
	position: absolute; 
	width: 118px;
  	display: none;
	background: none;
	font-weight: normal;
}

div#mainNav ul ul li {
	width: 118px;
	text-align: left;
	border-right: none;
	border-bottom: 1px solid white;
	background: #2A4EA2 url(../images/kreis_orange.gif) no-repeat 5px 11px;
	/*height: 26px;*/ /* nichts; für FF Werft - Leistungsangebot die untere Linie */
}

div#mainNav ul ul li:hover, div#mainNav ul ul li.sfhover {
	background: #F4821F url(../images/kreis_weiss.gif) no-repeat 5px 11px;
	color: white;
}

div#mainNav ul ul li a{
	padding: 8px 0 8px 15px;
	font-weight: normal; /* normal */
	font-size: 11px;
	/* margin-top: -1px; */
	display: block;
	margin-top: -1px;
	width: 103px;				/* für IE ganze breite Navi */
}

div#mainNav ul ul ul li {
	background: #2A4EA2;
	border-bottom: 2px solid #2A4EA2;
	/*height: 27px; *//* nichts; für FF Werft - Leistungsangebot die untere Linie */
	/*border-bottom: 2px solid white;*/
	/*filter:Alpha(opacity=80);*/
}

div#mainNav ul ul ul li.lastli {
	background: #2A4EA2;
	border-bottom: 1px solid #2A4EA2;
}

div#mainNav ul ul ul li:hover, div#mainNav ul ul ul li.sfhover {
	background: #2A4EA2 url(../images/kreis_weiss.gif) no-repeat 5px 11px;
	color: white;
}

div#mainNav li.submenu li.submenu a{
	/*background: #2A4EA2  url('../images/arrow.gif') 100% -2px no-repeat;¨*/
	display: block;
	background: #2A4EA2 url(../images/kreis_orange.gif) no-repeat 5px 11px; /* #2A4EA2 hier!!!!!!!!!*/
}

div#mainNav li.submenu li.submenu li a{ 
	/*background-image: none;*/
	display: block;
	width: 103px;				/* für IE ganze breite Navi */
	background-color: white;	/* für IE ganze breite Navi */
	/*height: 11px;	*/			/* für IE ganze breite Navi */
}

div#mainNav li.submenu li.submenu:hover a{
	background-color: #F4821F;
	color: white;
	display: block;
	background: #F4821F url(../images/kreis_weiss.gif) no-repeat 5px 11px;
}

/* 3.Ebene  */
div#mainNav li.submenu li.submenu:hover li a{
	color: #2A4EA2;
	display: block;
	/*filter:Alpha(opacity=50);*/
	background: white url(../images/kreis_orange.gif) no-repeat 5px 11px; /* #2391C4 */
}

/* 3.Ebene  */
div#mainNav li.submenu li.submenu:hover li a:hover{
	color: #F4821F;
	display: block;
	background: white url(../images/kreis_blau100.gif) no-repeat 5px 11px; /* kreis_blau.gif */
}


div#mainNav li.submenu li.submenu:hover,
div#mainNav li.submenu li.submenu.sfhover {
	color: #2391C4;	
}

div#mainNav li.submenu li.submenu a:hover {
	background-color: white;	
	display: block;
	background: #F4821F url(../images/kreis_weiss.gif) no-repeat 5px 11px;
}

div#mainNav ul.level1 li.submenu:hover ul.level2, 
div#mainNav ul.level2 li.submenu:hover ul.level3,
div#mainNav ul.level1 li.submenu.sfhover ul.level2, 
div#mainNav ul.level2 li.submenu.sfhover ul.level3
{
	display:block;
}

div#mainNav ul.level2 {
	top: 2.2em; 
	left: 0px;
	font-size: 11px;
}

div#mainNav ul.level3 {
	top: 0px; 
	left: 118px;
}

div#mainNav .lastNavItem ul{
	margin-left: 0;
	/*text-align: right;*/
	width: 117px;
}
/*
div#mainNav .lastNavItem ul a{
	padding-right: 5px;
	padding-left: 0;
}
*/