Navigations Frage

<div id="design">
<div id="header">
<h1 class="hptitle">BrushSoul</h1>
<h2 class="slogan">Creative Music & Picture Design...</h2>
</div>

<div id="main">
<div id="menu">
<div id="menu_items">
</a><a href="http://brush-soul.de.tl">Startseite</a>
</a><a href="http://brush-soul.de.tl/Musik.htm">Musik</a>
</a><a href="http://brush-soul.de.tl/G.ae.stebuch.htm">Guestbook</a>
<a href="#">Impressum</a>
<a href="#">Partner</a>
</div></div>

<div id="box">
<div id="btop"></div>
<div id="bbg">
<h1>Navigation</h1>
<h2>Bitte wählen</h2>
<br />

<div id="box_items">
<a href="#">»  Startseite</a>
<a href="#">»  Gästebuch</a>
<a href="#">»  Ihr habt Fragen?</a>
<a href="#">»  Das Team</a>
<a href="#">»  Bestellen</a>
</a><a href="http://brush-soul.de.tl/Top-Musik.htm">Top Musik</a>
</div>
<br />
<h1>Neuigkeiten</h1>
<h2>Aktuelles</h2>
<p>2 Neue Tracks sind fertig!!</p>
<br />
<h1>Tracks</h1>
<h2>von BrushSoul</h2>
<br />
<div id="box_items">
<a href="#">» 1.MixedSoul</a>
<a href="#">» 2.FiRSTMIX</a>
<a href="#">»  </a>
<a href="#">»  </a>
<a href="#">»  </a>
</div>
<br />
</div>
<div id="bbottom"></div>
</div>

<div id="ctop"></div>
<div id="subpage"><h1>Redstar-Black</h1></div>

<div id="cbottom"></div></div>
<div id="footer">
©Copyright 2010 by <a href="#">Homepage</a>.  - Design by <a href="http://www.poddi.de.tl/">Poddi</a></div>
</div>

   /*Redstar Black  -  Copyright by www.Poddi.de.tl*/


    /*VERSTECKT*/

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element checked_menu{display:none;}
li.nav_element subpage{display:none;}
li.nav_element{display:none;}
#nav_container{display:none;}
#sidebar_container{display:none;}
#counter{display:none;}

    /*VERSTECKT ENDE*/



    /*HINTERGRUND*/

body{
    background: #000;
    font-family: verdana, arial, sans-serif;
    font-weight: normal;
    font-size: .69em;
    padding: 0px;
    margin: 0px;
    }
   
    /*HINTERGRUND ENDE*/



    /*FORMATIERUNG*/
*{padding: 0;margin: 0;}

p{
    margin: 0px;
    font-weight: normal;
    padding: 0px 0px 16px 0px;
    line-height: 1.5em;
    }

h1{
    font-family:Arial, Helvetica, Verdana, sans-serif;
    font-weight: bold;
    color: #dc0000;
    }

h2{
    margin: 0px;
    font-size: 100%;
    color: #000000;
    }

a{
    color: #a9ac99;
    text-decoration: none;
    outline: none;
    }

a:hover{
    color: #dc0000;
    text-decoration: underline;
    }



ul, li{
    list-style-type: square;
    }

hr{
    height: 1px;
    border: 0px dashed #ced2ba;
    background-color: #ced2ba;
    margin: 5px;
    }
   
img{
    border: 0px;
    }
   
    /*FORMATIERUNG ENDE*/



    /*DESIGNCONTAINER*/

#design{
    width: 900px;
    margin: 0px auto;
    color: #fff;
    margin-top: 0px;
    font-weight: normal;
    }

#main{
    width: 900px;
    background: url(http://img.webme.com/pic/p/poddi-designs/7_main.png);
    background-repeat: repeat-y;
    float: left;
    clear.both;
    }
   
    /*DESIGNCONTAINER ENDE*/



    /*HEADER*/

h1.hptitle{
    font-family:Arial, Helvetica, Verdana, sans-serif;
    font-weight: bold;
    margin-top: 70px; margin-left: 180px;
    color: #fff;
    }

h2.slogan{
    font-family:Arial, Helvetica, Verdana, sans-serif;
    font-weight: bold;
    margin-top: 0px;
    margin-left: 240px;
    font-size: 120%;
    color: #fff;
    }

