@charset "UTF-8";
/* CSS Document */

body{
	margin:0px;
	background-color:#e7e7e7;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../img/headerBack2.jpg);
	background-repeat:repeat-x;
	font-size:14px;
	color:#313232;
}

#container{
	position:relative;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	width:960px;
	/*background-color:#999;*/
}

#content{
	position:relative;
	width:940px;
	/*background-color:#936;*/
	padding:30px 0px 20px 20px;
}

#header{
	width:960px;
	height:100px;
	margin:0px auto 0px auto;
}

#logo{
	float:left;
	height:100px;
	width:403px;
	margin:0px;
}

#header h1{
	text-indent:-9999px;
	display:none;
}

#phoneNumber{
	float:right;
	width:86px;
	height:20px;
	padding:8px 0px 0px 16px;
	margin:7px 20px 0px 0px;
	font-size:12px;
	color:#eaeaea;
	background-image:url(../img/phoneNumberBack.jpg);
	background-repeat:no-repeat;
}

#containerNavBg{
	width:100%;
	background-image:url(../img/containerNavBack.jpg);
	background-repeat:repeat-x;	
}

#containerNav{
	width:960px;
	height:80px;
	margin:0px auto 0px auto;
}

.mainNav{
	position:relative;
}

ul.subNav {
	width:800px;
	height:40px;
}

.mainNav li{
	float:left;
	display:block;
}

.mainNav li a{
	padding:14px 20px 13px 20px;
	text-decoration:none;
	display:block;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
}

.mainNav li a:hover{
	color:#f8de18;
}

.mainNav li .subNav{
	position:absolute;
	left:0px;
}

.mainNav li .subNav a{
	padding:12px 20px 11px 20px;	
	background:none;
	color:#ffffff;
}

.mainNav li .subNav a:hover{
	color:#f8de18;
}

.mainNav li a.subNavActive{
	color:#f8dc17;
}

.mainNav li a.mainNavActive{
	background-image:url(../img/mainNavSprite.gif);
	background-repeat:no-repeat;
	background-position:left top;
	color:#424242;	
}

.mainNav li a.mainNavActiveHome{
	background-position:11px 10px;
}

.mainNav li a.mainNavActiveNieuws{
	background-position:10px -26px;	
}
	
.mainNav li a.mainNavActiveWagenpark{
	background-position:8px -62px;	
}
	
.mainNav li a.mainNavActiveHetbedrijf{
	background-position:10px -98px;	
}	

.mainNav li a.mainNavActiveContact{
	background-position:12px -134px;	
}	

#breadcrumbs{
	float:left;
	width:940px;
	height:15px;
	font-size:11px;
	color:#999999;
	margin:0px 0px 20px 0px;
}

#breadcrumbs a{
	font-size:11px;
	color:#999999;
	padding:0px 8px 0px 0px;
}

#breadcrumbs a:hover{
	color:#00aced;
}

#breadcrumbs img{
	padding:0px 8px 0px 0px;
}
	

/* Algemene onderdelen */

a{
	color:#00aced;
}


h2{
	font-size:30px;
	font-weight:bold;
	margin:0px 0px 10px 0px;
}

h3{
	font-size:24px;
	font-weight:bold;
}

h4{
	font-size:14px;
	font-weight:bold;
}

h4 a{
	color:#323232;
	text-decoration:none;
}

h4 a:hover{
	color:#00aced;
}

p.intro{
	font-weight:bold;
	font-size:16px;
	line-height:24px;
	margin:0px 20px 10px 0px;
}

p {
	margin:10px 0px 10px 0px;
	line-height:20px;
}

strong{
	font-weight:bold;
}

#content ul li ol li{
	list-style:decimal;
	font-size:12px;
	margin:0px 0px 10px 20px;
	width:600px;
	line-height:18px;	
}

#content ul li{
	list-style:none;
	font-size:12px;
	line-height:18px;
	margin:0px 0px 0px 0px;
}

ul#news li {
	list-style:none;
	list-style-position:outside;
	margin:15px 0px 0px 0px;
	width:600px;
	padding:10px;
	background-color:#FFF;
	-moz-border-radius:5px;
	border-radius:5px;	
}

ul#news h3 {
	float:left;
	margin:0px 20px 0px 0px;
}

ul#disclaimer li {
	list-style:none;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 15px;
	width:585px;
	background-image:url(../img/iconList.gif);
	background-position:0px 7px;
	background-repeat:no-repeat;
}


/* Layout */

.column460{
	float:left;
	width:420px;
	padding:0px 40px 0px 0px;
	margin:20px 0px 0px 0px;	
}

