body{
BACKGROUND: #89C1E7;
FONT-SIZE: 8pt;
COLOR: #595959;
FONT-FAMILY: Arial, Helvetica, sans-serif;
}


.textbox {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	Background-color: #FFFFFF;
	COLOR: #595959;
	Border: 1px solid #89C1E7;
}

.form-button {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	COLOR: #595959;
	FONT-WEIGHT: bold;
	FONT-SIZE: 8pt;
	background-color: #89C1E7;
}

.text{
    FONT-SIZE: 12px;
    COLOR: #595959;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.text p{
	text-align: justify;
}


#footer{
float:left;
margin:10px 0 0 16px;
padding:0;
}

.copy{
    FONT-SIZE: 11px;
    COLOR: #595959;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}

A:link{
	text-decoration: none;
	color: #595959; 
}

A:visited{
	text-decoration: none;
	color: #595959; 
}

A:active{
	text-decoration: none;
	color: #595959; 
}

A:hover{
	text-decoration: underline;
	color: #595959;
}

/********************************/
/* Blokken met ronde hoekjes       */
.tlc, .trc { zoom: 1 }

body	{
	margin: 0;
	padding: 0;
	background-color: white;
	font-size: 100%;
	text-align: center; 
	}

.box{
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 3em;
	padding: 0;
	text-align: left;
	width:80%;				/* <-- use this to tie width to viewport size */
	width: 55em;				/* <-- use this for a set width */
	background-color: #eeeeee;
	}
 	
.content
	{
	padding:3em;
	}
.content h1
	{
	color:.0354c2;
	border:1px solid red;
	font-weight: bold;
	font-size: 1.2em;
	font-family: helvetica, geneva, arial, sans-serif;
	}
		
.content p
	{
	color:.3b3b3b;
	font-size: 2em;
	line-height: 1.3em;
	font-family: arial, helvetica, sans-serif;
	}
		
/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

.tlc, .trc, .blc, .brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

.tlc
	{
	/*background-image:url(images/tlc.gif);;*/
	background-position: 0% 0%;
	}

.trc
	{
	/*background-image:url(images/trc.gif);*/
	background-position: 100% 0%;
	}
	
.blc
	{
	/*background-image:url(images/blc.gif);;*/
	background-position: 0% 100%;
	}

.brc
	{
	/*background-image:url(images/brc.gif);;*/
	background-position: 100% 100%;
	}

.tb, .bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
.tb
	{
	background-image:url(images/tb.gif);
	background-position: 0% 0%;
	}

.bb
	{
	background-image:url(images/bb.gif);
	background-position: 50% 100%;
	}
	
.rb
	{
	background-image:url(images/r.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

.lb	{	
	background-image:url(images/l.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}
	
.box-pp	{
	
	position: relative;
	margin-top: 1em;
	margin-left: 0;/*auto;*/
	margin-right: auto;	
	float: left;
	padding: 0;
	text-align: left;
	/*width:250px;				 <-- use this to tie width to viewport size */
	
	}	

.box-pp .content{  
  padding: 5px;
}
/*
.box-pp  .tlc {background-image:url(/images/pp/tlc.gif); }
.box-pp  .trc {background-image:url(/images/pp/trc.gif); }
.box-pp  .blc {background-image:url(/images/pp/blc.gif);}
.box-pp  .brc {background-image:url(/images/pp/brc.gif);}
.box-pp  .tb {background-image:url(/images/pp/tb.gif);}
.box-pp  .rb {background-image:url(/images/pp/rb.gif);}

.box-pp  .bb {background-image:url(/images/pp/bb.gif);}
*/
.box-pp  .lb {background-color: #8CC3EF;}


#vacatures{
padding:5px;
border:2px solid #8CC3EF;
}

#vacatures a{
color:#0094d4;
}

#logo{
padding:40px 0 50px 0;	
}