/******************** CASCADING STYLE SHEET VAN DRIVEJOBS *******************/

body {
	background:url(images/bg.png) #666769 repeat-x;
	font-family:"Arial";
	line-height:18px;
	font-size:12px;
	color:#4d4e50;
}

body,
html {
	height:100%;
	padding:0;
	margin:0;
}

/********************************* FONTFACE *********************************/

@font-face {
    font-family: 'Dax-Regular';
    src: url('fonts/dax-regular.eot');
    src: url('fonts/dax-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/dax-regular.woff') format('woff'),
         url('fonts/dax-regular.ttf') format('truetype'),
         url('fonts/dax-regular.svg#dax-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Dax-Light';
    src: url('fonts/dax-light.eot');
    src: url('fonts/dax-light.eot?#iefix') format('embedded-opentype'),
         url('fonts/dax-light.woff') format('woff'),
         url('fonts/dax-light.ttf') format('truetype'),
         url('fonts/dax-light.svg#dax-light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Dax-Bold';
    src: url('fonts/dax-bold.eot');
    src: url('fonts/dax-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/dax-bold.woff') format('woff'),
         url('fonts/dax-bold.ttf') format('truetype'),
         url('fonts/dax-bold.svg#dax-bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Dax-Medium';
    src: url('fonts/dax-medium.eot');
    src: url('fonts/dax-medium.eot?#iefix') format('embedded-opentype'),
         url('fonts/dax-medium.woff') format('woff'),
         url('fonts/dax-medium.ttf') format('truetype'),
         url('fonts/dax-medium.svg#dax-medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

/********************************* CONTAINER ********************************/

#container {
	background:url(images/container.png) top center no-repeat;
	position:relative;
	min-height:100%;
	width:100%;
}

/********************************** HEADER **********************************/

#header {
	background:url(images/header.png) repeat-x;
	padding:0;
	position:relative;
	margin:0 auto;
	height:280px;
	width:991px;
}

/*********************************** LOGO ***********************************/

.logobanner {
	margin:-280px 0 0 0;
	background-color:#FFF;
	display:block;
	height:76px;
	width:991px;
	float:left;
	position:absolute;
	z-index:45;
	opacity:0.7;
}

#header h1.logo {
	background:url(images/logo.png) no-repeat center;
	text-indent:-6000px;
	margin:-280px 0 0 32px;
	display:block;
	height:56px;
	width:245px;
	float:left;
	padding:10px;
	border-radius:5px;
	position:absolute;
	z-index:99;
	opacity:1!important;
}

#header h1.logo a {
	display:block;
	height:56px;
	width:245px;
}

/*********************************** MENU ***********************************/

#menu {
	background:url(images/header.png) repeat-x;
	padding:0 0 5px 32px;
	position:relative;
	margin:0 auto;
	height:50px;
	width:959px;
}

#menu ul.menu {
	list-style-type:none;
	padding:10px 0 0 20px;
	float:left;
	margin:0;
}

#menu ul.menu li {
	font-family:"Dax-Medium";
	margin-right:26px;
	float:left;
}

#menu ul.menu li a {
	text-transform:uppercase;
	text-align:center;
	font-size:13px;
	display:block;
	color:#0089cf;
	height:35px;
}

#menu ul.menu li a span {
	padding:0 12px 0 12px;
	line-height:32px;
	display:block;
	height:35px;
}

#menu ul.menu li.current a,
#menu ul.menu li a:hover {
	background:url(images/menu.png) no-repeat;
	color:#fff;
}

#menu ul.menu li.current a span,
#menu ul.menu li a:hover span {
	background:url(images/menu_corner.png) top right no-repeat;
}

/*********************************** BODY ***********************************/

#body {
	padding:34px 0 160px 0;
	position:relative;
	z-index:inherit;
	margin:0 auto;
	width:924px;
	zoom:1;
}

#body h1,
#body h2 {
	font-family:"Dax-Regular";
	text-transform:uppercase;
	font-weight:normal;
	line-height:22px;
	font-size:20px;
	padding:0;
	margin:0 0 10px;
}

#body h3 {
	text-transform:uppercase;
	font-weight:bold;
	line-height:22px;
	font-size:16px;
	color:#0089cf;
	padding:0 0 5px;
	margin:0;
}

#body .content h1 {
	margin-left:25px;
}

/*********************************** TEKST **********************************/

#body .tekst {
	padding:20px 25px 0 25px;
	margin-bottom:30px;
	color:#fff;
}

/*********************************** FOTO ***********************************/

#body .foto {
	background:url(images/foto.png) no-repeat;
	padding:4px 0 0 5px;
	margin-bottom:10px;
	position:relative;
	margin-top:10px;
	height:228px;
	width:341px;
	color:#fff;
}

#body .foto img {
	z-index:100;
}

#body .foto .omschrijving {
	background:url(images/foto_omschrijving.png) no-repeat;
	text-align:center;
	text-transform:uppercase;
	position:absolute;
	line-height:45px;
	font-size:18px;
	z-index:200;
	height:45px;
	width:337px;
	left:4px;
	top:154px;
}

/*********************************** BLOCK **********************************/

