@charset "utf-8";
/* CSS Document */
* {
	outline:0;
}
body, html, h1, h2, h3, h4, p, ul, ol, li, img{
	margin:0;
	padding:0;
	border:0;
}
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	background:url(/img/backgr.gif) #323232;
}
li{
	vertical-align: text-top;
}
.clear_both{
	clear:both;
}
.right{
	float:right;
}
.left{
	float:left;
}
h1{
	font-size:15px;
	padding-bottom:10px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
}
h2{
	font-size:15px;
	padding-bottom:10px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
}
h3{
	font-size:12px;
	padding-bottom:10px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
}
p{
	line-height:17px;
	color:#000;
	padding-bottom:20px;		
}
a{
	color:#000;
	text-decoration:none;
}
a:hover{

}
a.button{
	color:#fff;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	letter-spacing:1px;
	display:block;
	background:url(../img/button_backgr.png) no-repeat left top;
	float:left;
	height:24px;
	line-height:24px;
	padding-left:8px;
	cursor:pointer;
	position:relative;
	padding-right:7px;
}
a.button span{
	position:absolute;
	top:0;
	right:0;
	width:7px;
	height:24px;
	background:url(../img/button_backgr.png) no-repeat right top;
}
a.button:hover, a.button.active{
	background-position:left bottom;
	color:#000;
}
a.button:hover span, a.button.active span{
	background-position:right bottom;
}
#mainframe{
	margin:0 auto;
	padding-top:30px;
	position:relative;
	width:823px;
	background:url(/img/middle_backgr.png) repeat-y;
}
#header{
	width:727px;
	height:126px;
	float:left;
	position:relative;
	margin-left:48px;
}
#header .headerLink{
	float:left;	
}
#header .contactBtn{
	position:absolute;
	z-index:110;
	right:0;
	top:29px;
}
#hoofdmenu{
	float:left;
	margin-top:20px;
	width:727px;
	margin-left:58px;
}
#hoofdmenu li{
	list-style:none;
	float:left;
	display:block;
	margin-left:9px;
	margin-bottom:9px;
}
#hoofdmenu li.first{
	margin-left:0;
	margin-bottom:20px;
}
#hoofdmenu li.padding{
	margin-right:20px;
}
#content{
	float:left;
	margin-top:50px;
}
#container{
    float: left;
    position: relative;
    width:750px;
	margin-left:51px;
}
.autoOverzicht{
	float:left;
}
.autoOverzicht div{
	float:left;
	position:relative;
	cursor:pointer;
}
.autoOverzicht div.element{
	float:left;
	margin-left:5px;
	position:relative;
	cursor:pointer;
	width:244px;
}
.autoOverzicht div.first{
	margin-left:0;
}
.autoOverzicht .image{
	width:220px;
	/*height:165px;*/
	height:145px;
	background:url(/img/thumb_backgr.png) no-repeat;
	display:block;
	float:left;
}
.autoOverzicht .image .imageContent{
	display:block;
	margin-left:3px;
	margin-top:3px;
	width:208px;
	/*height:153px;*/
	height:138px;
	overflow:hidden;
}
.autoOverzicht .verkocht{
	position:absolute;
	width:115px;
	height:87px;
	top:3px;
	left:3px;
	z-index:10;
	background:url(/img/verkocht_lint.png) no-repeat;	
}
.autoOverzicht .naam{
	text-transform:uppercase;
	font-weight:bold;
	font-size:12px;
	float:left;
	padding-top:3px;
	padding-bottom:3px;
	margin-left:8px;
	width:230px;
	color:#ED1C24
}
.autoOverzicht .prijs{
	text-transform:uppercase;
	font-weight:bold;
	font-size:15px;
	float:left;
	padding-bottom:30px;
	margin-left:8px;
	color:#fff;
}
.autoOverzicht .tekst{
	color:#ccc;
}



