body {
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;
}

body, body * {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
	line-height: 15px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

div#logo {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 115px; 
	height: 557px;
	background: url(../images/logo.gif) no-repeat;
}

div#base {
	position: absolute;
	top: 0px;
	left: 0px; 
	width:510px;
	padding: 0px 0px;
}

div#base-iframe {
	position: absolute;
	top: 0px;
	left: 0px; 
	width:510px;
	padding: 0px 0px;
}

td {
	padding: 0px;
	margin: 0px;
	vertical-align: top;
}

td#topnav {
	height: 20px; 
	vertical-align: top;
	text-align: right;
	padding: 3px 0px;
}

td#topnav a {
	color: #000000;
	text-decoration: none;
}

td#topnav a:hover {
	color: #000000;
	text-decoration: underline;
}

table#nav {
	width: 100%;
}

table#nav td.spacer {
	width: 20px;
}

table#nav td.spacerend {
	width: 10px;
}

table#nav td {
	width: 25%;
	height: 27px;
	font-size: 13px;
	font-weight: bold;
	line-height: 27px;
	color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

table#nav td a {
	font-size: 13px;
	font-weight: bold;
	line-height: 27px;
	color: #FFFFFF;	
	text-decoration: none;
}

table#nav td a:hover {
	text-decoration: underline;
}

table#nav td.home {
	background: url(../images/nav_bg_home.gif) repeat-x;
}

table#nav td.homeactive {
	background: #0454A5;
}

table#nav td.vacatureoverzicht {
	background: url(../images/nav_bg_vacatureoverzicht.gif) repeat-x;
}

table#nav td.vacatureoverzichtactive {
	background: #3676B7;
}

table#nav td.wiezijnwij {
	background: url(../images/nav_bg_wiezijnwij.gif) repeat-x;
}

table#nav td.wiezijnwijactive {
	background: #6898C9;
}

table#nav td.werkenbij {
	background: url(../images/nav_bg_werkenbij.gif) repeat-x;
}

table#nav td.werkenbijactive {
	background: #9BBBDB;
}

/* SEARCH */
table#search {
	width: 100%;
	height: 80px;
}

table#search td.left {
	background: url(../images/bg_search_left.gif) no-repeat;
	width: 10px;
}

table#search td.left-iframe {
	background: url(../images/zoek_block_bg_left.jpg) no-repeat;
	width: 10px;
}

table#search td.parameter {
	background: url(../images/bg_search.gif) repeat-x; 
	vertical-align: bottom; 
	padding: 0px 0px 20px 10px;
	width: 25%;
}

table#search td.parameter-iframe {
	background: url(../images/zoek_block_bg.jpg) repeat-x; 
	vertical-align: bottom; 
	padding: 0px 0px 20px 10px;
	width: 25%;
}

table#search td.parameter select, table#search td.parameter input {
	width: 100%;
}

table#search td.right {
	background: url(../images/bg_search_right.gif) no-repeat;
	width: 10px;
}

table#search td.right-iframe {
	background: url(../images/zoek_block_bg_right.jpg) no-repeat;
	width: 10px;
}

/* SUMMARY ON HOMEPAGE */
div#summary {
	background: #FFFFFF;
	width: 479px;
	padding: 5px;
}

table#summarytable {
	width: 469px;
}

table#summarytable td {
	width: 232px;
}

table#summarytable td a {
	display: block;
	width: 232px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background: url(../images/yellow_arrow.gif) right center no-repeat #0454A5; 
	padding: 6px 10px; 
	text-decoration: none; 
}

table#summarytable td a:hover {
	background: url(../images/yellow_arrow.gif) right center no-repeat #4381BC;
}

table#summarytable td a.allevacatures {
	display: block;
	width: 100%;
	font-size: 12px;
	font-weight: bold;
	color: #0454A5;
	background: url(../images/blue_arrow.gif) right center no-repeat #9BBBDB; 
	padding: 6px 10px; 
	text-decoration: none; 
}

table#summarytable td a.allevacatures:hover {
	background: url(../images/blue_arrow.gif) right center no-repeat #CDDDED; 
}

table#summarytable td ul {
	padding: 0px;
	margin: 0px;
}

