#map {
position: relative;
width: 400px;
height: 400px;
font-family:arial, helvetica, sans-serif;
font-size:6pt;
padding-left:35px;
padding-top:10px;
}

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

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

#map li a {
position:absolute;
display:block;
/*background image*/
background:url(blank.gif);
text-decoration:none;
color:red;
}
#map li a span { display:none; }
#map li a:hover span {
position:relative;
display:block;
width:150px;
height: 35px;
left:10px;
top:50px;
border:0px solid #000;
background:#fff;
padding:5px;
filter:alpha(opacity=80);
opacity:0.8;
}

#map .sp a {
top: 24px;
left: 200px;
width: 75px;
height: 68px;
}

#map .akten a {
top: 78px;
left: 332px;
width: 105px;
height: 84px;
}

#map .film a {
top: 123px;
left: 80px;
width: 50px;
height: 100px;
}

#map .audio a {
top: 325px;
left: 243px;
width: 106px;
height: 80px;
}

#map .fotos a {
top: 244px;
left: 368px;
width: 75px;
height: 59px;
}

#map .video a {
top: 286px;
left: 80px;
width: 102px;
height: 75px;
}

#map a:hover{
border:0px solid #f00;
}