<style type="text/css">
<!--
td.nav{background-image:url(http://img.webme.com/pic/2/289/drop.gif);}
td.nav:hover{background-image:url(http://img.webme.com/pic/2/289/drop.png);}
td.nav a{color: #ffffff;}
td.edit_content_top{background-image:url(http://img.webme.com/pic/2/289/balken2.png);}
td.edit_content_bottom2{background-image:url();}
td.nav_heading{background-image:url(http://img.webme.com/pic/2/289/balken.png);}
td.edit_header_full{background-image:url(http://img.webme.com/pic/s/sjb/headernew1.jpg);}
td.sidebar_heading{background-image:url(http://img.webme.com/pic/2/289/balken.png);}
td.edit_rb_footer{visibility:hidden;}
td.edit_rechts_sbg{background-image: url();background-color:
#333333;}
td.edit_rechts_bottom{background-image: url();background-color: #333333;}
td.edit_below_nav{background-image: url();background-color: #333333;}
td.edit_navi_headbg{background-image: url();background-color: #333333;}
body{background-color: #333333;}
td.edit_below_nav {visibility: hidden;width: -1px;}
td.edit_rechts_cbg{background-image: url();background-color: #333333;}
td.headline{visibility:hidden;}
-->
</style>
<style type="text/css">
<!--
#coolmenu{
border: 1px solid black;
width: 140px;
background-color: #E6E6E6;
}
#coolmenu a{
font: bold 13px Verdana;
padding: 2px;
padding-left: 4px;
display: block;
width: 100%;
color: black;
text-decoration: none;
border-bottom: 1px solid black;
}
html>body #coolmenu a{
width: auto;
}
#coolmenu a:hover{
background-color: black;
color: white;
}
#tabledescription{
width: 100%;
height: 3em;
padding: 2px;
filter:alpha(opacity=0);
-moz-opacity:0;
}
-->
</style>
<script type="text/javascript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!!
http://javascript.internet.com -->
<!-- Cool CSS Menu by JavaScriptKit.com -->
<!-- Begin
var baseopacity=0
function showtext(thetext){
if (!document.getElementById)
return
textcontainerobj=document.getElementById("tabledescription")
browserdetect=textcontainerobj.filters? "ie" : typeof textcontainerobj.style.MozOpacity=="string"? "mozilla" : ""
instantset(baseopacity)
document.getElementById("tabledescription").innerHTML=thetext
highlighting=setInterval("gradualfade(textcontainerobj)",50)
}
function hidetext(){
cleartimer()
instantset(baseopacity)
}
function instantset(degree){
if (browserdetect=="mozilla")
textcontainerobj.style.MozOpacity=degree/100
else if (browserdetect=="ie")
textcontainerobj.filters.alpha.opacity=degree
else if (document.getElementById && baseopacity==0)
document.getElementById("tabledescription").innerHTML=""
}
function cleartimer(){
if (window.highlighting) clearInterval(highlighting)
}
function gradualfade(cur2){
if (browserdetect=="mozilla" && cur2.style.MozOpacity<1)
cur2.style.MozOpacity=Math.min(parseFloat(cur2.style.MozOpacity)+0.2, 0.99)
else if (browserdetect=="ie" && cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=20
else if (window.highlighting)
clearInterval(highlighting)
}
// End -->
</script>
<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: 65px;
/*Position von Links*/
left: 496px;
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/2/289/drop.gif);
text-decoration: none;
text-align: left;
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/2/289/drop.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/2/289/drop.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/2/289/drop.png);
}
//-->
</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>
<div align="center">
<table border="0" width="70%" id="table1">
<tr>
<td>
