body {
  font-family: "Arial-light", arial; font-size: 11px;
  margin-left: 10px;
  line-height:14.5px;
  margin-left: 10px;
  letter-spacing: 0px;
  text-decoration: none;
  font-weight: normal;
  color: #000000;
  background-color: #dcdcdc;
  margin: 0px 0px 0px 0px;
  font-size:12px;
}
a {
  TEXT-DECORATION: none;
  color:#000000;
}
a:hover {
  TEXT-DECORATION: none;
  color:#C40000;
}
#master {
  position: absolute;
  height: auto;
  width: 980px;
  min-height: 600px;
  left: 50%;
  margin-left: -490px;
}

.bladerknoppen {
  font-size:12px;
  position:relative;
  top:-45px;
  margin-right:60px;
}
/* Styles for scrolling layers
   Specify width and height in hold and wn, and in clip for wn */
div#hold  {
  position:relative; overflow:visible;
  top:0px;
  left:0px;
  width:610px; height:560px; z-index:100;
  vertical-align:middle; text-align:center;
}

div#wn  {
/*  position:relative;
  left:350px; top:350px;*/
  width:610px; height:560px;
  clip:rect(0px, 610px, 560px, 0px);
  overflow:hidden;
  z-index:1;
}

div#lyr1  {
  position:relative; visibility:hidden;
/*  left:350px; top:350px;*/
  width:610px; height:560px;
  z-index:1;
}

/* table containing images. adjust according to your images' sizes and numbers */
table#t1 { width:610px;height:560px; }
table#t1 td { width:610px; height:560px;vertical-align:middle; text-align:center }

a img { border:none }

table.main {
  width:610px;height:560px; margin:0px;
}

td.arrows a { padding:0 1em }
td.spacer { width:38px }
td.footer { text-align:center; margin:.8em 0 .6em }