eigenes css nicht "funktionsfähig"

<div align="center">

<div id="container">
<div align="center">
<div id="header">&nbsp;</div>

<div id="nav7">

<ul><li><a href="http://darkestcave.de.tl/Home.htm"><font color="#FFFFFF"><span id="nh">Home</span></font></a>
      </ul>

<ul><li><a href="http://darkestcave.de.tl/Login.htm"><font color="#FFFFFF"><span id="nh">Login</span></font></a>
<ul>
<li><a href="http://darkestcave.de.tl/Mitglied-werden.htm">Registrieren</a></li></ul>     
</ul>

<ul><li><a href="http://darkestcave.de.tl/%3Cspan-id%3D-g-dcoo-g-%3EDarkestCave%3C-s-span%3E.htm"><font color="#FF0000"><span id="nh">DarkestCave</span></font></a>
      <ul>
<li><a href="http://darkestcave.de.tl/Team.htm">Team</a></li>
<li><a href="http://darkestcave.de.tl/News.htm">News</a></li>
<li><a href="http://darkestcave.de.tl/Geschichte.htm">Geschichte</a></li>
<li><a href="http://darkestcave.de.tl/Intern.htm">Intern</a></li>
</ul></li></ul>



<ul><li><a href="http://www.darkestcave.forumieren.eu/" target="_blank"><font color="#FFFFFF"><span id="nh">DC Forum</span></font></a>
      </ul>


<ul><li class="navmen7"><a href="http://darkestcave.de.tl/%3Cspan-id%3D-g-dcoo-g-%3EOOMPH-ar-%3C-s-span%3E.htm"><font color="#FF0000"><span id="nh">OOMPH!</span></font></a>
      <ul>
<li><a href="http://darkestcave.de.tl/%3Ci%3ENews%3C-s-i%3E.htm">News</a></li>
<li><a href="http://darkestcave.de.tl/%3Ci%3EBiographie%3C-s-i%3E.htm">Bio</a></li>
<li><a href="http://darkestcave.de.tl/%3Ci%3EDiskographie%3C-s-i%3E.htm">disco</a></li>
<li><a href="http://darkestcave.de.tl/%3Ci%3EGeschichte%3C-s-i%3E.htm">Geschichte</a></li>
<li><a href="http://darkestcave.de.tl/Exklusiv-News.htm">Exklusiv News</a></li>
<li><a href="http://www.oomph.de/" target="_blank">OOMPH! HP</a></li>

</ul></li></ul>


<ul><li><a href="http://darkestcave.de.tl/%3Cspan-id%3D-g-else-g-%3EGaestebuch%3C-s-span%3E.htm"><font color="#FFFFFF"><span id="nh">Gaestbuch</span></font></a>
      </ul>


<ul><li><a href="http://darkestcave.de.tl/%3Cspan-id%3D-g-else-g-%3ELinks%3C-s-span%3E.htm"><font color="#FFFFFF"><span id="nh">Links</span></font></a>
      </ul>



</div>

<div id="main_con">
<div id="side_con_left"><div id="side1"><br /><br /><center><font color="#FF0000"><font size="4"><b>START DER EUROPEAN TOUR IN:</b></font></font><br />
<br /><DIV id="t_uw" style="background-color: rgb(0, 0, 0);">
   <DIV id="count_screen">
      <DIV id="t_title" style="color: rgb(255, 255, 255); font: 11px Arial, Arial, Helvetica, sans-serif;"></DIV>
      <SPAN id="t_wo"></SPAN>
      <SPAN id="t_tag"></SPAN>
      <SPAN id="t_std"></SPAN>
      <SPAN id="t_sek"></SPAN>
      <SPAN id="t_min"></SPAN>
      <DIV id="t_subtitle" style="color: rgb(255, 255, 255); font: 11px Arial, Arial, Helvetica, sans-serif;"></DIV>
   </DIV>
   <TABLE id="end_screen_ta" height=100% align="center"><TR><TD id="end_screen_te" style="color: rgb(255, 0, 0); font: 22px Arial, Arial, Helvetica, sans-serif;">EUROTOUR IST GESTARET</TD></TR></TABLE>
