Ich bleibe beim du, das ist hier üblich.
Html hat ein paar ziemlich simple Regeln, dazu gehört u.a., dass es Tags gibt, die auch wieder geschlossen werden wollen (Ganz besonders der Body, wobei der zweite sowieso schon falsch war, daher hat das auch nicht mehr viel gemacht) oder das ein Dokument genau einen body-Tag hat.
Arbeitet man mit Boxen, sollte man auf einen vernünftigen Elementfluss achten (Was bei dir im Vergleich zu 90% der anderen User hier sogar ganz Ok ist.). Ein Anweisungsblock wird allerdings von genau einer { und einer } umschlossen. Will man keine Hintergrundgrafik, muss man die entsprechende Eigenschaft auch nicht definieren. Außerdem definierst du Styles für Elemente, die bei dir gar nicht existieren.
Lösche alles bei "Text über dem Design" und "Text unter dem Design" raus. In deinem CSS habe ich ein paar Sachen abgeändert bzw. ergänzt. Damit hast dann eine Grundlage zum arbeiten, den Rest darfst aber selbst machen (Ich weiß ja auch nicht, wo du hin willst):
Zitat: /*VERSTECKT*/
#header_container{display:none;}
#title{display:none;}
#counter{display:none;}
#sidebar_container{display:none;}
/*VERSTECKT ENDE*/
*{margin: 0; padding:0;}
/*HINTERGRUND*/
body{
background-image: url(http://img.webme.com/pic/u/unrealityzocker/bg.jpg);
background-color: #ececec;
background-repeat: repeat-x;
background-attachment:fixed;
font-family: arial, sans-serif;
font-size: 12px;
}
/*HINTERGRUND ENDE*/
/*FORMATIERUNGEN*/
h1,h2{
margin-top: 4px;
margin-bottom: 4px;
}
h1{
color: #0028c0;
font-size: 18px;
font-weight: normal;
}
h2{
color: #001a7c;
font-size: 14px;
font-weight: normal;
}
a{
color: #0028c0;
font-style: italic;
text-decoration: none;
}
a:hover{
color: #001a7c;
}
hr{
height: 1px;
border: 0px solid #e0e0e0;
background-color: #e0e0e0;
margin: 5px;
margin-left: 0px;
margin-right: 0px;}
/*FORMATIERUNGEN ENDE*/
/*DESIGNCONTAINER*/
#dream{
width: 802px;
margin: 0px auto;
background: transparent;
}
/*DESIGNCONTAINER ENDE*/
/*HEADER*/
#wolke{
margin-left: 80px;
margin-top: 10px;
width: 220px;
height: 66px;
text-align: center;
font-weight: normal;
font-size: 25px;
color: #0028c0;
padding-top: 27px;
float: left;
}
#slogan{
font-size: 14px;
font-style: italic;
color: #ffffff;
float: left;
margin-top: 60px;
}
/*HEADER ENDE*/
#container{
width:800px;
overflow:hidden;
margin:0 auto;
}
/*NAVIGATION*/
#nav_container:before{
content: url(http://img.webme.com/pic/u/unrealityy/dream_navl.png);
width: 20px;
height: 43px;
margin: 0px 0px 0px -20px;
float: left;
}
#webme_footer_textlink_dont_hide{
display:block;
margin:10px 0 50px;
text-align:center;
color:black;
background:none;
}
#nav_container:after{
content: url(http://img.webme.com/pic/u/unrealityy/dream_navr.png);
width: 20px;
height: 43px;
margin: 0px -20px 0px 0px;
float: right;
}
#nav_container{
background: url(http://img.webme.com/pic/u/unrealityy/dream_navbg.png) repeat-x;
width: 760px;
height: 43px;
margin: 5px 0px 0px 20px;
padding: 0px;
float: left;
clear:both;
}
#nav_heading{
display:none;
}
#nav{
list-style-type: none;
}
li.nav_element{
float: left;
display:block;
color: #449100;
margin: 17px 10px 0px 10px;
}
li.checked_menu:before {
content: url(http://img.webme.com/pic/u/unrealityy/dream_tabl.png);
height: 43px;
width: 11px;
margin: 0px 0px 0px -11px;
float: left;
}
li.checked_menu:after{
content: url(http://img.webme.com/pic/u/unrealityy/dream_tabr.png);
height: 43px;
width: 11px;
display:block;
margin: 0px -11px 0px 0px;
float: right;
}
li.checked_menu {
background: url(http://img.webme.com/pic/u/unrealityy/dream_tabbg.png) repeat-x;
height: 43px;
margin: 0px 10px 0px 10px;
float: left;
display:block;
}
li.subpage a{
font-style: italic;}
li.subpage a:before{
content: "» ";}
li.checked_menu a{
font-weight: bold;
color: #0028c0;
font-size: 13px;
margin: 15px 7px 0px 7px;
}
li.checked_menu a:hover{
text-decoration: none;
color: #001a7c;
}
a.menu{
display:block;
float: left;
color: #fff;
font-style: normal;
text-decoration: none;
padding: 2px
}
a.menu:hover{
text-decoration: underline;
}
/*NAVIGATION ENDE*/
/*INHALTSBEREICH*/
#content_container{
background: transparent;
width: 800px;
min-height: 421px;
float: left;}
#pre_content{
width: 16px;
height: 421px;
float: left;}
#content{
width: 726px;
padding: 110px 20px 20px 20px;
background-color: #ffffff;
background-repeat: repeat-x;
float: left;
min-height: 421px;
color: #333333;
border: 1px solid #dad8db;
}
#post_content{
width: 16px;
height: 421px;
float: right;}
/*INHALTSBEREICH ENDE*/
/*FOOTER*/
#copyright{
color: #6b6b6b;
text-align: center;
width: 800px;
float: left;
margin: 20px 0px 20px 0px;
}
/*FOOTER ENDE*/
/*WERBUNG ZENTRIEREN*/
table[height="102"] {
margin:0 auto; }
/*WERBUNG ZENTRIEREN ENDE*/