
/* ########## Top-Navigation  #########*/
#navTop {
	position: absolute;
	left: 30px; top:0; 
	padding:0;
	margin: 10px 0 0 0; 
	padding: 0;
	width: 792px;
	height: 93px;
	z-index: 50;
}

#navTop li {
	width: 66px;
	height: 93px;
	position: absolute;
	display: block;
	list-style: none; 
}

#navTop a {
	width: 66px;
	height: 93px;
	display: block;
	color: #000000;
	text-decoration: none;
}
#navTop a.last {
	width: 66px;
}

#navTop li a i { display: none; }

#n1   { left:   0px; }
#n2   { left:  66px; }
#n3   { left: 132px; }
#n4   { left: 198px; }
#n5   { left: 264px; }
#n6   { left: 330px; }
#n7   { left: 396px; }
#n8   { left: 462px; }
#n9   { left: 528px; }
#n10  { left: 594px; }
#n11  { left: 660px; }
#n12  { left: 726px; }

 
#n1 a   { background-position:    0px 0; }
#n2 a   { background-position:  -66px 0; }
#n3 a   { background-position: -132px 0; }
#n4 a   { background-position: -198px 0; }
#n5 a   { background-position: -264px 0; }
#n6 a   { background-position: -330px 0; }
#n7 a   { background-position: -396px 0; }
#n8 a   { background-position: -462px 0; }
#n9 a   { background-position: -528px 0; }
#n10 a  { background-position: -594px 0; }
#n11 a  { background-position: -660px 0; }
#n12 a  { background-position: -726px 0; }


/* ExtraReiter */
#navTop #n10 ul { left: -119px; } 

#n1 a:hover, #n1 a#aktiv, #n1 a.over {
	background-position: 0 -93px;
	background-color: #b22f1a;
	color: #fff;
}

#n2 a:hover, #n2 a#aktiv, #n2 a.over {
	background-position: -66px -93px;
	background-color: #b22f1a;
	color: #fff;
}

#n3 a:hover, #n3 a#aktiv, #n3 a.over {
	background-position: -132px -93px;
	background-color: #b22f1a;
	color: #fff;
}

#n4 a:hover, #n4 a#aktiv, #n4 a.over {
	background-position: -198px -93px;
	background-color: #f67521;
	color: #fff;
}

#n5 a:hover, #n5 a#aktiv, #n5 a.over {
	background-position: -264px -93px;
	background-color: #f67521;
	color: #fff;
}

#n6 a:hover, #n6 a#aktiv, #n6 a.over {
	background-position: -330px -93px;
	background-color: #f67521;
	color: #fff;
}

#n7 a:hover, #n7 a#aktiv, #n7 a.over {
	background-position: -396px -93px;
	background-color: #f67521;
	color: #fff;
}

#n8 a:hover, #n8 a#aktiv, #n8 a.over {
	background-position: -462px -93px;
	background-color: #f67521;
	color: #fff;
}

#n9 a:hover, #n9 a#aktiv, #n9 a.over {
	background-position: -528px -93px;
	background-color: #fbbb01;
	color: #000;
}

#n10 a:hover, #n10 a#aktiv, #n10 a.over {
	background-position: -594px -93px;
	background-color: #fbbb01;
	color: #000;
}

#n11 a:hover, #n11 a#aktiv, #n11 a.over {
	background-position: -660px -93px;
	background-color: #fbbb01;
	color: #000;
}

#n12 a:hover, #n11 a#aktiv, #n11 a.over {
        background-position: -726px -93px;
        background-color: #fbbb01;
        color: #000;
}

#navTop li ul {   /* Rahmen Untermenü */
	visibility: hidden;
	position: absolute;
	top: 93px;
	left: -1px;
	margin: 0 0 0 1px;
	padding: 1px 0 0 0;
	width: 180px; 
	border-width: 0px 2px 2px 2px;  /* Oben Rechts Unten Links*/ 
	border-style: solid;
	border-color: #fef0e6;
}

