@media screen {
  
  * { box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; }
  
  body { margin: 0; padding: 0; font-size: 12px; font-family: Verdana; background: url('../img/bg-grad-groen.png') white no-repeat; }
  
  #wrapper { position: relative; width: 950px; margin: 0 auto; }
  
  
  #content_wrapper { position: relative; overflow: hidden; height: 389px; padding: 140px 0 50px 420px; margin-left: 194px; text-align: right; background: url('../img/bg-bloem.jpg') no-repeat; }
  #content { overflow: auto; overflow-x: hidden; height: 370px; padding-right: 30px; margin-bottom: 50px; }
/*  #content h1 { display: none; } tmp */
  #content p { margin: 12px 0; font-size: 12px; line-height: 16px; }
  #content strong { color: #ec008c; }
  #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { color: #ec008c; }
  
  
  form { }
  form label { display: block; width: 100%; }
  form span { float: left; text-align: left; }
  form input { width: 175px; border: 1px inset #84A42D; opacity: 0.5; }
  form textarea { width: 100%; border: 1px inset #84A42D; opacity: 0.5; }
  form input.submit { width: auto; border: 1px outset black; opacity: 1; }
  
  
  
  #menu { position: absolute; top: 125px; left: 0; width: 194px; min-height: 584px; background: url('../img/bg-menu.jpg') no-repeat top right; }
  #menu hr, #menu h2 { display: none; }
  
  #menu ul { margin: 0; padding: 0; }
  #menu li ul { margin-bottom: 20px; }
  #menu li { margin: 0; padding: 0; margin-top: 4px; list-style-type: none; }
  #menu li li { margin-top: 0; }
  
  #menu li a  { display: block; width: 191px; height: 35px; background: url('') no-repeat top left; }
  #menu li.active a { background-position: bottom left; }
  #menu li.active li a { background-position: top left; }
  #menu li li.active a { background-position: bottom left; }
  #menu li a:hover, #menu li.active li a:hover { background-position: bottom left; }
  #menu li li a { height: 25px; }
  #menu li span { display: none; }

  #menu > ul { margin-bottom: 20px;} 

/*
2010-02-05, Eelco:
To support IE6, child selectors have been removed from the code. This causes the menu 
to be less robust. To make sure the menu keeps working properly, please pay attention 
to order the css for the menu in top-down fashion. This means, first define all top 
level menu elements, then continue with second layer, and so on. In this way the menu 
will keep on working properly.
*/

/* Top level menu items */
#menu #btn-over-go2people a { background-image:url('../img/btn-over go2people.png'); }
#menu #btn-werkwijze a { background-image:url('../img/btn-werkwijze.png'); }
#menu #btn-productinformatie a { background-image:url('../img/btn-productinformatie.png'); }
#menu #btn-product-portfolio a { background-image:url('../img/btn-product portfolio.png'); }
#menu #btn-service a { background-image:url('../img/btn-service.png'); }
#menu #btn-contact a { background-image:url('../img/btn-contact.png'); }
#menu #btn-gesponsorde-projecten a { background-image:url('../img/btn-gesponsorde projecten.png'); } 

/* Second level menu items */
#menu #btn-missie a { background-image:url('../img/btn-missie.png'); }
#menu #btn-visie a { background-image:url('../img/btn-visie.png'); }
#menu #btn-medewerkers a { background-image:url('../img/btn-medewerkers.png'); }
#menu #btn-partners a { background-image:url('../img/btn-partners.png'); }
#menu #btn-niet-goed-geld-terug a { background-image:url('../img/btn-garantie.png'); }
#menu #btn-20-winst-naar-wereldverbetering a { background-image:url('../img/btn-wereldverbetering.png'); }
#menu #btn-begeleiding a { background-image:url('../img/btn-begeleiding.png'); }
#menu #btn-aanpassen a { background-image:url('../img/btn-aanpassen.png'); }
#menu #btn-piccolo-cms-pakket a { background-image:url('../img/btn-piccolo cms.png'); }
#menu #btn-trumpet-cms-pakket a { background-image:url('../img/btn-trumpet cms.png'); }
#menu #btn-professioneel-website-design a { background-image:url('../img/btn-webdesign.png'); }
#menu #btn-professioneel-customized-design a { background-image:url('../img/btn-customized design.png'); }
#menu #btn-adreswerk a { background-image:url('../img/btn-adreswerk.png'); }
#menu #btn-hosting a { background-image:url('../img/btn-hosting.png'); }
#menu #btn-onderhoud a { background-image:url('../img/btn-onderhoud.png'); }
#menu #btn-algemene-voorwaarden a { background-image:url('../img/btn-voorwaarden.png'); }
#menu #btn-anti-spam-beleid a { background-image:url('../img/btn-anti spam beleid.png'); }
#menu #btn-veel-gestelde-vragen a { background-image:url('../img/btn-vragen.png'); }

/* End menu */
  
  
  #footer { position: relative; top: -8px; left: 50px; height: 139px; width: 840px; margin: 0; margin-left: 144px; padding: 0; background: url('../img/bg-footer.png') #a6ce39 repeat-x; }
  #footer hr, #footer h2 { display: none; }
  #footer p { margin: 0; padding: 0; }
  
  #footer p.contact { position: absolute; display: block; width: 396px; height: 189px; left: 350px; top: -60px; background: url('../img/kaartje.png') no-repeat; }
  #footer p.contact * { display: none; }
  
  #footer p.copyright { position: absolute; height: 133px; display: block; padding-left: 140px; padding-top: 14px; color: white; font-size: 11px; letter-spacing: 1px; background: url('../img/bg-left-bottom-corner.png') no-repeat; }
  
  
  #logo { position: absolute; left: 0; top: 0; height: 125px; width: 950px; }
  #logo h2 { position: absolute; left: -5px; top: 40px; margin: 0; padding: 0; }
  #logo a img { border: 0; }
  
  #logo p { position: absolute; display: block; width: 342px; height: 94px; top: 25px; right: 30px; margin: 0; padding: 0; background: url('../img/webdromen.png') no-repeat; }
  #logo p strong { display: none; }
    
}