<style type="text/css">
.bereich{
display: block;
color: #FFFFFF;
background-color: #000000;
text-align: center;
position:relative; top:50px; left:50px;
}
a.link{
display: block;
color: #FFFFFF;
font-family: Verdana, Arial;
font-size: 13px;
text-decoration: None;
border-bottom: solid 1px #FFFFFF;
}
a.link.bereich{
display: block;
background-color: #000000;
width: 100px;
height: 25px;
}
a.link:hover{
display: block;
color: #000000;
background-color: #CCCCCC ;
}
</style>
<script type='text/javascript'>
function anzeigen(das){
if(document.getElementById(das).style.display=='none')
document.getElementById(das).style.display='block';
else document.getElementById(das).style.display='none';}
</script>
<table cellPadding=0 cellSpacing=0 style="position: absolute; top: 10px; left: 150px;">
<tr>
<td valign=top>
<div class="bereich" onMouseover="anzeigen('menue#1')" onMouseout="anzeigen('menue#1')">
<img src="http://img.webme.com/pic/v/viewy/button1.png" width=130 height=45>
<span id="menue#1" style="display: none;">
<a href="" class="link">Demolink</a>
<a href="" class="link">Demolink</a>
<a href="" class="link">Demolink</a>
<a href="" class="link">Demolink</a>
</span>
</div>
</td>
<td valign=top>
<div class="bereich" onMouseover="anzeigen('menue#2')" onMouseout="anzeigen('menue#2')">
<img src="http://img.webme.com/pic/v/viewy/button2.png" width=157 height=45>
<span id="menue#2" style="display: none;">
<a href="" class="link">Demolink</a>
<a href="" class="link">Demolink</a>
<a href="" class="link">Demolink</a>
</span>
</div>
</td>
<td valign=top>
<div class="bereich" onMouseover="anzeigen('menue#3')" onMouseout="anzeigen('menue#3')">
<img src="http://img.webme.com/pic/v/viewy/button3.png" width=171 height=45>
<span id="menue#3" style="display: none;">
<a href="" class="link">Demolink</a>
<a href="" class="link">Demolink</a>
</span>
</div>
</td>
<td valign=top>
<div class="bereich" onMouseover="anzeigen('menue#4')" onMouseout="anzeigen('menue#4')">
<img src="http://img.webme.com/pic/v/viewy/button4.png" width=171 height=45>
<span id="menue#4" style="display: none;">
<a href="" class="link">Demolink</a>
<a href="" class="link">Demolink</a>
</span>
</div>
</td>
<td valign=top>
<div class="bereich" onMouseover="anzeigen('menue#5')" onMouseout="anzeigen('menue#5')">
<img src="http://img.webme.com/pic/v/viewy/button5.png" width=157 height=45>
<span id="menue#5" style="display: none;">
<a href="" class="link">Demolink</a>
<a href="" class="link">Demolink</a>
</span>
</div>
</td>
<td valign=top>
<div class="bereich" onMouseover="anzeigen('menue#6')" onMouseout="anzeigen('menue#6')">
<img src="http://img.webme.com/pic/v/viewy/button6.png" width=129 height=45>
<span id="menue#6" style="display: none;">
<a href="" class="link">Demolink</a>
<a href="" class="link">Demolink</a>
</span>
</div>
</td>
</tr>
</table>
