html{ background:#A0C600; font-family:Arial;}
body{ width:860px; background:#F2F2F2; margin:0 auto; font-size:13px; color:#000; line-height:20px;}

 #header{ height:130px; position:relative; overflow:hidden;}
  #header .logo{  position:absolute; top:10px; left:0px;}
   #header .logo a{ text-indent:-9999em; width:233px; height:51px; display:block;  background:url(../images/logo.png) no-repeat top left;}
 
 
/*default settings*/
 p{ margin: 0 0 12px 0; }
 h1, h2, h3, h4, h5, .h3{ color:#024949; font-weight:normal; font-family: 'PTSansCaptionBold', sans-serif; }
  h2{ font-size:21px; line-height:26px; margin-bottom:16px;}
  h2.special{font-size:18px; margin-top:32px; line-height:22px;}
  h3, .h3{ font-size:14px; }
  h3 span{ color:#4F3B30; font-size:14px; }
 
 a{ color:#FF7900; }
  a:hover{ text-decoration: none; }
  
 /*Navigation */
#mainNavigation{position:absolute;  top:97px; left:10px; overflow:hidden; width:100%;  height:33px;}
 ul#mainNavigation li{ list-style: none; display:inline; float:left; }
   ul#mainNavigation li a{  text-indent:-9999em; background:url(../images/menu.png) no-repeat top left;  height:33px;margin-right:2px; }
  

   ul#mainNavigation li.schoonmaak a{ width:117px;height:33px; display:block; background-position: 0 0; }
    ul#mainNavigation li.schoonmaak a:hover{ background-position: 0 -33px; }
     ul#mainNavigation li.schoonmaak a.active{ background-position: 0 -66px; }
  
   ul#mainNavigation li.gevelreiniging a{width:131px;height:33px;  display:block;  background-position: -120px 0;}
    ul#mainNavigation li.gevelreiniging a:hover{ background-position: -120px -33px; }
     ul#mainNavigation li.gevelreiniging a.active{ background-position: -120px -66px; }
  
  ul#mainNavigation li.glasbewassing a{ width:129px;height:33px; display:block; background-position: -255px 0;  }
    ul#mainNavigation li.glasbewassing a:hover{ background-position: -255px -33px; }
    ul#mainNavigation li.glasbewassing a.active{ background-position: -255px -66px; }
   
   ul#mainNavigation li.vloeronderhoud a{ width:145px;height:33px; display:block; background-position: -387px 0;}
    ul#mainNavigation li.vloeronderhoud a:hover{ background-position: -387px -33px; }
     ul#mainNavigation li.vloeronderhoud a.active{ background-position: -387px -66px; }
   
   ul#mainNavigation li.containerreiniging a{ width:168px;height:33px; display:block; background-position: -536px 0;}
    ul#mainNavigation li.containerreiniging a:hover{ background-position: -536px -33px; }
      ul#mainNavigation li.containerreiniging a.active{ background-position: -536px -66px; }
   
   ul#mainNavigation li.contact a{ width:79px;height:33px; display:block;background-position: -706px 0;}
    ul#mainNavigation li.contact a:hover{ background-position: -706px -33px; }
     ul#mainNavigation li.contact a.active{ background-position: -706px -66px; }
   
   
   ul#mainNavigation li.home a{ margin-right:5px; width:35px;height:33px; display:block;background-position: -815px 0;}
    ul#mainNavigation li.home a:hover{ background-position: -815px -33px; }
     ul#mainNavigation li.home a.active{ background-position: -815px -66px; }  
   
   
   .abonnement{margin-top:35px; }  
 
 .left{ float:left; margin:0 15px 20px 0;}
.note{ font-size: 12px; line-height:16px; margin-top:5px; color:#333;}
.supermargintop{margin-top:20px; padding-top:20px;border-top:solid 2px #fff; } 
 
 #container{ padding:30px 320px 25px 24px; overflow:hidden;  width:506px; min-height:500px; height:auto !important; height:500px;}
#containerLarge{ padding:30px 320px 25px 24px; overflow:hidden;  width:806px; min-height:500px; height:auto !important; height:500px;}

#container ul {margin-bottom:20px;}
 
  #sidebar{  width:260px; margin-right:-310px; padding: 10px 0 0 20px; float:right; display:inline; border-left:solid 4px #fff; }
 
 #footer{  background:#A0C600; height:20px; padding-top:12px; font-size:10px;}