#body .block {
	behavior: url(border-radius.htc);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding:20px 25px 0 25px;
	border-radius:10px;
	margin-bottom:30px;
}

#body .block.zwart {
	border:4px solid #464546;
	background:#000;
	color:#fff;
}

#body .block.wit {
	border:4px solid #464546;
	background:#fff;
	color:#4d4e50;
}

#body .block.blauw {
	border:4px solid #2e5b6c;
	background:#0089cf;
	color:#fff;
}

#body .w_336px { width:286px; }
#body .w_544px { width:494px; }
#body .w_924px { width:874px; }
#body .content { width:924px; padding-right:0; padding-left:0; }

#body .links   { float:left; }
#body .rechts  { float:right; }

/********************************* INLOGGEN *********************************/

#body .inloggen {
	margin:0 auto;
	width:496px;
}

#body .inloggen form {
	padding-bottom:16px;
	padding-top:16px;
}

#body .inloggen form label {
	margin-bottom:10px;
}

#body .inloggen form label span {
	line-height:26px;
	text-align:right;
	display:block;
	width:96px;
	float:left;
}

#body .inloggen form label input {
	font-family:"Arial";
	background:#dadada;
	font-size:12px;
	color:#4d4e50;
	border:none;
	height:28px;
	float:right;
	width:386px;
	padding:0;
	margin:0;
}

#body .inloggen form input.submit {
	background:transparent url(images/login.png) no-repeat;
	margin-top:16px;
	overflow:hidden;
	cursor:pointer;
	border:none;
	height:35px;
	float:right;
	width:89px;
}

/*********************************** LIJST **********************************/

#body ul.lijst {
	list-style-type:none;
	padding:8px 1px 0 1px;
	margin:0 0 10px 0;
}

#body ul.lijst li {
	background:#dadada;
	padding-left:25px;
	line-height:30px;
	display:block;
}

#body ul.lijst li.even {
	background:#fff;
}

/********************************** BUTTONS **********************************/

#body ul.buttons {
	padding:0 0 10px 0;
	list-style-type:none;
	margin:0;
}

#body ul.buttons li {
	font-family:"Dax-Medium";
	margin-left:12px;
	float:right;
}

#body ul.buttons li a {
	background:url(images/button_z.png) no-repeat;
	text-transform:uppercase;
	text-align:center;
	font-size:24px;
	display:block;
	height:35px;
	color:#fff;
}

#body ul.buttons li.blauw a {
	background:url(images/button_b.png) no-repeat;	
}

#body ul.buttons li a span {
	background:url(images/button_z_corner.png) top right no-repeat;
	padding:0 12px 0 12px;
	line-height:32px;
	display:block;
	height:35px;
}

#body ul.buttons li.blauw a span {
	background:url(images/button_b_corner.png) top right no-repeat;	
}

/************************************ BOX ************************************/

#body .box {
	border:#f3f3f3 solid 1px;
	padding:8px 10px 0 10px;
	margin:0 auto;
	margin-bottom:4px;
	width:872px;
	behavior: url(border-radius.htc);
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	background:#fff;
}

/********************************** FOOTER **********************************/

#footer {
	position:absolute;
	height:145px;
	width:100%;
	bottom:0;
}

#footer .center {
	background:url(images/footer.png) no-repeat;
	margin:0 auto;
	height:145px;
	width:925px;
}

#footer .top {
	padding:0 28px 0 28px;
	line-height:28px;
	font-size:10px;
	height:30px;
	color:#fff;
}

/********************************* COPYRIGHT ********************************/

#footer .top .copyright {
	float:left;
	margin:0;
}

#footer .top .copyright a {
	color:#fff;
}

/********************************** SITEMAP *********************************/

#footer .top ul.sitemap {
	list-style-type:none;
	float:right;
	padding:0;
	margin:0;
}

#footer .top ul.sitemap li {
	background:url(images/sitemap.png) left center no-repeat;
	padding-left:15px;
	margin-right:8px;
	float:left;
}

#footer .top ul.sitemap li:first-child,
#footer .top ul.sitemap li.av {
	background:none;
}

#footer .top ul.sitemap li a {
	color:#fff;
}

/********************************** CONTACT *********************************/

#footer .contact {
	padding:10px 0 0 28px;
	color:#fff;
}

#footer .contact h3 {
	font-family:"Dax-Regular";
	text-transform:uppercase;
	font-weight:normal;
	margin:0 0 6px 0;
	font-size:20px;
	padding:0;
}

#footer .contact ul.gegevens {
	list-style-type:none;
	width:360px;
	padding:0;
	margin:0;
}

#footer .contact ul.gegevens li {
	line-height:20px;
	float:left;
	width:50%;
}

#footer .contact ul.gegevens li a {
	color:#fff;
}

/********************************* CLEARFIX *********************************/

.clearfix:after {
	visibility:hidden;
	display:block;
	content:".";
	clear:both;
	height:0;
}

.clearfix {
	display:block;
	zoom:1;
}

img {
	border:none;
}

a {
	text-decoration:none;
	color:#6a8997;
}

p {
	margin-top:0;
}