body {
background-color:#D1D4D3;
padding-top:0;
padding-left:0;
margin-top:0;
margin-left:0;
font-family:Arial, sans-serif;
color:#818A8F;
font-weight:400;
font-size: 68.8%;
}

h1 {
font-family:Arial, sans-serif;
color:#818A8F;
background-color: White;
font-weight:bold;
font-size:1.8em;
width: 45%;
margin-left: 3%;
}

h2 {
font-family:Arial, sans-serif;
color:#818A8F;
background-color: White;
font-weight:bold;
font-size:1.4em;
width: 45%;
margin-left: 3%;
}

p{margin-left: 3%;
}

div {
font-family:Arial, sans-serif;
color:#818A8F;
background-color:inherit;
font-weight:400;
font-size:1em;
}

a {
font-family:Arial, sans-serif;
color:#818A8F;
background-color:White;
font-size:1.1em;
font-weight:700;
}

a:visited {
font-family:Arial, sans-serif;
color:#818A8F;
background-color:White;
font-size:1.1em;
font-weight:700;
border:none;
text-decoration: none;
}

a:hover {
font-family:Arial, sans-serif;
color:#000;
background-color:White;
font-size:1.1em;
font-weight:700;
}

div.framework {
position:relative;
width:100%;
height:100%;
background-color:#D1D4D3;
color:inherit;
border:0;
}

div.back_space {
position:relative;
top:10%;
width:80%;
height:80%;
background-color:#FFF;
color:inherit;
border:0;
}

div.vorige {
position:absolute;
background-repeat:no-repeat;
left:2%;
bottom:2%;
width:25px;
height:30px;
border:0;
}

div.volgende {
position:absolute;
background-repeat:no-repeat;
right:2%;
bottom:2%;
width:25px;
height:30px;
border:0;
}

div.pag_l {
position:absolute;
left:20%;
bottom:2%;
width:25px;
height:20px;
border:0;
font-family:Arial, sans-serif;
color:#818A8F;
background-color:White;
font-size:1.1em;
}

div.pag_r {
position:absolute;
right:20%;
bottom:2%;
width:25px;
height:20px;
border:0;
font-family:Arial, sans-serif;
color:#818A8F;
background-color:White;
font-size:1.1em;
}

div.inh_head {
position:absolute;
top:20%;
left:70%;
width:28%;
border:0;
font-family:Arial, sans-serif;
color:#818A8F;
background-color:White;
font-size:1.2em;
font-weight:700;
}

div.inh_about {
position:absolute;
top:30%;
left:70%;
width:28%;
border:0;
font-family:Arial, sans-serif;
color:#818A8F;
background-color:White;
font-size:1.1em;
font-weight:700;
}

div.inh_overzichtp {
position:absolute;
top:38%;
left:70%;
width:28%;
border:0;
font-family:Arial, sans-serif;
color:#818A8F;
background-color:White;
font-size:1.1em;
font-weight:700;
}

div.inh_overzichtk {
position:absolute;
top:46%;
left:70%;
width:28%;
border:0;
font-family:Arial, sans-serif;
color:#818A8F;
background-color:White;
font-size:1.1em;
font-weight:700;
}

div.inh_contact {
position:absolute;
top:54%;
left:70%;
width:28%;
border:0;
font-family:Arial, sans-serif;
color:#818A8F;
background-color:White;
font-size:1.1em;
font-weight:700;
}

div.inh_nieuws {
position:absolute;
top:62%;
left:70%;
width:28%;
border:0;
font-family:Arial, sans-serif;
color:#818A8F;
background-color:White;
font-size:1.1em;
font-weight:700;
}

div.inh_links {
position:absolute;
top:70%;
left:70%;
width:28%;
border:0;
font-family:Arial, sans-serif;
color:#818A8F;
background-color:White;
font-size:1.1em;
font-weight:700;
}

div.overzicht_table {
position:absolute;
left:0px;
top:0;
width:100%;
height:670px;
border:0;
padding-top:2%;
}

div.pagina_nummer {
position:relative;
left:3%;
bottom:1%;
border:0;
color:#D1D4D3;
background-color:White;
font-weight:700;
vertical-align:bottom;
}

