@charset "UTF-8";




/*	erste Ebene
*/

#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#navigation ul li {
	float: left;
	padding: 0 0 0 15px;
}

#navigation ul li a {
	display: block;
	line-height: 23px;
	
	margin: 0 4px;
	padding: 0 0 2px 0;
	
	font-size: 12px;
	color: #20aae4 !important;
	text-decoration: none;
	text-align: center;
}

#navigation ul li:hover a,
#navigation ul li.active a {
	background-color: #20aae4;
	color: #FFF !important;
}




/*	zweite Ebene 
*/

#navigation ul ul {
	position: absolute;
	display: none;
	top: 105px;
	
	border: 3px solid #FFF;
	margin: 0;
	z-index: 2000;
}

#navigation ul ul.spacer {									/* Abstand zwischen Haupt- und Unternavigation "überbrücken", damit das MouseOver bestehen bleibt */
	border: none;
	background-color: transparent;
	background-image: url(../img/transparent.gif);			/* IE benötigt Bild im Hintergrund - sonst endet der Hover-Status des übergeordneten li-Elements */
	top: 85px;
	height: 22px;
	width: 135px;
	z-index: 2001;
}

#navigation ul ul li {
	float: none;
	padding: 0;
}

#navigation ul ul li a {
	display: block;
	line-height: 16px;
	margin: 0;
	padding: 4px 8px;
	
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	text-align: left;
}

#navigation ul ul li a {
	background-image: none !important;
	width: auto !important;
}

#navigation ul li:hover ul {
	display: block;
}

#navigation ul ul li a:hover {
	background-color: #84c5e1 !important;
}






#navigation ul li#btnHome a {
	width: 45px;
}

#navigation ul li#btnUnternehmen a {
	width: 98px;
}

#navigation ul li#btnProjekte a {
	width: 65px;
}

#navigation ul li#btnPartner a {
	width: 60px;
}

#navigation ul li#btnKontakt a {
	width: 65px;
}



/* 	Spanische Navigation
*/

#navigation ul.es li#btnHome a {
	width: 45px;
}

#navigation ul.es li#btnUnternehmen a {
	width: 70px;
}

#navigation ul.es li#btnProjekte a {
	width: 75px;
}

#navigation ul.es li#btnPartner a {
	width: 110px;
}

#navigation ul.es li#btnKontakt a {
	width: 65px;
}



/*	Englische Version
*/

#navigation ul.en li#btnHome a {
	width: 45px;
}

#navigation ul.en li#btnUnternehmen a {
	width: 66px;
}

#navigation ul.en li#btnProjekte a {
	width: 65px;
}

#navigation ul.en li#btnPartner a {
	width: 77px;
}

#navigation ul.en li#btnKontakt a {
	width: 65px;
}