html {
  height: 100%;
  max-height: 100%;
  padding:0; 
  margin:0; 
  border:0;
  overflow: hidden;
}

body {  
  padding:0; 
  margin:0; 
  border:0;
  overflow:hidden; 
  height: 100%;
  max-height:100%;

  scrollbar-arrow-color: #000000;
  scrollbar-face-color: #ffffff;
  scrollbar-track-color: #ffffff;

  scrollbar-highlight-color: #000000;
  scrollbar-shadow-color: #000000;

  scrollbar-3dlight-color: #ffffff;
  scrollbar-darkshadow-color: #ffffff;

  background-color: #cccccc;
  font-family: verdana;
}

.basis {
  position: absolute;
  overflow: hidden;

  width: 800px;
  height: 100%; 
  top: 0px;
  left: 50%;
  margin-top: 0px;
  margin-left: -400px;

  background-color: #FFFFFF;
  border-right: solid 1px #000000;
  border-left: solid 1px #000000; 
}

.logo { 
  position: absolute;
  width: 145px;
  height: 42px;
  top: 0px;
  left: 0px;
  background-image: url(images/logo.png);
  background-repeat:no-repeat; 
  z-index: 2;
}

.tab { 
  position: absolute;
  width: 146px;
  height: 37px;
  top: 0px;
  overflow:hidden;
  border-top: 5px solid #ffffff;
}

.tab_cro { left: 145px;} 
.tab_pro { left: 292px;}
.tab_ref { left: 440px;}

.ico { position: absolute;top: 3px;width: 30px;height: 30px;background-repeat: no-repeat; }
.ico_cro { left: 19px;background-image: url(images/crone_symbool.png); }
.ico_pro { left: 10px;background-image: url(images/producten_symbool.png); }
.ico_ref { left: 10px;background-image: url(images/referenties_symbool.png); }

.woord { position: absolute;top: 13px;height: 14px;background-repeat: no-repeat; }
.woord_cro { left:53px;width:48px;}
.woord_pro { left:44px;width:89px;}
.woord_ref { left:44px;width:92px;}

.tab_button {
  position: absolute;

  width: 100%;
  height: 100%; 
  top: 0px;
  left: 0px;

  cursor: pointer;
}

.acc { position: absolute;width: 148px; height: 1px;top: 41px;overflow: hidden; }

.zoek_blok {
  position: absolute;
  width: 214px;
  height: 42px;
  top: 0px;
  left: 586px;
  background-color: #000000; 
}

.taal { 
  position: absolute;
  width: 200px;
  height: 20px; 
  top: 10px;
  left: 10px;
  font-size: 8pt;
  color: #FFFFFF;
  vertical-align: baseline;
  text-align: center;
}

.taalselect {
  font-size: 8pt;
  color: #000000;
}




.flash { 
  position: absolute;
  width: 800px;
  height: 175px;
  top: 47px;
  left: 0px;
  background-color: #ffffff;
  background-repeat: no-repeat;
}



.menubalk { 
  position: absolute;
  width: 800px;
  height: 30px;
  top: 227px;
  left: 0px;
  overflow: hidden;
}

.menulinks {
  position: absolute;
  width: 563px;
  top: 5px;
  left: 20px;
  overflow: hidden;
}

.koprechts {
  position: absolute;
  width: 194px;
  top: 5px;
  left: 596px;
  overflow: hidden;
}

.menu:link { text-decoration: none;color: #FFFFFF; }
.menu:visited { text-decoration: none;color: #FFFFFF; }
.menu:active { text-decoration: none;color: #FFFFFF; }
.menu:hover { text-decoration: none; }

.inhoud {
  position: absolute;
  display: block; 
  overflow: auto; 
  z-index: 0; 
  top: 258px; 
  bottom: 30px; 
  width: 546px;
  padding-top: 13px;
  padding-left: 20px;
  padding-right: 20px; 
  padding-bottom: 30px;
}

* html .inhoud {
  top:0; 
  bottom:0; 
  padding-top: 13px;
  height:100%;
  width:586px;
  border-top:258px solid #ffffff; 
  border-bottom:29px solid #ffffff;
}

.rechterkolom {
  position: absolute;
  display: block; 
  overflow: auto; 
  z-index: 0; 
  top: 258px;
  left: 586px; 
  bottom: 30px; 
  width: 194px;
  padding-top: 13px;
  padding-left: 10px;
  padding-bottom: 30px;
  padding-right: 10px; 
}

* html .rechterkolom {
  top:0; 
  bottom:0; 
  padding-top: 13px;
  height:100%;
  width:214px;
  border-top:258px solid #ffffff; 
  border-bottom:29px solid #ffffff;
}


.zwart_onder { 
  position: absolute;
  left: 0px;
  top: 100%;
  margin-top: -28px;
  width: 800px;
  height: 30px;
  background-color: #000000;
}