.colum460Padding{
	padding:0px;
	width:460px;
}

.column230{
	float:left;
	width:200px;
	padding:0px 20px 0px 0px;
	margin:20px 0px 0px 20px;
}

.column200{
	float:left;
	width:200px;
	margin:20px 0px 0px 20px;
	font-size:12px;
}

.column200 p {
	margin:0px;
	line-height:18px;
}

p.column200margin{
	margin:35px 0px 0px 0px;
}

.columnSpecial{
	float:left;
	width:240px;
	margin:20px 0px 0px 0px;
	background-color:#fff;
	font-size:12px;
	background-image:url(../img/columnSpecialBack.gif);
	background-repeat:repeat-y;
}

.columnSpecialHeader{
	float:left;
	width:200px;
	background-image:url(../img/columnSpecialBackTop.jpg);
	background-repeat:no-repeat;
	padding:0px 20px 0px 20px;
}

.columnSpecialFooter{
	float:left;
	height:10px;
	width:240px;
	background-image:url(../img/columnSpecialBackBottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	margin:10px 0px 0px 0px;
}

.columnSpecial h3{
	font-size:18px;
	width:200px;
	height:32px;
	padding:10px 0px 0px 0px;
}

.columnSpecial p{
	float:left;
	padding:0px 0px 0px 0px;
	line-height:18px;
}

.columnSpecial a {
	text-decoration:none;
	color:#313232;	
}

.columnSpecial a:hover {
	color:#00aced;
}

#footer{
	position:relative;
	width:auto;
	height:30px;
	padding:45px 0px 0px 0px;
	background-image:url(../img/footerBack.jpg);
	background-repeat:repeat-x;
}

.ctaGrey{
	float:left;
	height:26px;
	padding:0px 0px 0px 10px;
	background-image:url(../img/ctaLeft.gif);
	background-position:left;
	background-repeat:no-repeat;
}

.ctaGrey a{
	display:block;
	float:left;
	color:#FFF;
	height:21px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding:5px 10px 0px 0px;
	background-repeat:no-repeat;
	background-image:url(../img/ctaBack.gif);
	background-position:right;
}

.ctaGrey a:hover{
	color:#f8de18;
}

.ctaYellow{
	float:left;
	height:29px;
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	background-image:url(../img/ctaYellowLeft.jpg);
	background-position:left;
	background-repeat:no-repeat;
}

.ctaYellow a{
	display:block;
	float:left;
	height:22px;
	color:#313232;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding:7px 10px 0px 0px;
	background-repeat:no-repeat;
	background-image:url(../img/ctaYellowBack.jpg);
	background-position:right;
}

.ctaYellow a:hover{
	color:#313232;
}

a.cta200{
	float:left;
	height:22px;
	width:190px;
	background-image:url(../img/cta200Back.gif);
	background-repeat:no-repeat;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding:7px 0px 0px 10px;
	margin:0px 0px 10px 0px;
}

a.cta200:hover{
	color:#f8de18;
}

.img200x150{
	float:left;
	/*width:200px;
	height:150px;*/
	margin:20px 40px 20px 0px;
}

.img200x150 img{
	float:left;
}

.img200x150Overlay{
	position:absolute;
	height:150px;
	width:200px;
	z-index:2;
}

.imgLast{
	margin:20px 0px 20px 0px;
}

.img120x90{
	float:left;
	width:120px;
	height:120px;
	margin:20px 20px 0px 0px;
}

.img120x90 img{
	float:left;
}

.img120x90Overlay{
	position:absolute;
	height:90px;
	width:120px;
	z-index:2;
}

#map {
	float:left;
	margin:0px 20px 0px 0px;
}

.imgHistorie{
	margin:0px 10px 0px 0px;
}


/* Nieuws */

#news h3 {
	font-size:18px;
	font-weight:bold;
	margin:15px 0px 0px 0px;
}

#news h3 a{
	text-decoration:none;
	color:#313232;
}

#news h3 a:hover{
	color:#00aced;
}

#newsFirst{
	float:left;
	width:440px;
	background-color:#FFF;
	margin:0px 40px 0px 0px;
}

#newsFirstHeader{
	position:absolute;
	width:440px;
	height:10px;
	margin:0px 0px 0px 0px;
}

#newsFirstImg{
	float:left;
	width:440px;
	margin:0px 0px 0px 0px;
}

#newsFirstText{
	float:left;
	width:400px;
	padding:0px 20px 0px 20px;
}

#newsFirstFooter{
	float:left;
	width:440px;
	height:20px;
	background-image:url(../img/newsFirstFooterBack.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	margin:0px 0px 0px 0px;
}

