#navi {
float: left;
position:absolute;
top:76px;
width: 275px;
height: 491px;

margin:0;
padding:0;
background-image: url(webbilder/navi4.png);
}
#leitbild {
position:absolute; top:183px; left:71px;}

#termine {
position:absolute; top:230px; left:65px;}

#bilder {
position:absolute; top:299px; left:80px;}

#band {
position:absolute; top:365px; left:84px;}

#leuchtturm {
position:absolute; top:427px; left:42px;}



.leuchtturm:link, .leuchtturm:visited {
	display:			block;

	background:			url(webbilder/navi_leuchtturm1.png);
	text-decoration:none;
	width:67px;
	height:32px;
}
.leuchtturm:hover, .leuchtturm:active, .leuchtturm:focus {
	background-image:		url(webbilder/navi_leuchtturm_h.png);
	text-decoration:none;
	width:67px;
	height:32px;
}


.leitbild:link, .leitbild:visited {
	display:			block;

	background:			url(webbilder/navi_leitbild.jpg);
	text-decoration:none;
}
.leitbild:hover, .leitbild:active, .leitbild:focus {
	background-image:		url(webbilder/navi_leitbild_h.jpg);
	text-decoration:none;
}


.termine:link, .termine:visited {
	display:			block;

	background:			url(webbilder/navi_termine.jpg);
	text-decoration:none;
}
.termine:hover, .termine:active, .termine:focus {
	background-image:		url(webbilder/navi_termine_h.jpg);
	text-decoration:none;
}


.bilder:link, .bilder:visited {
	display:			block;

	background:			url(webbilder/navi_bilder.jpg);
	text-decoration:none;
}
.bilder:hover, .bilder:active, .bilder:focus {
	background-image:		url(webbilder/navi_bilder_h.jpg);
	text-decoration:none;
}



a.band:link, a.band:visited {
	display:			block;

	background:			url(webbilder/navi_band.jpg);
	text-decoration:none;
	width:67px;
	height:32px;
}
a.band:hover, a.band:active, a.band:focus {
	background-image:		url(webbilder/navi_band_h.jpg);
	text-decoration:none;
	width:67px;
	height:32px;
}

a.band2 {
	display:			block;

	background:			url(webbilder/navi_band_h.jpg);
	text-decoration:none;
}