/* styles for candidates area */

#greep h2 {
	background-color: #87c521;
}
#greep li {
	border:1px solid #87c521;
	border-top-width:0;
}
#right, #homeright {
	background-color: #87c521;
}
#helder_scherp_direct {
	width:100%;
	height:47px;
	overflow:hidden;
	background:transparent url(../img/helder-scherp-direct.gif) 50% 14px no-repeat;
	text-indent: -99999px;
}
#tech_sharks {
	width: 100%;
	height: 120px;
	background: transparent url(../img/tech-sharks_candidates.gif) 50% 10px no-repeat;
	text-indent: -99999px;
	margin-top:15px;
}
#end {
	border-top:1px solid #10238c;
	border-bottom:1px solid #10238c;
}
#left .news h2,
#left .vacatures h2,
#left .referentie h2 {
	background-color:#848ec4;
	padding:10px;
	margin-bottom:.3em;
}
#left .news h3,
#left .vacatures h3,
#left .referentie h3 {
	color:#10238c;
	font-size:14pt;
	margin:.5em 10px;
	font-weight:bold;
	letter-spacing:normal;
	line-height:1.3em;
}
#left .news h4,
#left .vacatures h4,
#left .referentie h4 {
	color:#10238c;
	font-size:11pt;
	font-weight:bold;
	margin:.5em 10px;
}
#left .vacatures h4.contactpersoon {
	background-color:#848ec4;
	padding:5px 10px;
	margin-bottom:.3em;
	color: #fff;
}
#left .news img,
#left .vacatures img,
#left .referentie img {
	margin-bottom:.5em;
	display:block;
}
#left .news p.caption,
#left .vacatures p.caption,
#left .referentie p.caption {
	font-style:italic;
	font-size:9pt;
	padding-right:50px;
}
#left .news .intro,
#left .vacatures .intro,
#left .referentie .intro {
	font-size:11pt;
}
#left .vacatures .contactblok {
	float:right;
	margin:0 10px .5em;;
	background-color:#c3e290;
	text-align:center;
}
#left .vacatures .contactblok h3 {
	font-size:12pt;
	background-color:#87c521;
	color:#fff;
	margin:0 0 .5em;
	padding:5px;
}
#left .vacatures .contactblok ul {
	margin-bottom:.5em;
	margin-top:-.5em;
}
#left .vacatures .contactblok li a {
	color:#fff;
	border-width:1px;
	border-style:solid;
	border-color:#e1f0c7 #446311 #446311 #e1f0c7;
	margin:0 10px 5px;
	padding:2px 5px;
	font-weight:bold;
	background-color:#87c521;
	text-decoration:none;
	display:block;
}
#left .vacatures .contactblok li a:hover {
	border-color:#446311 #e1f0c7 #e1f0c7 #446311;
	padding:3px 5px 1px;
}
#right a.contact {
	padding-left:1.5em;
	background:transparent url(../img/email.gif) 0 60% no-repeat;
	color:#fff;
	text-decoration:none;
	display:block;
}
#right a.contact:hover {
	text-decoration:underline;
}
#right .news a.leesmeer, #right .referentie a.leesmeer {
	padding:0 2em 0 0;
	border-bottom:1px solid #10238c;
	background:transparent url(../img/blockarrow_blue.gif) right center no-repeat;
	color:#10238c;
	margin-top:.5em;
}
#right .news a.leesmeer:hover, #right .referentie a.leesmeer:hover {
	text-decoration:none;
}
#right .news h3 {
	color:#10238c;
}
#right .vacatures ul.subgroep {
	margin-top:1em;
}
#right .vacatures .subgroep li {
	margin:2px 0;
}
#right .vacatures .subgroep li.active {
	font-weight:bold;
	color:#10238c;
	padding:2px 5px;
}
#right .vacatures .subgroep li a,
#right .vacatures .nav li a {
	background-image:none;
	background-color:#848ec4;
	padding:2px 5px;
	font-weight:bold;
	border-width:1px;
	border-style:solid;
	border-color:#c3c8e2 #081246 #081246 #c3c8e2;
}
#right .vacatures .subgroep li a:hover,
#right .vacatures .nav li a:hover
 {
	padding:3px 5px 1px;
	border-color:#081246 #c3c8e2 #c3c8e2 #081246;
}
#right .vacatures ul.nav {
	text-align:center;
	width:100%;
	margin-top:-.5em;
}
#right .vacatures .nav li {
	float:left;
	width:100px;
	margin-left:20px;
}
#right .vacatures .nav li a.prev {
	padding-left:15px;
	background-image:url(../img/back_bullet.gif);
	background-position:25% 8px;
}
#right .vacatures .nav li a.prev:hover {
	background-position:25% 9px;
}
#right .vacatures .nav li a.next {
	padding-right:10px;
	background-image:url(../img/triangle_bullet.gif);
	background-position:85% 8px;
}
#right .vacatures .nav li a.next:hover {
	background-position:85% 9px;
}
#right .vacatures .buttons a {
	padding-left:0;
	padding-top:75px;
	height:25px;
	display:block;
	width:128px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	float:left;
}
#right .vacatures .buttons a:hover {
	padding-top:76px;
	height:24px;
}
#right .vacatures .buttons a#assemblage { background:url(../img/vacature_assemblage.gif) center -100px no-repeat; }
#right .vacatures .buttons a#elektro { background:url(../img/vacature_elektrom.gif) center -100px no-repeat; }
#right .vacatures .buttons a#lassers { background:url(../img/vacature_lassers.gif) center -100px no-repeat; }
#right .vacatures .buttons a#metaal { background:url(../img/vacature_metaalbew.gif) center -100px no-repeat; }
#right .vacatures .buttons a#onderhoud { background:url(../img/vacature_onderhstech.gif) center -100px no-repeat; }
#right .vacatures .buttons a#operators { background:url(../img/vacature_techop.gif) center -100px no-repeat; }
#right .vacatures .buttons a#verspaners { background:url(../img/vacature_verspaners.gif) center -100px no-repeat; }

