/* RESET CSS */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a{
	color:#666666;
}
strong, bold{
	font-weight:bold;
}

/* Font face */
	@font-face {
		font-family: 'VAGRoundRegular';
		src: url('font/vag_round-webfont.eot');
		src: url('font/vag_round-webfont.eot?#iefix') format('embedded-opentype'),
			 url('font/vag_round-webfont.woff') format('woff'),
			 url('font/vag_round-webfont.ttf') format('truetype'),
			 url('font/vag_round-webfont.svg#VAGRoundRegular') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
		font-family: 'TheMix3LightPlain';
		src: url('font/themi35-webfont.eot');
		src: url('font/themi35-webfont.eot?#iefix') format('embedded-opentype'),
			 url('font/themi35-webfont.woff') format('woff'),
			 url('font/themi35-webfont.ttf') format('truetype'),
			 url('font/themi35-webfont.svg#TheMix3LightPlain') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
		font-family: 'TheMix3LightCaps';
		src: url('font/themi30-webfont.eot');
		src: url('font/themi30-webfont.eot?#iefix') format('embedded-opentype'),
			 url('font/themi30-webfont.woff') format('woff'),
			 url('font/themi30-webfont.ttf') format('truetype'),
			 url('font/themi30-webfont.svg#TheMix3LightCaps') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	
	@font-face {
		font-family: 'TheMix5Plain';
		src: url('font/themi36-webfont.eot');
		src: url('font/themi36-webfont.eot?#iefix') format('embedded-opentype'),
			 url('font/themi36-webfont.woff') format('woff'),
			 url('font/themi36-webfont.ttf') format('truetype'),
			 url('font/themi36-webfont.svg#TheMix5Plain') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	
/* end Font face */

/* LAYOUT CSS */

html {
	position: relative;
	min-height: 100%;
	height:100%;
	padding: 0;
	margin: 0;
}

body {
	position: relative;
	width: 100%;
	min-height: 100%;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #000000;
	padding: 0;
	margin: 0;
	background:transparent url(images/bg-body.jpg) top center no-repeat;
}

p {
	margin: 5px 0 10px 0;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	line-height:150%;
}

.page {
	position: relative;
	width: 950px;
	min-height: 100%;
	height:100%;
	margin: 0 auto;
	padding: 0 auto;
	
	margin: 0 auto;
}
.header{
	position: relative;
	width: 910px;
	height: 115px;
	margin: 0 auto;
	padding: 0 auto;
	margin: 0 auto;
	margin-bottom:15px;
}

.header a.logo{
	position:relative;
	width:184px;
	height:90px;
	display:block;
	text-decoration:none;
	padding-top:22px;
}
.header a.logo img{
	display:block;
}
.header a.logo span.title{
	white-space:nowrap;
	color:#58585A;
	font-size:28px;
	font-family: 'VAGRoundRegular';
	line-height:120%;
	float:left;
	margin-top:-10px;
}
.header .topmenu{
	position:absolute;
	right:220px;
	top:12px;
	width:auto;
}
.header .topmenu li{
	float:left;
	color:#666666;
}
.header .topmenu li a{
	margin-left:12px;
	margin-right:12px;
	color:#F98B02;
	text-decoration:none;
}
.header .search{
	position:absolute;
	right:0;
	top:12px;

	width:auto;
	height:27px;
	vertical-align:middle;
	text-align:right;
}
.header .search input#search{
	width:80px;
	height:16px;
	border:1px solid #999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #666666;
}

.header .search input[type=submit]{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	background:transparent url(images/bg-search-button.jpg) 0 0 no-repeat;
	border:none;
	width:60px;	
	text-align:left;
	height: 26px;
    padding: 0 0 6px 10px;
	cursor:pointer;
}
.header .menu{
	position:absolute;
	right:0;
	top:40px;
	background:#c9c9c9 url(images/bg-menu.jpg) 0 0 repeat-x;
	width:690px;
	height:37px;
	
	-moz-border-radius: 5px;
	border-radius: 5px 5px 5px 5px;
}
.header .menu ul{
	float:left;
}
.header .menu ul.main{
	float:left;
	height:37px;
	text-align:left;
}
.header .menu ul.main li{
	float:left;
	border-right:1px solid grey;
	border-left:1px solid lightgrey;
}
.header .menu ul.main li:hover{
	background:#c9c9c9 url(images/bg-menu-hover.jpg) 0 0 repeat-x;
}
.header .menu ul.main li:first-child{
	padding-left:0px;
	border-left:none;
	-moz-border-radius-left: 5px;
	border-radius-left: 5px 5px 5px 5px;
}
.header .menu ul.main li a{
	color:#FFFFFF;
	font-family: 'TheMix3LightCaps';
	text-transform:uppercase;
	display:block;
	font-size: 13px;
	line-height: 19px;
	padding: 9px 7px;
	text-decoration:none;
}
.header .menu ul.language{
    float: right;
    margin: 0;
    padding: 0;
    width: 44px;
}
.header .menu ul.language li{
	float:left;
	padding: 12px 5px 0 0;
    width: 16px;
}
.header .menu ul.language li a{
	background:transparent url(images/languages.png) 0 0 no-repeat;
	width:14px;
	height:11px;
	padding:2px;
	display:block;
	font-size:0px;
}
.header .menu ul.language li a.en{
	background-position:0 -15px;
	margin-right:8px;
}
.social{
	position:absolute !important;
	right:0;
	bottom:0;
	width:130px;
	display:inline-block;
}
.footer .social {
	right:20px;
	top:20px;
}
.blockblog  .social {
	right:30px;
	top:10px;
	width:90px;
}
.social span{
	padding-right:5px;
	display:inline-block;
	float:left;
	padding-top:1px;
	font-size:10px;
	color:#666666;
}
.social a{
	width:13px;
	height:13px;
	float:right;
	display:inline-block;
	background:transparent url(images/icons-social.png) 0 0 no-repeat;
	font-size:0;
	margin-left:3px;
}

.social a.li{
	background-position:0 -13px;
}
.social a.tw{
	background-position:0 -26px;
}
.social a.rs{
	background-position:0 -39px;
}



/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/

/* Most common stuff you'll need to change */

	.coda-slider-wrapper {
		padding: 20px 0;
		height:315px;
	}
	/*.coda-slider { background: rgba(0,0,0,0.1) } */
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 315px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 910px; } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 910px; height:315px; }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 20px }
	
	/* Arrow styling 
	.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }*/
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #7f7f7f url(images/slider-dot.png) 0 0 no-repeat; }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 0 }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin:-15px 0 0 20px; overflow: hidden; float:left; width:50%; }
	.coda-nav ul li { display: inline; display: inline; float: left; padding-right: 6px; }
	.coda-nav ul li a { background: #bfbfbf url(images/slider-dot.png) 0 0 no-repeat; font-size:0; display: block; float: left; margin-right: 1px; width:10px; height:10px; text-decoration: none }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right {
		position:absolute;
	}
	.coda-nav-left{
		position:absolute;
		
		left:-75px;
		margin-top:75px;
		*margin-top:-175px;
	}	
	.coda-nav-right {
		position:absolute;
		right:-75px;
		margin-top:75px;
		*margin-top:-175px;
	}
	.coda-nav{
		float: left;
		margin-top: -35px;
		position: relative;
		width: 950px !important;
	}
	.coda-nav-left a{
		background:transparent url(images/bg-slider-arrows.jpg) 0 0 no-repeat;
		height:35px;
		width:18px;
		display: block;
		
		font-size:0px;
	} 
	.coda-nav-right a { 
		background:transparent url(images/bg-slider-arrows.jpg) -18px 0 no-repeat;
		height:35px;
		width:18px;
		display: block;
		
		font-size:0px;
	}
