@charset "utf-8";
/* CSS Document */

html {
	/*overflow: auto;*/
}

body {
	margin: 0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: url('');
}

p{
	
}

img, a img {
	border: 0;
}

a {
	text-decoration:none;
	color:#000000;
}

a:hover {
	text-decoration:none;
	color:#999999;
}

/**
 * Container of print and mail icons
 */
.content_icons {
	display: none;
	float: right;
	margin: 0 0 0 0;
}

/**
 * Print button (icon)
 */
.print{
	display:block;
	background-image:url(../images/icons/print.gif);
	background-repeat:no-repeat;
	width:20px;
	height:16px;
	margin-top:2px;
	margin-bottom:10px;
	padding-right:5px;
	margin:0px;
	text-decoration:none;
	float:left;
}
.print:hover{
	display:block;
	background-image:url(../images/icons/print!.gif);
	width:50px;
}

/**
 * Mail button (icon)
 */
.mail{
	display:block;
	background-image:url(../images/icons/mail.gif);
	background-repeat:no-repeat;
	width:18px;
	height:16px;
	margin-top:2px;
	margin-bottom:10px;
	padding-right:5px;
	margin:0px;
	text-decoration:none;
	float:left;
}
.mail:hover{
	display:block;
	background-image:url(../images/icons/mail!.gif);
	width:45px;
}

/**
 * LET OP: Kopjes worden nu geladen middels een PHP-script die een PNG maakt
 * Zie het template control-script
 * CORRECTIE: Dit is uitgeschakeld...
 */
h1 {
	font-weight: bold;
	font-size: 16pt;
	color: #009FE1; 
	font-family: Arial; 
	language: nl;
	line-height: 16pt;
}

h2 {
	font-weight: bold;
	font-size: 10pt;
	color: #009FE1; 
	font-family: Arial; 
	language: nl;
	line-height: 12pt;
	margin: 0;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	margin-bottom:12px;
	margin-top: 12px;
}

/*li{
	display:block;
	list-style:none;
	margin-top:10px;
	list-style-position:outside;
}*/

select{
	margin-left:0px;
	width:167px;
	padding-top:0px;
	margin-bottom:8px;
	height:20px;
	border:0px;
}

.main_menu {
	display: none;
}
.main_menu:hover {
	float:left;
	height:200px;
	background:#000;
	margin-right:6px;
}

#inputbox{
	margin-left:0px;
	width:165px;
	padding-top:0px;
	margin-bottom:8px;
	height:19px;
	border:0px;
}

a:hover{
	text-decoration:none;
}

#header{
	display:block;
	width:595px;
	height:60px;
	background-color:#ffffff;
	margin:0 0;
}

#print_logo {
	display: block;
}

#header_logo{
	display:none;
	width:595px;
	height:100px;
	background-image:url(../images/header-logo-print.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin:0 0;
	text-align: left;
	float: left;
}

#menu{
	display: none;
}

#menu a{
	font-weight:bold;
	color:#FFFFFF;
}

.zoekbuttons1{
	display:block;
	float:right;
	border: 0;
	background: url('../images/zoek.gif') top right no-repeat;
	cursor: pointer; 
	width: 60px;
}

a.zoekbuttons2{
	display:block;
	float:right;
	margin-right: 15px;
	border: 0;
	background: url('../images/zoekuigebreid.gif') top right no-repeat;
	cursor: pointer; 
	width: 160px;
	height: 20px;
}
a.zoekbuttons2:hover {
	background: url('../images/zoekuigebreid.gif') top right no-repeat;
}

#menu a:hover{
	font-weight:bold;
	color:#999999;
}

#menu_right{
	display: none;
}

#menu_right a{
	color:#FFFFFF;
	font-weight:bold;
}

#menu_right a:hover{
	color:#999999;
	font-weight:bold;
}

#container{
	display:block;
	width:595px;
	padding-bottom:17px;
	margin:0 0;
	background: transparent;
	background-image:url(../images/container_bg.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	
}

#header_foto{
	display: none;
}

#header_foto_entree{
	display: none;
}

.breadcrumbs {
	padding: 0 0 5px 20px;
	font-size: 10pt;
	font-style: italic;
	font-family: Arial Narrow, Helvetica, sans-serif;
}

#content{
	display:block;
	background-color:#FFFFFF;
}

#content_left{
	display:block;
	width:297px;
	/*height:390px;*/
	float:left;
	background-color:#FFFFFF;
}

#content_right{
	display:block;
	width:298px;
	/*height:496px;*/
	float:left;
	border: 1px solid white;
	background-color:#FFFFFF;
}

#min_height_hack_pusher{
	clear: both; height: 1px; overflow: hidden;
}

#kop{
	display:block;
	/*height:24px;*/
	/*padding-left:10px;*/
	margin-bottom:12px;
}
#kop img {
	margin: 0;
}

#kop_space{
	display:block;
	height:40px;
	width: 400px;
	padding-top:28px;
	padding-bottom:18px;
}

#content_right_text{
	display:block;
	/*width:452px;*/
	margin-left:13px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:14px;
	padding-right: 20px;
}
.content_block {
	padding-bottom: 12px;
}
#zoek_kader{
	display:block;
	width:473px;
	height:216px;
	background-color:#d4d6d8;
	background-image:url(../images/banenbanklogo.gif);
	background-repeat:no-repeat;
	background-position:top right;
	/*	margin-bottom: 30px;*/
}

