body {

margin: 0;
font-size:16px;
line-height: 16px;
width: 800px;
height: 600px;
background: #ffffff;
border: 0;
}


.default { 
font: 100% Verdana, Arial, Helvetica, sans-serif;
color: #C7C78D;
font-size: 14px;
line-height: 18px;
}

#main_home { 
position: absolute;
top: 0%;
left: 50%;
height: 600px;
width: 800px;
margin-top: 0px; /* De helft van de hoogte */
margin-left: -400px; /* De helft van de breedte */
border: 1px solid #000000;
background-image: url(images/GOK_bg_home.gif); 
background-repeat: no-repeat;
border: 0;
}

#main_wat { 
position: absolute;
top: 0%;
left: 50%;
height: 600px;
width: 800px;
margin-top: 0px; /* De helft van de hoogte */
margin-left: -400px; /* De helft van de breedte */
border: 1px solid #000000;
background-image: url(images/GOK_bg_wat_is.gif); 
background-repeat: no-repeat;
border: 0;
}

#main_wie { 
position: absolute;
top: 0%;
left: 50%;
height: 600px;
width: 800px;
margin-top: 0px; /* De helft van de hoogte */
margin-left: -400px; /* De helft van de breedte */
border: 1px solid #000000;
background-image: url(images/GOK_bg_wie_is.gif); 
background-repeat: no-repeat;
border: 0;
}

#main_voor { 
position: absolute;
top: 0%;
left: 50%;
height: 600px;
width: 800px;
margin-top: 0px; /* De helft van de hoogte */
margin-left: -400px; /* De helft van de breedte */
border: 1px solid #000000;
background-image: url(images/GOK_bg_voor_u.gif); 
background-repeat: no-repeat;
border: 0;
}


#main_bij { 
position: absolute;
top: 0%;
left: 50%;
height: 600px;
width: 800px;
margin-top: 0px; /* De helft van de hoogte */
margin-left: -400px; /* De helft van de breedte */
border: 1px solid #000000;
background-image: url(images/GOK_bg_bij_u.gif); 
background-repeat: no-repeat;
border: 0;
}

#main_portfolio { 
position: absolute;
top: 0%;
left: 50%;
height: 600px;
width: 800px;
margin-top: 0px; /* De helft van de hoogte */
margin-left: -400px; /* De helft van de breedte */
border: 1px solid #000000;
background-image: url(images/GOK_bg_portfolio.gif); 
background-repeat: no-repeat;
border: 0;
}


#main_contact { 
position: absolute;
top: 0%;
left: 50%;
height: 600px;
width: 800px;
margin-top: 0px; /* De helft van de hoogte */
margin-left: -400px; /* De helft van de breedte */
border: 1px solid #000000;
background-image: url(images/GOK_bg_contact.png); 
background-repeat: no-repeat;
border: 0;
}


 /* images with caption */
 #slider3 img { width: 100%; height: 100%; }
 /* position the panels so the captions appear correctly */
 #slider3 .panel { position: relative; }
 /* captions */
 #slider3 .caption-top, #slider3 .caption-right,
 #slider3 .caption-bottom, #slider3 .caption-left {
  background: #000;
  color: #fff;
  padding: 10px;
  margin: 0;
  position: relative;
  z-index: 10;
  opacity: .8;
  filter: alpha(opacity=80);
 }
 /* Top caption - padding is included in the width (480px here, 500px in the script), same for height */
 #slider3 .caption-top {
  left: 0;
  top: 0;
  width: 480px;
  height: 30px;
 }
 /* Right caption - padding is included in the width (130px here, 150px in the script), same for height */
 #slider3 .caption-right {
  right: 0;
  bottom: 0;
  width: 130px;
  height: 180px;
 }
 /* Bottom caption - padding is included in the width (480px here, 500px in the script), same for height */
 #slider3 .caption-bottom {
  left: 0;
  bottom: 0;
  width: 480px;
  height: 30px;
 }
 /* Left caption - padding is included in the width (130px here, 150px in the script), same for height */
 #slider3 .caption-left {
  left: 0;
  bottom: 0;
  width: 130px;
  height: 180px;
 }
 /* Caption close button */
 .caption-top .close, .caption-right .close,
 .caption-bottom .close, .caption-left .close {
  font-size: 80%;
  cursor: pointer;
  float: right;
  display: inline-block;
 }