title: Change background color of main content blocks on different pages
body: <p>I'm trying to get a different background color for each different main content block on the pages on this website: <a href="http://www.amachielsenadvies.nl" rel="nofollow">http://www.amachielsenadvies.nl</a> .</p>
  
  <p>So far I have found out that this line in css can control the background color:</p>
  
  <pre><code>.sidebarwidth .box.one { background-color: #f8dffc;} 
  </code></pre>
  
  <p>but I want a different color on different pages. A page ID i have found is 18 (or post ID), but it is unclear what has to be added in css to accomplish</p>
  
  <p>Can anyone help me with that?</p>