/* raamwerk */
.clearfix:after 
{
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
} 

body
{
margin : 0px;
font-family : Verdana;
font-size : 9pt;
background-color : #c0c0c0;
}

a, a:visited
{
color : #000000;
text-decoration : underline;
color : #003768;
}

#center
{
margin-left : auto;
margin-right : auto;
width : 950px;
}

.spacer
{
width : 950px;
height : 2em;
}

#bg
{
}

/* boven */
#boven
{
width : 950px; 
height : 230px;
background-image : url(../images/boven.gif);
background-repeat : no-repeat;
float : left;
}

/* midden */
#colmidden
{
width : 950px; 
background-color : white;
}

#colmidden .blokboven
{
width : 950px; 
height : 12px;
background-image : url(../images/blokboven.gif);
background-repeat : no-repeat;
}

#colmidden .blokmidden
{
width : 930px;
padding-left : 20px; 
background-image : url(../images/blokmidden.gif);
background-repeat : repeat-y;
}

#colmidden .blokonder
{
width : 950px; 
height : 17px;
background-image : url(../images/blokonder.gif);
background-repeat : no-repeat;
}

#colmidden .blokmidden ul#knopgroot
{
margin : 0;
padding : 0px;
width : 320px;
float : left;
}

#colmidden .blokmidden ul#knopgroot li
{
margin : 0;
list-style-type : none;
width : 320px;
height : 60px;
background-image : url(../images/knopgroot.gif);
background-repeat : no-repeat;
}

#colmidden .blokmidden ul#knopgroot li a, #colmidden .blokmidden ul#knopgroot li a:visited
{
display : block;
height : 51px;
width : 320px;
color : White;
font-size : 19px;
text-align : center;
padding-top : 9px;
text-decoration : none;
}

#colmidden .blokmidden ul.vacatures
{
margin : 0;
padding : 0px;
}

#colmidden .blokmidden ul.vacatures li
{
margin : 0;
list-style-type : none;
}

#colmidden .blokmidden ul.vacatures li a, #colmidden .blokmidden ul.vacatures li a:visited
{
display : block;
padding-left : 16px;
padding-bottom : 8px;
background-image : url(../images/prefix.gif);
background-repeat : no-repeat;
text-decoration : none;
color : #003768;
font-size : 14px;
}

#colmidden .blokmidden td.top
{
vertical-align : top;
}

#colmidden .blokmidden #content
{
float : left;
width : 610px;
padding-left : 20px;
padding-right : 20px;
padding-bottom : 20px;
line-height : 160%;
color : #003768;
}

#colmidden .blokmidden #contentrechts
{
float : left;
width : 250px;
}

#home
{
padding-left : 24px;
font-size : 8pt;
color : #003768;
}

.label
{
font-weight : bold;
padding-right : 1em;
vertical-align : top;  
}

#content a.reageren, #content a:visited.reageren
{
width : 250px;
padding : 6px;
font-size : 10pt;
color : #8CC63F;
border : 1px solid #8CC63F;
font-weight : bold;
text-align : center;
text-decoration : none;
float : left;
margin-left : 173px;
margin-top : 1em;
}

#content a:hover.reageren
{
color : #003768;
border : 1px solid #003768;
}

#content a.omhoog, #content a:visited.omhoog
{
float : right;
padding-top : 30px;
text-decoration : none;
}

/* onder */
#onder
{
width : 930px; 
height : 31px;
background-image : url(../images/onder.gif);
background-repeat : no-repeat;
padding-top : 75px;
padding-left : 20px;
}

#onderlinks
{
color : White;
float : left;
padding-top : 4px;
font-family : arial;
}

#onderrechts
{
height : 21px;
font-size : 15px;
color : White;
float : right;
padding-right : 1em;
font-family : arial;
}

#onderrechts a, #onderrechts a:visited,#onderrechts a:hover
{
color : White;
text-decoration : none;
}

/* overig */
p
{
margin : 0;   
}

form
{
margin : 0px;   
}

input
{
font-family : Verdana;
font-size : 9pt;   
color : #003768; 
}

textarea
{
font-family : Verdana;
font-size : 9pt;   
color : #003768; 
}

select
{
font-family : Verdana;
font-size : 9pt;   
color : #003768; 
}

h1
{
margin : 0px;
padding : 4px;
padding-left : 40px;
font-size : 11pt;
color : #8CC63F;
font-weight : bold; 
letter-spacing : 1px;
}

h2
{
margin : 0px;
padding : 4px;
padding-left : 20px;
font-size : 11pt;
color : #8CC63F;
font-weight : bold; 
letter-spacing : 0px;
background-image : url(../images/vlekgroenprefix.gif);
background-repeat : no-repeat;
background-position : left center;
}

h3
{
margin : 0px;
padding : 0px;
font-size : 8pt;
font-weight : bold;
color : #0C2A7D;  
margin-left : 15px;  
margin-bottom : 14px;  
}

img
{
border : 0;
margin : 0;
padding : 0px;
}

hr 
{
color : #003768;
height : 1px;
clear : both;
}

.image
{
float : left;
}

strong
{
color : #003768;  
}

td
{
vertical-align : top;   
}
