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:8pt;
}

h1 {
font-family:Arial, sans-serif;
color:#818A8F;
background-color: White;
font-weight:bold;
font-size:12pt;
}

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

a {
font-family:Arial, sans-serif;
color:#818A8F;
background-color:inherit;
font-size:10pt;
font-weight:700;
}

a:hover {
font-family:Arial, sans-serif;
color:#000;
background-color:inherit;
font-size:10pt;
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.inhoud {
position:absolute;
left:2%;
top:3%;
width:65px;
height:15px;
padding-left:2em;
}

div.overzicht {
position:absolute;
left:2%;
top:12%;
width:65px;
height:15px;
padding-left:2em;
}

div.vorige {
position:absolute;
background-image:url(images/dot_clear.gif);
background-repeat:no-repeat;
left:2%;
bottom:2%;
width:25px;
height:30px;
border:0;
}

div.volgende {
position:absolute;
background-image:url(images/dot_clear.gif);
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:inherit;
font-size:9pt;
}

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

div.inh_head {
position:absolute;
top:20%;
left:70%;
width:28%;
border:0;
font-family:Arial, sans-serif;
color:#818A8F;
background-color:inherit;
font-size:14pt;
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:inherit;
font-size:12pt;
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:inherit;
font-size:12pt;
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:inherit;
font-size:12pt;
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:inherit;
font-size:12pt;
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:inherit;
font-size:12pt;
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:inherit;
font-size:12pt;
font-weight:700;
}


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

div.pagina_nummer {
position:relative;
left:3%;
bottom:1%;
border:0;
color:#D1D4D3;
background-color:inherit;
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:8pt;
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 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.lnk_contact_p {
position:absolute;
background-repeat:no-repeat;
top:60%;
left:2%;
width:20%;
height:30%;
border:0;
font-family:Arial, sans-serif;
color:#818A8F;
background-color:inherit;
font-size:12pt;
font-weight:700;
}

div.lnk_links_p {
position:absolute;
top:60%;
left:2%;
width:48%;
height:30%;
border:0;
font-family:Arial, sans-serif;
color:#818A8F;
background-color:inherit;
font-size:12pt;
font-weight:700;
}

td.about {
font-family:Arial, sans-serif;
color:#818A8F;
background-color:inherit;
font-size:10pt;
font-weight:700;
padding-top:20px;
padding-left:30px;
padding-right:50px;
vertical-align:top;
}

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

td.spacer{
width: 0.1%;	
}	

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:10pt;
}

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 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.plaatje {
position:absolute;
left:0;
top:0;
width:100%;
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%;
}
  
  .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;
  }

  .min80 {
    height:450px;
  }
  
  .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;}

img {
    border:0px;
}

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

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

td.w3{
 width:2%;
}

td.w6{
 width:5px;
 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:10pt; 
font-weight:bold;
}

