@charset "utf-8";
/* CSS Document */
#navigation a span {display: none;}

#navigation ul {
	width: 1571px;
	height: 191px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../symbole/navi.jpg) no-repeat 0 0;
	list-style: none;
	margin: 0;
	padding: 0;
}
#navigation li {
    display: inline;
}
#navigation li a:link, #navigation li a:visited {
    border: none;
    width: 170px;
    height: 130px;
    display: block;
    position: absolute;
    top: 0;
    text-indent: -88888px;
    
}
#navigation li.sw a:link, #navigation li.sw a:visited {
	left: 5px;
	top: 30px;
}
#navigation li.an a:link, #navigation li.an a:visited {
    left: 179px;
	top: 30px;
}
#navigation li.ha a:link, #navigation li.ha a:visited {
    left: 353px;
	top: 30px;  
}
#navigation li.bw a:link, #navigation li.bw a:visited {
    left: 527px;
	top: 30px;  
}

#navigation li.t2 a:link, #navigation li.t2 a:visited {
    left: 701px;
	top: 30px;
}
#navigation li.ss a:link, #navigation li.ss a:visited {
    left: 875px;
	top: 30px;
}
#navigation li.pa a:link, #navigation li.pa a:visited {
    left: 1049px ;
	top: 30px; 
}
#navigation li.fh a:link, #navigation li.fh a:visited {
    left: 1223px ;
	top: 30px; 
}
#navigation li.bt a:link, #navigation li.bt a:visited {
    left: 1397px ;
	top: 30px; 
}


#navigation li.sw a:hover {
    background: url(../symbole/navi.jpg) no-repeat -5px -191px;
}
#navigation li.an a:hover {
    background: url(../symbole/navi.jpg) no-repeat -179px -191px;
}
#navigation li.ha a:hover {
    background: url(../symbole/navi.jpg) no-repeat -353px -191px;
}
#navigation li.bw a:hover {
    background: url(../symbole/navi.jpg) no-repeat -527px -191px;
}

#navigation li.t2 a:hover {
    background: url(../symbole/navi.jpg) no-repeat -701px -191px;
}
#navigation li.ss a:hover {
    background: url(../symbole/navi.jpg) no-repeat -875px -191px;
}
#navigation li.pa a:hover {
    background: url(../symbole/navi.jpg) no-repeat -1049px -191px;
}
#navigation li.fh a:hover {
    background: url(../symbole/navi.jpg) no-repeat -1223px -191px;
}
#navigation li.bt a:hover {
    background: url(../symbole/navi.jpg) no-repeat -1397px -191px;
}

#kontakt-navi ul {
    width: 180px;
    height: 30px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url(../symbole/kontakt.jpg) no-repeat 0 0;
    list-style: none;
    margin: 0; padding: 0;
}

#kontakt-navi li {
    display: inline;
}
#kontakt-navi li a:link, #kontakt-navi li a:visited {
    border: none;
    width: 90px;
    height: 30px;
    display: block;
    position: absolute;
    top: 0;
    text-indent: -7000px;
    
}
#kontakt-navi li.impressum a:link, #kontakt-navi li.impressum a:visited {
	left: 0px;
	top: 0px;
}

#kontakt-navi li.impressum a:hover {
    background: url(../symbole/kontakt.jpg) no-repeat -0 -30px;
}

#kontakt-navi li.kontakt a:link, #kontakt-navi li.kontakt a:visited {
	left: 90px;
	top: 0px;
}

#kontakt-navi li.kontakt a:hover {
    background: url(../symbole/kontakt.jpg) no-repeat -90px -30px;
}



#navigation a:hover span {
   display: block;
   position: absolute;
   top: 250px;
   left: 0;
   width:125px;
   padding: 5px;
   margin: 10px;
   z-index: 200;
   color: #AAA;
   background: black;
   font: 10px Verdana, sans-serif; 
   text-align: center;
   
  }