Menü Code

/* Diese Klassen werden nicht angezeigt */
#extraDiv1 {display: none;}
 #extraDiv2 {display: none;}
 #extraDiv3 {display: none;}
 #extraDiv4 {display: none;}
 #extraDiv5 {display: none;}
 #extraDiv6 {display: none;}
 #pre_header {display: none;}
 #post_header {display: none;}
 #pre_content {display: none;}
 div.header{display: none;}
 h1#title{display: none;} 

/* Gestalten der Links */
a:link {
color: #66CC00;
font-size: 13px;
text-decoration: none;}

a:visited {
color: #66CC00;
font-size: 13px;
text-decoration: none;}

a:hover {
color: #CCCC00;
font-size: 13px;
text-decoration: none;}

body {background:url(http://img.webme.com/pic/p/pur-fanseite/hintergrundklkl.jpg);}


#header_container {
position: absolute;
left: 50%;
margin-left:-490px;
width: 1012px;
height:302px;
background-color:transparent;
background-image:url(http://img.webme.com/pic/p/pur-fanseite/header.gif);
color:#FFFFFF;
font-size:13px;
border: 1px solid #FFFFFF;}

#content {
position: absolute;
left: 50%;
top: 450px;
margin-left:-400px;
width: 590px;
height: 100%;
padding:10px;
color: #F2F2F2;
font-size:13px;
background-color: #FFFFFF;
background-image:url();
border: 2px solid ##009900;
}

#sidebar_container{
position: absolute;
left: 50%;
top:450px;
margin-left: 300px;
width: 291px;
height: 600px;
background-color:transparent;
background-image:url(http://img.webme.com/pic/p/pur-fanseite/side.jpg);
border:1px solid #FFFFFF;
color:#000000;
}

<!--[if IE]>
    <style type="text/css" media="screen">
    #menu ul li {float: left; width: 100%;}
    </style>
    <![endif]-->

    <!--[if lt IE 7]>
    <style type="text/css" media="screen">
    body {behavior: url(csshover.htc); font-size: 100%;}
    #menu ul li a {height: 1%;}
    }
    </style>
    <![endif]-->



<div id="menu">
    <ul>
      <li><a href="http://www.pur-fanseite.de.tl/Home.htm">Home</a></li>

      <li><a href="http://www.pur-fanseite.de.tl/Band-Geschichte.htm">Band Geschichte</a></li>
        <ul>
        <li><a href="http://www.pur-fanseite.de.tl/1975-_-1990.htm">1975 - 1990</a></li>
        <li><a href="http://www.pur-fanseite.de.tl/1990-_-2000.htm">1990 - 2000</a></li>
        <li><a href="http://www.pur-fanseite.de.tl/2000-_-2008.htm">2000 - 2009</a></li>
        </ul>

      </li>
      <li><a href="http://www.pur-fanseite.de.tl/Musiker.htm">Musiker</a>
        <ul>
        <li><a href="http://www.pur-fanseite.de.tl/Hartmut-Engler.htm">Hartmut Engler</a></li>
        <li><a href="http://www.pur-fanseite.de.tl/Ingo-Reidl.htm">Ingo Reidl</a>
        <li><a href="http://www.pur-fanseite.de.tl/Roland-Bless.htm">Roland Bless</a></li>
        <li><a href="http://www.pur-fanseite.de.tl/Joe-Crawford.htm">Joe Crawford</a></li>
        <li><a href="http://www.pur-fanseite.de.tl/Rudi-Buttas.htm">Rudi Buttas</a></li>
        <li><a href="http://www.pur-fanseite.de.tl/Gastmusiker.htm">Gastmusiker</a></li>


  <li><a href="http://www.pur-fanseite.de.tl/Pur-Live.htm">PUR Live</a></li>
<ul>
        <li><a href="http://www.pur-fanseite.de.tl/Pur-Tour-2009.htm">PUR Tour 2009</a></li>
        <li><a href="http://www.pur-fanseite.de.tl/Live-auf-der-Aida.htm">Live auf der Aida</a></li>
        <li><a href="http://www.pur-fanseite.de.tl/Benefizkonzert.htm">Benefizkonzert</a></li>
        </ul>


      <li><a href="http://www.pur-fanseite.de.tl/Discographie.htm">Discographie</a>
        <ul>
        <li><a href="http://www.pur-fanseite.de.tl/Alben.htm">Alben</a></li>
        <li><a href="http://www.pur-fanseite.de.tl/DVD--s--VHS.htm">VHS / DVD</a></li>
        </ul>
      </li>

<li><a href="http://www.pur-fanseite.de.tl/Pur-B.ue.cher.htm">PURe Bücher</a></li>


      <li><a href="http://www.pur-fanseite.de.tl/Kreatives.htm">Kreatives</a>
        <ul>
        <li><a href="http://www.pur-fanseite.de.tl/Wallpaper.htm">Wallpaper</a></li>

        <li><a href="http://www.pur-fanseite.de.tl/Zeichnungen.htm">Zeichnungen</a></li>


      <li><a href="http://www.pur-fanseite.de.tl/Bilder.htm">Bilder</a></li>


      <li><a href="http://www.pur-fanseite.de.tl/Links.htm">Empfehlungen</a></li>



      <li><a href="http://www.pur-fanseite.de.tl/Impressum.htm">Imppressum</a></li>


</div>


#menu { width: 80px; background: #000099; }

    #menu ul { list-style: none; margin: 0; padding: 0; }

    #menu a, #menu h2 {
      font: bold 11px/16px arial, helvetica, sans-serif;
      display: block;
      border-width: 2px; border-style: solid; border-color: #FFFFFF;
      margin: 0; padding: 2px 3px; }

    #menu h2 { color: #FF8635; background: #96D12C; text-transform: uppercase;
    }

    #menu a { color: #FFFFFF; background: #000099; text-decoration: none; }

    #menu a:hover { color: #FFFF00; background: #000099; }

#menu li { position: relative; }

    #menu ul ul ul {position: absolute; top: 0; left: 100%; width: 100%; }

    div#menu ul ul ul, div#menu ul ul li:hover ul ul {display: none;}

    div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul {display: block;}