#map {   font-size: 12pt;
   font-family: Arial;
position: relative;
}

#map ul {
margin: 0;
padding: 0;
list-style: none;
} 

#map a {
position: absolute;
text-indent: -1000em;
} 


#map #ref1 a {
text-decoration: none; 
z-index:100;
top: 110px;
left: 270px;
width: 33px;
height: 34px;
background-image: url(image/haus.gif);
}

#map #ref2 a {
text-decoration: none; 
top: 255px;
left: 155px;
width: 33px;
height: 34px;
background-image: url(image/haus.gif);
}


#map #ref3 a {
text-decoration: none; 
top: 310px;
left: 115px;
width: 33px;
height: 34px;
background-image: url(image/haus.gif);
}

#map #ref18 a {
text-decoration: none; 
top: 280px;
left: 210px;
width: 33px;
height: 34px;
background-image: url(image/haus.gif);
}

#map #ref19 a {
text-decoration: none; 
top: 300px;
left: 190px;
width: 33px;
height: 34px;
background-image: url(image/haus.gif);
}

#map #ref20 a {
text-decoration: none; 
top: 310px;
left: 250px;
width: 33px;
height: 34px;
background-image: url(image/haus.gif);
}

#map #ref16 a {
text-decoration: none; 
top: 325px;
left: 255px;
width: 33px;
height: 34px;
background-image: url(image/haus.gif);
}

#map #ref17 a {
text-decoration: none; 
top: 335px;
left: 235px;
width: 33px;
height: 34px;
background-image: url(image/haus.gif);
}

#map #ref24 a {
text-decoration: none; 
top: 215px;
left: 155px;
width: 33px;
height: 34px;
background-image: url(image/haus.gif);
}

#map #ref27 a {
text-decoration: none; 
top: 75px;
left: 250px;
width: 33px;
height: 34px;
background-image: url(image/haus.gif);
}

#map #ref28 a {
text-decoration: none; 
top: 210px;
left: 380px;
width: 33px;
height: 34px;
background-image: url(image/haus.gif);
}

#map #ref29 a {
text-decoration: none; 
top: 275px;
left: 320px;
width: 33px;
height: 34px;
background-image: url(image/haus.gif);
z-index:100;
}

#map #ref30 a {
text-decoration: none; 
top: 125px;
left: 135px;
width: 33px;
height: 34px;
background-image: url(image/haus.gif);
}

#map #ref31 a {
text-decoration: none; 
z-index: 50;
top: 270px;
left: 340px;
width: 33px;
height: 34px;
background-image: url(image/haus.gif);
}

#map #ref33 a {
text-decoration: none; 
top: 273px;
left: 360px;
width: 33px;
height: 34px;
background-image: url(image/haus.gif);
}

#map #ref35 a {
text-decoration: none; 
top: 365px;
left: 225px;
width: 33px;
height: 34px;
background-image: url(image/haus.gif);
}

#map #ref37 a {
text-decoration: none; 
top: 325px;
left: 130px;
width: 33px;
height: 34px;
background-image: url(image/haus.gif);
}

#map .ref a p{
z-index:800;
position: absolute;
top:  -50px;
left: -60px;

margin: 2px;
display:none;
text-align: center;

}

#map .ref a:hover p{
z-index:900;
border:3px;
border-color:Black;
text-indent: 0em;
display:block; 
color:Black;
background-color:White;
}