﻿@charset "UTF-8";
@import url("styles.css");
html, body, th, td {
	margin:0;
	padding:0;
	border:none;
}
body{
	 overflow-y:scroll;
}
#alleenprinten{ 
	display:none; 
}
.grid132, .grid141, .gridhome {
	position:absolute;
	display:block;
	width:936px;
	left:50%;
	margin:0 0 10px -500px;
	padding:0 40px 0 24px;
}
#alleenscreen {
	position:absolute;
	display:block;
	width:1000px;
	top:0;
	bottom:0;
	left:50%;
	margin:0 0 0 -500px;
	padding:0;
}
/************** NAVIGATIE **************/
#navigatie {
	position:relative;
	top:0;
	width:930px;
	height:120px;
	margin:0;
	padding:0;
}
#navigatie ul {
	padding:0;
	margin:0;
	list-style:none;
}
#navigatie li {
	position:relative;
	float:left;
	margin:0;
	padding:0;
}
#navigatie li a {
	display:block;
	width:145px;
	height:20px;
	padding:20px 0 0 10px;
}
#navigatie a.home {
	float:right;
	width:136px;
	height:100px;
}
#navigatie li a.home { 
	height:inherit; }
/************** BREADCRUMB **************/
#breadcrumb {
	position:relative;
	width:920px;
	height:20px;
	margin:0 3px 3px 0;
	padding:0 0 0 10px;
}
#home #breadcrumb {
	height:150px; }

/************** CONTENT **************/
.links, .rechts, .midden, .middenlinks, .middenrechts {
	position:relative;
	float:left;
	padding:0;
	margin:3px;
}
.grid132 .links, .grid141 .middenrechts, .grid141 .links, .grid141 .rechts { 
	width:150px; 
}
.gridhome .links, .grid132 .rechts { 
	width:306px; 
}
.grid132 .midden, .grid141 .middenlinks { 
	width:462px; 
}
.grid141 .middenlinks { 
	margin-left:0; 
}
.grid141 .middenrechts { 
	margin-right:0; 
}
.grid141 .midden { 
	width:618px; 
}
.gridhome .midden {
	width:381px;
	margin:3px 3px 3px 2px;
}
.gridhome .rechts {
	width:226px; 
}
.header {
	display:block;
	height:152px;
	padding:8px 16px;
	margin:0 0 3px 0;
}
.grid141 .header span { 
	cursor:pointer; 
}
.header span { 
	cursor:pointer; 
}
#starter .header h3, #senior .header h3, #interim .header h3, #medior .header h3 {
	visibility:hidden;
	margin:-8px 0 0 0;
	padding:2px 0 0 0;
}
.midden dt {
	display:block;
	height:18px;
	margin:0;
}
.midden dd { 
	display:block; 
}
dl.werkzoekend dt, dl.werkgever dt, dl.contact dt, dl.nieuws dt, dl.algemeen dt, dl.werkzoekend dt, dl.werkgever dt {
	display:block;
	height:18px;
}
/*## HOMEPAGE INSTELLINGEN ##*/
.gridhome .links dd, .gridhome .rechts dd { 
	height:200px; 
}
.gridhome .midden dd {
	height:434px;
	padding:5px 10px 5px 0;
}

.gridhome .midden p {
	margin:0 0 6px 0;
}

.gridhome .midden img.first {
	margin-top:34px;
}

.gridhome .midden .banner img {
	width:381px;
	height:111px;
}

.gridhome .midden .banner p { 
	margin:0 0 5px 0; 
}
.gridhome .midden dt { 
	margin:0 77px 0 0; 
}
.grid141 dl.contact dd p ,
.grid141 dl.contact dd a { 
	margin:0; 
	font-size:9px;
}


form tfoot td{
	vertical-align:middle;
}

form tfoot td input, 
form tfoot td a{
	float:left;
}

form tfoot td input{
	margin: 0 4px 0 0 !important;
}
form tfoot td a{
	margin: 2px 0 0 0 ;
}

