/* styles for candidates area */
#page {
	padding-top: 10px;
	*padding-top: 3px;
	background:transparent url(../img/ts22.jpg) -54px -50px no-repeat;
}
#top {
	padding: 0px;
	height: 98px;
	width:994px;
	float: left;
}
#logo {
	width: 210px;
	height: 95px;
	float: left;
	overflow: hidden;
	text-indent: -9999px;
	background: transparent url(../img/tech-sharks.gif) -12px -15px no-repeat;
}
#vastwerk {
	width: 780px;
	height: 75px;
	text-indent: -9999px;
	background: transparent url(../img/vast-werk-in-techniek2.gif) 100% 28px no-repeat;
	float: right;
}
#topmenu {
	float: right;
	height: 20px;
	background-color: #fff;
}
#topmenu li {
	float: left;
}
#topmenu li a {
	text-transform: uppercase;
	color: #a2a2a2;
	text-decoration: none;
	font-size: 11px;
	float: left;
	margin-left: 10px;
}
#topmenu li a:hover {
	color: #10238c;
}
#menu {
	height: 23px;
	float: left;
}
ul#menu_h li {
	width: 133px;
	height: 22px;
	text-align: center;
}
ul#menu_h li a, ul#menu_h li ul li a {
	display: block;
	font-size: 10pt;
	letter-spacing: 0em;
}
#sharks_ahw {
	float: left;
	width: 390px;
	height: 400px;
	overflow: hidden;
	cursor: pointer;
}
#overonsslideshow {
	height: 400px;
	overflow: hidden;
}
#blok_kandidaten, #blok_bedrijven, #blok_informatie {
	float: left;
	width: 604px;
	height: 135px;
	overflow: hidden;
}
#blok_kandidaten #groot {
	background-color: #deefc1;
	float: left;
	width: 250px;
	height: 134px;
}
#padding {
	padding: 16px 12px 0px 12px;
}
#blok_kandidaten #frm select, #blok_kandidaten #frm input {
	border: 1px solid #87c521;
	margin-bottom: 9px;
	width: 226px;
	float: left;
	font-size: 10px;
	height: 20px;
}
#blok_kandidaten #frm input {
	padding: 3px 0px 0px 3px;
	width: 145px;
	height: 18px;
}
#blok_kandidaten #frm button {
	background-color: #10238c;
	float: right;
	color: #fff;
	border: 1px solid #10238c;
	height: 22px;
	font-size: 12px;
}
#blok_kandidaten h3, #blok_bedrijven h3, #blok_informatie h3 {
	text-indent: 10px;
	font-size: 16px;
	font-weight: bold;
	line-height: 22px;
}
#blok_kandidaten #klein {
	background-color: #c6e394;
	float: left;
	width: 164px;
	height: 134px;
	margin-left: 1px;
}
#blok_kandidaten img {
	margin-left: 1px;
	width: 188px;
	height: 113px;
}
#blok_kandidaten #klein ul li {
	margin-bottom: 3px;
}
#blok_kandidaten #klein ul li a {
	text-decoration: none;
}
#blok_bedrijven #groot {
	background-color: #e1e3ed;
	float: left;
	width: 250px;
	height: 134px;
}
#blok_bedrijven #groot #padding p, #blok_informatie #padding p {
	font-size: 12px;
	line-height: 14px;
	margin-bottom: 4px;
}
#blok_bedrijven #klein {
	background-color: #cccfe0;
	float: left;
	width: 164px;
	height: 134px;
	margin-left: 1px;
}
#blok_bedrijven #klein ul li {
	margin-bottom: 3px;
}
#blok_bedrijven #klein ul li a {
	text-decoration: none;
}
#blok_bedrijven img {
	margin-left: 1px;
	width: 188px;
	height: 113px;
}
#blok_informatie {
	/*background-color: #87c521;
	color: #fff; */
	background-color: #fff;
}
#blok_informatie h3 {
	margin-top: 4px;
}
#blok_informatie #padding .center {
	width: 500px;
	height: 42px;
	overflow: hidden;
	text-align: center;
}
#blok_informatie #padding .center a {
	font-size: 12px;
	line-height: 14px;
	float: left;
	list-style: disc;
	margin-left: 30px;
	text-decoration: none;
}
#blok_informatie #padding .center a:hover {
	text-decoration: underline;
	color:#87C521;
}
#greep h2 {
	background-color: #87c521;
}
#greep li {
	border:1px solid #87c521;
	border-top-width:0;
}
#right, #homeright {
	background-color: #87c521;
}
#search select, #search button {
	width: 190px;
	margin-bottom: 5px;
}
#search input {
	width: 185px;
	margin-bottom: 5px;
}
#search button {
 	height: 22px;
 	margin-left: 5px;
 }
#end {
	margin-top: 1px;
	height: 44px;
	float: left;
	width: 993px;
	overflow: hidden;
	border-top: 1px solid  #10238c;
	border-bottom: 1px solid  #10238c;
}
#adressen {
	float: left;
	overflow: hidden;
	padding: 14px 0px;
	width: 394px;
}
#adressen li {
	float: left;
}
#adressen li a {
	border-right: 1px solid #10238c;
	margin-right: 4px;
	padding-right: 4px;
	color: #87c521;
	text-decoration: none;
	height: 17px;
}
#adressen .lastitem a {
	border-right: 0px;
}
#vakgebieden {
	width: 585px;
	float: right;
	overflow: hidden;
}
#vakgebieden ul {
	padding: 3px 0px 0px 10px;
}
#vakgebieden li {
	width: 38px;
	height: 38px;
	float: left;
	overflow: hidden;
}
#vakgebieden #onderhoudstechnici {
	background: transparent url(../img/onderhoudstechnici.gif) 0px 0px no-repeat;
	width: 38px;
	height: 38px;
	display: block;
	text-indent: -99999px;	
}
#vakgebieden #electromonteurs {
	background: transparent url(../img/electromonteurs.gif) 0px 0px no-repeat;
	width: 38px;
	height: 38px;
	display: block;
	text-indent: -99999px;		
}
#vakgebieden #assemblagemonteurs {
	background: transparent url(../img/assemblagemonteurs.gif) 0px 0px no-repeat;
	width: 38px;
	height: 38px;
	display: block;
	text-indent: -99999px;		
}
#vakgebieden #lassers {
	background: transparent url(../img/lassers.gif) 0px 0px no-repeat;
	width: 38px;
	height: 38px;
	display: block;
	text-indent: -99999px;		
}
#vakgebieden #technisch-operators {
	background: transparent url(../img/technisch-operators.gif) 0px 0px no-repeat;
	width: 38px;
	height: 38px;
	display: block;
	text-indent: -99999px;		
}
#vakgebieden #metaalbewerkers {
	background: transparent url(../img/metaalbewerkers.gif) 0px 0px no-repeat;
	width: 42px;
	height: 38px;
	display: block;
	text-indent: -99999px;
}
#vakgebieden #verspaners {
	background: transparent url(../img/verspaners.gif) 0px 0px no-repeat;
	width: 38px;
	height: 38px;
	display: block;
	text-indent: -99999px;
}
/*
#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;
}
#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;
}

.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;
}
*/