div.over_table {
position:relative;
border:0;
text-align:center;
vertical-align:top;
font-family:Arial, sans-serif;
color:#818A8F;
background-color:inherit;
font-size:1em;
font-weight:700;
overflow:hidden;
}

div.over_table_empty {
position:relative;
background-image:url(images/kruis_klein.gif);
background-repeat:no-repeat;
background-position:center;
width:100%;
height:110px;
border:0;
}

div.start{
position:absolute;
background-image:url(images/voor.gif);
background-repeat:no-repeat;
top:45%;
left:51%;
width:350px;
height:200px;
border: none;
}

div.hoekje {
position:absolute;
background-image:url(images/hoekje_werk.gif);
background-repeat:no-repeat;
left:0;
top:0;
width:100px;
height:100px;
border:0;
}

div.pan_title {
position:absolute;
left:3%;
top:35%;
width:45%;
height:5%;
border:0;
text-align:left;
font-size:1.2em;
}

div.pan_dim {
position:absolute;
left:3%;
top:45%;
width:45%;
height:10%;
border:0;
text-align:left;
}

div.pan_sub {
position:absolute;
left:3%;
top:60%;
width:45%;
height:7%;
border:0;
text-align:left;
font-style:italic;
}

div.pan_text {
position:absolute;
left:3%;
top:70%;
width:45%;
height:20%;
border:0;
text-align:left;
}

div.pan_text a{
	font-size:90%;
}

div.pan_img {
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	top: 4%;
	left: 54%;
	height: 82%;
	width: 42%;
}

div.divider {
position:absolute;
left:50%;
width:0;
border-left:solid;
border-left-color:#818A8F;
border-left-width:0.02cm;
height:98%;
top:1%;
}

div.groot-kruis {
position:absolute;
left:0;
top:0;
width:50%;
height:100%;
}

div#leftbox {      /*** No side padding or borders, to avoid the IE5.x box model problem ***/
position: absolute;
left: 10px;
width: 10%;
padding-top: 40px;
}

#middlebox {
color: white;
margin: 0 5% 0 10%;
padding: 0px;
background-color: black;     /*** This div has a background to cover the 2-tone body BG ***/
}

  
.buttonscontainer {
position:absolute;
left:1%;
top:20%;
width:10%;
height:60%;
}
  
.rightImage{ 
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	text-align:center;
	cursor: pointer;
	top: 4%;
	left: 54%;
	height: 82%;
	width: 42%;
}

.centeredImage{
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
}
	 
	 
.midden{
background-color: #FFFFFF; 
color:#818A8F;
position:absolute;
left:15%;
top:10%;
width:70%;
height:80%;
}

.prop {
    float:right;
    width:1px;
	 /*http://www.greywyvern.com/code/min-height-hack */
}

.clear {
    clear:both;
    height:1px;
    overflow:hidden;
}

  
.buttons a {color: gray;
  background-color: #D1D4D3;
  padding: 4px;
  padding-left: 3px;
  display: block;
  margin: 3px;
  font: 12px Arial, sans-serif;
  font-weight: bold;
  text-decoration: none;
  text-align: right;
}
  
.buttons a:hover {background-color: #DFDFDF;
color: gray;
text-decoration: none;
}

.buttons a.active{color: gray;
background-color: #DFDFDF;
text-decoration: none;
}

img {
border:None;
}

.lefttextveld{
width: 45%; 
padding: 14px;
}

th.overzichtgif{
height:15%; 
text-align:left; 
vertical-align:middle;
}

td.w3{
width:2%;
}

td.w6{
width:5px;
color: Black;
background-color: #818A8F;
}

td.contacttext{
vertical-align:top; 
text-align:left; 
width:190px;
font-family:Arial, sans-serif;
color:#818A8F; 
background-color:inherit; 
font-size:1.2em; 
font-weight:bold;
}

td.thumb{
width: 16%;
vertical-align: top;
}

td.gut{
width: 5px;
}


p a:link{
color:#818A8F;	
}

p a:hover{
color: #818A8F;
}

p.center{
text-align: center;
}