[TYPO3-german] CSS: class im "id-Bereich" wird nicht angenommen.

[Sven Brockshus]

hallo,

ich habe mit CSS ein barierefreies layout gebastel. im groben sieht der 
quelltext der seite folgendermaßen aussieht:

***schnipp***
<div id="Inhalt">
	<h2>eine überschrift</h2>

<p>&nbsp;</p>
<p>standart text</p>
<p class="align-center">zentrierter text</p>
</div>
***schnapp***

und genau um den zentrieten text geht es. der id=Inhalt bereich sieht so aus 
(und funzt auch):

  div#Inhalt {
    background-color: #FFFFFF;
    color: #000000;
    line-height: 1,2em;
    text-align: justify;
    width: 980px;
    max-width: 980px;
    min-height: 400px;
    padding-left: 0px;
    padding-left: 0px;
    padding-top: 15px;
border: 1px dashed black; 
  }

die klasse allign-center sieht so aus:
(und wird überhaupt nicht angenommen)

.align-center {
  text-align:center;
    color: red;
}

ich habe auch schon mit p.allign-center und *.allign-center rumgespielt, aber 
auch keinen erfolg gehabt.

meine frage(n): ist es generell nicht möglich id und class zu verschachteln?
kann ich typo3 sagen, dass ich etwas wie <p id="allign-center">|</p> haben 
möchte? oder gibt es einen anderen workaround?

vielen dank,

svenna