ul.autoOverzicht{
	float:left;
}
ul.autoOverzicht li{
	list-style:none;
	float:left;
	margin-left:5px;
	position:relative;
	cursor:pointer;
	width:244px;
}
ul.autoOverzicht li.first{
	margin-left:0;
}
ul.autoOverzicht li .image{
	width:244px;
	height:185px;
	background:url(../img/thumb_backgr.png) no-repeat;
	display:block;
	float:left;
}
ul.autoOverzicht li .image .imageContent{
	display:block;
	margin-left:18px;
	margin-top:17px;
	width:208px;
	height:153px;
	overflow:hidden;
}
ul.autoOverzicht li .verkocht{
	position:absolute;
	width:115px;
	height:87px;
	top:8px;
	left:8px;
	z-index:10;
	background:url(/img/verkocht_lint.png) no-repeat;	
}
ul.autoOverzicht li .naam{
	text-transform:uppercase;
	font-weight:bold;
	font-size:12px;
	float:left;
	padding-top:3px;
	padding-bottom:3px;
	margin-left:8px;
	width:230px;
}
ul.autoOverzicht li .prijs{
	text-transform:uppercase;
	font-weight:bold;
	font-size:15px;
	float:left;
	padding-bottom:30px;
	margin-left:8px;
}
ul.autoOverzicht li .tekst{
	color:#ccc;
}
#auto{
	float:left;
	width:744px;
	position:relative;
	margin-left:58px;
}
#auto .sticker{
	position:absolute;
	width:140px;
	height:114px;
	background:url(/img/verkocht_lint_groot.png) no-repeat;
    left: 3px;
    top: 5px;
	z-index:100;
}
#auto .imageInfo{
	float:left;
	width:464px;
}
#auto .image{
	float:left;
	width:464px;
	background:url(/img/foto_backgr_middle.png) repeat-y;
}
#auto .imageTop{
	float:left;
	width:464px;
	height:5px;
	background:url(/img/foto_backgr_top.png) no-repeat;	
}
#auto .imageContent{
	float:left;
	width:458px;
	overflow:hidden;
	margin-left:3px;
	position:relative;
	/*height:337px;*/
	height:305px;
}
#auto .imageBottom{
	float:left;
	width:464px;
	height:5px;
	background:url(../img/foto_backgr_bottom.png) no-repeat;
}
#auto .imageContent ul{	
	float:left;
}
#auto .imageContent li{
	float:left;
	list-style:none;
	position:absolute;
	display:none;
	left:0;
	top:0;	
}
#auto .imageMenu{
	display:block;
	float:left;
	margin-left:1px;
	margin-top:11px;
}
#auto .imageMenu ul{
	width:493px;
}
#auto .imageMenu li{
	width:44px;
	height:52px;
	overflow:hidden;
	float:left;
	background-color:#ED1C24;
	margin-right:8px;
	margin-bottom: 8px;
	cursor:pointer;
	position:relative;
	text-align: center;
}
#auto .imageMenu li a{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	/*display: block;*/
	/*text-align: center;*/
}
#auto .imageMenu li a.active{
	opacity: 0.45;
}
#auto .imageMenu li img{
	/*display: inline-block;*/
	/*position:absolute;*/
	/*top:0;*/
	/*left:0;*/
}
#auto .imageMenu li a.active img{
	display:none;
}
#auto .vergrootTekst{
	float:left;
	color:#fff;
	display:block;
	margin-top:20px;	
}
#auto .data{
	float:right;
	width:215px;
	margin-top:0px;
	margin-right:40px;	
}
#auto .data h1{
	font-size:23px;
	float:left;
	color:#ED1C24;
}
#auto .data .prijs{
	float:left;
	font-size:30px;
	font-weight:bold;
	padding-bottom:40px;
	color:#fff;
}
#auto .data .tekst{
	float:left;
	font-size:30px;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
	padding-bottom:40px;
}
#auto .eigenschappen{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	line-height:22px;
	display:block;
	color:#fff;
}
#auto .eigenschappen .soort{
	width:110px;
	display:block;
	float:left;
	font-weight:bold;
	clear:both;
}
#auto .eigenschappen .info{
	float:left;
	display:block;
}
#auto .opmerkingen{
	float:left;
	margin-top:30px;
	width:250px;
}
#auto .opmerkingen .soort{
	width:200px;
	padding-bottom:3px;
}
#auto .opmerkingen p{
	color:#fff;
}
h2.autoPagina{
	text-transform:none;
	font-size:23px;
	margin-left:7px;
	float:left;
	margin-bottom:19px;
	width:700px;	
}
.gerelateerdSubmenu{
	float:left;
	margin-top:9px;
	margin-left:7px;
}
.gerelateerdSubmenu li{
	list-style:none;
	float:left;
	display:block;
	margin-left:9px;
}
.gerelateerdSubmenu li.first{
	margin-left:0;
}





#footer{
	margin-top:110px;
	width:727px;
	margin-left:48px;
	background-color:#000;
	float:left;
	color:#fff;
	padding-bottom:50px;
}
#footer .footerTop{
	width:727px;
	float:left;
	height:20px;
	background:url(../img/footer_top.png) no-repeat;
}
#footer .footerContent{
	margin-top:14px;
	margin-left:22px;
}
#footer .footerContent{
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
}
#footer .footerContent h2{
	padding-bottom:30px;
	font-family:Arial, Helvetica, sans-serif;
}
#footer .footerContent .contactInfo a{
	color:#fff;
}
#footer .footerContent .contactInfo a:hover{
	text-decoration:underline;
}
#footer .footerContent .contactInfo{
	padding-right:70px;
	float:left;
}
#footer .footerContent .contactInfo .soort{
	font-family:Arial, Helvetica, sans-serif;
	width:52px;
	font-weight:bold;
	display:block;
	float:left;
	clear:both;
}
#footer .footerContent .contactInfo .info{
	float:left;
	display:block;
}

#footer .footerContent .openingstijden{
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	margin-top:25px;
	width:245px;
}
#footer .footerContent .openingstijden p{
	width:245px;
}
#footer .footerContent .routebeschrijving{
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	margin-top:25px;
	margin-left:50px;
}
#footer .footerContent .routebeschrijving p{
	width:295px;
}
#footer .footerContent .routebeschrijving input[type="text"]{
	border:solid 1px #fff;
	width:174px;
	height:19px;
	line-height:19px;
	font-size:12px;
	color:#ccc;
	padding-left:5px;
	background-color:#000;
}
#footer .footerContent .routebeschrijving input[type="text"]:focus{
	color:#fff;	
}
#footer .footerContent .routebeschrijving input[type="submit"]{
	color:#000;
	background-color:#fff;
	font-size:11px;
	height:23px;
	border:none;
	cursor:pointer;
	width:98px;
	padding: 0 0 1px;
	line-height:17px;
	margin-left:5px;
}
#footer .footerContent .routebeschrijving input[type="submit"]:hover{
	color:#333;
}
#footer .footerContent h3{
	font-family:Arial, Helvetica, sans-serif;
	text-transform:none;	
}
#footer .footerContent p{
	color:#fff;
	line-height:15px;
	width:470px;
}
.viernulvier{
	float:left;
	margin-left:57px;	
}
.viernulvier h1, .viernulvier p, .viernulvier a{
	color:#fff;
}





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

/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
          transition-duration: 0s;
}
/* End: Recommended Isotope styles */

/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
          transition: none;
}

.element {
	cursor: pointer;
	float:left;
	margin-left:5px;
	position:relative;
	cursor:pointer;
	width:244px;
	
}
.element * {
  position: absolute;
  margin: 0;
}