q
<div id="FD-Design"><div id="Marquee"><center><marquee scrollamount="4" scrolldelay="5"><b>Ab den 01.05.2011 wird eine neue Homepage online gehen. Es ist nicht nur eine Homepage sondern eine Community. Viele nue Extras sind für euch vorhanden. Anmelden könnt ihr euch jetzt schon auf <a href="http://jcgtest.de.tl">!!!JCGtest!!!</a></b>
</marquee>
</div>
<div id="sidebar_container2"><center>
<a href="http://www.jumpstyle-germany.eu/" target="JSG"><img width="180" height="50" alt="http://www.jumpstyle-germany.eu/styles/610nm/imageset/site-logo-1.png" src="http://www.jumpstyle-germany.eu/styles/610nm/imageset/site-logo-1.png" /></a><br />
<br />
<a href="http://www.youtube.com/user/JCGeesthacht" target="Youtube"><img width="180" height="50" src="https://img.webme.com/pic/j/jc-geesthacht/youtube.jpg" alt="" /></a><br />
<br />
<a href="http://www.hardbase.fm/wmplayer/" target="Hardbass.fm"><img width="180" height="50" src="http://news.images.technobase.eu/_tobima/graphics/works/HardBase_468x60_2.jpg" alt="http://news.images.technobase.eu/_tobima/graphics/works/HardBase_468x60_2.jpg" /></a><br />
<br />
</div>
<div id="sidebar_container3"><center>
</div>
<style type="text/css" media="screen">
<!--
/* Allgemeine Einstellungen (Schriftart, Schriftgröße...) */
body {
font-family: Verdana, sans-serif;
font-size: 18px;
overflow: auto;
margin: 0px; }
/* keine Auflistungspunkte vor Navi-Links */
ul, li {
list-style-type: none;
padding: 0px;
margin: 0px; }
/* Abstand zwischen Schrift zum Rand */
li a {
padding-right: 20px;
padding-top: 5px; }
/* Coolmenü positionieren, Werte bei "top" , "left" und "width" anpassen */
div.menu {
position: absolute;
z-index: 3;
top: 300px;
left: 310px;
width:850px; }
/* Breite der Menüpunkte einstellen */
.menu li {
width: 160px;
float: left;
hight: 1px;
}
/* Aussehen der Menüpunkte einstellen */
.menu a {
border: 4px solid #A9A9A9;
border-style:ridge;
background-color: #99FF00;
background-image: none;
text-decoration: none;
text-align: center;
font-weight: bolder;
cursor: pointer;
margin: 0px;
display: block;
height: 23px;
color: # FF0000;
-moz-border-radius:30px;
-khtml-border-radius:30px
outline:1px solid #003300;
}
/* Aussehen der Menüpunkte beim Hover Effekt */
.menu a:hover {
color: #FF0000;
background-color: #669900;
background-image: none;
}
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5 {
font-size: 14px;
display: none;
width: 160px;
float: left; }
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a {
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #980000 ; }
//-->
</style>
<!-- Anfang des Scriptes -->
<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>
<!-- Ende des Scriptes -->
<div class="menu">
<li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Home</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
<li><a href="http://www.jc-geesthacht.de.tl/">JCG</a></li>
<li><a href="http://www.jc-geesthacht.de.tl/der-tanz.htm">Der Tanz</a></li>
<li><a href="http://www.jc-geesthacht.de.tl/die-musik.htm">Die Musik</a></li>
<li><a href="http://www.jc-geesthacht.de.tl/entstehung.htm">Entstehung</a></li>
<li><a href="http://www.jc-geesthacht.de.tl/szene.htm">Szene</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Crew</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
<li><a href="http://www.jc-geesthacht.de.tl/die-geburt.htm">Die Geburt</a></li>
<li><a href="http://jc-geesthacht.de.tl/About-us.htm">About us</a></li>
<li><a href="http://jc-geesthacht.de.tl/Presse.htm">Presse</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Media</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
<li><a href="http://www.jc-geesthacht.de.tl/Bilder/index.htm">Bilder</a></li>
<li><a href="http://jc-geesthacht.de.tl/JCG-Videos.htm">JCG Videos</a></li>
<li><a href="http://www.youtube.com/user/MikeJCG">Youtube.com</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Community</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
<li><a href="http://www.jc-geesthacht.de.tl/shoutbox.htm">Shoutbox</a></li>
<li><a href="http://www.jc-geesthacht.de.tl/Forum/index.htm">Forum</a></li>
<li><a href="http://jc-geesthacht.de.tl/Termine.htm">Termine</a></li>
<li><a href="http://www.jc-geesthacht.de.tl/Umfragen.htm">Umfragen</a></li>
<li><a href="http://www.jc-geesthacht.de.tl/Kontakt.htm">Kontakt</a></li>
<li><a href="http://www.jc-geesthacht.de.tl/G.ae.stebuch.htm">Gästebuch</a></li>
</ul>
</li>
<li><a href="javascript:void(0);" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Partner</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
<li><a href="http://www.jc-geesthacht.de.tl/sponsoren.htm">Sponsoren</a></li>
<li><a href="http://jc-geesthacht.de.tl/Linklist.htm">Linklist</a></li>
<li><a href="http://jc-geesthacht.de.tl/JCG-Banner.htm">UnsereBanner</a></li>
</ul>
</li>
</div>
</div>
<div style="text-align: right;"><span style="font-size: smaller;"><a href="http://jc-geesthacht.de.tl/AGB.htm">AGBs</a><br />
</span><a href="http://jc-geesthacht.de.tl/Disclaimer.htm"><span style="font-size: smaller;"> Disclaimer</span></a><br />
<a href="http://jc-geesthacht.de.tl/Newsletter.htm">Newsletter</a>
</div>
#extraDiv1,#extraDiv2,#extraDiv3,#extraDiv4,#extraDiv5,#extraDiv6,#pre_header,#post_header,#pre_content,h1#title,h2#title span,#sidebar_container,
#counter{display: none;} *{padding: 0; margin: 0;} body{background: #000000;}
a:link{ color: #FF0000;
font-size: 17px;
text-decoration: none;}
a:visited{ color: #FF0000;
font-size: 16px;
text-decoration: none; }
td[height="102"]{
position: absolute;
left: 50%;
margin-left: -384px;}
#FD-Design{ position: relative; margin: 0 auto; width: 1200px; height: 1400px;
background: url(https://img.webme.com/pic/j/jc-geesthacht/base1.jpg );}
div.header{ position: absolute;
margin-top: 110px; left: 50%;
margin-left: -175px; color: #fff;}
#content{ position: absolute;
margin-top: 365px;
left: 50%;
margin-left: -305px;
width: 800px;
height: 930px;
padding: 10px;
color: #000000;
font-size: 18px;
background: transparent none;
overflow: auto;}
#nav_container{display: none;}
{ position: absolute;
margin-top: 360px;
left: 50%;
margin-left: -535px;
width: 215px;
height: 450px;
background: transparent none;
overflow: auto;}
ul#nav{ width: 190px; padding: 0px; margin: 0px;} li.nav_element{ position: relative;
list-style-type: none;}
li.nav_element a{
display: block;
width: 166px;
padding: 2px;
text-decoration: none;
text-align: center;
color: #000000;
background: transparent
url(https://img.webme.com/pic/j/jc-geesthacht/jumpbutt01.png );}
li.nav_element a:hover{
color: #ff0000;
background: url(https://img.webme.com/pic/j/jc-geesthacht/jumpbutt02.png);}
#Marquee {
position : absolute;
left : 50%;
top : 345px;
margin-left : -270px;
width : 740px;
height : 18px;
padding : 3px;
color : #FF0000;
font-size : 18px;
font-family : verdana,arial;
background-color : #;
background-image : url(https://img.webme.com/pic/j/jc-geesthacht/b.jpg);
border: 3px solid #A9A9A9;
-moz-border-radius-bottomleft:30px;
-moz-border-radius-bottomright:30px;
-khtml-border-radius-bottomleft:30px;
-khtml-border-radius-bottomright:30px;
}
#sidebar_container2 {
position : absolute;
left : 50%;
top : 900;
margin-top : 430px;
margin-left : -597px;
width : 200px;
height : 300px;
padding : 5px;
color : #FF0000;
font-size : 12px;
font-family : arial, verdana;
background-color : #;
background-image : none;
border: 5px solid #0; }
#sidebar_container3 {
position : absolute;
left : 50%;
top : 900;
margin-top : 985px;
margin-left : -600px;
width : 200px;
height : 60px;
padding : 5px;
color : #;
font-size : 12px;
font-family : arial, verdana;
background-color : #;
background-image : none;
border: 5px solid #0; }
#sidebar_container4 {
position : absolute;
left : 50%;
top : 900;
margin-top : -100px;
margin-left : 350px;
width : 200px;
height : 60px;
padding : 5px;
color : #;
font-size : 12px;
font-family : arial, verdana;
background-color : #;
background-image : none;
border: 5px solid #0; }