html
{
  padding: 0px;
  margin: 0px;
  width: 100%;
  height: 100%;
}

body
{
  font-size: 0.7em;
  line-height: 1.2em;
  font-family: arial, helvetica, verdana;
  background: #FCE9A5;
  color: #013602;
  width: 100%;
  height: 100%;
  padding: 0px;
  margin: 0px;
}

#wrapper
{
  width: 758px;
  background: #fff;
  height: 100%;
  border-right: 10px solid #fff;
  margin: 0px auto;
  border-left: 24px solid #FCE9A5;
}

#banner
{
  height: 165px; 
  position: relative;
}

#lngswitch
{
  position: absolute;
  top: 210px;
  left: 450px;
  z-index: 120;
}

#lngswitch img
{
  border: 0px;
}

#logos
{
  position: absolute;
  top: 189px;
  left: 555px;
  z-index: 100;
  width: 300px;
}

#menu
{
  background: #0c569d url(../img/molecaten/menuBottom.jpg) no-repeat left bottom;
  width: 126px;
}

#menu .groen a:hover
{
  background: #A1CD6E;
}

#menu .lichtgroen a:hover
{
    background: #42A1D1; 
}

#menu .geel a:hover
{
  background: #A1CD6E;
}

#menu .oranje a:hover
{
  background: #A1CD6E;
}

#menu .blaauw a:hover
{
  background: #A1CD6E;
}

#navigatie
{
  padding-top: 70px;
  background: url(../img/molecaten/menuBg.jpg) no-repeat left top;
  padding-left: 2px;
  padding-right: 2px;
  width: 124px;
  height: 140px;
  font-weight: bold;
  color: #CAEC61;
}

#navigatie a
{
  color: #fff;
  text-decoration: none;
  display: block;
  padding: 4px 0px 4px 14px;
  font-weight: normal;
}

#navigatie a:hover
{
  color: #3C4D06;
  text-decoration: none;
  background: #A9D272; 
}

#rollover  a:hover
{
  background: #41A0D0;
  color: #fff;
}

#mainTable
{
  border: 0px;
  width: 100%;
}

#mainTable td
{
  vertical-align: top;
}

h1
{
  background: #cbed63 url(../img/molecaten/h1bg-groen.jpg) repeat-x left bottom;
  color: #3a4f00;
  font-family: times;
  font-weight: normal;
  font-size: 18px;
  padding: 14px 0px 0px 22px;
  margin: 0px;
  margin-bottom: 22px;
  height: 25px;
}

h1.groen
{
  background:  url(../img/molecaten/h1bg-groen.jpg) repeat-x left bottom;
  color: #3A5103;
}

h1.lichtgroen
{
  background: url(../img/molecaten/h1bg-lichtgroen.jpg) repeat-x left bottom;
  color: #fff;
}

h1.oranje
{
  background: url(../img/molecaten/h1bg-oranje.jpg) repeat-x left bottom;
  color: #fff;
}

h1.geel
{
  background:  url(../img/molecaten/h1bg-geel.jpg) repeat-x left bottom;
  color: #fff;
}

h1.blaauw
{
  background:  url(../img/molecaten/h1bg-blaauw.jpg) repeat-x left bottom;
  color: #fff;
}

.panel
{
  width: 193px;
  position: relative;
  margin: 8px 12px 8px 12px;
}

.panel .panelContent
{
  background: #CBED63 url(../img/molecaten/panelBg.jpg) no-repeat left bottom;
  padding: 8px;
  color: #394E00;
}

.panel .panelContentOranje
{
  background:  url(../img/molecaten/panelBg-oranje.jpg) no-repeat left bottom;
  padding: 8px;
}

.panel .panelContentGeel
{
  background:  url(../img/molecaten/panelBg-geel.jpg) no-repeat left bottom;
  padding: 8px;
}

.panel h2
{
  text-align: center;
  color: #fff;
  font-family: verdana;
  font-size: 12px;
  display: block;
  margin: 0px;
  padding: 4px 0px 4px 0px;
}

h2.rood
{
  background: url(../img/molecaten/panelTopRed.jpg) no-repeat left top;
}

h2.blaauw
{
  background: url(../img/molecaten/panelTopBlue.jpg) no-repeat left top;
}

h2.groen
{
  background: #fff url(../img/molecaten/panelTopGreen.jpg) no-repeat left top;
}

h2.oranje
{
  background: url(../img/molecaten/panelTopOrange.jpg) no-repeat left top;
}

h2.oranje2
{
  background: url(../img/molecaten/panelTopOrange2.jpg) no-repeat left top; 
}

h2.blaauw2
{
  background: url(../img/molecaten/panelTopBlue2.jpg) no-repeat left top;
}

h2.panel p
{
  margin: 0px;
  padding: 8px;
  color: #3C4C01;
}

.contentDiv
{
  padding: 8px 0px 8px 24px;
  margin-right: 220px;
}

.clearAll
{
  clear: both;
}

#footer
{
    background: url(../img/molecaten/footer.jpg) no-repeat left bottom;
    height: 20px;
    left: 0px;
    bottom: 0px;
    text-align: right;
    padding-top: 30px;
    padding-right: 24px;
}

#footer a
{
  color: #fff;
  text-decoration: none;
}

img.imageRight
{
  float: right;
  margin-left: 18px;
}

