/* Algemeen */

* {margin: 0; padding: 0;}
html {min-height: 100%;}
body {min-height: 100%; background: #FFF; color: #000; font: 80% Verdana, Tahoma, Helvetica, Arial; line-height: 150%;}
img {border: 0;}
div.img_preloader {left: 120%;}

div.Logolink {
  position: absolute;
  width: 140px;
  height: 150px;
  left: 25px;
  top: 135px;
}

/* SUB pagina opbouw*/
div.KaderBoven {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 180px;
  background-image: url(images/horizon_bg.gif);
  background-repeat: repeat-x;
}
div.KaderHoofd1 {
  position: absolute;
  left: 50%;
  top: 0;
  width: 900px;
  height: 180px;
  margin: 0 0 0 -450px;
  background-image: url(images/home1.gif);
  background-repeat: no-repeat;
}
div.KaderHoofd2 {
  position: absolute;
  left: 37;
  top: 180;
  width: 125px;
  height: 102px;
  background-image: url(images/sub2.gif);
  background-repeat: no-repeat;
}
div.KaderHoofd2_home {
  position: absolute;
  left: 37;
  top: 180;
  width: 125px;
  height: 132px;
  background-image: url(images/home2.gif);
  background-repeat: no-repeat;
}
div.KaderGeneriek {
  position: absolute;
  left: 50%;
  top: 0;
  margin: 15 0 0 -450px;
  width: 900;
  text-align: right;
  color: #637e8b;
  font: 90% Verdana, Tahoma, Helvetica, Arial;
}
div.KaderGeneriek a {
  padding: 2px 10px 2px 10px;
  border: solid #637e8b;
  border-width: 0 1px 0 0px;
  color: #637e8b;
  text-decoration: none;
}
div.KaderGeneriek a:hover {
  text-decoration: underline;
}
div.KaderGeneriek span.HomeLink {
  padding: 2px 10px 2px 10px;
  border: solid #637e8b;
  border-width: 0 1px 0 0px;
  color: #90adbb;
}

h1 {position: absolute; left: 204px; top: 137px; font: 90% Verdana, Tahoma, Helvetica, Arial; color: #557686;}
h1 div.image {position: absolute; left: 0; top: 0; width: 71px; height: 96px;}
h1 div.tekst {position: absolute; left: 76; top: 62; width: 300px; height: 25px;}
h1 div.tekst a {color: #557686; text-decoration: none;}
h1 div.tekst a:hover {color: #557686; text-decoration: underline;}
h1 div.kop {position: absolute; left: 204px; top: 137px; font: 90% Verdana, Tahoma, Helvetica, Arial;}
h1.TekstKop { position: absolute; left: 213px; top: 200px; font: 150% Verdana, Tahoma, Helvetica, Arial; color: #557686; font-weight: bold;}

/* SUB mainmenu */
a.sub_menu1 {
  position: absolute;
  left: 589px;
  top: 127px;
  width: 69px;
  height: 100px;
  background-image: url(images/sub_menu_1_1.gif);
  background-repeat: no-repeat;
}
a.sub_menu1 div.tekst {position: absolute; top: 70px;}
a.sub_menu1:hover {background-image: url(images/sub_menu_1_2.gif);}
a.sub_menu2 {
  position: absolute;
  left: 658px;
  top: 127px;
  width: 69px;
  height: 100px;
  background-image: url(images/sub_menu_2_1.gif);
  background-repeat: no-repeat;
}
a.sub_menu2 div.tekst {position: absolute; top: 70px;}
a.sub_menu2:hover {background-image: url(images/sub_menu_2_2.gif);}
a.sub_menu3 {
  position: absolute;
  left: 727px;
  top: 127px;
  width: 64px;
  height: 100px;
  background-image: url(images/sub_menu_3_1.gif);
  background-repeat: no-repeat;
}
a.sub_menu3 div.tekst {position: absolute; top: 70px;}
a.sub_menu3:hover {background-image: url(images/sub_menu_3_2.gif);}
a.sub_menu4 {
  position: absolute;
  left: 791px;
  top: 127px;
  width: 62px;
  height: 100px;
  background-image: url(images/sub_menu_4_1.gif);
  background-repeat: no-repeat;
}
a.sub_menu4 div.tekst {position: absolute; top: 70px;}
a.sub_menu4:hover {background-image: url(images/sub_menu_4_2.gif);}

/* HOME mainmenu */
a.home_menu1 {
  position: absolute;
  left: 198px;
  top: 102px;
  width: 93px;
  height: 152px;
  background-image: url(images/home_menu_1_1.gif);
  background-repeat: no-repeat;
}
a.home_menu1 div.tekst {position: absolute; top: 108px;}
a.home_menu1:hover {background-image: url(images/home_menu_1_2.gif);}
a.home_menu2 {
  position: absolute;
  left: 291px;
  top: 102px;
  width: 97px;
  height: 152px;
  background-image: url(images/home_menu_2_1.gif);
  background-repeat: no-repeat;
}
a.home_menu2 div.tekst {position: absolute; top: 108px;}
a.home_menu2:hover {background-image: url(images/home_menu_2_2.gif);}
a.home_menu3 {
  position: absolute;
  left: 388px;
  top: 102px;
  width: 83px;
  height: 152px;
  background-image: url(images/home_menu_3_1.gif);
  background-repeat: no-repeat;
}
a.home_menu3 div.tekst {position: absolute; top: 108px;}
a.home_menu3:hover {background-image: url(images/home_menu_3_2.gif);}
a.home_menu4 {
  position: absolute;
  left: 471px;
  top: 102px;
  width: 95px;
  height: 152px;
  background-image: url(images/home_menu_4_1.gif);
  background-repeat: no-repeat;
}
a.home_menu4 div.tekst {position: absolute; top: 108px;}
a.home_menu4:hover {background-image: url(images/home_menu_4_2.gif);}

/* SUB categorie paginainhoud */
div.KaderInhoud {
  position: absolute;
  left: 213px;
  top: 239px;
  width: 595px;
}

img.lijn2 {margin-top: 10px;}

div.KaderInhoud a {color: #78a9be; text-decoration: none;}
div.KaderInhoud a:hover {color: #637e8b; text-decoration: underline;}
div.KaderInhoud table { width: 300px;}
div.KaderInhoud td { font: 75% Verdana, Tahoma, Helvetica, Arial; padding: 0 10px 0 0; font-weight: bold;}
div.KaderInhoud p { margin: 10px 0 10px 0;}
div.KaderInhoud p.voetnoot { font: 90% Verdana, Tahoma, Helvetica, Arial;}
div.KaderInhoud input.contactform { width: 100%;}
div.KaderInhoud input.submitbutton { margin: 5px 0 5px 0; padding: 0 10px 0 10px;}
div.KaderInhoud .OverMK_img { margin: 20px 0 10px 10px; }

div.KaderInhoud li { margin: 2px 0px 2px 15px;}
div.KaderInhoud h3 { margin: 10px 0 5px 0; font: 100% Verdana, Tahoma, Helvetica, Arial; font-weight: bold;}
div.KaderInhoud .top { font-size: 80%;}
/*
div.KaderInhoud table.cattabel { width: 0;}
div.KaderInhoud table.cattabel td { vertical-align: top; margin-bottom: 50px;}
div.KaderInhoud table.cattabel div.Thumbnail { border: 3px solid white; }
div.KaderInhoud table.cattabel div.Thumbnail:hover { border: 3px solid #78a8be; }
*/
div.KaderInhoud table.cattabel { width: 60%;}
div.KaderInhoud table.cattabel td { vertical-align: center; margin-bottom: 50px;}
div.KaderInhoud table.cattabel td.thumbnail { vertical-align: top; width: 0;}
div.KaderInhoud table.cattabel div.Thumbnail { border: 3px solid white; }
div.KaderInhoud table.cattabel div.Thumbnail:hover { border: 3px solid #78a8be; }

div.KaderInhoud table.samenvat { width: 100%; border: 1px solid silver; margin: 10px 0 20px 0;}
div.KaderInhoud table.samenvat td { vertical-align: top; }
div.KaderInhoud table.samenvat td.label { padding: 3px; white-space: nowrap; background: #E5E5E5; }
div.KaderInhoud table.samenvat td.nietbold { padding: 3px; font-weight: normal;}
div.KaderInhoud table.samenvat span.error { color: red;}

div.KaderInhoud table.formulier td { vertical-align: top; padding: 2px 0 2px 0;}
div.KaderInhoud table.formulier td.label { padding-top: 5px; white-space: nowrap; padding-right: 10px;}
div.KaderInhoud table.formulier td.nietbold { padding-top: 5px; font-weight: normal;}
div.KaderInhoud table.formulier span.error { color: red;}

div.KaderInhoud table.wallpapers { margin-bottom: 10px;}
div.KaderInhoud table.wallpapers ul { list-style-type: none;}
div.KaderInhoud table.wallpapers td { padding: 0;}
div.KaderInhoud table.wallpapers li { margin: 0 10px 0 0; font-weight: normal;}
div.KaderInhoud table.wallpapers img.thumbnail { border: 1px solid #78a8be; }

div.KaderInhoud2 {
  position: absolute;
  left: 213px;
  top: 249px;
  width: 595px;
}

div.KaderInhoud2 h2 { font: 130% Verdana, Tahoma, Helvetica, Arial; color: #557686; font-weight: bold; margin: 5px 0 10px 0;}
div.KaderInhoud2 h3 { font: 100% Verdana, Tahoma, Helvetica, Arial; font-weight: bold;}
div.KaderInhoud2 p { margin: 0 0 10px 0; width: 230px;}
div.KaderInhoud2 div.HoofdFoto { position: absolute; left: 295px; top: 20px; border: 1px solid #78a8be; clear: right;}
div.KaderInhoud2 a.Thumbnail { position: absolute; left: 248px; border: 3px solid white; }
div.KaderInhoud2 a.Thumbnail:hover { border: 3px solid #78a8be; }
div.KaderInhoud2 a {color: #78a9be; text-decoration: none;}
div.KaderInhoud2 a:hover {color: #637e8b; text-decoration: underline;}

div.KaderInhoud2 div.prijs { margin: 20px 0 0 0;}
div.KaderInhoud2 a.koopnulink { position: absolute; left: 80px; font-size: 100%; font-weight: bold; color: #ff7200;}
div.KaderInhoud2 div.voorraad { position: relative; top: -25px; left: 80px; color: gray; font-size: 80%;}

div.copyright {
  width: 100%;
  text-align: center;
  margin: 10px;
  font-size: 80%;
  color: #557686;
}
div.KaderInhoud2 img.spacer { float: right;}

/* HOME inhoud */
div.home_content {
  font: 95% Verdana, Tahoma, Helvetica, Arial;
  line-height: 150%;
}
div.links { width: 220px; }
div.rechts { position: absolute; left: 250px; top: 30px; width: 352px; }

div.home_kop1 { position: relative; width: 115px; height: 40px; margin: 10px 0px 0px -20px;}
div.home_kop2 { position: relative; width: 150px; height: 51px; margin: 25px 0px 0px -35px;}
div.home_kop3 { position: relative; width: 117px; height: 38px; margin: 0px 0px 5px -10px;}

div.ballon { width: 100%; margin: 0; padding: 0; background-image: url(images/ballon_back.gif); background-repeat: repeat-y; }
div.ballon p { padding: 0 15px 0 15px; }
div.ballon_monster { margin-left: 10px; margin-top: -13px; }

div.home_content a {color: #78a9be; text-decoration: none;}
div.home_content a:hover {color: #637e8b; text-decoration: underline;}
div.home_product {
  position: absolute;
  left: 579px;
  top: 57px;
  width: 270px;
  height: 242px;
}
div.KaderInhoud_home {
  position: absolute;
  left: 213px;
  top: 280px;
  width: 595px;
}