html{
  margin: 0px;
  padding: 0px;
  font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  height:100%;
  width:100%;
  overflow-x: hidden;
  overflow-y: scroll;
}

body{
  margin  : 0px;
  padding : 0px;
  height  :100%;
  width   :100%;
  background-repeat:repeat-y;
  background-image: url('../img/achtergrond.gif');
  background-position:center;
  background-color: #db332e;
}

table, tr, td{
  padding     : 1px;
  border      : 0px;
  border-collapse: collapse;
  border-spacing: 0px;
}

img{
  border   : 0px;
  margin   : 0px;
  padding  : 0px;
}

a{text-decoration:none;}

a:link{          color: #000000; }
a:visited{       color: #000000; }
a:hover{         color: #dc352f; }
a:active{		 color: #000000; }

a:link.leesverder{    color: #dc352f; font-style:italic;}
a:visited.leesverder{ color: #dc352f; font-style:italic;}

a:link.menuSelected{   color:#dc352f;}
a:visited.menuSelected{color:#dc352f;}

a:link.contact{    color: #ffffff; }
a:visited.contact{ color: #ffffff; }
a:hover.contact{   color: #000000; }

/* container, middelste div met alle informatie/tekst/enz */
div.midden{
  position:relative;
  top:0px;
  width: 780px;
  margin-left:auto;
  margin-right:auto;
  background-image: url('../img/midden.gif');
  background-repeat:repeat-y;
  border-left:1px solid black;
  border-right:1px solid black;
  min-height:100%;
}

/* Bovenkant, in 'midden' */
div.boven{
  position:relative;
  top:0px;
  left:0px;
  height:130px;
  width:780px;
  background: #FEF5C6; /*#ffeb88;*/
}

/* Afbeelding, in 'midden' */
div.afb{
   position:absolute;
   top:130px;
   left:0px;
   height:200px;
   width:780px;
   border-top: 1px solid black;
   border-bottom: 1px solid black;
   background: #ffeb88;
}

/* Div met tekst en rechterkolom als children, in 'midden' */
div.tekst{
   left:0px;
   min-height:454px;
   width: 780px;
}

/* Horizontaal georienteerd menu bovenaan pagina */
div.menu{
  position:absolute;
  right:0px;
  bottom:0px;
  height:20px;
  width:780px;
  background-image: url('../img/horizontaal.gif');
  background-position: top right;
  background-repeat: no-repeat;
}

/* Logo bovenaan pagina */
img.logo{
  position:absolute;
  left:10px;
  top:20px;
  z-index:10;
}

/* Rechter witte kolom */
div.rechterkolom{
  float:right;
  margin-top:202px;
  background-image: url('../img/verticaal.gif');
  background-position: -1px 0px;
  background-repeat: no-repeat;
  width:240px;
}

/* Tekstje in gele vierkant */
div.tekstje{
  position:absolute;
  top:342px;
  right:240px;
  height:200px;
  width:230px;
  background:#ffe249;
  background-position: bottom right;
  background-repeat: no-repeat;
}
div.tekstjePadding{
  padding:5px;
  height:190px;
}

/* Div met hoofdtekst */
div.mainTekst{
   position:relative;
   margin-top:212px;
   margin-left:10px;
   float:left;
   z-index:10;
}

/* Div die de mainTekst om 'tekstje' heenleidt */
div.tekstOmleiding{
   float:right;
   width:225px;
   height:210px;
}

span.titel{
   color: #dc352f;
   font-size:11pt;
   font-weight:bold;
}

span.titelGrijs{
   color: #646566;
   font-size:11pt;
   font-weight:bold;
}

span.titelKlein{ /*oranje*/
   color: #dc352f;
   font-size:11pt;
}

font.grootOranje{
   color: #dc352f;
   font-size:13pt;
   font-weight:bold;
}

font.titelRechts{
   color: #646566;
   font-size:11pt;
   font-weight:bold;
}

div.nieuwsbrief{
  position:absolute;
  right:20px;
  top:20px;
  width:350px;
  height:30px;
  text-align:right;
}

font.oranjeSchuin{
  color: #dc352f;
  font-style:italic;
}

ul{
  margin-left:15px;
  padding-left:0px;
}

input.tekstveld{
  position:relative;
  top:-1px;
  _top:0px;
  border :1px solid black;
  width  :110px;
  color  :#646566;
  font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  height:16px;
}

input.knop{
  position:relative;
  border:1px solid black;
  font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  height:20px;
  width:20px;
}

/*
  Contactinformatie, linksonder op website
  Staat in 'midden' om met behulp van die div em te centreren
*/
div.contact{
  position:absolute;
  bottom:0px;
  left:-125px;
  width:120px;
  text-align:right;
  color:white;
}

/* Tabel bij boeken, tools en nieuws. Moet volledige breedte van pagina meekrijgen */
table.fullWidth{
  width:510px;
}

p{
  margin-top:0px;
  margin-bottom:0px;
}