/*
	END jQuery Coda-Slider v2.0
*/	

div.main{
	position: relative;
	width: 950px;
}

div.main .col1-layout .col-main{
	position: relative;
	width: 950px;
}
div.main .col-main div{
	position: relative;
	height:auto;
}
div.main .col-main div .sisea-paging{
	margin-bottom:20px;
}

div.main .col-main div .sisea-result h3, div.main .col-main div .sisea-result h3 a{
	text-decoration:underline;
	color:#F98B02;
	font-size:14px;
}

h1, div.h1{
	font-size:22px;
	font-weight:bold;
	font-family: 'TheMix3LightPlain';
	line-height:150%;
	color:#437ea1;
	display:block;
}
.blockcontent, .blockblog, .blockactueel, .blockimage{
	float:left;
	width: 430px;
}

.panel-wrapper .blockcontent{
	font-size:14px;
}

.panel-wrapper .blockcontent div.h1{
	color:#f98b02;
	font-size:28px;
	font-weight:bold;
	font-family: 'TheMix3LightPlain';
	line-height: 110%;
}
.panel {
	background:transparent url(images/bg-grey-shim.jpg) 0 250px repeat-x;
}
.panel-wrapper .blockcontent a.moreinformation{
	width: 193px;
	height:38px;
	background:transparent url(images/bg-slider-button.png) 0 0 no-repeat;
	display:block;
	padding: 8px 0 0 10px;
	font-size:14px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	
}
.panel-wrapper .blockimage{
	float:right;
	width:430px;
	padding: 20px;
	height:253px;
	background:transparent url(images/bg-slider-image.png) 0 0 no-repeat;
}