#navTop li ul li a {
	line-height: 18px; /* HOEHE */
}  

/* Hintergrundfarbe Aufklappmenue, Farbe des 4px breiten linken Randes */
/* background-color -> Zwischenstriche   solid -> linker rand */
#navTop #n1 ul  {   background-color: #b22f1a; border-left: 2px solid #b22f1a; } /* #b22f1a */
#navTop #n2 ul  {   background-color: #b22f1a; border-left: 2px solid #b22f1a; } /* #b22f1a */
#navTop #n3 ul  {   background-color: #b22f1a; border-left: 2px solid #b22f1a; } /* #b22f1a */
#navTop #n4 ul  {   background-color: #f67521; border-left: 2px solid #f67521; } /* #f67521 */
#navTop #n5 ul  {   background-color: #f67521; border-left: 2px solid #f67521; } /* #f67521 */
#navTop #n6 ul  {   background-color: #f67521; border-left: 2px solid #f67521; } /* #f67521 */
#navTop #n7 ul  {   background-color: #f67521; border-left: 2px solid #f67521; } /* #f67521 */
#navTop #n8 ul  {   background-color: #f67521; border-left: 2px solid #f67521; } /* #f67521 */
#navTop #n9 ul  {   background-color: #fbbb01; border-left: 2px solid #fbbb01; } /* #fbbb01 */
#navTop #n10 ul {   background-color: #fbbb01; border-left: 2px solid #fbbb01; } /* #fbbb01 */
#navTop #n11 ul {   background-color: #fbbb01; border-left: 2px solid #fbbb01; } /* #fbbb01 */
#navTop #n12 ul {   background-color: #fbbb01; border-left: 2px solid #b22f1a; } /* #b22f1a */

#navTop li ul li {
	_display: inline; /* wichtig fuer IE 55*/
	border: none; 
	margin:0;
}

#navTop li ul li,
#navTop li ul li a {
	background-image: none;
	width: auto;
	_width: 180px; 
	position: relative;
	height: 19px; /* HOEHE */	 
	z-index: 56;
}
/* im IE MAC verstecken \*/
#navTop li ul li,
#navTop li ul li a {
	background-image: none;
	width: auto;
	_width: 180px; 
	position: relative;
	height: 18px; /* HOEHE */	 
	z-index: 56;
}	
/* ENDE IE MAC Hack */



#navTop li ul li a,
#metaNav  li ul li a {
	background-color: white; 
	background-repeat: no-repeat;
	background-position: 6px 6px;
	border-left: 1px solid white;
	border-right: 1px solid white;		
}
/* IE MAC HACK - verstecken \*/
#navTop li ul li a,
#metaNav li ul li a  {
	background-color: white; 
	background-repeat: no-repeat;
	background-position: 3px 6px;
	border-left: 1px solid white;
	border-right: 1px solid white;		
}
/* ENDE IE MAC HACK */

#navTop li ul li a:hover,
#metaNav li ul li a:hover {
	background-repeat: no-repeat;
	background-position: 6px 6px;
	border-left: 1px solid white;
	border-right: 1px solid white;		
}  
/* IE MAC HACK - verstecken \*/	
#navTop li ul li a:hover,
#metaNav li ul li a:hover  {
	background-repeat: no-repeat;
	background-position: 3px 6px;
	border-left: 1px solid white;
	border-right: 1px solid white;		
}  	
/* ENDE IE MAC HACK */

/* Abstand des Menueeintrages vom linken Rand */
#navTop li ul li a {  padding-left: 12px; }

#navTop li:hover>ul { visibility: visible; /*display: block;*/ }
#metaNav li:hover>ul { visibility: visible;  }


#navTop li.line, #navTop li.line {
	border: 0px solid white; 
	border-top-width: 1px;
	border-bottom-width: 0px;	
	height: 1px;
	line-height:1px;
	font-size:1px;
}
