* {
     outline: none;
 }
 
#navigation {
    position           : absolute; 
	z-index            : 5;  
	background-image   : url(fond-navigation.png);
	background-repeat  : no-repeat;
	background-position: top;
	background-color   : transparent;
	width              : 100%;
	height             : 50px;
	top                : 20%; 
	left               : 0; 
	text-align         : center; 
	white-space        : nowrap;
}
* html #navigation {
	background-image   : url(fond-navigation.jpg);
}

#zentrieren {
	display        : inline-block;
	text-align     : center; 
	text-align     : center; 
	width          : 100%;
    margin-left    : -8px;
    white-space    : nowrap;
}



* + html #zentrieren {
	display        : inline-block;
	margin-left    : auto;
	margin-right   : auto;
	text-align     : center; 
	width          : 100%;
	margin-left    : -8px;
}


#navigation a {
	display        : inline-block; 
	vertical-align : top;
	padding-left   : 27px; 
	padding-right  : 27px; 
	height         : 27px;
	text-align     : center;
	padding-top    : 12px;
	text-decoration: none;
	color          : #ffffff;
	font-size      : 15px;
	font-family    : 'Open Sans', sans-serif; 
	font-weight    : 300;
	white-space    : nowrap;
}

/* Debug IE 7.0 */
* + html #navigation a {
	display        : inline-block;
	float          : none; 
	vertical-align : top;
	text-align     : center;
	padding-left   : 27px;
	padding-right  : 27px;
	height         : 27px;
	padding-top    : 12px;
	text-decoration: none;
	color          : #ffffff;
	font-size      : 15px;
	font-family    : Arial, sans-serif; 
	font-weight    : normal;
}
* + html #navigation em {
	display        : inline-block;
	background-image   : none !important;
	float          : none; 
	vertical-align : top;
	text-align     : center;
	padding-left   : 27px;
	padding-right  : 27px;
	height         : 27px;
	padding-top    : 12px;
	text-decoration: none;
	color          : #ffffff;
	font-size      : 15px;
	font-family    : Arial, sans-serif; 
	font-weight    : bold;
}


#navigation a:hover{
	background-image   : url(hover-navigation.png);
	background-position: bottom;
	background-repeat  : no-repeat;
	white-space        : nowrap;
}

* + html #navigation a:hover{
	background-image   : url(hover-navigation.png);
	background-position: bottom;
	background-repeat  : no-repeat;
	display            : inline-block;
	float              : none;
}
* html #navigation a:hover {
	background-image   : url(hover-navigation.jpg);
	background-repeat  : no-repeat;
	background-position: left bottom;
}

#navigation em {
	display        : inline-block; 
	vertical-align : top;
	padding-left   : 27px; 
	padding-right  : 27px; 
	height         : 27px;
	text-align     : center;
	padding-top    : 12px;
	text-decoration: none;
	color          : #ffffff;
	font-size      : 15px;
	font-family    : 'Open Sans', sans-serif; 
	font-weight        : 300;
	font-weight    : 400\9;
	background-image   : url(hover-navigation.jpg)\9;
	background-repeat  : no-repeat\9;
	background-position: center bottom\9;
	white-space        : nowrap;
	
}


#zentrieren a em {
	padding-left   : 0 !important;
	padding-right  : 0 !important;
	font-weight        : 300;
}

#navigation div#zentrieren a em {
	font-weight        : 300;
	padding-top     : 0 !important;
	background-image: none !important;
}





#navigation-links {
    display: block;
    font-family: 'Open Sans',sans-serif;
    font-size: 13px;
    font-weight: 300;
    height: 45%;
    margin-top: 90px;
    min-width: 130px;
    position: absolute;
    left: 2%;
    text-align: left;
    top: 9%;
    width: 21%;
    z-index: 7;
} 
   
* + html #navigation-links  {
   padding-top        : 75px;
   left               : 10px;
   } 
* html #navigation-links  {
   padding-top        : 75px;
   } 
   