.blocktwitter, .blocknews{
	position: relative;
	float:left;
	width: 190px;
}
.blocktwitter a.twitterlink{
	position:absolute;
	bottom:10px;
	height: 13px;
	padding-top:1px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#437ea1;
	text-decoration:none;
	padding-left:15px;
	background: url(images/icons-social.png) no-repeat scroll 0 -26px transparent;
}

.blockjobs a.jobslink{
	position:absolute;
	bottom:10px;
	height: 13px;
	padding-top:1px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#f98b02;
	text-decoration:none;
}



.blocktwitter .twtr-ft, .blocktwitter .twtr-hd{
	display:none !important;
}
.blocktwitter .twtr-bd .twtr-timeline .twtr-tweets{
	margin-left:-5px;
}

.blockjobs{
	position: relative;
	float:left;
	width: 190px;
	font-size:11px;
}

.blockjobs ul li, .blocknaw ul li , .blocknews ul li {
	margin-bottom:15px;
}

.blockjobs ul li:last-child, .blockjobs ul li:last{
	margin-top:50px;
}
.blockjobs ul li a, .blocknaw ul li a, .blocknews ul li a{
	text-decoration:none;
	font-weight:bold;
	color:#f98b02;
}
.blockjobs ul li a:after, .blocknaw ul li a:after, .blocknews ul li a:after{
	content:"\00BB\00A0";
}

.col1-layout div.main .col-main .blockcontent{
	padding:10px 20px 0 20px;
	font-size:12px;
}
.col1-layout div.main .col-main .blockcontent table{
	margin:10px 0 10px 0;
	width:110% !important;
}
.col1-layout div.main .col-main .blockcontent table tr td{
    color: #333333;
    font-family: Arial,Helvetica,sans-serif;
    line-height: 150%;
}

.col1-layout div.main .col-main .blockcontent table tr td a{
	color:#f98b02;
	text-decoration:none;
}

.col1-layout div.main .col-main .blockcontent table tr td a.hpAdviesgesprek{
	background:transparent url(images/bg-adviesgesprek.jpg) 0 0 no-repeat;
	margin:-5px 0 7px 0;
	color:#FFFFFF;
	padding:5px 0 0 5px;
	width:149px;
	height:29px;
	display:block;
	text-decoration:none;
}

.col1-layout div.main .col-main .blockblog, .col1-layout div.main .col-main .blockactueel{
	padding:0 20px 0 20px;
	font-size:12px;
}
.col1-layout div.main .col-main .blockblog div.h1, .col1-layout div.main .col-main .blockactueel div.h1{
	color:#F98B02 !important;
}
.col1-layout div.main .col-main .divider{
	position: relative;
	float:left;
	width: 10px;
	margin-top:10px;
	height:auto;
	background:transparent url(images/bg-block-divder.jpg) 0 0 repeat-y;
}
div.main .col-main .blockcontent h1, div.main .col-main .blockcontent div.h1{
	color:#f98b02;
}
.col1-layout div.main .col-main .blocktwitter, div.main .col-main .blockjobs{
	margin:0 20px 0 30px;
	padding:8px 18px 30px 18px;
	border:2px solid #cccccc;
	width: 150px;
}

.blockservices{
	position: relative;
	float:left;
	width: 950px;
	margin:20px 0;
}

.blockservices div.service, .blockmenu{
	position: relative;
	float:left;
	width:230px;
	height:auto;
	
	margin-right:10px;
	background:#9A9A9A;
	display:inline-block;
	text-decoration:none;
}

