/* ################# 1. ################ */

#ja-mainnav {
	width:945px;
	height:37px; 
	background:url(../images/hornav-hintergrund.gif) top left no-repeat;
	margin:0 auto;
	padding:0 0 0 25px;
	z-index:2;
}

#ja-mainnav ul {
	text-align:left;
	font-size:15px;
	font-weight:bold;
	margin:0;
	padding:5px 0 0 0;
	white-space:nowrap; 
	float:left;
}

#ja-mainnav ul li {
	display:inline-block;
	text-align:center;
	margin:0;
	padding:0;
}

#ja-mainnav ul a {
	width:160px;
	line-height:32px; 
	display:inline-block;
	text-align:center;
	background:url(../images/hornav-trenner.gif) top right no-repeat;
	margin:0;
	padding:0;
	color:#FFF;
	text-decoration:none;
}

#ja-mainnav ul a:hover, #ja-mainnav ul a:focus, #ja-mainnav ul li:active {
	color:#9CC; 
	text-decoration:none;
}

#ja-mainnav ul li.active, #ja-mainnav ul li.active a {
	background:url(../images/hornav-active.gif) top left no-repeat;
	color:#036; 
	text-decoration:none;
}

/* ################# 2. ################ */

#ja-mainnav ul ul {
	position:absolute;
	left:-999em;
	z-index:99;
	width:922px;
	height:110px; 
	background:url(../images/hornav-layer.gif) top left repeat-x;
	margin:0 0 0 -25px;
	padding:45px 0 0 48px;
	text-align:left;
	font-size:13px;
	font-weight:bold;
	white-space:nowrap; 
	visibility:hidden;
}

#ja-mainnav ul ul a { 
	width:auto;
	line-height:20px; 
	display:inline;
	background:url(../images/subnav-trenner.gif) top left no-repeat;
	text-align:left;
	margin:0;
	padding:0 50px 0 10px;
	color:#036;
	text-decoration:none;
}

#ja-mainnav ul ul a:hover, #ja-mainnav ul ul a:focus, #ja-mainnav ul ul li:active, #ja-mainnav ul li.active ul li.active a {
	background:url(../images/subnav-trenner.gif) top left no-repeat;
	color:#900; 
	text-decoration:none;
}

#ja-mainnav ul li.active ul a {
	background:url(../images/subnav-trenner.gif) top left no-repeat;
}

#ja-mainnav ul li.active ul li.active {
	background:none;
}

#ja-mainnav ul li:hover ul, #ja-mainnav ul li.sfhover ul, #ja-mainnav ul li.parentsfhover ul, #ja-mainnav ul li.parent-activesfhover ul, #ja-mainnav ul li.activesfhover ul {
	left:auto;
	visibility:visible;
}

/* ################# 3. ################ */

#ja-mainnav ul ul ul {
	width:auto;
	height:auto; 
	white-space:nowrap; 
	background:none;
	margin:0;
	padding:0;
	text-align:left;
	font-size:13px;
	font-weight:normal;
}

#ja-mainnav ul ul ul li { 
	display:block;
	text-align:left;
}

#ja-mainnav ul ul ul a { 
	width:auto;
	height:auto; 
	line-height:20px; 
	background:url(../images/subsub-punkt-blau.gif) center left no-repeat;
	text-align:left;
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	color:#036;
	text-decoration:none;
}

#ja-mainnav ul li.active ul li ul li a, #ja-mainnav ul li.active ul li.active ul li a {
	background:url(../images/subsub-punkt-blau.gif) center left no-repeat;
	color:#036; 
	text-decoration:none;
}

#ja-mainnav ul li.active ul li ul li a:hover, #ja-mainnav ul li.active ul li.active ul li.active a, #ja-mainnav ul ul ul a:hover {
	background:url(../images/subsub-punkt-rot.gif) center left no-repeat;
	color:#900; 
	text-decoration:none;
}

/* ################# test ################ */

#ja-mainnav ul.menu_marken ul {
	margin:0 0 0 -185px;
}

#ja-mainnav ul.menu_presse ul {
	margin:0 0 0 -345px;
}

#ja-mainnav ul.menu_karriere ul {
	margin:0 0 0 -505px;
}

#ja-mainnav ul.menu_marken ul ul, #ja-mainnav ul.menu_presse ul ul, #ja-mainnav ul.menu_karriere ul ul {
	margin:0;
}