</DIV><SCRIPT type="text/javascript">counter=1348336800;template="slim_blue";size="s"</SCRIPT><SCRIPT type="text/javascript" src="http://www.touropa.com/tp/countdown/uw.js"></SCRIPT><br />
<font color="#FFFFFF"><font size="4"><a href="http://www.eventim.de/oomph-tickets.html?affiliate=EVE&doc=artistPages%2Ftickets&fun=artist&action=tickets&erid=280129&xtcr=1&xtmc=OOMPH!" target="_blank"><b><u>TICKETS<br />HIER</u></b></a></font><br />
</font><br /><hr />
<br /><div id="next"><center><br /><u><b><font size="5">Next Date</font></b></u><br /><br /><a href="http://www.summer-breeze.de" target="_blank">SummerBreeze</a><br />
Dinkelsbühl (D)<br />
18.08.2012</br><br /></center>
</div>
<br />

<div id="side2"><a href="https://www.facebook.com/pages/DarkestCave-OomphFC/321766091227320" target="_blank"><img src="http://www.simplyzesty.com/wp-content/uploads/2011/10/facebook_logo.png" width="50" height="50"></a>
<a href="https://www.twitter.com/#!/darkestcaveFC" target="_blank"><img src="http://captico.com/wp-content/uploads/2011/02/twitter-icon.png" width="50" height="50"></a>
<a href="http://www.youtube.com/channel/UCRF-MZFgL9iHYqi20yPiJKw?feature=watch"><img src="http://www.audubonaction.org/images/content/pagebuilder/Youtube-Button.jpg" width="50" height="50"></a><br /></div>
</div>

<div id="content">

<div id="side_con_right">
<div id="side3"><center><font color="#fff"><b><u>LAST RELEASES</u></b></font>ybr /><br />
<a href="http://www.amazon.de/Zwei-Schritte-Vor-Oomph/dp/B007JPE0CI/ref=sr_1_1?ie=UTF8&qid=1335106849&sr=8-1" target="_blank"><img src="http://ecx.images-amazon.com/images/I/61pzAHrzAkL._SL500_AA300_.jpg" width="150" height="150" /><br />!!!OUT NOW!!!</a><br /><br />
<a href="http://www.amazon.de/Wahnsinns-Fette-Beute-Deluxe-Edition/dp/B007Q053HW/ref=sr_1_1?s=music&ie=UTF8&qid=1335107075&sr=1-1" target="_blank"><img src="http://ecx.images-amazon.com/images/I/61hdfeY33vL._SL500_AA300_.jpg" width="150" height="150" /><br />!!!OUT NOW!!!</a></font></center>

</div></div>


</div>



</div>
<div id="footer"><span id="smf"><font face="Arial"><a href="http://darkestcave.de.tl/Sitemap.htm">Sitemap</a></span>
<span id="smf"><font face="Arial"><a href="http://darkestcave.de.tl/Login.htm">Login</a></span>
<span id="smf"><font face="Arial"><a href="http://darkestcave.de.tl/Mitglied-werden.htm">Mitglied werden</a></span>
<span id="smf"><font face="Arial"><a href="http://darkestcave.de.tl/FAQ.htm">FAQ</a></span>
<span id="smf"><font face="Arial"><a href="http://darkestcave.de.tl/Kontakt.htm">Kontakt</a></span>
<span id="smf"><font face="Arial"><a href="http://darkestcave.de.tl/Impressum.htm">Impressum</a></span>


</div></div>

body {
margin-top: 50px;
margin-right: 40px;
margin-bottom: 10px;
margin-left: 40px;
background-color: #000000;
font-family: arial, verdana, sans-serif;
  scrollbar-face-color: #527D94;
  scrollbar-track-color: #071E2A;
  scrollbar-arrow-color: #000000;
  scrollbar-highlight-color: #1D7FB1;
  scrollbar-shadow-color: #5D61FF;
  scrollbar-3dlight-color: #FFB62F;
  scrollbar-darkshadow-color: #000000;

}


