:focus { outline: 0;}

html, body {
	height: 100%;
	margin: 0px; padding: 0px;
	font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #FFFFFF; text-align: left;
	/* [disabled]line-height: 24px; */
	border: none; background: #A7A6A2 url(../layout/body-bg.gif);
}

#wrapper { width: 1060px; margin: 0px auto 0px auto; min-height: 600px; background-color: #2C2C2C; }

#logo { width: 369px; height: 170px; margin: 0px 0px 0px -30px; /*position: absolute; z-index: 500; */}

#head { width: 1060px; height: 130px; background-color: #000000; }

#headLeft { width: 292px; height: 95px; padding: 0px 0px 0px 0px; float: left; }
#headMid { width: 414px; height: 140px; float: left;}
#headRight { width: 200px; height: 140px; float: right; text-align: right; padding-right: 11px; }
#headRight #social { width: 190px; height: 44px; float: right; text-align: right; padding: 6px 0 0;}

#headRight #gsm {
	width: 190px; height: 40px;
	padding: 0px 0px 0px 0px;
	float: right; text-align: right;
	line-height: 16px;
}

#menu { width: 530px; height: 40px; float: right; }

#sliderContainer { width: 1000px; height: 400px; margin: 0px 0px 8px 0px; }
#sliderContainer2 { width: 1000px; height: 540px; margin: 0px 0px 8px 0px; }

#content {
	background: none repeat scroll 0 0 #3E3E3E;
	border-top: 1px solid #3D3D3D;
	/*margin: 0 -30px;*/
	min-height: 600px;
	padding: 0px 0px 0px 30px;
	position: relative;
	width: 1030px;
	float: left;
}

#contentVervolg {
	background: none repeat scroll 0 0 #3E3E3E;
	border-top: 1px solid #3D3D3D;
	min-height: 600px;
	padding: 0px 0px 0px 0px;
	width: 1060px;
}

#CarPanelHome {
	width: 326px; height: 398px;
	background-color: #232323;
	border: #000 1px solid;
	margin: 0px 8px 8px 0px; padding: 0px 0px 0px 0px;
	float: left; text-align: center;
}

#CarPanelHome img { margin: 0px 0px 8px 0px; }

#CarPanelHome .btn-holder { width: 120px; margin: 0px auto 0px auto; padding:4px 11px; }

#CarPanelHome .btn-holder a {
	width: 96px; height: 16px;
	color:#232323; background:#7b7b7b; float:left;
	margin: 0px auto 0px auto; padding:8px 11px;
	text-transform:uppercase;
	font-size:11px; line-height:14px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	transition:all 0.5s linear;
	-moz-transition:all 0.5s linear;
	-webkit-transition:all 0.5s linear;
	-o-transition:all 0.5s linear;
}

#CarPanelHome .btn-holder a:hover {
	color: #232323;

	transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-webkit-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	background-color: #F03;
}

.btn-holder { overflow:hidden; padding:0 0 5px; }

.btn-holder a {
	height: 14px; float:left;
	color:#232323; background:#7b7b7b;
	padding: 5px 11px;
	text-transform:uppercase;
	font-size:11px;
	line-height:14px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	transition:all 0.25s linear;
	-moz-transition:all 0.25s linear;
	-webkit-transition:all 0.25s linear;
	-o-transition:all 0.25s linear;
}

.btn-holder a:hover {
	color: #232323;
	text-transform: uppercase;

	transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	background-color: #F03;
}

#rightContent #container { width: 196px; padding: 22px 22px; }

#onderContent {
	width: 1020px;
	min-height: 350px;
	margin: 7px 0px 7px 0px;
	float: left;
	background: url(../layout/ondercontent-bg.png) no-repeat 50% 0;
}

#panelImg { width: 272px; height: 135px; overflow: hidden; border: 6px solid #FFFFFF; margin: 0px 0px 8px 0px; }

#GoogleMaps { border: 6px solid #FFFFFF; margin: 0px 0px 8px 0px; float: right; }

#footer {
	width: 1060px; height:230px;
	margin: 0px 0px 0px 0px; float: left;
}

#footer #container {
	width: 1000px;
	height: 200px;
	margin: 0px 0px 0px 0px;
	padding: 30px 30px 0px 30px;
}

#cleaner {
	clear:both;
	height:0px;
	font-size:1px;
	border:none;
	margin:0;
	padding:0;
	background:transparent;
}

/*// VERVOLG PAGES ////////////////////////////////////*/
#contentHead {
	width: 1000px; height: 110px; float: left;
	margin: 0px 0px 20px 30px;
}