#navigation-links ul {
	list-style     : none;
	padding-left   : 5px;
	margin-left    : 0;
}


#navigation-links ul li a {
	background-image   : url(/pfeil-navi.png);
	background-repeat  : no-repeat;
	background-position: -2px 7px;
	display            : block;
	text-align         : left;
	width              : 85%;
	height             : 19px;
	text-decoration    : none;
	color              : #383838;
	font-size          : 16px;
	font-family        : 'Open Sans', sans-serif; 
	font-weight        : 300;
	padding-left       : 5%;
	padding-top        : 5px;
	padding-bottom     : 5px;
}

#navigation-links ul li a:hover {
	background-image   : url(/pfeil-navi.png);
	color              : #F29000;
	font-weight        : 300;
}
#navigation-links ul li em {
	background-image   : url(/pfeil-navi.png);
	background-repeat  : no-repeat;
	background-position: -2px 7px;
	display            : block;
	text-align         : left;
	width              : 85%;
	height             : 19px;
	text-decoration    : none;
	color              : #F29000;
	font-size          : 16px;
	font-family        : 'Open Sans', sans-serif; 
	font-weight        : 300;
	padding-left       : 5%;
	padding-top        : 5px;
	padding-bottom     : 5px;
	font-style:normal;
}

/* Formatierung 2.Level */	
li.Navilevel2 a {
	padding-top        : 0 !important;
	padding-bottom     : 0 !important;
	background-image   : none !important;
	background-repeat  : no-repeat !important;
	background-position: 0px 1px !important;
	padding-left       : 4% !important;
    margin-left        : 12px !important;
	font-weight        : 400 !important;
	margin-bottom	   : 2px !important;
	padding-top		   : 3px !important;
	font-size          : 13px !important;
}


li.Navilevel2 a:hover,
li.Navilevel2 em {
	padding-top        : 0 !important;
	padding-bottom     : 0 !important;
	background-image   : none !important;
	background-repeat  : no-repeat !important;
	background-position: 0px 1px !important;
	padding-left       : 4% !important;
    margin-left        : 12px !important;
	font-weight        : 400 !important;
	margin-bottom	   : 2px !important;
	padding-top		   : 3px !important;
	font-size          : 13px !important;
}


html body div#navigation-links ul li a em {
    background-image   : url(hover-navigation-links.png);
	background-repeat  : no-repeat;
	background-position: left bottom;
	display            : block;
	text-align         : left;
	width              : 100%;
	height             : 19px;
	text-decoration    : none;
	color              : #F29000;
	font-size          : 16px;
	font-family        : 'Open Sans', sans-serif; 
	font-weight        : 300;
	padding-left       : 31px !important;
	margin-left        : -34px !important;
	padding-top        : 0 !important;
	margin-bottom	   : 10px !important;
}

li.Navilevel3 a {
	padding-top        : 0 !important;
	padding-bottom     : 0 !important;
	background-image   : url(pfeil.jpg) !important;
	background-repeat  : no-repeat !important;
	background-position: 36px 1px !important;
	padding-left       : 50px !important;
    margin-left        : 12px !important;
	font-weight        : 400 !important;
	padding-bottom     : 5px  !important;
    font-size          : 11px !important;
}

li.Navilevel3 a:hover,
li.Navilevel3 em {
	padding-top        : 0 !important;
	padding-bottom     : 0 !important;
	background-image   : url(pfeil-3.jpg) !important;
	background-repeat  : no-repeat !important;
	background-position: 36px 1px !important;
	padding-left       : 50px !important;
    margin-left        : 12px !important;
	font-weight        : 400 !important;
	padding-bottom     : 5px  !important;
    font-size          : 11px !important;
}

#navigation-links  ul li.Navilevel2 a img,
#navigation-links  ul li.Navilevel3 a img {
	display: none;
}
 

#navigation-links ul li.blank {
	display: block;
	height : 30px;
	width  : 10px;
}
#navigation-links ul li.blank a {
	display: none  !important;
}