.blocknaw, .blockmenu{
	position: relative;
	float:left;
	width: 190px;
}
.blockservices div.service:last-child, .blockservices div.service.last{
	margin-right:0;
}
.blockservices div.service span.photo{
	height:70px;
	width:230px;
	display:block;
	background:#FFFFFF;
}
.blockservices div.service span.title, .blockmenu  span.title{
	font-size:28px;
	font-weight:bold;
	font-family: 'TheMix3LightPlain';
	line-height:110%;
	color:#FFFFFF;
	display:block;
	margin:15px 10px 50px;
}
.blockservices div.service span, .blockmenu  span{
	display:inline-block;
}
.blockservices div.service ul{
	position:absolute;
	bottom:0;
	margin:50px 10px 10px 10px;
}
.blockmenu  ul{
	position:relative;
	margin:15px;
}
.blockmenu  ul li.active a{
	text-decoration: none;
	color:#437EA1;
}
.blockmenu  ul li.active ul li a{
	text-decoration: none;
	color:#666666;
}
.blockmenu  ul ul{
	margin:0 0 0 13px;
}
.blockmenu  ul ul li a:before{
	content:"" !important;
}
.blockmenu  ul ul li a{
	font-size:11px;
	content:"" !important;
}
.blockmenu  ul ul ul{
	margin:0 0 0 13px;
}
.blockmenu  ul ul u li a{
	font-size:10px;
}
.blockservices div.service ul li, .blockmenu   ul li{
	margin-bottom:5px;
}
.blockmenu   ul li{
	border-bottom:1px dotted #FFFFFF;
	padding: 3px 0 0 0;
}
.blockmenu   ul li:last-child{
	border:none;
}
.col3-layout .links{
	margin:5px 0 15px 20px;
}
.col3-layout .links a{
	color: #666666;
	font-size:11px;
	margin:0 5px 0 0;
}

.col3-layout .links span a{
	text-decoration: none;
	color: #F98B02;
}
.col3-layout  .col-wrapper .blockcontent ul{
    list-style: disc outside none;
    margin-left: 15px;
	color: #666666;
}


.blockservices div.service ul li a, .blockmenu   ul li a{
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;
}
.blockmenu ul li a{
	text-decoration:none;
	font-weight:normal;
	color:#FFFFFF;
	font-size:14px;
	padding-bottom:10px;
	display: block;
}
.blockservices div.service ul li a:hover, .blockmenu   ul li a:hover{
	text-decoration:underline;
}
.blockservices div.service ul li a:before, .blockmenu   ul li a:before{
	content:"\00BB\00A0";
}

span.corner{
	background:transparent url(images/blocks_corner.png) 0 0 no-repeat;
    height: 16px;
	width: 16px;
    position: absolute;
    
}
span.corner.lt{
    background-position: 0 0;
    left: 0;
    top: 70px;
}
.blockmenu span.corner.lt{
	top: 0px;
}
span.corner.rt{
	background-position: -16px 0;
	right: 0;
	top: 70px;
}
.blockmenu span.corner.rt{
	top: 0px;
}
span.corner.lb{
	background-position: 0 -16px;
	bottom: 0;
	left: 0;
}
span.corner.rb{
	background-position: -16px -16px;
	bottom: 0;
	right: 0;
}

.blockjobs span.corner, .blocktwitter span.corner, .blocknaw span.corner, .blocknews span.corner{
	background:transparent url(images/bg-border-line.jpg) 0 0 no-repeat;
    height: 15px;
	width: 15px;
    
}
.blockjobs span.corner.lt, .blocktwitter span.corner.lt, .blocknaw span.corner.lt, .blocknews span.lt{
    background-position: 0 0;
    left: -2px;
    top: -2px;
}
.blockjobs span.corner.rt, .blocktwitter span.corner.rt, .blocknaw span.corner.rt, .blocknews span.rt{
	background-position: -15px 0;
	right: -2px;
    top: -2px;
}
.blockjobs span.corner.lb, .blocktwitter span.corner.lb, .blocknaw span.corner.lb, .blocknews span.lb{
	background-position: 0 -15px;
	left: -2px;
    bottom: -2px;
}
.blockjobs span.corner.rb, .blocktwitter span.corner.rb, .blocknaw span.corner.rb, .blocknews span.rb{
	background-position: -15px -15px;
	right: -2px;
    bottom: -2px;
}

.blog-main{
	float:right;
	width:260px;
	height:auto;
	color:#999999;
}
.blog-main p {
	margin-top:0;
	color:#999999;
}
.actueel-main{
	width:430px;
	height:auto;
	color:#999999;
	text-decoration:none;
	display:block;
}
.actueel-main p{
	margin-top:0;
	color:#999999;
}

