body {
  margin: 0px;
	overflow: hidden;
	width: 100%;
  height: 100%;
  position: absolute;
}

html {
  overflow: hidden;
  border: 0px;
  padding: 0px;
  margin: 0px;
}

div {
  font-family: Arial, Helvetica, sans-serif;
}

p {
	margin-top: 0px;
}

div.blok_100_100 {
  position: relative;
  width: 100px;
  height: 100px;

  float: left;
  display: block;
  text-align: left;
}

img.blok_100_100 {
  width: 100px;
  height: 100px;

  border: none;
}

div.blok_200_100 {
  width: 200px;
  height: 100px;

  float: left;
  display: block;
  text-align: left;
}

div#blok_200_100 {
  left: 0px;
  top: 500px;

  width: 200px;
  height: 100px;

  position: absolute;

  float: left;
  display: block;
  text-align: left;
}

div#container {
  left: 50%;
  top: -300px;

  width: 1000px;
  height: 600px;

  position: absolute;
  overflow: hidden;
  visibility: visible;

  font-family: Verdana, Geneva, Arial, sans-serif;
  margin-left: -500px;
}

div#container_tekst {
  left: 0px;
  top: 70px;

  width: 200px;
  height: 430px;

  position: absolute;
  overflow: hidden;
  visibility: visibility;
  z-index: 3;

  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
}

div#email {
  left: 0px;
  top: 63px;
/*
  width: 146px;
  height: 13px;
*/
  position: relative;
  overflow: hidden;
  visibility: visible;
  z-index: 3;
}

div#foto {
  top: -225px;

  width: 700px;
  height: 450px;

  position: relative;
  overflow: hidden;
  visibility: visible;
  z-index: 3;

  background-color: #FFFFFF;
	
	vertical-align: middle;
	text-align: center;
}

div.horizon {
  left: 0px;
  top: 50%;

  width: 100%;
  height: 1px;

  position: absolute;
  overflow: visible;
  visibility: visible;

  text-align: center;
  display: block;
}

div#kader {
  left: 250px;
  top: 0px;

  width: 750px;
  height: 500px;

  position: absolute;
  overflow: hidden;
  visibility: visible;
  z-index: 2;

  vertical-align: middle;

  background-color: #EEEEEE;
}

div#logo {
  left: 0px;
  top: 58px;

/*  width: 140px;
  height: 37px;
*/
  position: relative;
  overflow: hidden;
  visibility: visible;
  z-index: 3;
}

div#navigatie {
	right: 800px;
	top: 50px;
	
	height: 13px;
	
	position: absolute;
  overflow: hidden;
  visibility: visible;
  z-index: 2;
}

div#stippellijn {
  height: 6px;
  width: 200px;

  position: relative;
  overflow: hidden;
  visibility: visible;
  z-index: 2;

  border-top: 1px dashed #000000;
}

.tekst {
  font-size: 12px;
  line-height: 14px;
  text-align: left;
}
.tekst h1{
  font-size: 18px;
  line-height: 20px;
  margin: 5px 0px;
  font-weight: normal;
}

div#tekst {
  height: 358px;
  text-align: left;

  position: relative;
  overflow: auto;
  visibility: visible;
  z-index: 2;
}

* html div#tekst {
  height: 368px;
  text-align: left;

  position: relative;
  overflow: auto;
  visibility: visible;
  z-index: 2;
}

div#titel {
  width: 200px;

  position: relative;
  overflow: visible;
  visibility: visible;
  z-index: 2;

  display: block;
}

div#volgorde {
  width: 200px;
  height: 35px;

  position: relative;
  overflow: visible;
  visibility: visible;
  z-index: 2;

  display: block;
  text-align: left;
  font-weight: bold;
}
img { border: 0px; }

#next_photo, #prev_photo {
	position: absolute;
	top:70px;
	width: 24px;
	height: 32px;
	background-position: top;
	outline: none;
}
#next_photo:hover, #prev_photo:hover {
	background-position: bottom;
	}
#prev_photo { left: 0px; text-indent: -2000px; background-image: url(../beelden/knp_prev.png); }
#next_photo { right: 0px; text-indent: -2000px; background-image: url(../beelden/knp_next.png); }