/* CSS Document */
#navi ul {
	margin:0;
	padding:0; 
	list-style:none; 
	text-indent:-999em; /* Der Text verschwindet 2000px nach links*/
	}
	
#navi li {
	margin:0;
	padding:0; 
	float:left; 
	}

#navi a {
	display: block;
	}
	
#navi ul li#willkommen a{ 
	 background-image:url("img/willkommen.gif"); 
	 width: 143px;
	 height: 30px;
	 } 
div#navi ul li#willkommen a:focus, div#navi ul li#willkommen a:hover, div#navi ul li#willkommen a:active {
	background: url("img/willkommen_over.gif");
	}
div#navi ul li#willkommen .over {
	background: url("img/willkommen_over.gif");
	}
#navi ul li#portfolio a
	 { background-image:url("img/portfolio.gif"); 
	 width: 93px;
	 height: 30px;
	 } 
div#navi ul li#portfolio a:focus, div#navi ul li#portfolio a:hover, div#navi ul li#portfolio a:active {
	background: url("img/portfolio_over.gif");
	}
div#navi ul li#portfolio .over {
	background: url("img/portfolio_over.gif");
	}
#navi ul li#mich a {
	background-image:url("img/mich.gif"); 
	 width: 105px;
	 height: 30px;
	 }
div#navi ul li#mich a:focus, div#navi ul li#mich a:hover, div#navi ul li#mich a:active {
	background: url("img/mich_over.gif");
	}
div#navi ul li#mich .over {
	background: url("img/mich_over.gif");
	}
#navi ul li#kontakt a { 
	background-image:url("img/kontakt.gif"); 
	 width: 84px;
	 height: 30px;
	 } 
div#navi ul li#kontakt a:focus, div#navi ul li#kontakt a:hover, div#navi ul li#kontakt a:active {
	background: url("img/kontakt_over.gif");
	}
div#navi ul li#kontakt .over {
	background: url("img/kontakt_over.gif");
	}
#navi ul li#impressum a
	 { background-image:url("img/impressum.gif"); 
	
		 width:111px;
	 height: 30px;
	 } 
div#navi ul li#impressum a:focus, div#navi ul li#impressum a:hover, div#navi ul li#impressum a:active {
	background: url("img/impressum_over.gif");
	}
div#navi ul li#impressum .over {
	background: url("img/impressum_over.gif");
	}

#navi ul li#datenschutz a
	 { background-image:url("img/datenschutz.gif"); 
	 width: 347px;
		
	 height: 30px;
	 } 
div#navi ul li#datenschutz a:focus, div#navi ul li#datenschutz a:hover, div#navi ul li#datenschutz a:active {
	background: url("img/datenschutz_over.gif");
	}
div#navi ul li#datenschutz .over {
	background: url("img/datenschutz_over.gif");
	}