/**
 * 
 */

/* Bereich der horizontalen Navigationsleiste */
div.navigation {
	position: relative;
/*	top: 250px;*/

    z-index: 50;
	height: 31px;
	width: 810px;
	background: url(ba_img/ba_menu_bg.gif) repeat-x ;
	/*background: white url(borderMainnavLeft.gif) top left no-repeat*/;
}



/* Die Navigationselemente sind innerhalb von geschachtelten Listen organisiert. */
div.navigation ul {
	/*border-bottom: 4px solid #94CEE8;*/
	list-style-type: none;
	height: 31px;
	padding-left: 15px;
	margin: 0px 0px 0px 0px;
	

}

/* Die Elemente der ersten Ebene sind horizontal angeordnet
 * und werden wie Karteireiter angezeigt.
 */

div.navigation li {
	margin: 0px 10px 0px 0px;
	position: relative;
	float: left;
	cursor: pointer;
	font-size: 1em;
	width: auto;
}

div.navigation li a {
	display: block;
	line-height: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	color: #ffffff;
	vertical-align: middle;
	white-space: nowrap;
	font-weight: normal;
	text-decoration: none;
}


div.navigation li.hover a,
div.navigation li:hover a
{
/*font-weight: bold;*/
}

div.navigation li.hover li a,
div.navigation li:hover li a
{
/*	font-weight: normal;*/
}

/* Elemente der zweiten Ebene werden als Listenlemente organisiert. */
div.navigation li ul {
	margin: 0px;
	padding: 0px;
	position: absolute;
	border: none;
	
}
* html div.navigation li ul {
	position: absolute;
}

/* Untermen?s sind zun?chst unsichtbar.
 * Die Formatierung unterscheidet sich von derjeniger der ersten Ebene.
 */
div.navigation li ul li {
	text-align: left;
	display: none;
	float: none;	
}

div.navigation li ul li a.popup {
}

div.navigation li:hover ul li {
	display: block;
}

div.navigation li ul li a {
	position: relative;
	line-height: 30px;
	width: auto;
	font-size: 1em;
	vertical-align: middle;
	background-color: #990000;
	padding: 0px 15px 0px 15px;
}
* html div.navigation li ul li a {
	/*padding: 0px 15px 0px 15px;*/
}

/***************************
 * highlighting 2nd level
 ***************************/
/* Firefox */
div.navigation li ul li:hover>a {
	font-weight: bold;
}


* html div.navigation li a,
* html body. div.navigation li a {
	font-weight: bold;
}


/*************************************************************
 * Breite und Position der Untermen?s wird separat festgelegt.
 * "li.last a" mu? 48px weniger haben als "li a"
 *************************************************************/

div.navigation li#Leistungen ul li {
	width: 250px;
	left: 0px;
}
* html div.navigation li#Leistungen ul li a {
	width: 250px;
}
/*************************************************************
*/

li#Startseite a {
width: 107px;
height: 31px;
background: url(ba_img/btn_startseite.gif) top left no-repeat;
}

li#Startseite.hover a,
li#Startseite:hover a {
background: url(ba_img/btn_startseite_over.gif) top left no-repeat;
}


li#Unternehmen a {
width: 143px;
height: 31px;
background: url(ba_img/btn_unternehmen.gif) top left no-repeat;
}

li#Unternehmen.hover a,
li#Unternehmen:hover a {
background: url(ba_img/btn_unternehmen_over.gif) top left no-repeat;
}


li#Leistungen a {
width: 124px;
height: 31px;
background: url(ba_img/btn_leistungen.gif) top left no-repeat;
}

li#Leistungen.hover a,
li#Leistungen:hover a {
background: url(ba_img/btn_leistungen_over.gif) top left no-repeat;
}


li#Leistungen li a {
background-image: none; 
background: none;
}
li#Leistungen.hover li a,
li#Leistungen:hover li a {
background-image: none; 
width: 250px;
	left: 0px;
	background: #990000;
}

li#Partner a {
width: 103px;
height: 31px;
background: url(ba_img/btn_partner.gif) top left no-repeat;
}

li#Partner.hover a,
li#Partner:hover a {
background: url(ba_img/btn_partner_over.gif) top left no-repeat;
}


li#Referenzen a {
width: 140px;
height: 31px;
background: url(ba_img/btn_referenzen.gif) top left no-repeat;
}

li#Referenzen.hover a,
li#Referenzen:hover a {
background: url(ba_img/btn_referenzen_over.gif) top left no-repeat;
}

li#Kontakt a {
width: 95px;
height: 31px;
background: url(ba_img/btn_kontakt.gif) top left no-repeat;
}

li#Kontakt.hover a,
li#Kontakt:hover a {
background: url(ba_img/btn_kontakt_over.gif) top left no-repeat;
}