#news p{
	font-size:12px;
	line-height:18px;
}

.news200{
	float:left;
	width:200px;
}

.news200Img{
	float:left;
	width:200px;
}

.news200Text{
	float:left;
	width:200px;
}

.news200ImgOverlay{
	position:absolute;
	height:15px;
	width:200px;
	z-index:2;
}

.news200Last{
	margin:0px 0px 0px 40px;
}

.news460{
	float:left;
	width:400px;
	margin:20px 20px 20px 0px;
	padding:0px 20px 0px 20px;
}

#newsDetailText{
	float:left;
	width:700px;
	padding:0px 00px 0px 0px;
}

#newsDetailText p{
	padding:0px 40px 0px 0px;
}

p.datum{
	color:#999;
	font-size:12px;
}

#newsDetailColumn{
	float:left;
	width:240px;
	background-color:#FFF;
	background-image:url(../img/newsDetailColumn.gif);
	background-repeat:no-repeat;
	background-position:top;
}

#newsDetailColumnFooter{
	float:left;
	width:240px;
	height:15px;
	background-color:#e7e7e7;
	background-image:url(../img/newsDetailColumnFooter.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

#newsDetailColumn ul{
	width:200px;
	margin:0px 0px 0px 20px;
}

#newsDetailColumn ul li{
	padding:10px 20px 10px 0px;
	border-bottom:1px solid #dddddd;
	font-size:12px;
	line-height:18px;
	background-image:url(../img/newsDetailListArrow.jpg);
	background-repeat:no-repeat;
	background-position:right;
}

#newsDetailColumn a{
	color:#323232;
	text-decoration:none;
}

#newsDetailColumn a:hover{
	color:#00aced;
}

#newsDetailColumn h3{
	font-size:18px;
	width:220px;
	height:32px;
	padding:10px 0px 0px 20px;
}

#newsDetailColumn p{
	font-size:12px;
	margin:5px 0px 0px 20px;
}

.newsArchiveImage {
	float:left;	
	margin:10px 10px 0px 0px;
}

/* Wagenpark */

#wagenpark{
}

.wagenparkSlider{
	float:left;
	width:930px;
	height:408px;
	background-image:url(../img/wagenparkSliderBack.gif);
	background-repeat:no-repeat;
	margin:20px 0px 0px -10px;
	padding:0px 0px 0px 10px;
}

.wagenparkSlider table td{
	padding:5px 0px 5px 0px;
	font-size:11px;
}

.wagenparkSlider table{
	margin:10px 0px 0px 0px;
}

.wagenparkSliderHeader{
	float:left;
	width:900px;
	height:32px;
	padding:10px 0px 0px 20px;
}

ul.pagination{
	float:left;
	width:40px;
	margin:7px 0px 0px 0px;
}

ul.pagination li { 
	float:left; 
	margin:0px 5px;
	padding:0px 1px 0px 1px;
	}	

ul.pagination a { 
	display:block; 
	width:9px; 
	padding-top:7px; 
	height:0; 
	overflow:hidden;
	background-image:url(../img/paginationLi.jpg);
	background-position:0 0; 
	background-repeat:no-repeat;
	}
	
ul.pagination li.active a {background-position:0 -8px}

.previous{
	float:left;
	margin:-197px 0px 0px -2px;
	width:15px;
	height:30px;
	background-image:url(../img/wagenparkArrowLeft.gif);
	background-repeat:no-repeat;
	background-position:left center;
	z-index:2;
	cursor:pointer;	
}

.next{
	float:left;
	margin:-197px 0px 0px 905px;	
	width:15px;
	height:30px;
	background-image:url(../img/wagenparkArrowRight.gif);
	background-repeat:no-repeat;
	background-position:right center;
	z-index:7;
	cursor:pointer;
}

.wagenparkSliderHeader p{
	float:left;	
	width:90px;
	margin:0px;
	padding:0px 10px 0px 0px;
	font-size:12px;
	font-weight:bold;
	text-align:right;
}

.wagenparkSliderHeader h3{
	font-size:18px;
	float:left;
	width:730px;
}

.container{
	position:relative;
	width:900px;
	margin:0px 0px 0px 10px;
	height:360px; 
	overflow:hidden;
	}
	
.slides{
	position:absolute; top:0; left:0;
}

.slide{ 
	position:absolute; top:0;
	width:900px; 
	height:345px;
	padding:20px 0px 0px 10px;
	display:none;
}

.sliderItem{
	float:left;
	width:210px;
	height:325px;
	background-color:#FFF;
	border-right:1px solid #dddddd;
	margin:0px 18px 0px 0px;
}

