/*============================================================================================
                         www.haudel-elemente-gmbh.de - Menu Settings
============================================================================================*/

#navi {
	width:876px;
	height:48px;
	margin-left:20px;
}

#navi ul a{
	text-decoration:none;
	color:#018FF6;
	
}

#navi ul li{
	display:inline;
	list-style-type:none;
	
}

/*--------------------------------------- Button Settings ---------------------------------------*/

#navi #willkommen a {
	float:left;
	width:148px;
	height:48px;
	background:url(../images/btn_willkommen_a.gif) no-repeat;

}

/*---------------XXX---------------*/

#navi #leistungen a {
	float:left;
	width:200px;
	height:48px;
	background:url(../images/btn_leistungen_a.gif) no-repeat;

}

#navi #leistungen a:hover {
	float:left;
	width:200px;
	height:48px;
	background:url(../images/btn_leistungen_b.gif) no-repeat;

}

#navi #leistungen_aktiv a {
	float:left;
	width:200px;
	height:48px;
	background:url(../images/btn_leistungen_c.gif) no-repeat;

}

/*---------------XXX---------------*/

#navi #galerie a {
	float:left;
	width:105px;
	height:48px;
	background:url(../images/btn_galerie_a.gif) no-repeat;

}

#navi #galerie a:hover {
	float:left;
	width:105px;
	height:48px;
	background:url(../images/btn_galerie_b.gif) no-repeat;

}

#navi #galerie_aktiv a {
	float:left;
	width:105px;
	height:48px;
	background:url(../images/btn_galerie_c.gif) no-repeat;
}

/*---------------XXX---------------*/

#navi #kontakt a {
	float:left;
	width:109px;
	height:48px;
	background:url(../images/btn_kontakt_a.gif) no-repeat;
}

#navi #kontakt a:hover {
	float:left;
	width:109px;
	height:48px;
	background:url(../images/btn_kontakt_b.gif) no-repeat;
}

#navi #kontakt_aktiv a {
	float:left;
	width:109px;
	height:48px;
	background:url(../images/btn_kontakt_c.gif) no-repeat;
}

/*---------------XXX---------------*/

#navi #anfahrt a {
	float:left;
	width:122px;
	height:48px;
	background:url(../images/btn_anfahrt_a.gif) no-repeat;
}

#navi #anfahrt a:hover {
	float:left;
	width:122px;
	height:48px;
	background:url(../images/btn_anfahrt_b.gif) no-repeat;
}

#navi #anfahrt_aktiv a {
	float:left;
	width:122px;
	height:48px;
	background:url(../images/btn_anfahrt_c.gif) no-repeat;
}

/*---------------XXX---------------*/

#navi #impressum a {
	float:left;
	width:128px;
	height:48px;
	background:url(../images/btn_impressum_a.gif) no-repeat;

}

#navi #impressum a:hover {
	float:left;
	width:128px;
	height:48px;
	background:url(../images/btn_impressum_b.gif) no-repeat;

}

#navi #impressum_aktiv a {
	float:left;
	width:128px;
	height:48px;
	background:url(../images/btn_impressum_c.gif) no-repeat;

}