/* Algemeen */

* {margin: 0; padding: 0;}
html {min-height: 100%;}
body {min-height: 100%; background: #7c0000; color: #000; font: 80% Georgia, Times New Roman, Verdana, Tahoma, Helvetica, Arial;}
img {border: 0;}
div.img_preloader {position: absolute; left: -120%;}

a { margin-top: 10px; text-decoration: underline; color: #1050d4; }
a:hover { color: #0a3386; } 

/* Pagina opbouw*/
div.Band {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 606px;
  margin: -303px 0 0 0;
  background-image: url(images/band.png);
  background-repeat: repeat-x;
}
div.Kader {
  position: absolute;
  left: 50%;
  top: 0;
  width: 936px;
  height: 606px;
  margin: 0 0 0 -468px;
  background-color: white;
}
div.Kader div.Algemeen { position: absolute; background-repeat: no-repeat;}
div.Kader div.Links { left: 0; top: 0; width: 92px; height: 606px; background-image: url(images/kader_links.gif);}
div.Kader div.Rechts { left: 855px; top: 0; width: 81px; height: 606px; background-image: url(images/kader_rechts.gif);}
div.Kader div.Boven { left: 92px; top: 0; width: 763px; height: 126px; background-image: url(images/kader_boven.gif); padding: 20px 0 0 51px; }
div.Kader div.Onder { left: 92px; top: 497px; width: 763px; height: 109px; background-image: url(images/kader_onder.gif);}

div.Kader div.KopCircus { position: absolute; top: 142px; left: 77px; }
div.Kader div.KopFotos { position: absolute; top: 142px; left: 77px; }
div.Kader div.KopLinks { position: absolute; top: 150px; left: 77px; }
div.Kader div.KopContact { position: absolute; top: 144px; left: 77px; }

/* MENU'S */
div.Kader div.Menu { position: absolute; left: 129px; top: 275px; width: 209px; height: 172px; }

div.Kader div.Menu a.KnopHome { position: absolute; margin: 0; left: 0px; top: 0px; width: 209px; height: 43px; background-image: url(images/knop_terug1.gif); }
div.Kader div.Menu a.KnopHome:hover { background-image: url(images/knop_terug2.gif); }

div.Kader div.Menu a.KnopCircus { background-image: url(images/knop_circus1.gif); }
div.Kader div.Menu a.KnopCircus:hover { background-image: url(images/knop_circus2.gif); }
div.Kader div.Menu a.KnopFotos { background-image: url(images/knop_fotos1.gif); }
div.Kader div.Menu a.KnopFotos:hover { background-image: url(images/knop_fotos2.gif); }
div.Kader div.Menu a.KnopLinks { background-image: url(images/knop_links1.gif); }
div.Kader div.Menu a.KnopLinks:hover { background-image: url(images/knop_links2.gif); }
div.Kader div.Menu a.KnopContact { background-image: url(images/knop_contact1.gif); }
div.Kader div.Menu a.KnopContact:hover { background-image: url(images/knop_contact2.gif); }
div.Kader div.Menu a.KnopWinkel { background-image: url(images/knop_shop1.gif); }
div.Kader div.Menu a.KnopWinkel:hover { background-image: url(images/knop_shop2.gif); }

div.Kader div.Menu a.Knop1 { position: absolute; margin: 0; left: 0px; top: 0px; width: 209px; height: 43px; }
div.Kader div.Menu a.Knop2 { position: absolute; margin: 0; left: 0px; top: 43px; width: 209px; height: 43px; }
div.Kader div.Menu a.Knop3 { position: absolute; margin: 0; left: 0px; top: 86px; width: 209px; height: 43px; }
div.Kader div.Menu a.Knop4 { position: absolute; margin: 0; left: 0px; top: 129px; width: 209px; height: 43px; }
div.Kader div.Menu a.Knop5 { position: absolute; margin: 0; left: 0px; top: 172px; width: 209px; height: 43px; }


/* HOME */
div.Kader div.HomeFoto {
  position: absolute;
  left: 350px;
  top: 160px;
  width: 240px; 
  height: 340px;
  background-image: url(images/foto_home.jpg);
  background-repeat: no-repeat;
}
div.Kader div.HomeText {
  position: absolute;
  left: 114px;
  top: 166px;
  width: 235px;
  line-height: 180%
}
div.Kader div.Gastenboek_Kop {
  position: absolute;
  left: 590px;
  top: 160px;
  width: 275px;
  height: 24px;
}
div.Kader div.Gastenboek_Kop img {
  vertical-align: middle;
}
iframe.Gastenboek {
  position: absolute;
  border: 0;
  left: 590px;
  top: 193px;
  width: 265px;
  height: 307px;
}
a.Nieuw_Bericht { margin-top: 10px; text-decoration: underline; color: #1050d4; }
a.Nieuw_Bericht:hover { color: #0a3386; } 

h2 { margin-bottom: 5px; padding: 0; font-size: 100%; font-weight: bold; font-style: italic; }


/* GASTENBOEK */
body.gastenboek { background: white; padding: 5px; background-color: transparent; }
div.gb_bericht {
  line-height: 180%
}
div.gb_naam {
  right: 0;
  margin: 5px 0 20px 0;
  line-height: 180%
  text-align: right;
  font: 80% Arial, Tahoma, Helvetica;
  color: gray;
  /*background: green;*/
}
div.gb_paginering { text-align: center; }
input.contactform { width: 100%; margin-bottom: 20px; }
textarea.contactform { width: 100%; margin-bottom: 20px; }
span.berichtfout { font-size: 100%; color: red; }

/* SUBPAGINA'S */
div.Kader div.OverigInhoud {
  position: absolute;
  left: 367px;
  top: 166px;
  width: 488px;
  height: 330px; 
}
div.Kader div.OverigInhoud table { border: 0; font-size: 100%; }
div.Kader div.ContactInhoud {
  position: absolute;
  left: 367px;
  top: 166px;
  width: 250px;
  height: 330px; 
}
div.Kader div.ContactInhoud p { margin-bottom: 15px; }
div.Kader div.ContactInhoud table { border: 0; font-size: 100%; }
div.Kader div.ContactFoto {
  position: absolute;
  left: 645px;
  top: 132px;
  width: 182px; 
  height: 394px;
  background-image: url(images/foto_contact.gif);
  background-repeat: no-repeat;
}

iframe.Circus {
  position: absolute;
  border: 0;
  left: 367px;
  top: 166px;
  width: 488px;
  height: 330px; 
}
div.CircusInhoud p { margin-bottom: 10px; }
div.CircusInhoud a { margin-top: 10px; text-decoration: underline; color: #1050d4; }
div.CircusInhoud a:hover { color: #0a3386; } 

/* OVERIG */
div.Kader div.OverigInhoud {
  position: absolute;
  left: 367px;
  top: 166px;
  width: 488px;
  height: 330px; 
}