#contentHead .breadcrum {
	width: 965px; height: 22px;
	margin: 30px 13px 16px 0px; padding: 12px 13px 6px 20px;
	float: left; border: #999 1px solid;
}
    
#page { background-color: #2C2C2C; padding: 30px 30px 30px 30px; }

#page .demo-show2 .item {
	height: 78px; padding: 16px 0px 30px 16px;
	color: #999; background-color: #FFF; border-bottom: #999 1px solid;
}

#page .demo-show2 .item .title { width: 300px; height: 92px; float: left; }
#page .demo-show2 .item .pict { width: 200px; height: 92px; margin-right: 260px; float: left; }
/*#page .item .bekijk { width: 250px; height: 50px; padding-top: 20px; float: left; }*/
#page .demo-show2 .item h3 { color: #666; }

.btnBekijk { height: 20px; float: left; overflow:hidden; margin: 35px 0px 0px 0px; padding:5px 0 5px; }

.btnBekijk a {
	color: #232323;
	padding: 5px 40px;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 14px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-webkit-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	background-color: #333333;
}

.btnBekijk a:hover {
	color: #232323;
	text-transform: uppercase;
	transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	background-color: #F03;
}


/*// PRODUCT ITEM DETAIL ////////////////////////////////////*/
#detailContent { width: 1000px; margin: 20px 0 30px; float: left; }

.left { width: 300px; 	float: left; color:#B7A173; }
.right { width: 670px; float: right; }

/*// NEWS PAGES ////////////////////////////////////*/
#page .itemNews {
	height: 92px; padding: 16px 0px 30px 16px;
	color: #999; background-color: #2C2C2C; border-top: #999 1px solid;
}

#page .itemNews .titleNews { width: 284px; height: 105px; float: left; padding: 0px 16px 0px 0px; }
#page .itemNews p { color:#B7A173; height: 76px; overflow: hidden; }
#page .itemNews .pictNews { width: 200px; height: 105px; margin-right: 260px; float: left; background-color: #999; overflow: hidden; }
/*#page .item .bekijk { width: 250px; height: 50px; padding-top: 20px; float: left; }*/
#page .itemNews h3 { color: #999; padding: 0px 0px 6px 0px; }

.btnBekijkNews { height: 20px; float: left; overflow:hidden; margin: 40px 0px 0px 0px; padding:5px 0 5px; }

.btnBekijkNews a {
	color: #232323; background-color: #999;
	padding: 5px 40px;
	text-transform: uppercase;
	font-size: 11px; line-height: 14px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-webkit-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
}

.btnBekijkNews a:hover {
	color: #232323; background-color: #F03;
	text-transform: uppercase;
	transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
}