#container {
margin: 0 auto; /* zentriert das Design */
width: 1000px;
heigth: 2000px;
}



#header {
  background-image: url(http://img.webme.com/pic/d/darkestcave/headerneulogo.jpg);
  width: 1000px;
  height: 166px;
  border-radius: 0px 0px 20px 20px;
  border-bottom: 1px solid #fff;
}

/*Navigation*/

#nav7 {
  position:relativ;
  background: #000;
  z-index: 500;
}

#nav7 ul {
  float: left;
  list-style-type:none;
  width: 142px;
  margin:0px;
  padding:0px;
  background-color: #000000;
  z-index: 500;

}

#nav7 a {
  text-decoration: none;
  display: block;
  border-bottom: 3px solid #fff;
  border-left: 1px solid #fff;
  border-radius: 20px 0px 10px 20px;
  text-align: center;
  background: #000;
  z-index: 500;
   }

#nav7 a:hover {
  border-bottom: 3px solid #fff;
  border-left: 1px solid #fff;
  border-radius: 20px 0px 10px 20px;
  background: #000033;
  z-index: 500;  }

 
#nav7 li {
  position: relativ;
  z-index: 500;  }

#nav7 ul ul {
  position: absolute;
  z-index: 2;
  display: none;
  z-index: 500;  }
 

#nav7 ul li:hover ul {
  display: block;
  z-index: 500;
}

/*schrifttag*/

#nh { /*Navigationshead schrift*/
  font-size: 1.2em;
  text-align: center;
  line-height: 2.0em;
  font-weight:bold
   }

/*Inhalt Container*/

#main_con {
width: 1000px;
heigth: 1000px;
background-color: #f00;
z-index: 1; }

/*main content*/

#content {
  position: absolute;
  float: left;
  margin-top: 0px;
  margin-left: 200px;
  width: 600px; /* Breite des Inhaltbereichs */
  height: 900px;
  background-color: #030303;
  border-radius: 0px 20px 0px 20px;
  border: 3px;
  padding: 15px; /* Innenabstände des Inhaltsbereiches */
  float: left; /* wird für die Anordnung benötigt (Sidebar rechts neben dem Content */
  overflow: auto;
}


/* Sidebar */

#side_con_left {
  position: relative;
  margin-top: 40px;
  margin-left: 0px;
  float: left;
  width: 190px;
  height: 800px;
  border: 1px;
  background-color: none;
  z-index: 2; }

#side1 {
  position: absolute;
  margin-top: 0px;
  margin-left: 0px;
  padding-left: 5px;
  float: left;
  width: 180px;
  height: 550px;
  background-color: none;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  border-radius: 0px 20px 0px 20px;
  z-index: 3; }

#side2 {
  position: absolute;
  margin-top: 100px;
  margin-left: 0px;
  width: 180px;
  height: 60px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: none;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  border-radius: 0px 20px 0px 20px;
  z-index: 4; }

#side_con_right {
  position: relative;
  margin-top: 0px;
  margin-left: 850px;
  margin-right: 0px;
  width: 170px;
  height: 800px;
  border: 1px;
  background-color: none;
  z-index: 2; }

#side3 {
  position: absolute;
  margin-top: 0px;
  margin-left: 0px;
  padding: 10px;
  width: 160px;
  height: 430px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: none;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  border-radius: 20px 0px 20px 0px;
  z-index: 4; }


/*Footer*/

#footer {
width: 1200px;
padding: 20px 20px 20px 20px;
margin: 0 auto;
background-color: #000000;
border-bottom: 3px solid #000000;
border-radius: 15px 15px 15px 15px; }


/*Display None*/

#design1 {
display: none; }


h1#header, h2#title {
display: none; }

#header_container {
display: none; }

#nav_container {
display: none; }

#nav_heading {
display: none; /* nicht genutzte Klasse wird entfernt */
}

#nav {
display: none; }

#sidebar_container {
display: none; }




</style>