/* Stylesheet http://www.ankeloenne.de 
created by Olaf Gleba
*/

/* mouse-over */

.imgshow {
float: left;
width: 684px;
height: 105px;
margin: 2px 0;
text-align: left;
background-color: #E4DEEE;
}

.imgshowmid {
display: block;
float: left;
width: 70px;
height: 104px;
margin: 2px 0;
text-align: left;
background-color: #9795A1;
border-left: 2px solid #fff;
}

.imgrahmen {
position: absolute;
width: 684px;
height: 104px;
}



/* img1 */

#img1 {
position: absolute;
top: 32px;
left: 0;
width: 80px;
height: 73px;
}


#img1 a, #img1 a:link, #img1 a:visited {
display: block;
width: 80px;
height: 73px;
text-decoration: none;
background: transparent url(../img/over/b_hahlweg.gif) no-repeat;
}

/*	ieMac: img1 a:hover top: darf NICHT die gleiche px top haben wie das umgebene div (hier: img1) !!!
	Es reicht, wenn man um 1 px variiert
*/
	
#img1 a:hover {
top: 31px; /* 1px Unterschied zum obigen a:link top */
background-position: 0 -87px;
text-decoration: none;
}

#img1 a:hover span.showimg1 {
position: absolute;
top: 194px;
left: 35px;
width: 150px;
height: 17px;
background: url(../img/over/o3_hahlweg.gif) no-repeat;
}



/* img2 */

#img2 {
position: absolute;
top: 32px;
left: 105px;
width: 80px;
height: 73px;
}


#img2 a, #img2 a:link, #img2 a:visited {
display: block;
width: 80px;
height: 73px;
text-decoration: none;
background: transparent url(../img/over/b_schreyl.gif) no-repeat;
}

#img2 a:hover {
top: 31px; /* 1px Unterschied zum obigen top */
background-position: 0 -84px;
text-decoration: none;
}

#img2 a:hover span.showimg2 {
position: absolute;
top: 194px;
left: -70px;
width: 150px;
height: 17px;
background: url(../img/over/o3_schreyl.gif) no-repeat;
}


/* img3 */

#img3 {
position: absolute;
top: 31px;
left: 165px;
width: 90px;
height: 73px;
}


#img3 a, #img3 a:link, #img3 a:visited {
display: block;
width: 90px;
height: 73px;
text-decoration: none;
background: transparent url(../img/over/b_scholing.gif) no-repeat;
}

#img3 a:hover {
top: 31px; /* 1px Unterschied zum obigen top */
background-position: 0 -88px;
text-decoration: none;
}

#img3 a:hover span.showimg3 {
position: absolute;
top: 194px;
left: -130px;
width: 150px;
height: 17px;
background: url(../img/over/o3_scholing.gif) no-repeat;
}


/* img4 */

#img4 {
position: absolute;
top: 31px;
left: 205px;
width: 90px;
height: 73px;
}


#img4 a, #img4 a:link, #img4 a:visited {
display: block;
width: 90px;
height: 73px;
text-decoration: none;
background: transparent url(../img/over/b_niedernolte.gif) no-repeat;
}

#img4 a:hover {
top: 32px; /* 1px Unterschied zum obigen top */
background-position: 0 -87px;
text-decoration: none;
}

#img4 a:hover span.showimg4 {
position: absolute;
top: 195px;
left: -170px;
width: 150px;
height: 17px;
background: url(../img/over/o3_niedernolte.gif) no-repeat;
}


/* img5 */

#img5 {
position: absolute;
top: 32px;
left: 310px;
width: 95px;
height: 73px;
}


#img5 a, #img5 a:link, #img5 a:visited {
display: block;
width: 95px;
height: 73px;
text-decoration: none;
background: transparent url(../img/over/b_boemecke.gif) no-repeat;
}

#img5 a:hover {
top: 31px; /* 1px Unterschied zum obigen top */
background-position: 0 -80px;
text-decoration: none;
}

#img5 a:hover span.showimg5 {
position: absolute;
top: 194px;
left: -276px;
width: 170px;
height: 17px;
background: url(../img/over/o3_boemecke.gif) no-repeat;
}

/* img6 */

#img6 {
position: absolute;
top: 31px;
left: 405px;
width: 85px;
height: 73px;
}


#img6 a, #img6 a:link, #img6 a:visited {
display: block;
width: 95px;
height: 73px;
text-decoration: none;
background: transparent url(../img/over/b_jessen.gif) no-repeat;
}

#img6 a:hover {
top: 32px; /* 1px Unterschied zum obigen top */
background-position: 0 -87px;
text-decoration: none;
}

#img6 a:hover span.showimg6 {
position: absolute;
top: 195px;
left: -370px;
width: 175px;
height: 17px;
background: url(../img/over/o3_jessen.gif) no-repeat;
}


/* img13 */

#img13 {
position: absolute;
top: 31px;
left: 500px;
width: 85px;
height: 73px;
}


#img13 a, #img13 a:link, #img13 a:visited {
display: block;
width: 95px;
height: 73px;
text-decoration: none;
background: transparent url(../img/over/b_jancke.gif) no-repeat;
}

#img13 a:hover {
top: 32px; /* 1px Unterschied zum obigen top */
background-position: 0 -81px;
text-decoration: none;
}

#img13 a:hover span.showimg13 {
position: absolute;
top: 195px;
left: -465px;
width: 175px;
height: 17px;
background: url(../img/over/o3_jancke.gif) no-repeat;
}



/* -------------  naechste zeile -------------- */


