I'm building a dnn site with 8 different containers. Each container has it's own content font color. I don't know how to define the classes in my stylesheet. Two different containers:

Container with blue background en white text

<table class="blauw" width="100%" border="0" bgcolor="#00aeef">
<tr><td class="titel">[TITLE]</td></tr>
<tr><td id="ContentPane" runat="server">[ACTIONS]</td></tr></table>

Container with white background en black text

<table class="groeneletters" width="100%" border="0" bgcolor="#ffffff">
<tr><td class="titel">[TITLE]</td></tr>
<tr><td  id="ContentPane" runat="server">[ACTIONS]</td></tr></table>

I tried different solutions:

#contentpane.Groeneletters p {
color:black;}

p#contentpane.Groeneletters {
color:black;}

p.Groeneletters {
color:black;}

How can I do this

Thanks for your reply. I know that .groeneletters td works for me but I will use it als for padding. So if I use .groeneletters td it applies to the whole table. And that's not what I want.

I only want to manipulate the td with the modules: <td class="tekst" id="ContentPane" runat="server">[ACTIONS]</td>

So I want to combine the class of the table and the id of the td.

"groeneletters" is used because this container contains a green head title, so it can be recognized easily.

.groeneletters .tekst {color:black;} doesn't work

This works:

.groeneletters .Normal {color:black;}

Thanks anyway