#bannerMenu
{
   padding-left: 203px;  
}

#bannerMenu2
{
   padding-left: 115px;  
}

#bannerMenu a
{
  border: 1px solid #4394C9;  
  padding: 0px;
  display: block;
  width: 107px;
  float: left;
  margin-right: 1px;
  margin-top: 4px;
}

#bannerMenu a:hover
{
  border: 1px solid yellow;
  padding: 0px;
  display: block;
  width: 107px;
  float: left;
  margin-right: 1px;
  margin-top: 4px;
}

#bannerMenu img, #bannerMenu2 img
{
  border: 0px;
}

#bannerMenu2 a
{
  border: 1px solid #4394C9;  
  padding: 0px;
  display: block;
  width: 102px;
  float: left;
  margin-right: 1px;
  margin-top: 4px;
}

#bannerMenu2 a:hover
{
  border: 1px solid yellow;
  padding: 0px;
  display: block;
  width: 102px;
  float: left;
  margin-right: 1px;
  margin-top: 4px;
}



td.groen    {    background-color: #99CC01;   }
td.lichtgroen    {    background-color: #CBED63;   }
td.blaauw   {    background-color: #99C8E2;   }
td.blaauw2  {    background-color: #99C8E2;   }
td.rood     {    background-color: #99CC01;   }
td.geel     {    background-color: #FFF20D;   }
td.oranje   {    background-color: #F9EDA1;   }
td.oranje2  {    background-color: #F9EDA1;   }

/* typeinfo panel styles*/
 
.typeInfoPanel 
{
  width: 100%;
  border-bottom: 1px solid #0C569D;
  padding: 12px 4px;
}
 
.typeInfoPanel img
{
  float: left;
  width: 140px;   
}

.typeInfoPanel h2
{
  font-size: 14px;
  font-weight: bold;
}

.typeInfoPanel p, .typeInfoPanel h2
{
  padding-left: 160px;
}

.typeInfoPanel a.button
{
  display: block ! important;
  float: left;
  color: #fff ! important;  
  padding: 2px 6px;
  background: #0C569D;
  text-decoration: none ! important;
  margin-right: 3px;
  font-size: 10px;
}


.typeInfoPanel a.button:hover
{
  color: #000;
  background: #0088CA;
}

.fakeImage
{
  width: 140px;
  height: 70px;
  padding-top: 50px;
  float: left;
  background: grey;
} 

.whiteLink
{
  color: #fff;
}

.brochureForm input
{
  width: 44px;
}


#navigatie2
{
  padding-top: 70px;
  padding-left: 2px;
  padding-right: 2px;
  width: 124px;
  height: 140px;
  font-weight: bold;
  color: #FFFFFF;
}

#navigatie2 a
{
  color: #fff;
  text-decoration: none;
  display: block;
  padding: 4px 0px 4px 0px;
  font-weight: normal;
}

#navigatie2 a:hover
{
  color: #3C4D06;
  text-decoration: none;
  background: #A9D272; 
}

#rollover2  a:hover
{
  background: #41A0D0;
  color: #fff;
}

div.f_l_130_shadow {
  background: url(../img/euroase/bg_l_f_130.gif) no-repeat top left;
  width: 10000px;
  height: 10000px;
  display: block;
}

div.f_130_shadow {
  padding: 2px 8px 8px 2px;
  background: url(../img/euroase/bg_f_130.gif) no-repeat top left;
}

div.f_130_shadow_light {
  padding: 2px 8px 8px 2px;
  background: #ECF4E6 url(../img/euroase/bg_f_130_light.gif) no-repeat top left;
}

<!-- aanbiedingen opbouw-->

.productList
{
  padding: 12px 12px 12px 12px;
}

.productList .productImage
{
  width: 100px;
  height: 100px;
  float: left;
  border: 2px solid white;
  margin: 5px;
}

.productList .content
{
  position: relative;
  margin-left: 146px;
  margin-bottom: 0px;
  _margin-bottom: -10px;
  padding: 5px;
}


.clearAll
{
  clear: both;
  height: 1px;
  _margin-bottom: 10px;
}

a.productListButton
{
  float: right ;
  display: block;
  padding: 4px 12px 4px 12px;
  color: #fff;
  background: #0c569d;
  text-decoration: none;
  margin-right: 10px;
  _margin: 0px 0px -20px 0px;
  position: absolute right;
  width: auto;
}

a.productListButton:hover
{
  background: #3c4e02;
  color: #ffffff;
}

a.productListButtonwk
{
  float: right ;
  display: block;
  padding: 4px 12px 4px 12px;
  color: #fff;
  background: #DE6100;
  text-decoration: none;
  margin: 0px;
  _margin: 0px 0px -20px 0px;
  position: absolute right;
  width: auto;
}

a.productListButtonwk:hover
{
  background: #F8AD4D;
}

a.productListButtonLeft
{
  float: left;
  display: block;
  padding: 4px 12px 4px 12px;
  color: #fff;
  background: #552D9D;
  text-decoration: none;
}

a.productListButtonLeft:hover
{
  background: #B3A1D3;
  color: #552d9d;
}

.productList .price
{
  float: right;
  font-size: 18px;
  font-weight: bold;
  color: #552d9d;
}

}

.productsList .details
{
  color: #552d9d;
  font-style: italic;
  padding-top: 5px;
}