<style type="text/css" media="screen">
<!--
body
{
/*Schrift Art*/
font-family: Verdana, sans-serif;
/*Schrift Größe*/
font-size: 14px;
overflow: auto;
padding: 10px;
margin: 0px;
}
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
li a
{
padding-right: 20px;padding-top: 5px;
}
div.menu
{
position: absolute;
z-index: 3;
/*Position von Oben*/
top: 140px;
/*Position von Link*/
left: 10px;
width:905px;
}
.menu li
{
width: 185px;
float: left;
}
.menu a
{
border: 0px solid #ff0000;
background-color: #000000;
background-image: url(http://img.webme.com/pic/d/designs-4-you/btzblak_0.gif);
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 20px;
color: #000000;
}
.menu a:hover
{
background-color: #ff0000;
background-image: url(http://img.webme.com/pic/d/designs-4-you/btzblak_1.gif);
}
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 14px;
display: none;
width: 185px;
height: 20px;
float: left;
}
#smenu1:hover, #smenu2:hover, #smenu3:hover, #smenu4:hover, #smenu5:hover
{
font-size: 14px;
display: none;
width: 185px;
height: 20px;
float: left;
}
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF;
background-image: url(http://img.webme.com/pic/d/designs-4-you/btzblak_0.gif);
}
#smenu1 a:hover, #smenu2 a:hover, #smenu3 a:hover, #smenu4 a:hover, #smenu5 a:hover
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF;
background-image: url(http://img.webme.com/pic/d/designs-4-you/btzblak_1.gif);
}
//-->
</style>
<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}
function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>
<div class="menu">
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
Top 5 Videos</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://sjb.de.tl/Wunderharke-5000.htm">1.Wunderharke 5000</a></li>
<li><a href="http://sjb.de.tl/Bungee_Jumping.htm">2.Bungee-Jumping</a></li>
<li><a href="http://sjb.de.tl/TV-Pannen.htm">3.TV-Pannen</a></li>
<li><a href="http://sjb.de.tl/Kinder-.--.--.-.htm">4.Kinder</a></li>
<li><a href="http://sjb.de.tl/Simpsons-Intro.htm">5.Simpsons Intro</a></li>
<li><a href="http://sjb.de.tl/Videos.htm">mehr Videos</a></li>
</ul>
</li>
<li><li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
Top 5 Papierflieger</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://sjb.de.tl/Melina.htm">1.Melina</a></li>
<li><a href="http://sjb.de.tl/Ratou.htm">2.Ratou</a></li>
<li><a href="http://sjb.de.tl/Nick.htm">3.Nick</a></li>
<li><a href="http://sjb.de.tl/Taja.htm">4.Taja</a></li>
<li><a href="http://sjb.de.tl/Pfeil.htm">5.Pfeil</a></li>
<li><a href="http://sjb.de.tl/Papierflieger.htm">mehr Papierflieger</a></li>
</ul>
</li><li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
Top 5 Bauanleitungen</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://sjb.de.tl">1.</a></li>
<li><a href="http://sjb.de.tl">2.</a></li>
<li><a href="http://sjb.de.tl">3.</a></li>
<li><a href="http://sjb.de.tl">4.</a></li>
<li><a href="http://sjb.de.tl">5.</a></li>
<li><a href="http://sjb.de.tl">mehr Bauanleitungen</a></li>
</ul>
</li>
</div></FONT>
</body>
</html>
)