/**
* extra modul mit div wo die Navi verpackt ist, absoluter positionierung
*/
#header .main_menu
{
	position: absolute;
	top: 120px;
	left: 0px;
	z-index: 999;	


}


#header .mod_navigation
{
	height: 40px;
	width: 860px;
	background: #006097;
	
}


#header .mod_navigation ul
{
	
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0 0 0 50px;
	
}

#header .mod_navigation li
{
	
	float: left;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	
	
}

/**
* status: normal
*/
#header .mod_navigation a,
#header .mod_navigation a:link,
#header .mod_navigation a:visited,
#header .mod_navigation a:active,
#header .mod_navigation span
{
	display: block;
	font-weight: normal;
	font-size: 14px;
	text-decoration: none;
	color: white;
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
	/* Maushand erzwingen*/
	cursor: pointer;
	background: #006097;
	padding: 0 10px 0 10px;
	
	-moz-transition: background 300ms ease;
	-webkit-transition: background 300ms ease;
	-o-transition: background 300ms ease;
	transition: background 300ms ease;

	
}


/**
* status: over
*/
#header .mod_navigation a:hover,
#header .mod_navigation a:focus,
#header .mod_navigation a.trail,
#header .mod_navigation span,
#header .mod_navigation li:hover a
{
	
	background: #0098CC;
	
	
	
}




/*************************************************************************************************
/ level 2
*************************************************************************************************/
/**
* dropdown verstecken
*/
#header .mod_navigation ul.level_2
{
	z-index: 9999;
	float: none;
	display: none;
	background: #FFF;
	position: absolute;
	display: block;
	left: -9999em;
	z-index: 9999;
	padding: 0 0 0 0;
	
	opacity: 0;
	-moz-transition: opacity 300ms ease;
	-webkit-transition: opacity 300ms ease;
	-o-transition: opacity 300ms ease;
	transition: opacity 300ms ease;
	
	
	
	
}

/**
* dropdown zeigen bei mouseover
*/
#header .mod_navigation li:hover ul.level_2,
#header .mod_navigation li:focus ul.level_2
{
	display: block;
	left: auto;
	opacity: 1;

}


#header .mod_navigation ul.level_2 li
{
	float: none;
	padding: 0 0 0 0;	
}

#header .mod_navigation ul.level_2 a,
#header .mod_navigation ul.level_2 a:link,
#header .mod_navigation ul.level_2 a:visited,
#header .mod_navigation ul.level_2 a:active,
#header .mod_navigation ul.level_2 span
{
	display: block;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	color: white;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	padding: 0 10px 0 10px;
	/* Maushand erzwingen*/
	cursor: pointer;
	/*border-bottom: 1px #CCC dotted;*/
	background: #006097;
	margin: 0;
}
#header .mod_navigation ul.level_2 a.last
{
	/*border: 0px none;*/	
}

#header .mod_navigation ul.level_2 a:hover,
#header .mod_navigation ul.level_2 a:focus,
#header .mod_navigation ul.level_2 a.trail,
#header .mod_navigation ul.level_2 span
{
	/*color: #009F92;*/
	background: #0098CC;
	
	
	
}