/* styles for candidates area */

#greep h2 {
	background-color: #10238c;
}
#greep li {
	border:1px solid #10238c;
	border-top-width:0;
}
#right, #homeright {
	background-color: #10238c;
}
#helder_scherp_direct {
	width:100%;
	height:47px;
	overflow:hidden;
	background:transparent url(../img/helder-scherp-direct_company.gif) 50% 14px no-repeat;
	text-indent: -99999px;
}
#tech_sharks {
	width: 100%;
	height: 128px;
	background: transparent url(../img/tech-sharks_comp.gif) 50% 10px no-repeat;
	text-indent: -99999px;
	margin-top:15px;
}
#end {
	border-top:1px solid #87c521;
	border-bottom:1px solid #87c521;
}
#left .news h2,
#left .kandidaten h2,
#left .referentie h2 {
	background-color:#87c521;
	padding:10px;
	margin-bottom:.3em;
}
#left .news h3,
#left .kandidaten 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 .kandidaten h4,
#left .referentie h4 {
	color:#10238c;
	font-size:11pt;
	font-weight:bold;
	margin:.5em 10px;
}
#left .kandidaten h4.contactpersoon {
	background-color:#c3e290;
	padding:5px 10px;
	margin-bottom:.3em;
	color: #fff;
}
#left .news img,
#left .kandidaten img,
#left .referentie img {
	margin-bottom:.5em;
	display:block;
}
#left .news p.caption, 
#left .kandidaten p.caption, 
#left .referentie p.caption {
	font-style:italic;
	font-size:9pt;
	padding-right:50px;
}
#left .news .intro, 
#left .kandidaten .intro, 
#left .referentie .intro {
	font-size:11pt;
}
#left .kandidaten .contactblok {
	float:right;
	margin:0 10px .5em;;
	background-color:#848ec4;
	text-align:center;
}
#left .kandidaten .contactblok h3 {
	font-size:12pt;
	background-color:#10238c;
	color:#fff;
	margin:0 0 .5em;
	padding:5px;
}
#left .kandidaten .contactblok ul {
	margin-bottom:.5em;
	margin-top:-.5em;
}
#left .kandidaten .contactblok li a {
	color:#fff;
	border-width:1px;
	border-style:solid;
	border-color:#c3c8e2 #081246 #081246 #c3c8e2;
	margin:0 10px 5px;
	padding:2px 5px;
	font-weight:bold;
	background-color:#10238c;
	text-decoration:none;
	display:block;
}
#left .kandidaten .contactblok li a:hover {
	border-color:#081246 #c3c8e2 #c3c8e2 #081246;
	padding:3px 5px 1px;
}
#right a.contact {
	padding-left:1.5em;
	background:transparent url(../img/emailgroen.gif) 0 60% no-repeat;
	color:#fff;
	text-decoration:none;
	display:block;
}
#right a.contact:hover {
	text-decoration:underline;
}
#right .news a.leesmeer, #right .referenties a.leesmeer {
	padding:0 2em 0 0;
	border-bottom:1px solid #87c521;
	background:transparent url(../img/blockarrow_green.gif) right center no-repeat;
	color:#fff;
	margin-top:.5em;
}
#right .news a.leesmeer:hover, #right .referenties a.leesmeer:hover {
	text-decoration:none;
}
#right .news h3 {
	color:#87c521;
}
#right .kandidaten ul.subgroep {
	margin-top:1em;
}
#right .kandidaten .subgroep li {
	margin:2px 0;
}
#right .kandidaten .subgroep li.active {
	font-weight:bold;
	color:#c3e290;
	padding:2px 5px;
}
#right .kandidaten .subgroep li a,
#right .kandidaten .nav li a {
	background-image:none;
	background-color:#87c521;
	padding:2px 5px;
	font-weight:bold;
	border-width:1px;
	border-style:solid;
	border-color:#e1f0c7 #446311 #446311 #e1f0c7;
}
#right .kandidaten .subgroep li a:hover,
#right .kandidaten .nav li a:hover
 {
	padding:3px 5px 1px;
	border-color:#446311 #e1f0c7 #e1f0c7 #446311;
}
#right .kandidaten ul.nav {
	text-align:center;
	width:100%;
	margin-top:-.5em;
}
#right .kandidaten .nav li {
	float:left;
	width:100px;
	margin-left:20px;
}
#right .kandidaten .nav li a.prev {
	padding-left:15px;
	background-image:url(../img/back_bullet.gif);
	background-position:25% 8px;
}
#right .kandidaten .nav li a.prev:hover {
	background-position:25% 9px;
}
#right .kandidaten .nav li a.next {
	padding-right:10px;
	background-image:url(../img/triangle_bullet.gif);
	background-position:85% 8px;
}
#right .kandidaten .nav li a.next:hover {
	background-position:85% 9px;
}
#right .kandidaten .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 .kandidaten .buttons a:hover {
	padding-top:76px;
	height:24px;
}
#right .kandidaten .buttons a#assemblage { background:url(../img/kandidaten_assemblage.gif) center -100px no-repeat; }
#right .kandidaten .buttons a#elektro { background:url(../img/kandidaten_elektrom.gif) center -100px no-repeat; }
#right .kandidaten .buttons a#lassers { background:url(../img/kandidaten_lassers.gif) center -100px no-repeat; }
#right .kandidaten .buttons a#metaal { background:url(../img/kandidaten_metaalbew.gif) center -100px no-repeat; }
#right .kandidaten .buttons a#onderhoud { background:url(../img/kandidaten_onderhstech.gif) center -100px no-repeat; }
#right .kandidaten .buttons a#operators { background:url(../img/kandidaten_techop.gif) center -100px no-repeat; }
#right .kandidaten .buttons a#verspaners { background:url(../img/kandidaten_verspaners.gif) center -100px no-repeat; }