#header{
    background-image: url(http://img.webme.com/pic/p/poddi-designs/7_header.png);
    background-repeat: no-repeat;
    width: 900px;
    height: 159px;
    color: #ffffff;
    margin: 0px auto;
    float: left;
    clear:both;
    margin-top: 0px;
    }

    /*HEADER ENDE*/



    /*BOX*/

#box{
    width: 200px;
    color: #000;
    float: left;
    margin-left: 10px;
    }

#btop{
    width: 200px;
    height: 25px;
    background: url(http://img.webme.com/pic/p/poddi-designs/7_btop.png);
    color: #000;
    float: left;
    }

#bbg{
     width: 180px;
    background: url(http://img.webme.com/pic/p/poddi-designs/7_bbg.png);
    color: #000;
    float: left;
    padding: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    }

#bbottom{
    width: 200px;
    height: 5px;
    background: url(http://img.webme.com/pic/p/poddi-designs/7_bbottom.png);
    color: #000;
    float: left;
    }

#box_items a:link,
#box_items a:visited,
#box_items a:hover {
    font-weight: bold;
    width: 159px;
    height: 16px;
    color:#a9ac99;
    display:block;
    padding: 3px;
    border-bottom: 1px solid #ced2ba;
    }

#box_items a:hover {color: #dc0000;
    text-decoration: none;
    font-weight: bold;
    }

    /*BOX ENDE*/



    /*INHALTSBEREICH*/

#subpage{
    width: 638px;
    float: right;
    background: url(http://img.webme.com/pic/p/poddi-designs/7_cbg.png);
    padding-left: 15px;
    padding-right: 15px;
    color: #000;
    margin-right: 10px;
    }

#ctop{
    width: 668px;
    height: 25px;
    float: right;
    background: url(http://img.webme.com/pic/p/poddi-designs/7_ctop.png);
    margin-right: 10px;
    }

#content{
    width: 638px;
    float: right;
    background: url(http://img.webme.com/pic/p/poddi-designs/7_cbg.png);
    padding-left: 15px;
    padding-right: 15px;
    color: #000;
    margin-right: 10px;
    }

#cbottom{
    width: 668px;
    height: 5px;
    float: right;
    background: url(http://img.webme.com/pic/p/poddi-designs/7_cbottom.png);
    margin-right: 10px;
    }
   
    /*INHALTSBEREICH ENDE*/



    /*MENU*/

#menu {
    width: 858px;
    height: 27px;
    background: url(http://img.webme.com/pic/p/poddi-designs/7_nav_bg.png);
    margin: 10px;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    color: #000;
    }


#menu_items a:link,
#menu_items a:visited,
#menu_items a:hover {
    font-weight: bold;
    height: 16px;
    color:#a9ac99;
    display:block;
    float: left;
    border-right: 1px solid #bdbdbd;
    padding: 4px;
    padding-left: 10px;
    padding-right: 10px;
    }

#menu_items a:hover {color: #dc0000;
    text-decoration: none;
    font-weight: bold;
    }

    /*MENU ENDE*/



    /*FOOTER*/

#footer{
    width: 900px;
    min-height: 11px;
    background: url(http://img.webme.com/pic/p/poddi-designs/7_foot.png) no-repeat;
    color: #fff;
    margin-bottom: 20px;
    padding-top: 20px;
    text-align: right;
    float: left;
    clear: both;
    }

#footer a {
    color: #fff;
    text-decoration: underline;
    }

#footer a:hover{
    color: #dc0000;
    text-decoration: underline;
    }

    /*FOOTER ENDE*/



    /*WEITERES*/

input{
    border: 1px solid #bdbdbd;
    background: #e8e8e8;
    padding: 2px;
    }

textarea{
    border: 1px solid #bdbdbd;
    background: #e8e8e8;
    padding: 2px;
    }

input[type=submit]{
    border: 1px solid #bdbdbd;
    background: #e8e8e8;
    padding: 2px;
    cursor: pointer;
    }

    /*WEITERES ENDE*/


   
    /*WERBUNG ZENTRIEREN*/

table[height="102"] {
    margin:auto;
    } 

   /*WERBUNG ZENTRIEREN ENDE*/