.sliderItem440{
	float:left;
	width:440px;
	margin:0px 20px 0px 0px;
}

.slide h4{
	margin:10px 0px 0px 0px;
}

.slide p{
	font-size:11px;
	line-height:16px;
	margin:10px 0px 0px 0px;
}

.sliderItemLast{
	margin:0px 0px 0px 0px;
	border:0px;
	width:200px;
}

.wagenparkSubmenu{
	float:left;
	width:920px;
	height:42px;
	margin:30px 0px 0px 0px;
}

.wagenparkSubmenu li{
	float:left;
	padding:10px 20px 8px 20px;
}

.wagenparkSubmenu a{
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	font-size:14px;
}

.wagenparkSubmenu a:hover{
	color:#f8de18;
}

a.active{
	color:#f8de18;
}

.kranen{
	background-image:url(../img/submenuKranen.gif);
	background-repeat:no-repeat;
}

.heimachines{
	background-image:url(../img/submenuHeimachines.gif);
	background-repeat:no-repeat;
}

.hoogwerkers{
	background-image:url(../img/submenuHoogwerkers.gif);
	background-repeat:no-repeat;
}

.materieel{
	background-image:url(../img/submenuMaterieel.gif);
	background-repeat:no-repeat;
}

.ctaYellowSmall{
	float:left;
	height:22px;
	padding:0px 0px 0px 10px;
	margin:10px 0px 0px 0px;
	background-image:url(../img/ctaYellowSmallLeft.jpg);
	background-position:left;
	background-repeat:no-repeat;
}

.ctaYellowSmall a{
	display:block;
	float:left;
	height:17px;
	color:#313232;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	padding:5px 10px 0px 0px;
	background-repeat:no-repeat;
	background-image:url(../img/ctaYellowSmallBack.jpg);
	background-position:right;
}

.ctaYellowSmall a:hover{
	color:#313232;
}

/* Forms */

#contactForm{
	float:left;
	width:440px;
	padding:20px 0px 0px 20px;
	margin:20px 0px 20px 0px;
	background-color:#FFF;
	background-image:url(../img/contactFormHeader.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

#contactForm label{
	float:left;
	width:300px;
	margin:15px 0px 0px 0px;
	font-size:12px;
	font-weight:bold;
}

#contactForm input{
	float:left;
	width:270px;
	height:20px;
	border:1px solid #d2d2d2;
	padding:5px 0px 3px 7px;
	margin:5px 0px 5px 0px;
	background-image:url(../img/inputBack.jpg);
	background-repeat:no-repeat;
	font-size:12px;
}

#errorForm {
	float:left;
	width:440px;
	padding:20px 0px 0px 20px;
	margin:20px 0px 20px 0px;
	background-color:#FFF;
	background-image:url(../img/contactFormHeader.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

#errorForm ul li{
	list-style-type:disc;
	margin:0px 0px 5px 15px;
}

.mainNav li .subNav a.subnavActive {
	color:#F8DC17;	
}

#contactForm input.small {
	width:50px;	
}

#contactForm input.subject{
	width:410px;
}

#contactForm input:focus{
	border:1px solid #a7a7a7;
}

#contactForm input#captcha{
	width:50px;
}

#contactForm textarea{
	border:1px solid #d2d2d2;
	background-color:#FFF;
	padding:7px 0px 0px 7px;
	width:410px;
	background-image:url(../img/inputBack.jpg);
	background-repeat:no-repeat;
	margin:5px 0px 5px 0px;	
	font-size:12px;	
}

#contactForm textarea:focus{
	border:1px solid #a7a7a7;
}

#contactFormFooter{
	float:left;
	width:460px;
	height:19px;
	background-image:url(../img/contactFormFooter.jpg);
	background-repeat:no-repeat;
	margin:0px 0px 0px -20px;
}

#contactForm .ctaContact{
	float:left;
	color:#323232;
	font-weight:bold;
	background-image:url(../img/ctaContact.jpg);
	background-repeat:no-repeat;
	width:118px;
	height:29px;
	padding:2px 0px 3px 0px;
	margin:0px 0px 0px 300px;
	border:0px;
	cursor:pointer;
}

#contactForm p{
	font-size:12px;
	line-height:18px;
}


#contactForm p.small{
	float:left;
	width:100px;
}

.notification {
	font-size:13px;
	margin:15px 0px 15px 0px;
	padding:10px;
	position:relative;
	width:75%;
	display:none;
}

.successMessage {
	background-color:#D5FFCE;
	border:1px solid #9ADF8F;
	color:#556652;
}