#right .kandidaten .buttons a#assemblage:hover,
#right .kandidaten .buttons a#elektro:hover,
#right .kandidaten .buttons a#lassers:hover,
#right .kandidaten .buttons a#metaal:hover,
#right .kandidaten .buttons a#onderhoud:hover,
#right .kandidaten .buttons a#operators:hover,
#right .kandidaten .buttons a#verspaners:hover {
	background-position: center 0;
}
#right .kandidaten .buttons {
	height:115px;
}
#right .kandidaten .two {
	margin-left:64px;
}
#right .kandidaten h3 {
	padding-left: 50px;
	height:45px;
	line-height:2.75em;
	margin:0;
}
#right .kandidaten h3#onderhoud {
	background:url(../img/onderhoudstechnici_bbg.gif) 0 center no-repeat;
}
#right .kandidaten h3#elektro {
	background:url(../img/electromonteurs_bbg.gif) 0 center no-repeat;
}
#right .kandidaten h3#assemblage {
	background:url(../img/assemblagemonteurs_bbg.gif) 0 center no-repeat;
}
#right .kandidaten h3#verspaners {
	background:url(../img/verspaners_bbg.gif) 0 center no-repeat;
}
#right .kandidaten h3#lassers {
	background:url(../img/lassers_bbg.gif) 0 center no-repeat;
}
#right .kandidaten h3#operators {
	background:url(../img/technisch-operators_bbg.gif) 0 center no-repeat;
}
#right .kandidaten h3#metaal {
	background:url(../img/metaalbewerkers_bbg.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:#c3c8e2 #081246 #081246 #c3c8e2;
	overflow:hidden;
	text-indent:20px;
	line-height:23px;
	margin-top:1px;
}
#right #vestigingen #submitbutton:hover {
	border-color:#081246 #c3c8e2 #c3c8e2 #081246;
	background-position:6px 6px;
}
#right #vestigingen select {
	border-width:1px;
	border-style:solid;
	border-color:#081246 #c3c8e2 #c3c8e2 #081246;
}


/* newsfacts */
.year {
	margin:5px 5px 2px 5px;
}
.year .issue {
	margin:3px 5px 0 0;
	border-bottom:1px solid #8791c5;
}
.year p {
	font-size:11pt;
	font-weight:bold;
	margin:0;
	padding-left:3px;
	background-color:#8791c5;
	color:#fff;
}
.year a.linkwit {
	font-size:8pt;
	background:transparent url(../img/blockarrow_blue.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;
}
#topmenu li .contact {
	color: #10238C;
	font-weight: bold;
}
#topmenu li .contact:hover {
	color: #8AC626;
	font-weight: bold;
}