table#summarytable td ul li {
	list-style: none;
	font-size: 11px;
	font-weight: bold;
	padding: 4px;
}

table#summarytable td ul li.odd {
	background: #FDCC05;
}

table#summarytable td ul li span {
	font-size: 10px;
	font-weight: normal;
}

table#summarytable td ul li.odd a ,table#summarytable td ul li.even a {
	width: auto;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	background: none;
	padding: 0px;
}

table#summarytable td ul li.odd a:hover ,table#summarytable td ul li.even a:hover {
	background: none;
	text-decoration: underline;
}

table#summarytable td ul li.last a {
	font-size: 11px;
	font-weight: bold;
	color: #0454A5;
	text-decoration: none;
	background: none;
	padding: 4px 0px 0px 0px;
}

table#summarytable td ul li.last a:hover {
	background: none;
}

div#beschrijvingheader, div#overzichtheader, div#sollicitatieheader, div#nieuwsbriefheader {
	font-size: 12px;
	font-weight: bold;
	color: #2A82AE;
	background:  #f9f9f9; 
	padding: 6px 10px; 
	border: 1px solid #f0f0f0;
}

div#beschrijvingheader div {
	font-size: 11px;
	color: #CFD7BA;
	float: right;
}

div#overzichtheader div {
	font-size: 11px;
	color: #2A82AE;
	float: right;
	border: 1px solid #f0f0f0;
}

div#overzichtheader div a {
	font-size: 11px;
	color: #2A82AE;
}

div#beschrijvingcontainer, div#overzichtcontainer {
	background: #ffffff;
	border: 1px solid #f0f0f0;
	margin-bottom: 10px;
}

/* OVERZICHT */

div#overzichtcontainer div.content {
	padding: 10px 0px;
}

table#overzicht {
	width: 100%;
}

table#overzicht th {
	padding: 0px 10px 0px 5px;
	text-align: left;
	color: #2A82AE;
	white-space: nowrap;
}

table#overzicht td.number {
	padding: 5px 5px 5px 10px;
	color: #000000;
}

table#overzicht td.functie, table#overzicht td.functieeven {
	padding: 5px 6px 5px 5px;
	border-right:1px solid #cccccc;
	
	/*background: url(../images/dots_v.gif) top right repeat-y;*/
	width: 100%;
}

table#overzicht td.functieeven {
	/*background: url(../images/dots_v.gif) top right repeat-y #f9f9f9;*/
	border-right:1px solid #cccccc;
}

table#overzicht td.functie a, table#overzicht td.functieeven a {
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	color: #2A82AE;
	
}

table#overzicht td.functie a:hover, table#overzicht td.functieeven a:hover {
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: underline;
	
}

table#overzicht td.uren, table#overzicht td.ureneven {
	padding: 5px 6px 5px 5px;
	/*background: url(../images/dots_v.gif) top right repeat-y;*/
	border-right:1px solid #cccccc;
}

table#overzicht td.ureneven {
	/*background: url(../images/dots_v.gif) top right repeat-y #f9f9f9;*/
	border-right:1px solid #cccccc;
}

table#overzicht td.standplaats {
	padding: 5px 10px 5px 5px;
}

table#overzicht tr.even {
	background: #f9f9f9;
}

/* BESCHRIJVING*/

div#beschrijvingcontainer div.summary, div#overzichtcontainer div.summary {
	padding: 10px;
}

div#overzichtcontainer div.summary table td, div#overzichtcontainer div.summary table td b{
	color: #66663A;
}

div#overzichtcontainer div.line, div#beschrijvingcontainer div.line, div.optioncontainer div.line {
	height: 1px;
	/*background: url(../images/dots.gif) repeat-x;*/
	background-color: #cccccc;
	font-size: 1px;
	line-height: 1px;
	padding: 0px;
	margin: 0px;
	color: #cccccc;
}

div#overzichtcontainer div.line_fade {
	height: 1px;
	/*background: url(../images/dots_fade.gif) repeat-x;*/
	background-color: #cccccc;
	font-size: 1px;
	line-height: 1px;
	padding: 0px;
	margin: 0px;
	color: #cccccc;
}

div#beschrijvingcontainer div.content {
	padding: 10px 10px 0px 10px;
}

