I'm building a website with 8 different containers. Each of them have a different title en content color. I fixed the title color for each container, but i do not know how to get this done for the content.

I tried p.blauw {

color:red;

}

I tried p#contentpane.blauw {

color:red;

}

I tried #contentpane.blauw p{

color:red;

}

<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>

How can i do this?

This is what I do.  Same concept applies to TABLE containers.  TITLE => .Head,  ContentPane => .Normal    If you want to have different styles for each container then you need to nest the selector.

HTML

<div class="c1_title"> [TITLE] </div>

<div class="c1_content">  <div id="ContentPane"></div>  </div>

CSS

.c1_title .Head { }

.c1_title .Normal { }

--Table equvalent--

CSS is the same.

HTML
<tr><td class="c1_title">[TITLE]</td></tr>
<tr><td class="c1_content"><div id="ContentPane"  runat="server"></div> </td></tr>