.grid132 .links dl.werkzoekend dd, .grid132 .links dl.werkgever dd { 
	display:block; 
}
.grid132 .rechts dl.werkzoekend dd, .grid132 .rechts dl.werkgever dd { 
	display:block; 
}
.midden .vraag {
	display:block;
	cursor:pointer;
}
.midden .antwoord {
	display:block;
	margin-left: 1em
}
.middenbottom {
	position:relative;
	width:936px;
	padding:0;
	margin:0;
	display:block;
	clear:both;
	float:none;
}
/************** BOTTOM **************/
.bottom {
	position:relative;
	width:936px;
	padding:0;
	margin:0 0 3em 0;
	display:block;
	clear:both;
	float:none;
}
.bottom table, .bottom td, .bottom th {
	border-collapse:collapse;
	margin:0;
	padding:0;
	vertical-align:top;
}
.bottom tfoot td { 
	padding:6px 0 0 0; 
}
.bottom ul {
	padding:0;
	margin:3px 3px 1.5em 3px;
	width:150px;
	list-style:none;
}
/************** KADERS **************/
dl {
	padding:0;
	margin:0;
}
dt {
	margin:0;
	padding:0 0 0 10px;
}
.accordion dt, #zoekform dt, #lijst dt, #details dt { 
	cursor:pointer; 
}
dd {
	margin:0 0 6px 0;
	padding:5px 10px;
}
.werkzoekend dd ul, .werkgever dd ul {
	margin:0 0 0 10px;
	padding:0;
}
.links dd li, .rechts dd li {
	margin:0;
	padding:0;
}
.recentevacatures a span {
	display:block;
	margin-left: 1em
}

/************** ALGEMEEN **************/
h3 { 
	margin:1em 0 0 0; 
}
h4 { 
	margin:0; 
}
table {
	width:100%;
	padding:0;
	margin:0;
	border-collapse:collapse;
}
td, th { 
	padding:0; 
}
table.iconen h2 { 
	margin:0; 
}
table.iconen td, table.iconen th { 
	height:55px; }
hr {
	clear:both;
	visibility:hidden;
	margin:0;
	padding:0;
}
img.rechtsuitlijnen {
	float:right;
	margin:0 0 0 6px
}
img.banner { 
	margin:0 0 6px 0; 
}

/************** FORMULIEREN *************/

select { 
	padding:3px; 
}
form th, form td { 
	padding:2px; 
}
.grid141 form th { 
	width:200px !important; 
}
.grid141 form .text, .grid141 select { 
	width:390px; 
}
.grid141 input.vrij-zoeken {
	width:440px;
	margin:0 6px 0 0;
	float:left;
}
.grid141 #zoekform select, .grid141 #vacatures-zoeken select, .grid141 #kandidaten-zoeken select {
	width:140px;
	margin:0 6px 0 0;
}
.grid141 textarea { 
	width:590px; 
}


#contact .grid141 form th { 
	width:200px !important; 
}
#contact .grid141 form .text, #contact .grid141 select { 
	width:310px; 
}
#contact .grid141 input.vrij-zoeken {
	width:440px;
	margin:0 6px 0 0;
	float:left;
}
#contact .grid141 #zoekform select, #contact .grid141 #vacatures-zoeken select, #contact .grid141 #kandidaten-zoeken select {
	width:140px;
	margin:0 6px 0 0;
}
#contact .grid141 textarea { 
	width:454px; 
}




.grid132 .rechts form th, .gridhome .links form th { 
	width:140px !important; 
}
.grid132 form .text, .grid132 select, .gridhome form .text, .gridhome select { 
	width:180px; 
}
.grid132 .midden form .text, .grid132 .midden select{ 
	width:277px; 
}
.grid132 textarea, .gridhome textarea {
	overflow:auto;
	width:300px;
	height:100px;
}
.grid132 .midden textarea{
	overflow:auto;
	width:420px;
	height:100px;
}
dl.werkzoekend button, dl.accordion button, dl.werkgever button, * button { 
	height: 20px;
	padding:0;
	margin: 0 0 0 6px ;
}

input.button{
	margin:0 0 0 6px;
}
dl.werkzoekend .buttonondergrond, dl.werkgever .buttonondergrond, dl.accordion .buttonondergrond, * .buttonondergrond {
	display:block;
	float:left;
	height: 20px;
	margin:-1px -3px 0 10px;
	padding:1px 1em 0 0;
}
form em { 
	padding-right:8px; 
}
.transport {
	display:block;
	margin:0 30px 0 0;
	float:right;
	cursor:pointer;
}
.transport span {
	padding: 0 2px;
	cursor:pointer;
}
.transport span.caption {
	padding:0 4px;
	cursor:default;
}
.vacature-lijst td, .cvbank-lijst td { 
	padding:0 12px 0 4px; 
}
.vacature-lijst tbody tr:hover, .cvbank-lijst tbody tr:hover { 
	cursor:pointer; }