div#beschrijvingcontainer div.content h2 {
	padding: 0px;
	margin: 0px;
}

div#beschrijvingcontainer div.content p {
	margin-top: 0px;
}

div#werkzaamheden {
	padding: 0px 0px 1em 0px;
	display: none;
}

/* SOLLICITATIEFORMULIER(EN) */

div#sollicitatie {
	width: 510px;
	background: #ffffff;
	border: 1px solid #f9f9f9;
	padding: 10px;
	margin-bottom: 10px;
}

div#sollicitatie table td {
	padding: 2px 4px;
}

div#sollicitatie table td.req {
	padding: 0px;
	margin: 0px;
	width: 2px;
	background: #0454A5;
}

div#sollicitatie table td.req_notfilled {
	padding: 0px;
	margin: 0px; 
	width: 2px;
	background: #FF0000;
}

div#sollicitatie table td.notreq {
	padding: 0px; 
	margin: 0px; 
	width: 2px;
	background: #B9B869;
}

div#sollicitatie table td.empty {
	padding: 0px; 
	margin: 0px; 
	width: 2px;
	background: #ffffff;
}

table td input.quarter,  table td select.quarter, table td textarea.quarter {
	width: 25%;
}

table td input.half, table td select.half, table td textarea.half {
	width: 50%;
}

table td input.threequarter, table td select.threequarter, table td textarea.threequarter {
	width: 75%;
}

table td input.full, table td select.full, table td textarea.full {
	width: 100%;
}

input.submitbutton {
	background: #0454A5;
	color: #FFFFFF;
	padding: 2px 4px;
}

/* NIEUWSBRIEF */

div#content {
	width: 510px;
	background: #ffffff;
	border: 1px solid #f9f9f9;
	padding: 10px;
	margin-bottom: 10px;
}

div#content table td {
	padding: 2px 4px;
}

div#content table td.req {
	padding: 0px;
	margin: 0px;
	width: 2px;
	background: #0454A5;
}

div#content table td.req_notfilled {
	padding: 0px;
	margin: 0px; 
	width: 2px;
	background: #FF0000;
}

div#content table td.notreq {
	padding: 0px; 
	margin: 0px; 
	width: 2px;
	background: #B9B869;
}

div#content table td.empty {
	padding: 0px; 
	margin: 0px; 
	width: 2px;
	background: #FFF875;
}

div#nieuwsbrief table td select {
	height: 7em;
}
/* CONTENT */

div#contentheader {
	font-size: 12px;
	font-weight: bold;
	color: #2A82AE;
	background: #f9f9f9; 
	padding: 6px 10px; 
}

div#content {
	width: 510px;
	background: #ffffff;
	border: 1px solid #f9f9f9;
	padding: 10px;
	margin-bottom: 10px;
}

div#content h1 {
	font-size: 11px;
	font-weight: normal;
	color: #0454A5;
	margin: 0px 0px 1em 0px;
}

div#content h2 {
	font-size: 11px;
	font-weight: bold;
	margin: 0px 0px 0.25em 0px;
}

div#content p {
	margin: 0px 0px 1.5em 0px;
}

div#content ul li {
	list-style: url(../images/blue_arrow_list.gif) square;
	padding: 0px;
}

/* OPTIES */

div.optioncontainer {
	background: #f9f9f9;
	border: 1px solid #f0f0f0;
	margin-bottom: 5px;
}

div.optioncontainer ul, div.optioncontainer ul li {
	padding: 0px;
	margin: 0px;
}

div.optioncontainer ul li {
	list-style: none;
	background: url(../images/black_arrow_r.gif) top right no-repeat;
}

div.optioncontainer ul li.active {
	list-style: none;
	font-weight: bold;
	height: 20px;
	padding: 2px 10px;
	color: #E73929;
	background: none;
}

div.optioncontainer ul li a {
	display: block;
	width: 100%;
	height: 20px;
	padding: 2px 10px;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}

div.optioncontainer ul li a:hover {
	text-decoration: underline;
}

div.optioncontainer ul li.line, div.optioncontainer ol li.line {
	/*background: url(../images/dots.gif) top left repeat-x;*/
	background-color: #cccccc;
	height: 1px;
	font-size: 0px;
	line-height: opx;
}