.blog-main span.date, .actueel-main span.date{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#999999;
	display:block;
	line-height:150%;
}
.blog-main span.title, .actueel-main span.title{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	display:block;
	line-height:150%;
}
.blog-main span.tags, .actueel-main span.tags, .blog-main span.tags a, .actueel-main span.tags a{
	font-size:11px;
	color:#f98b02;
	display:block;
	line-height:150%;
	text-decoration:none;
}
.blog-main p a.linkmore, .actueel-main p span.linkmore{
	font-weight:bold;
	color:#f98b02;
	text-decoration:none;
	display:block;
	margin:0;
}

.blog-main a.linkmore, .actueel-main span.linkmore, .blockactueel a.linkmore{
	margin-top:30px;
	font-weight:bold;
	color:#f98b02;
	text-decoration:none;
	display:block;
}
.blog-main p a.linkmore:after, .actueel-main p span.linkmore:after{
	content:"\00A0\00BB";
}
.blog-left{
	float:left;
	width:160px;
	height:auto;
}
.col3-layout{
	margin-top:30px;
}
.col3-layout  .col-wrapper{
	float:left;
	width:660px;
}
.col3-layout  .col-main{
	float:right;
	width:430px;
}
.col3-layout  .col-right{
	width:230px;
	float:right;
}
.col3-layout  .col-left{
	width:230px;
	float:left;
}
.col3-layout  .blockcontent{	
	margin-left:9px;
	font-size: 12px;
	line-height:150%;
}

.col3-layout .blocknaw, .col3-layout .blocknews{
	margin:0 20px 0 20px;
	padding:8px 18px 10px 18px;
	border:2px solid #cccccc;
	width: 150px;
}
.col3-layout .blocknaw{
	padding: 8px 11px 18px 13px;
	width: 162px;
}
.col3-layout .blockmenu{
	margin:8px 20px 20px 20px;
	}


/* start footer */

.footer{
	position: relative;
	width: 950px;
	margin-top:50px;
	margin-bottom:40px;
}
.footer div.title{
	position: relative;
	width: 950px;
	white-space:nowrap;
	color: #58585A;
	font-size:28px;
	font-family: 'VAGRoundRegular';
	line-height:120%;
	margin:0 0 15px 20px;
}
.footer div.colorbar{
	position: relative;
	width: 950px;
	height:22px;
	background:transparent url(images/bg-colorbar.jpg) 0 0 repeat-y;
	font-size:0;
}
.footer div.sitemap-wrapper{
	margin:0 0 15px 20px;
}
.footer div.sitemap-wrapper div.title{
	position: relative;
	width: 950px;
	color:#666666;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	margin:20px 0;	
}
.footer div.sitemap-wrapper ul{
	width:20%;
	float:left;
	
	line-height:150%;
	margin-bottom:20px;
}
.footer div.sitemap-wrapper ul li, .footer div.sitemap-wrapper ul li a{
	color:#999999;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	display:block;
}
.footer div.sitemap-wrapper ul li strong, .footer div.sitemap-wrapper ul li a strong{
	color:#f98b02;
}
.footer div.sitemap-wrapper ul li:first-child{
	font-weight:bold;
}
.footer div.sitemap-wrapper ul li ul {
	margin-left:15px;
	float:left;
	width: 100%;
}
.footer div.sitemap-wrapper ul li ul li:first-child{
	font-weight:bold;
}


.footer .foot{
	position: relative;
	width: 910px;
	margin-left:20px;
	margin-top:30px;
}
.footer .foot .col{
	width:33%;
	float:left;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
}

.footer .foot .col a{
	color:#f98b02;
	text-decoration:none;
	padding:0 10px;
}

.col.middle{
	text-align:center;
}
.col.right{
	text-align:right;
}

/* color styles */
.bge60101{
	background:#e60101 !important;
}
.bgf2d202{
	background:#f2d202 !important;
}
.bg0757e1{
	background:#0757e1 !important;
}
.bg60c53c{
	background:#60c53c !important;
}

.txte60101{
	color:#e60101 !important;
}
.txtf2d202{
	color:#f2d202 !important;
}
.txt0757e1{
	color:#0757e1 !important;
}
.txt60c53c{
	color:#60c53c !important;
}


/* FORM CSS */
table.formulier{
	margin-top:25px;
	display:inline-block;
}

table.formulier td.tdTekst{
	width:140px;
	font-size:14px;
	color:#666666;
	white-space:nowrap;
}
table.formulier td.tdInput label{
	font-size:14px;
	color:#666666;
	margin-top: -2px;
	float:left;
		margin-right:10px;
}



