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


/* ------------------------------------------------------------ Algemeen ------------------------------------------------------------ */

html {
	background-color: #1a1a1a;
}

.bgContainerMain {
	background-image: url(../images/layout/bgContainerMain.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	background-color: #ffffff;
}

#container {
	position: relative;
	width: 970px;
	margin: 0px auto;
}

#container #containerTop {
	width: 940px;
	height: 150px;
	padding: 0px 5px 0px 25px;
	background-image: url(../images/layout/bgContentTop.png);
	background-position: 0px 100%;
	background-repeat: no-repeat;
}

#container #containerMainNav {
	float: left;
	width: 920px;
	height: 30px;
	padding: 0px 25px 0px 25px;
	background-image: url(../images/layout/bgContent.png);
	background-position: 0px 0px;
	background-repeat: repeat-y;
}

#container #containerSlider {
	width: 920px;
	height: 320px;
	padding: 0px 25px 20px 25px;
	background-image: url(../images/layout/bgContent.png);
	background-position: 0px 0px;
	background-repeat: repeat-y;
}

#container #containerVisual {
	width: 920px;
	height: 185px;
	padding: 0px 25px 10px 25px;
	background-image: url(../images/layout/bgContent.png);
	background-position: 0px 0px;
	background-repeat: repeat-y;
}

#container #containerMain {
	width: 960px;
	padding: 0px 5px 0px 5px;
	background-image: url(../images/layout/bgContent.png);
	background-position: 0px 0px;
	background-repeat: repeat-y;
}

#container #containerShadow {
	width: 970px;
	height: 20px;
	background-image: url(../images/layout/bgContentFooter.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.bgContainerFooter {
	background-image: url(../images/layout/bgContainerFooter.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-x;
}

#containerFooter {
	position: relative;
	width: 970px;
	height: 200px;
	margin: 0px auto;
}


/* ------------------------------------------------------------ containerTop ------------------------------------------------------------ */

#containerTop .topLeft {
	float: left;
	width: 470px;
	height: 90px;
}

#containerTop .topRight {
	position: relative;
	float: left;
	width: 470px;
	height: 90px;
}


/* ------------------------------------------------------------ containerSlider ------------------------------------------------------------ */

#containerSlider .sliderLeft {
	position: relative;
	float: left;
	width: 640px;
	height: 320px;
	background-color: #000;
	overflow: hidden;
}

#containerSlider .sliderRight {
	float: right;
	width: 270px;
	height: 320px;
}


/* ---------- sliderLeft ---------- */

