/* Rollover CSS Start 
*/
#navi1 a {
position: absolute;
top: 350px;
left: 550px;
display: block;

text-decoration: none;

width: 60px;
height: 56px;

color: #333;
background: transparent url(img/Spinne-klein.png);
}


#navi1 a .showcase {
display: none;
}

#navi1 a:hover .showcase {
position: absolute;
top: -100px;
left: -230px;

display: block;
width: 206px;
text-align: center;
background: transparent;

text-decoration: none;

}




#navi3 a {
position: absolute;
top: 550px;
left: 600px;
display: block;

text-decoration: none;

width: 60px;
height: 56px;

color: #333;
background: transparent url(img/Spinne-klein2.png);
}

#navi3 a .showcase {
display: none;
}

#navi3 a:hover .showcase {
position: absolute;
top: -60px;
left: -220px;

display: block;
width: 206px;
background: transparent;

text-decoration: none;
}



#navi4 a {
position: absolute;
top: 400px;
left: 650px;
display: block;

text-decoration: none;

width: 60px;
height: 56px;

color: #333;
background: transparent url(img/Spinne-klein2.png);
}

#navi4 a .showcase {
display: none;
}

#navi4 a:hover .showcase {
position: absolute;
top: -80px;
left: 70px;

display: block;
width: 206px;
background: transparent;

text-decoration: none;
}