/*
	Main Nav
*/

* {
	margin:0; 
	padding:0;
}


ul.sf-menu li{
	float: left;
}

a.button {
   background: transparent url(/pixel/bg_nav_a.gif) no-repeat top right;
   font-size: 11px;
   color: #fff!important;
   text-transform: uppercase;
   font-weight: bold;
   display: block;
   float: left;
   height: 32px;
   margin-right: 4px;
   padding-right: 20px; /*sliding doors padding */
   text-decoration: none;
}

/* Hide from IE-Mac \*/
a.button {
	font-size: 12px;
}
/* End hide */ 

* html a.button {
	margin-right: 2px;
}

a.button span {
   background: transparent url(/pixel/bg_nav_span.gif) no-repeat;
   display: block;
   line-height: 22px;
   padding: 5px 0 5px 20px;
}


a.button:hover {
   background: transparent url(/pixel/bg_nav_a.gif) no-repeat bottom right;
   outline: none; 
}

a.button:hover span {
   background-position: bottom left;
   color: #fff!important;
} 

.button-active {
	background: transparent url(/pixel/bg_nav_a.gif) no-repeat bottom right !important;
}

.button-active span {
	background: transparent url(/pixel/bg_nav_span.gif) bottom left no-repeat !important;	
}

/*
	Main Nav Level 2
*/


ul.level2 {
	position: absolute;
	z-index: 99;
	float: left;
	margin-top: 32px;
	display: block;
}

.level2 ul {
	float: left;
	display: none;
	top: 2em;
	width: 250px;
}

.level2 li {
	z-index: 999;
	width: 100%;	
	padding: 0 7px 0 7px;
	background: #666666;
	filter:alpha(opacity=92); 
	-moz-opacity: 0.92; 
	opacity: 0.92; 
}
.level2 li a {
	font-size: 11px;
	display: block;
	margin: 0;
	padding: 0;
	line-height: 28px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	background: url(/pixel/pfeil-orange-nav.gif) center left no-repeat;
	border-bottom: 1px solid #ffffff;
	padding-left: 21px;
}

.level2 li a:hover {
	color: #ffa600;
}

.level2 p {
	padding: 0;
	margin: 0;
	line-height: 1px;
}

.level2 p a {
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	background: none;
	text-decoration: none;
	line-height: 25px;
	padding-left: 30px;
	display: block;
	height: 25px;
	border-bottom: 1px solid #fff;
}

.level2 p a:hover {
	color: #ffa600;
}