#invoer{
	display:block;
	/*height:122px;*/
	/*width:473px;*/
	padding-top:56px;
	padding-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
}

#selectlijst{
	display:block;
	width:170px;
	float:left;
}

#selectboxes{
	display:block;
	width:200px;
	float:left;
	padding: 0;
}
#selectboxes form {
	margin: 0;
	padding: 0;
}

#top_vacatures{
	display:block;
	/*width:473px;*/
	height:190px;
	background-color:#FFFFFF;
	/*background-image:url(../images/kop-top4vacatures.gif);
	background-repeat:no-repeat;
	background-position:10px 6px;*/
	padding-top:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-top: 0px;
}
.vacatures_table {
	width: 100%;
	margin: 0;
}

.vacature_list_item a {
	color: #009FE1;
	font-weight: bold;
}
.vacature_list_item span.field_descr{
	color: #000000;
	font-weight: bold;
}

.locatie{
	display:block;
	position:relative;
	width:120px;
	height:180px;
	padding-top:106px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#009fe1;
	z-index:500;
}

.lightgreyrow{
	/*display:block;*/
	height:28px;
	/*width:433px;*/
	background-color:#ecedee;
	margin-bottom:10px;
	padding:3px 3px 0px 40px;
	cursor:pointer;
}
.vacatures_table td.vacatures_plaatsnaam a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#009fe1;
}
.lightgreyrow_img {
	background-image:url(../images/icon-light.gif);
	background-position:8px 2px;
	background-repeat:no-repeat;	
	width: 280px;
}

.darkgreyrow{
	/*display:block;*/
	height:28px;
	/*width:433px;*/
	background-color:#d4d6d8;
	margin-bottom:10px;
	padding:3px 3px 0px 40px;
	cursor:pointer;
}
.vacatures_table td.vacatures_plaatsnaam a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#009fe1;
}
td.darkgreyrow_img {
	background-image:url(../images/icon-dark.gif);
	background-position:8px 2px;
	background-repeat:no-repeat;
	width: 280px;
}

.whitesubrow {
	padding: 0;	
}
.whitesubrow div {
	height: 10px;
	margin: 0; padding: 0;
	overflow: hidden; /** LET OP: Deze is nodig voor IE6. Die ziet namelijk whitespace die er niet is en
						  maakt dus de regel altijd minimaal zo hoog als 1 spatie. De overflow: hidden
						  zorgt er dus voor dat deze genegeerd wordt (buiten de div valt)**/
}
	
.locatierow{
	display:block;
	position:relative;
	width:120px;
	padding-bottom:25px;
}
	
	
#beltech{
	position: relative;
	display:block;
	bottom: 0;
	width:473px;
	/*margin-top:36px;*/
	height:28px;
	background-color:#d4d6d8;
	background-image:url(../images/beltechnicum.gif);
	background-repeat:no-repeat;
	border-top:1px solid white;
}

.tagcloud{
	display:block;
	width:947px; /*2x20px kleiner inverband met de marges*/
	height:110px; /* was 76px */
	background-color:#000000;
	background-image: url(../images/helm-fade.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	padding: 0px 10px 15px 10px;
	letter-spacing:4px;
	text-align:center;
	text-transform: capitalize;
	overflow:hidden;
	text-align:justify;
	text-justify:distribute-all-lines;
	color: white;
	font-size: 28px;
	line-height: 30px;
}
.tagcloud p{
	margin: 0;
	text-align: justify;
	text-justify:distribute-all-lines;
}
.tagcloud a:link, .tagcloud a:visited, .tagcloud a:hover, .tagcloud a:active {
	margin: 0; padding: 0;
}

#keuze{
	display:block;
	height:134px;
	width:967px;
	background-color:#FFFFFF;
}

.werk a{
	display:block;
	height:134px;
	width:483px;
	background-image:url(../images/ik-zoek-werk.gif);
	background-repeat:no-repeat;
	cursor:pointer;
	float:left;
}

.werk a:hover{
	display:block;
	height:134px;
	width:483px;
	background-image:url(../images/ik-zoek-werk!.gif);
	background-repeat:no-repeat;
	cursor:pointer;
	float:left;
}

.personeel a{
	display:block;
	height:134px;
	width:483px;
	background-image:url(../images/ik-zoek-personeel.gif);
	background-repeat:no-repeat;
	cursor:pointer;
	float:right;
}

.personeel a:hover{
	display:block;
	height:134px;
	width:483px;
	background-image:url('');
	background-repeat:no-repeat;
	cursor:pointer;
	float:right;
}

#footer{
	display: none;

}

#footer a{
	color:#FFFFFF;
}

#footer a:hover{
	color:#999999;
}

/**
 * vacatures
 */

.vacature_label {
	/*float:left;
	width:120px;*/
	display: block;
	position: relative;
	font-weight:bold;
}

.vacature_value {
	/*float:left;*/
	display: block;
	position: relative;
}

.link_button {
	border: none;
	background: url('../images/knop_bullet.png') no-repeat center left;
	padding: 0 20px;
	margin-left: 0;
	font-size: 10pt;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	text-transform: uppercase;
	text-align: left;
	color: #009FE1;
}


/**
 * Solliciteren
 */
 .sollicitatie_formulier_kol_1 {
	font-weight: normal;
}
.sollicitatie_formulier_kol_2 {
	font-weight: normal;
} 
.sollicitatie_formulier_header {
	font-weight: bold;
	padding-top: 10px;
}
.formulier_toelichting {
	font-weight: normal;
	/*font-style: italic;*/
}