div.optioncontainer ol, div.optioncontainer ol li {
	padding: 0px;
	margin: 0px;
}

div.optioncontainer ol li {
	height: 36px;
	list-style: none;
}

div.optioncontainer ol li a {
	display: block;
	width: 100%;
	font-size: 10px;
	font-weight: bold;
	line-height: 36px;
	text-decoration: none;
	padding: 0px 0px 0px 50px;
}

div.optioncontainer ol li a:hover {
	text-decoration: underline;	
}

/*div.optioncontainer div.option {
	height: 37px;
	vertical-align: middle;
	padding: 10px 0px 0px 50px;
	font-size: 10px;
	font-weight: bold;
	margin: 0px;
}

div.optioncontainer div.option a {
	text-decoration: none;
}

div.optioncontainer div.option a:hover {
	text-decoration: underline;
}*/

div.optioncontainer ol li.sollicitatie {
	background: url(../images/bg_solliciteren.gif) no-repeat;
}

div.optioncontainer ol li.print {
	background: url(../images/bg_print.gif) no-repeat;
}

div.optioncontainer ol li.downloadaspdf {
	background: url(../images/bg_downloadaspdf.gif) no-repeat;
}

div.optioncontainer ol li.mailafriend {
	background: url(../images/bg_mailafriend.gif) no-repeat;
}

div.optioncontainer div.navoption, div.optioncontainer div.navoptionactive {
	vertical-align: middle;
	padding: 10px 10px;
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	background: url(../images/black_arrow_r.gif) center right no-repeat;
}

div.optioncontainer div.navoption {
	height: 37px;
	background: url(../images/black_arrow_r.gif) center right no-repeat;
}

div.optioncontainer div.navoptionactive {
	background: url(../images/black_arrow_d_big.gif) top right no-repeat;
}

div.optioncontainer div.navoptionactive span {
	color: #E73929;
}

div.optioncontainer div.navoption a {
	font-size: 11px;
	text-decoration: none;
}

div.optioncontainer div.navoption a:hover {
	text-decoration: underline;
}

div.optioncontainer div.navoptionactive a {
	font-size: 11px;
	color: #E73929;
	text-decoration: none;
}

div.optioncontainer div.navoptionactive a:hover {
	color: #E73929;
	text-decoration: underline;
}

div.optioncontainer div span.subnavoption {
	font-size: 10px;
}

div.optioncontainer div span.subnavoption a {
	text-decoration: none;	
}

/* TESTIMONIAL */

div#testimonial {
	background: #FEF592;
	padding: 5px;
	width: 479px;
	margin: 5px 0px 10px 0px;
}

div#testimonial table {
	width: 100%; 
	height: 105px;
	border: 1px solid #B8B869;
}

div#testimonial table td {
	padding: 2px 4px;
	margin: 0px;
}

div#testimonial table td.textheader {
	border-left: 1px dotted #000000;
	border-bottom: 1px dotted #000000;
	color: #0454A5;
	font-weight: bold;
}

div#testimonial table td.leesverder {
	text-align: right;
}

div#testimonial table td.leesverder a {
	font-weight: bold;
	color: #0454A5;
	text-decoration: none;
}

div#testimonial table td.leesverder a:hover {
	font-weight: bold;
	color: #0454A5;
	text-decoration: underline;
}

/* NIEUWSBRIEF */

div#nieuwsbrief {
	background: url(../images/bg_nieuwsbrief.gif) bottom left no-repeat;
	width: 160px;
	height: 115px;
	vertical-align: bottom;
	margin-top: 5px;
	padding: 0px;
}

div#nieuwsbrief table {
	width: 160px; 
	height: 115px;
}

div#nieuwsbrief table td.inputfield {
	vertical-align: bottom;
	padding: 5px 0px 10px 8px;
}

div#nieuwsbrief table td.sendbutton {
	vertical-align: bottom;
	padding: 5px;
}

img {
	border: 0px;
}

div#book {
	position: absolute;
	display: none;
	margin-top: -60px;
	margin-left: -161px;
	z-index: 99; 
	width: 323px; 
	height: 320px;
}

form {
	padding: 0px;
	margin: 0px;
}