.cornerTop, .cornerBottom {
	z-index: 50;
	position: absolute;
	width: 9px;
	height: 9px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.cornerTop {
	left: 0px;
	top: 0px;
	background-image: url(../images/layout/cornerTop.png);
}

.cornerBottom {
	left: 0px;
	bottom: 0px;
	background-image: url(../images/layout/cornerBottom.png);
}


/* ---------- sliderRight ---------- */

.boxTab {
	width: 270px;
	height: 180px;
	padding: 5px 0px 10px 0px;
	background-image: url(../images/layout/bgBoxTab.png);
	_background-image: url(../images/layout/bgBoxTab.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.boxWerkplaats {
	position: relative;
	width: 230px;
	padding: 15px 20px 0px 20px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.boxWerkplaatsSplash {
	height: 110px;
	background-image: url(../images/layout/bgBoxWerkplaatsSplash.png);
	_background-image: url(../images/layout/bgBoxWerkplaatsSplash.gif);
}

.boxWerkplaatsHome {
	height: 165px;
	background-image: url(../images/layout/bgBoxWerkplaatsNormal.png);
	_background-image: url(../images/layout/bgBoxWerkplaatsNormal.gif);
}

.boxWerkplaatsNormal {
	height: 165px;
	padding-bottom: 20px;
	background-image: url(../images/layout/bgBoxWerkplaatsNormal.png);
	_background-image: url(../images/layout/bgBoxWerkplaatsNormal.gif);
}

.boxLeverbaar {
	width: 250px;
	height: 110px;
	padding: 5px 0px 10px 20px;
	background-image: url(../images/layout/bgBoxLeverbaar.png);
	_background-image: url(../images/layout/bgBoxLeverbaar.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.boxLeverbaar .leverbaarItem {
	width: 240px;
	padding: 10px 10px 0px 0px;
}

.leverbaarItem .leverbaarItemText {
	position: relative;
	float: left;
	width: 130px;
	height: 75px;
	overflow: hidden;
}


/* ------------------------------------------------------------ containerVisual ------------------------------------------------------------ */

#containerVisual .visualLeft {
	position: relative;
	float: left;
	width: 640px;
	height: 185px;
	overflow: hidden;
}

#containerVisual .visualRight {
	float: right;
	width: 270px;
	height: 185px;
}

.visualRight .boxTab {
	padding-bottom: 0px;
}


/* ------------------------------------------------------------ containerMain ------------------------------------------------------------ */


/* ---------- boxSplash ---------- */

#containerMain .boxSplash {
	width: 925px;
	height: 210px;
	padding: 20px 20px 0px 15px;
	background-image: url(../images/layout/bgBoxSplash.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-x;
}

.boxSplash .splashLeft {
	float: left;
	width: 645px;
	height: 210px;
}

.boxSplash .splashRight {
	float: right;
	width: 270px;
	height: 210px;
}


/* ---------- splashLeft ---------- */

.splashLeft .boxMerk {
	float: left;
	width: 150px;
	height: 150px;
	padding: 5px;
	background-image: url(../images/layout/bgBoxMerk.png);
	_background-image: url(../images/layout/bgBoxMerk.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.splashLeft .boxMerkLeft {
	background-image: url(../images/layout/bgBoxMerkLeft.png);
	_background-image: url(../images/layout/bgBoxMerkLeft.gif);
}


/* ---------- splashRight ---------- */

.splashRight .boxVacatures {
	position: relative;
	width: 250px;
	height: 160px;
	margin: 32px 0px 0px 0px;
	background-image: url(../images/layout/bgBoxVacatures.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}


/* ---------- boxHome ---------- */

#containerMain .boxHome {
	z-index: 0;
	position: relative;
	width: 920px;
	height: 210px;
	padding: 20px 20px 0px 20px;
	background-image: url(../images/layout/bgBoxSplash.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-x;
}


/* ---------- homeLeft ---------- */

.boxHome .homeLeft {
	float: left;
	width: 640px;
	height: 210px;
}

.homeLeft .boxAdvertentie {
	float: left;
	width: 180px;
	padding: 0px 30px 0px 0px;
}

.homeLeft .boxInformatie {
	float: left;
	width: 430px;
	height: 180px;
}

.boxInformatie .boxOver {
	width: 400px;
	height: 50px;
	padding: 0px 10px 0px 20px;
	overflow: hidden;
}

.boxOver .content100 {
	width: 400px;
}

.boxInformatie .boxReviews { /* Achtergrond verandert mee met merk */
	width: 400px;
	height: 130px;
	padding: 13px 10px 0px 20px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	position:absolute;
	margin-top:5px;
	float:left;
	left:230px;
}


/* ---------- homeRight ---------- */

.boxHome .homeRight {
	float: right;
	width: 270px;
	height: 210px;
}


/* ---------- boxVacatures ---------- */

.boxHome .boxVacatures {
	z-index: 10;
	position: absolute;
	right: -31px;
	top: 20px;
	width: 31px;
	height: 76px;
}


/* ---------- mainLeft ---------- */

#containerMain .mainLeft {
	float: left;
	width: 640px;
	padding: 15px 0px 0px 20px;
}

#containerMain .mainLeftLarge {
	width: 920px;
}

.mainLeftLarge .boxLeft {
	float: left;
	width: 650px;
}

.mainLeftLarge .boxRight {
	float: right;
	width: 260px;
}

.mainLeft .content100 {
	width: 640px;
	overflow:hidden;
}

.content100 .boxImages {
	float: left;
	width: 290px;
	padding: 0px 15px 0px 0px;
}

.mainLeft .boxModellen {
	width: 640px;
	padding: 0px 0px 20px 0px;
}

.boxModellen .boxModel {
	float: left;
	width: 160px;
	height: 175px;
	padding: 5px 39px 20px 19px;
	background-image: url(../images/layout/bgBoxModel.png);
	_background-image: url(../images/layout/bgBoxModel.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;;
}

.boxModellen .boxModelLast {
	padding-right: 19px;
}

.mainLeft .boxWerkplaatsModule {
	width: 640px;
	padding: 0px 0px 20px 0px;
}

.mainLeft .boxActueel {
	width: 640px;
	margin: 0px 0px 15px 0px;
	border-bottom: 1px solid #909090;
}

.boxActueel .actueelText {
	float: left;
	width: 398px;
	padding: 0px 0px 0px 15px;
}

.mainLeft .actueelImg {
	float: left;
	width: 290px;
	padding: 0px 15px 0px 0px;
}

.mainLeft .boxForm {
	width: 640px;
}

.mainLeft .vestigingText {
	float: left;
	width: 335px;
}

.mainLeft .vestigingAlgemeen {
	float: left;
	width: 305px;
	padding: 10px 0px 0px 0px;
	border-top: 1px solid #909090;
}

.mainLeft .vestigingAlgemeenLarge {
	width: 335px;
}

.mainLeft .vestigingRoute {
	width: 640px;
}

.mainLeft .boxReview {
	width: 640px;
}

.boxReview .reviewTop {
	width: 640px;
	height: 20px;
	background-image: url(../images/layout/bgBoxReviewTop.jpg);
	background-position: 0px 1px;
	background-repeat: no-repeat;
}

.boxReview .reviewMiddle {
	width: 600px;
	padding: 0px 20px 0px 20px;
	background-image: url(../images/layout/bgBoxReviewMiddle.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-y;
}

.boxReview .reviewBottom {
	width: 640px;
	height: 20px;
	background-image: url(../images/layout/bgBoxReviewBottom.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.boxRight .boxReview {
	width: 260px;
}

.boxRight .boxReview .reviewTop {
	width: 260px;
	background-image: url(../images/layout/bgBoxReviewSmallTop.jpg);
}

.boxRight .boxReview .reviewMiddle {
	width: 220px;
	background-image: url(../images/layout/bgBoxReviewSmallMiddle.jpg);
}

.boxRight .boxReview .reviewBottom {
	width: 260px;
	background-image: url(../images/layout/bgBoxReviewSmallBottom.jpg);
}


/* ---------- mainRight ---------- */

#containerMain .mainRight {
	float: right;
	width: 270px;
	padding: 0px 20px 0px 0px;
}

.mainRight .boxLeverbaar {
	padding-bottom: 20px;
}


/* ------------------------------------------------------------ containerFooter ------------------------------------------------------------ */

#containerFooter .footerLeft {
	float: left;
	width: 640px;
	height: 180px;
	padding: 20px 0px 0px 25px;
}

#containerFooter .footerRight {
	float: right;
	width: 250px;
	height: 180px;
	padding: 20px 25px 0px 20px;
	background-image: url(../images/layout/bgBoxFooter.jpg);
	background-position: 0px 20px;
	background-repeat: no-repeat;
}


/* ---------- boxFooter ---------- */

.footerLeft .boxFooter {
	position: relative;
	float: left;
	width: 200px;
	height: 160px;
	padding: 0px 0px 0px 20px;
	background-image: url(../images/layout/bgBoxFooter.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.footerLeft .boxFooterLeft {
	width: 110px;
	padding-left: 0px;	
	background-image: none;
}

.boxFooter .boxVestiging {
	z-index: 10;
	position: absolute;
	width: 410px;
	height: 106px;
	padding: 20px 0px 0px 10px;
	background-image: url(../images/layout/bgBoxVestigingBottomHome.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.boxVestiging .vestigingText {
	float: left;
	width: 165px;
}

.boxVestiging .vestigingImg {
	float: left;
	width: 200px;
	height: 94px;
	margin: 0px 0px 0px 10px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.boxVestiging .vestingClose {
	float: left;
	width: 15px;
	padding: 0px 10px 0px 10px;
}

.boxFooter #vestiging01 {
	left: 20px;
	top: 20px;
}

.boxFooter #vestiging02 {
	left: 20px;
	top: 40px;
}

.boxFooter #vestiging03 {
	left: 20px;
	top: 60px;
}

.boxFooter #vestiging04 {
	left: 20px;
	top: -65px;
	background-image: url(../images/layout/bgBoxVestigingTopHome.png);
}

.boxFooter #vestiging05 {
	left: 20px;
	top: 20px;
}

.boxFooter #vestiging06 {
	left: 20px;
	top: 40px;
}

.boxFooter #vestiging07 {
	left: 20px;
	top: 60px;
}

.boxFooter #vestiging08 {
	left: 20px;
	top: -65px;
	background-image: url(../images/layout/bgBoxVestigingTopHome.png);
}