#right .vacatures .buttons a#assemblage:hover,
#right .vacatures .buttons a#elektro:hover,
#right .vacatures .buttons a#lassers:hover,
#right .vacatures .buttons a#metaal:hover,
#right .vacatures .buttons a#onderhoud:hover,
#right .vacatures .buttons a#operators:hover,
#right .vacatures .buttons a#verspaners:hover {
	background-position: center 0;
}
#right .vacatures .buttons {
	height:115px;
}
#right .vacatures .two {
	margin-left:64px;
}
#right .vacatures h3 {
	padding-left: 50px;
	height:45px;
	line-height:2.75em;
	margin:0;
/*	margin-bottom:-1em;*/
}
#right .vacatures h3#onderhoud {
	background:url(../img/onderhoudstechnici_bg.gif) 0 center no-repeat;
}
#right .vacatures h3#elektro {
	background:url(../img/electromonteurs_bg.gif) 0 center no-repeat;
}
#right .vacatures h3#assemblage {
	background:url(../img/assemblagemonteurs_bg.gif) 0 center no-repeat;
}
#right .vacatures h3#verspaners {
	background:url(../img/verspaners_bg.gif) 0 center no-repeat;
}
#right .vacatures h3#lassers {
	background:url(../img/lassers_bg.gif) 0 center no-repeat;
}
#right .vacatures h3#operators {
	background:url(../img/technisch-operators_bg.gif) 0 center no-repeat;
}
#right .vacatures h3#metaal {
	background:url(../img/metaalbewerkers_bg.gif) 0 center no-repeat;
}

#right #vestigingen #submitbutton {
	width:19px;
	height:19px;
	background:#87c521 url(../img/back_bullet.gif) 6px 5px no-repeat;
	border-width:1px;
	border-style:solid;
	border-color:#e1f0c7 #446311 #446311 #e1f0c7;
	overflow:hidden;
	text-indent:20px;
	line-height:23px;
	margin-top:1px;
}
#right #vestigingen #submitbutton:hover {
	border-color:#446311 #e1f0c7 #e1f0c7 #446311;
	background-position:6px 6px;
}
#right #vestigingen select {
	border-width:1px;
	border-style:solid;
	border-color:#446311 #e1f0c7 #e1f0c7 #446311;
}
#left .voorwaarden li {
	padding-left:.8em;
	background:transparent url(../img/bluebullet.gif) 0 .4em no-repeat;
	margin-left:10px;
}

/* newsfacts */
.year {
	margin:5px 5px 2px 5px;
}
.year .issue {
	margin:3px 5px 0 0;
	border-bottom:1px solid #c3e290;
}
.year p {
	font-size:11pt;
	font-weight:bold;
	margin:0;
	padding-left:3px;
	background-color:#c3e290;
	color:#10238C;
}
.year a.linkwit {
	font-size:8pt;
	background:transparent url(../img/blockarrow_green.gif) right center no-repeat;
	padding-right:20px;
	color:#FFF;
	text-decoration:none;
}
.year .column {
	float:left;
	width:48%;
}
.year .column p {
	background-color:transparent;
	font-size:9pt;
	line-height:1.2em;
	font-weight:normal;
	border:none;
	margin:0;
	padding:0;
	color:#FFF;
}
.year .pdf img {
	float:left;
	margin-right:10px;
	border:1px solid #fff;
}

#right .urenbriefje img {
	margin-left: 50px;
	margin-top: 10px;
}
#topmenu li .contact {
	color: #87c521;
}
#topmenu li .contact:hover {
	color: #10238c;
}