table.formulier td.tdInput{
	width:280px;
}


table.formulier td{
	height:40px;
	vertical-align:middle;
}

table.formulier td.tdInput input{
	width:220px;
	height:14px;
	background:#FFFFFF;
	border-top:1px solid #abadb3;
	border-right:1px solid #dbdfe6;
	border-bottom:1px solid #e3e9ef;
	border-left:1px solid #e2e3ea;
	padding:3px;
	margin:0;
    font-size: 12px;
	color:#666666;
	font-family:Arial,Geneva,Kalimati,sans-serif;
}

table.formulier td.tdInput input[type=radio]{
	width:15px;
	height:15px;
	margin-right:10px;
	float:left;
}

table.formulier td.tdInput input[type=file]{
	height:20px;
}

table.formulier td.tdInput textarea{
	width:260px;
	height:130px;
	background:#FFFFFF;
	border-top:1px solid #abadb3;
	border-right:1px solid #dbdfe6;
	border-bottom:1px solid #e3e9ef;
	border-left:1px solid #e2e3ea;
	padding:5px;
	margin:0;
    font-size: 12px;
	color:#666666;
	font-family:Arial,Geneva,Kalimati,sans-serif;
}
table.formulier td.tdInput select{
	width:244px;
	height:30px;
	padding:5px;
	margin:0;
    font-size: 12px;
	color:#666666;
	font-family:Arial,Geneva,Kalimati,sans-serif;
}
 
#contactform input[type=submit], #jobform input[type=submit]{
	background:transparent url(images/bg-adviesgesprek.jpg) 0 8px no-repeat;
	border:none;
	width:238px;
	height:41px;
	font-size:16px;
	color:#FFFFFF;
	padding-left: 10px;
    text-align: left;
	margin-left: 110px;
	cursor:pointer;
	margin-bottom:25px;
}

table.formulier td.message{
	text-align:left;
	width:40px;
	background:url(images/validate_init.png) 1px 11px no-repeat;
	font-size:0px;
	line-height:0px;
}

table.formulier td.no_validate{
	background:none;
	font-size: 0;
    line-height: 0;
    text-align: left;
    width: 25px;
}
table.formulier td.message.valid{
	background:url(images/validate_passed.png) 1px 12px no-repeat;
}

table.formulier td.message label.error{
    background: url(images/validate_error.png) no-repeat scroll 1px 3px transparent;
    float: left;
    padding: 12px;
	font-size:0px;
	line-height:0px;
}
table.formulier tr.opmerk  td.message label.error{
	margin-top: 8px;
}

table.formulier td.no_validate.valid{
	background:url(images/validate_passed.png) 1px 12px no-repeat;
}
table.formulier td.no_validate label.error{
    background: url(images/validate_error.png) no-repeat scroll 1px 3px transparent;
    float: left;
    padding: 12px;
	font-size:0px;
	line-height:0px;
}

table.formulier  tr.opmerk td.message{
	vertical-align:top;
}

/* FORM CSS END */

/* apply linkedin */

.wrapper-apply{
	margin:0px 26px 30px 0;
	float:left;
}

.wrapper-apply span.li-apply-text{
	display:none !important;
	visibility:hidden !important;
	color:#FFFFFF !important;
}
/* Floating styles */

.left { float: left; }
.right { float: right; }

.clearfix:after {
	height: 0px;
	line-height: 0px;
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
}

.col3-layout .col-wrapper .blockcontent ul.paging {
	margin: 0px;
	list-style: none;
	margin-bottom: 10px;
}
.col3-layout .col-wrapper .blockcontent ul.paging li {
	position: relative;
	float: left;
}
.col3-layout .col-wrapper .blockcontent ul.paging li a {
	display: block;
	padding: 2px 5px 2px 5px;
	margin-right: 4px;
	border: 1px solid #9A9A9A;
	text-decoration: none;
}
.col3-layout .col-wrapper .blockcontent ul.paging li.control a {
	border-color: transparent;
}
.col3-layout .col-wrapper .blockcontent ul.paging li a:hover,
.col3-layout .col-wrapper .blockcontent ul.paging li a.active {
	color: #F98B02;
	border-color: #F98B02;
}
.col3-layout .col-wrapper .blockcontent ul.paging li a.active {
	color: #ffffff;
	background: #F98B02;
}

.topdesk{
	margin:20px !important;
}
.topdesk a{
	text-decoration:none !important;
}

.addthis_toolbox{
	float:left;
	width: 100%;
}