/* img9 */

/*#img9 {
position: absolute;
top: 32px;
left: 0;
width: 80px;
height: 73px;
}


#img9 a, #img9 a:link, #img9 a:visited {
display: block;
width: 80px;
height: 73px;
text-decoration: none;
background: transparent url(../img/over/b_steeger.gif) no-repeat;
}
	
#img9 a:hover {
top: 31px;
background-position: 0 -87px;
text-decoration: none;
}

#img9 a:hover span.showimg9 {
position: absolute;
top: 85px;
left: 35px;
width: 150px;
height: 17px;
background: url(../img/over/o3_steeger.gif) no-repeat;
}*/



/* img10 */

#img10 {
position: absolute;
top: 32px;
left: 10px;
width: 80px;
height: 73px;
}


#img10 a, #img10 a:link, #img10 a:visited {
display: block;
width: 80px;
height: 73px;
text-decoration: none;
background: transparent url(../img/over/b_kastrop.gif) no-repeat;
}

#img10 a:hover {
top: 31px; /* 1px Unterschied zum obigen top */
background-position: 0 -87px;
text-decoration: none;
}

#img10 a:hover span.showimg10 {
position: absolute;
top: 85px;
left: 25px;
width: 150px;
height: 17px;
background: url(../img/over/o3_kastrop.gif) no-repeat;
}


/* img11 */

#img11 {
position: absolute;
top: 31px;
left: 495px;
width: 90px;
height: 73px;
}


#img11 a, #img11 a:link, #img11 a:visited {
display: block;
width: 90px;
height: 73px;
text-decoration: none;
background: transparent url(../img/over/b_tirok.gif) no-repeat;
}

#img11 a:hover {
top: 31px; 
background-position: 0 -81px;
text-decoration: none;
}

#img11 a:hover span.showimg11 {
position: absolute;
top: 84px;
left: -464px;
width: 150px;
height: 17px;
background: url(../img/over/o3_tirok.gif) no-repeat;
}




/* img7 */

#img7 {
position: absolute;
top: 31px;
left: 105px;
width: 85px;
height: 73px;
}


#img7 a, #img7 a:link, #img7 a:visited {
display: block;
width: 95px;
height: 73px;
text-decoration: none;
background: transparent url(../img/over/b_steffens.gif) no-repeat;
}

#img7 a:hover {
top: 32px; /* 1px Unterschied zum obigen top */
background-position: 0 -87px;
text-decoration: none;
}

#img7 a:hover span.showimg7 {
position: absolute;
top: 86px;
left: -70px;
width: 175px;
height: 17px;
background: url(../img/over/o3_steffens.gif) no-repeat;
}


/* img8 */

#img8 {
position: absolute;
top: 31px;
left: 204px;
width: 85px;
height: 73px;
}


#img8 a, #img8 a:link, #img8 a:visited {
display: block;
width: 85px;
height: 73px;
text-decoration: none;
background: transparent url(../img/over/b_pommer.gif) no-repeat;
}

#img8 a:hover {
top: 32px; /* 1px Unterschied zum obigen top */
background-position: 0 -87px;
text-decoration: none;
}

#img8 a:hover span.showimg8 {
position: absolute;
top: 86px;
left: -170px;
width: 175px;
height: 17px;
background: url(../img/over/o3_pommer.gif) no-repeat;
}



/* img12 */

#img12 {
position: absolute;
top: 31px;
left: 310px;
width: 85px;
height: 73px;
}


#img12 a, #img12 a:link, #img12 a:visited {
display: block;
width: 85px;
height: 73px;
text-decoration: none;
background: transparent url(../img/over/b_backhaus.gif) no-repeat;
}

#img12 a:hover {
top: 32px; /* 1px Unterschied zum obigen top */
background-position: 0 -85px;
text-decoration: none;
}

#img12 a:hover span.showimg12 {
position: absolute;
top: 86px;
left: -276px;
width: 175px;
height: 17px;
background: url(../img/over/o3_backhaus.gif) no-repeat;
}


/* img14 */

#img14 {
position: absolute;
top: 31px;
left: 588px;
width: 85px;
height: 73px;
}


#img14 a, #img14 a:link, #img14 a:visited {
display: block;
width: 85px;
height: 73px;
text-decoration: none;
background: transparent url(../img/over/b_buelter.gif) no-repeat;
}

#img14 a:hover {
top: 32px; 
background-position: 0 -81px;
text-decoration: none;
}

#img14 a:hover span.showimg14 {
position: absolute;
top: 193px;
left: -558px;
width: 175px;
height: 17px;
background: url(../img/over/o3_buelter.gif) no-repeat;
}


/* img15 */

#img15 {
position: absolute;
top: 31px;
left: 400px;
width: 85px;
height: 73px;
}


#img15 a, #img15 a:link, #img15 a:visited {
display: block;
width: 85px;
height: 73px;
text-decoration: none;
background: transparent url(../img/over/b_bieling.gif) no-repeat;
}

#img15 a:hover {
top: 32px; /* 1px Unterschied zum obigen top */
background-position: 0 -81px;
text-decoration: none;
}

#img15 a:hover span.showimg15 {
position: absolute;
top: 86px;
left: -366px;
width: 175px;
height: 17px;
background: url(../img/over/o3_bieling.gif) no-repeat;
}


/* img12 */


/* Klasse, generisch, um Textbrowser den Link zu geben */

/*.displayno {
display: block;
margin-left: -100em;
}*/

.displayno {
position: absolute;
left: -1000em;
}