[erledigt] Wie bekomme ich den Textbereich in meinen css cod

Text über dem Design:

<div id="body"></div>
<div id="seitenbereich">
<div id="header">kein Text kommt hier hin kommt nacher ein
Header-Bild rein
</div>
<div id="steuerung">
<a href="index.htm">Startseite</a>
<a href="ueber-mich.htm">Über mich</a>
</div>


<div id="navi">
<ul>
<li><a href="index.htm">Home</a></li>
<li><a href="ueber-mich.htm">Über mich</a></li>
<ul>
<li><a href="impressum.htm">Impressum</a></li>
</ul>
<li><a href="impressum.htm">Impressum</a></li>
<li><a href="index.htm">Startseite</a></li>
<li><a href="ueber-mich.htm">Über mich</a></li>
<li><a href="impressum.htm">Impressum</a></li>
</ul>
</div>
<div id="navi2">
<ul>
<li><a href="index.htm">Home</a></li>
<li><a href="ueber-mich.htm">Über mich</a></li>
<ul>
<li><a href="impressum.htm">Impressum</a></li>
</ul>
<li><a href="impressum.htm">Impressum</a></li>
<li><a href="index.htm">Startseite</a></li>
<li><a href="ueber-mich.htm">Über mich</a></li>
<li><a href="impressum.htm">Impressum</a></li>
</ul>
</div>

<div id="inhalt"></div>

<div id="steuerung_unten">
</div>
</div>
</div>

div#nav_container{visibility: hidden;}
li.nav_element{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
li.nav_element{display: none;}
li.nav_element a{display: none;}
div.header{display: none;}

body {background-color:#DEDEDE;
}
body {
text-align: center; /* Zentrierung IE */
}
#seitenbereich {
text-align:left; /* Inhalt wieder links */
margin: 0 auto; /* Zentrierung mitte */
width: 980px;
height:620px;
background-color:white;
}
#header {
background-color:#000000;
background-image:url();
height:180px;
}
#steuerung {
clear:both;
background-color:#ceb98e;
padding-left:45em;
}
#steuerung_unten{
clear:left;
background-color:#ceb98e;
padding-right:1em;
height:50px;
background-image:url();
}

#navi {
float:left;
width:165px;
height:auto;
background-color:green;
border-right: 4px black solid;
border-left: 4px black solid;
border-top: 4px black solid;
border-bottom: 4px black solid;
-moz-border-radius: 30px;
-khtml-border-radius:30px;
}
#navi2 {
float:left;
width:165px;
margin-top:200px;
margin-left:-173px;
height:auto;
background-color:green;
border-right: 4px black solid;
border-left: 4px black solid;
border-top: 4px black solid;
border-bottom: 4px black solid;
-moz-border-radius: 30px;
-khtml-border-radius:30px;
}

#inhalt {
margin-left: 0em;
background-color:red;
text-align:center; /* Inhalt wieder links */
height:420px;
font-size:20px;
overflow:auto;
}

Testeite
jetzt fehlt nur noch der Inhalt dort wo er hin soll!

<div id="inhalt">Testeite
jetzt fehlt nur noch der Inhalt dort wo er hin soll!</div>

#content {