/*// FONTS ////////////////////////////////////*/
td, h1, h2, h3, h4, h5 { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; color: #FFFFFF; }

h1 { font-size:16px; color: #FFFFFF; }

h2 { font-family: 'Open Sans Condensed', sans-serif; font-size: 18px; padding: 0px 0px 12px 0px; text-transform: uppercase; }

h3 { font-family: 'Open Sans Condensed', sans-serif; font-size: 16px; }

h4 { font-size: 11px; font-variant: small-caps; font-style: italic; font-weight: normal; color: #A59EA4; }

h5 { font-family: 'Open Sans Condensed', sans-serif; font-size: 16px; color: #A59EA4;  }


/*// BUTTONS ////////////////////////////////////*/
a { font-size : 12px; color: #FFFFFF; }
a:link, a:visited { color : #FFFFFF; text-decoration : none; }
a:hover, a:active{ color : #CCCCCC; text-decoration : none; }

a.btn {
	width: 88px; height: 22px;
	margin: 10px 0px 0px 0px; padding: 2px 2px 2px 4px;
	text-align: left; text-decoration: none;
	display: block; vertical-align: top;
	font-size: 12px;
	text-align: center;
 }
 
a.btn:link,  a.btn:visited { color: #341357; background-color: #FFF; } 
a.btn:hover,  a.btn:active { background-color: #CCC; color: #401976; }

.btnLeesmeer {
	background: url(../layout/Btn-blauw.png) no-repeat 0 0;
	width: 96px; height: 26px;
	margin: 0px 0px 0px -4px; padding: 4px 3px 3px 14px;
	color: #ffffff; display: block; border: none;
	/*text-indent: -9999px;*/
}

.btnLeesmeer:link, .btnLeesmeer:visited { color: #ffffff; }
.btnLeesmeer:hover {
	background-position: 0 -33px;
	
	transition:all 0.25s linear;
	-moz-transition:all 0.25s linear;
	-webkit-transition:all 0.25s linear;
	-o-transition:all 0.25s linear;
	
	color: #FFFFFF;
}

/*// SOCIAL BUTTONS ////////////////////////////////////*/
a.btnFacebook {
	background: url(../layout/btn_social_Facebook.png) no-repeat 0 0;
	width: 26px; height: 24px;
	float: right; display: block;
    margin: 0px 0px 0px 0px;
}
a.btnFacebook:hover {
	background-position: 0 -24px;
	
	transition:all 0.25s linear;
	-moz-transition:all 0.25s linear;
	-webkit-transition:all 0.25s linear;
	-o-transition:all 0.25s linear;
}

a.btnTwitter {
	background: url(../layout/btn_social_Twitter.png) no-repeat 0 0;
	width: 26px; height: 24px;
	float: right; display: block;
    margin: 0px 0px 0px 0px;
}
a.btnTwitter:hover {
	background-position: 0 -24px;
	
	transition:all 0.25s linear;
	-moz-transition:all 0.25s linear;
	-webkit-transition:all 0.25s linear;
	-o-transition:all 0.25s linear;
}

	
/*// DIVERSEN BASIS ////////////////////////////////////*/
p { margin: 0; padding: 0; }

img { border: 0px; }

/*// C A R O U S E L ////////////////////////////////////*/
.infiniteCarousel { width: 400px; position: relative; }

.infiniteCarousel .wrapper {
	width: 375px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
	overflow: auto;
	min-height: 11em;
	margin: 20px 20px 0px 20px;
	position: absolute;
	top: 0;
}

.infiniteCarousel ul a img {
  border: 5px solid #000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 0px 20px 0px 0px;
  height: 110px;
  width: 133px;
}

.infiniteCarousel ul li a img { display:block; }

.infiniteCarousel .arrow {
  display: block;
  height: 45px;
  width: 37px;
  background: url(../layout/arrow.png) no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 46px;
  cursor: pointer;
}

.infiniteCarousel .forward { background-position: 0 0; right: -16px; top: 60px; }
.infiniteCarousel .back { background-position: 0 -92px; left: 6px; top: 60px;}
.infiniteCarousel .forward:hover { background-position: 0 -46px; }
.infiniteCarousel .back:hover { background-position: 0 -138px; }

/*// SCROLLER ////////////////////////////////////*/
.contentScroll{ width:290px; height:338px; padding:0px; overflow:auto; float:left; }
.contentScroll p:nth-child(even){ }
.contentScroll p:nth-child(3n+0){ }

.contentScrollHigh{ width:290px; height:600px; padding:0px; overflow:auto; float:left; }
.contentScrollHigh p:nth-child(even){ }
.contentScrollHigh p:nth-child(3n+0){ }

/*// TAB SECTION ////////////////////////////////////*/
#main {
	margin:0 auto;
	width: 1000px;
}

.tab-area {
	margin:-67px 0 0;
	position:relative;
	z-index:50;
}
.tabset {
	list-style:none;
	margin:0;
	padding:0 0 29px;
	text-align:center;
	text-transform:uppercase;
	font-size:12px;
	line-height:16px;
	font-weight:bold;
	position:relative;
}
.tabset li {
	vertical-align:top;
	display:inline-block;
	padding:0 0 3px;
}
*+html .tabset li {display:inline;}

.tabset li:first-child {margin:0 2px 0 0;}
*+html .tabset li:first-child {margin:0 1px 0 0;}

.tabset li:hover,
.tabset li.active {padding:0 0 1px;}

/*.tabset li:hover a,
.tabset a:hover {
	padding:9px 28px 11px;
	border-width:1px 1px 0;
	border-color:#676767;
	color:#fff;
	text-decoration:none;
	background: #555; /* Old browsers *//*
	background: -moz-linear-gradient(top,  #555555 0%, #494949 33%, #414141 66%, #3e3e3e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(33%,#494949), color-stop(66%,#414141), color-stop(100%,#3e3e3e));
	background: -webkit-linear-gradient(top,  #555555 0%,#494949 33%,#414141 66%,#3e3e3e 100%);
	background: -o-linear-gradient(top,  #555555 0%,#494949 33%,#414141 66%,#3e3e3e 100%);
	background: -ms-linear-gradient(top,  #555555 0%,#494949 33%,#414141 66%,#3e3e3e 100%);
	background: linear-gradient(top,  #555555 0%,#494949 33%,#414141 66%,#3e3e3e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#3e3e3e',GradientType=0 );
}


*/
.tabset .active a.over {
	border-color:#fff;
	color:#000;
	background:#fff;
	padding:9px 29px 11px;
}

.tabset .active a {
	padding:9px 28px 11px;
	border-width:1px 1px 0;
	border-color:#676767;
	color:#fff;
	text-decoration:none;
	background: #555; /* Old browsers */
	background: -moz-linear-gradient(top,  #555555 0%, #494949 33%, #414141 66%, #3e3e3e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(33%,#494949), color-stop(66%,#414141), color-stop(100%,#3e3e3e));
	background: -webkit-linear-gradient(top,  #555555 0%,#494949 33%,#414141 66%,#3e3e3e 100%);
	background: -o-linear-gradient(top,  #555555 0%,#494949 33%,#414141 66%,#3e3e3e 100%);
	background: -ms-linear-gradient(top,  #555555 0%,#494949 33%,#414141 66%,#3e3e3e 100%);
	background: linear-gradient(top,  #555555 0%,#494949 33%,#414141 66%,#3e3e3e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#3e3e3e',GradientType=0 );
}


.tabset li:hover a,
.tabset a:hover { border-color:#fff; color:#000; background:#fff; /*padding:9px 28px 9px;*/ text-decoration: none; }

.tabset li .border-holder {
	display:none;
	background:#3e3e3e;
	width:1060px; height:5px; position:absolute;
	bottom:25px; left:-30px;
	z-index:10; overflow:hidden;
	border-top:1px solid #676767;
	text-indent:-9999px;
}
.tabset li.active .border-holder {display:block;}
.tabset a {
	display:block;
	color:#c3c3c3;
	border:solid #4d4d4d;
	border-width:1px 0 0;
	padding:9px 29px;
	position:relative;
	z-index:20;
	letter-spacing:1px;
	background: #3e3e3e; /* Old browsers */
	background: -moz-linear-gradient(top,  #3e3e3e 0%, #3a3a3a 33%, #303030 66%, #2d2d2d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3e3e3e), color-stop(33%,#3a3a3a), color-stop(66%,#303030), color-stop(100%,#2d2d2d));
	background: -webkit-linear-gradient(top,  #3e3e3e 0%,#3a3a3a 33%,#303030 66%,#2d2d2d 100%);
	background: -o-linear-gradient(top,  #3e3e3e 0%,#3a3a3a 33%,#303030 66%,#2d2d2d 100%);
	background: -ms-linear-gradient(top,  #3e3e3e 0%,#3a3a3a 33%,#303030 66%,#2d2d2d 100%);
	background: linear-gradient(top,  #3e3e3e 0%,#3a3a3a 33%,#303030 66%,#2d2d2d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e3e3e', endColorstr='#2d2d2d',GradientType=0 );
}
.tab-area .tab-content {
	position:absolute;
	z-index:30;
	left: 0px; /*-30px;*/
	top:35px;
	width:1040px;
	background:#fff;
	color:#232323;
	padding:32px 10px 43px;
	display: none;
}
.tab-content .cars-list {
	overflow:hidden;
	text-align:center;
}
.tab-content .cars-list .holder {
	display:inline-block;
	vertical-align:top;
}
*+html .tab-content .cars-list .holder {display:inline;}
.tab-content .cars-list ul {
	float:left;
	list-style:none;
	margin:0;
	padding:0 15px;
	min-width:138px;
	text-align:left;
	text-transform:uppercase;
	font-size:13px;
	line-height:15px;
}
.tab-content .cars-list li {
	 width: 150px; border-bottom: 1px solid #E5E5E5;
    float: left;
    margin: 0 16px 0 0; padding: 7px 0;
    overflow: hidden; vertical-align: top;
}
.tab-content .product-list {
	overflow:hidden;
	text-align:center;
	padding:7px 0 14px;
}
.tab-content .product-list ul {
	list-style:none;
	margin:0;
	padding:0;
	overflow:hidden;
	display:inline-block;
	vertical-align:top;
	width:680px;
}
*+html .tab-content .product-list ul {display:inline;}
.tab-content .product-list li {
	float:left;
	width:138px;
	padding:0 30px 20px 0;
}
/*.tab-content .product-list li:first-child {padding:0;}*/
.tab-content a {
	color:#232323;
	cursor:pointer;
	padding: 4px;
    width: 150px;
}
.tab-content .product-list a:hover {text-decoration:none;}
.tab-content .product-list img {
	display:block;
	margin:0 0 13px;
}
.tab-content .product-list .info-text {
	display:block;
	overflow:hidden;
	border:solid #000;
	border-width:1px 0;
	padding:8px 0;
}
.tab-content .info-text span {
	display:block;
	text-transform:uppercase;
	line-height:13px;
	padding:0 0 4px;
}
.tab-content .info-text strong {
	display:block;
	font:14px/16px 'Oswald', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}