#navioben {
	border:1px solid black;
	height:34px;
	background-color: #53BAFF;
	background-image: url(../images/akneblau.png);
}
 #navioben a {
 float:left;
	position:relative;
	height:34px;
	width:100px;
	padding:0;
	white-space:nowrap;
	line-height:34px;
	overflow:hidden;
	cursor:pointer;
	color:#000;
	text-decoration:none;
	text-align:center;
	background-position: center;
	left: 4em;

 }
#navioben a span {
	position:absolute;
	z-index:2;
	display:block;
	height:34px;
	width:100px;
	top:0;
	left:0;
 }

a#home span {
	background-image:url(../images/navi/home-navi.png);
	background-repeat:no-repeat;		
}
a#grundlagen span {
	background-image:url(../images/navi/grundlagen-navi.png);
	background-repeat:no-repeat;
	}
a#behandlung span {
	background-repeat:no-repeat;
	background-image: url(../images/navi/behandlung-navi.png);
	}
a#produktinfo span {
	background-repeat:no-repeat;
	background-image: url(../images/navi/produktinfo-navi.png);
	}	
a#ernaehrung span {
	background-repeat:no-repeat;
	background-image: url(../images/navi/ernaehrung-navi.png);
	}
a#akneformen span {
	background-image:url(../images/navi/akneformen-navi.png);
	background-repeat:no-repeat;
}
a#sitemap span {
	background-image:url(../images/navi/sitemap-navi.png);
	background-repeat:no-repeat;
	}
a#kontakt span {
	background-image:url(../images/navi/kontakt-navi.png);
	background-repeat:no-repeat;
	}


#navioben a:hover,
#navioben a:focus,
#navioben a.active {
	color:#000000;
	background-color:#FFFFFF;
}
#navioben a.active:hover, #menu a.active:focus {
	color:#000000;
}
#navioben a span              {background-position:top left;}
#navioben a:hover span,
#navioben a:focus span        {background-position:bottom left;}
#navioben a.active span       {background-position:bottom left;}