.errorMessage {
	background-color:#FFCECE;
	border:1px solid #DF8F8F;
	color:#665252;
}

.greyText{
	color:#999;
	font-size:10px;
}


.error {
	float:left;
	display:block;
	color:#a00000;
	font-size:11px;
	width:350px;
	height:20px;
}

/* Contactpersonen <table) */

table{
	border:0px;
	border-collapse:collapse;
}

.contactpersonenTable{
	border:0px;
	margin:20px 0px 0px 0px;
}

.contactpersonenTable H3{
	float:left;
	width:520px;
	font-size:18px;
	font-weight:bold;
	margin:5px 0px 0px 0px;
}

.contactpersonenTable th{
	height:41px;
	background-image:url(../img/tableHeader.gif);
	background-repeat:no-repeat;
	padding:0px 0px 0px 20px;
	border-collapse:collapse;
}

.contactpersonenTableSubtitle{
	background-color:#FFF;
	border:1px solid #cbcbcb;	
}

.contactpersonenTable td{
	padding:12px 0px 12px 20px;
	/*border-bottom:1px solid #dddddd;
	border-right:1px solid #dddddd;
	border-left:1px solid #dddddd;	*/
}

.left{
	border-left:1px solid #cbcbcb;
	border-bottom:1px solid #dddddd;		
}

.right{
	border-right:1px solid #cbcbcb;
	border-bottom:1px solid #dddddd;	
}

.bottom{
	border-bottom:1px solid #dddddd;	
}

.contactpersonenTable tr{
}

.contactpersonenTable a{
	text-decoration:none;
	color:#313232;
}

.contactpersonenTable a:hover{
	color:#00aced;
}

.even{
	background-color:#f8f8f8;
}

.odd{
	background-color:#FFF;
}

.contactpersonenFooter{
	background-image:url(../img/tableFooter.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

td.contactpersonenFooter{
	border:0px;
}

a.ctaOfferte {
	float:left;
	margin:5px 0px 0px 18px;
	width:112px;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding:7px 0px 5px 8px;
}

a.ctaOfferte:hover{
	color:#f8de18;
}

.e-mailLink{
	background-image:url(../img/iconE-mail.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding:0px 20px 0px 0px;
}

/* Vacatures */

.custom_images {
	padding:0px 23px 0px 23px;
}

.vacature{
	float:left;
	width:180px;
	height:288px;
	background-image:url(../img/vacatureBack.gif);
	background-repeat:no-repeat;
	margin:0px 40px 0px 0px;
	padding:20px;
}

.vacature p {
	font-size:12px;
	line-height:18px;
	margin:10px 0px 10px 0px;
}

.vacature h4{
	margin:0px 0px 0px 0px;
}

#vacaturesText{
	float:left;
	width:360px;
	height:288px;
	padding:20px;
	background-image:url(../img/vacaturesTextBack.gif);
	background-repeat:no-repeat;
}

#vacaturesText p{
	font-size:12px;
	line-height:18px;
}

#vacaturesText h3{
	font-size:18px;
	line-height:24px;
}

#vacatureDetail{
	float:left;
	width:680px;
}

p.vacatureDetail{
	padding:0px 40px 0px 0px;
}

.vacatureRight{
	float:left;
	width:240px;
	background-color:#FFF;
	background-image:url(../img/newsDetailColumn.gif);
	background-repeat:no-repeat;
	background-position:top;
	margin:20px 0px 0px 0px;
}

.vacatureRightFooter{
	float:left;
	width:240px;
	height:15px;
	background-color:#e7e7e7;
	background-image:url(../img/newsDetailColumnFooter.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

.vacatureRight h3{
	font-size:18px;
	width:220px;
	height:32px;
	padding:10px 0px 0px 20px;
}

.vacatureRight p{
	padding:0px 20px 0px 20px;
	margin:0px;
	font-size:12px;
	line-height:18px;
}

.vacatureRight img{
	margin:0px 5px 0px 0px;
}

.vacatureIcon{
	margin:0px 0px 0px 20px;
}

/* footer */

#footer p{
	margin:0px auto 0px auto;
}

#footerContent{
	position:relative;
	margin:0px auto 0px auto;
	width:920px;
	height:20px;
}

.kersvers{
	float:left;
	width:705px;
}

.footerNavigatie{
	float:left;
	width:200px;
}

.footerNavigatie a{
	padding:0px 15px 0px 0px;
}

#footer p a{
	text-decoration:none;
	font-size:11px;
	color:#999999;
}

#footer p a:hover{
	color:#FFF;
}