a {
    color: #000 !important;
    font-weight:bolder;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

p {
    color: #333;
    font-weight:normal;
}
ul.nav {
    padding-left:15px !important;
}

.navbar {
	background: rgba(0,0,0,0.9);
	z-index: 99;
	width: 100%;
	padding:15px 0px !important;
}

.navbar a {
	font-weight: lighter;
	font-size: 20px;
	color: #fff !important;
	margin-right: 30px;
}

.nopadding {
	margin:0px;
	padding:0px;
}

.beeld {
	position: relative;
	overflow: hidden;
}

.beeld img {
	width: 100%;
	height: auto;
}


.beeldinfo {
	position: absolute;
	top:0px;
	right: 0px;
	color: white;
	float: right;
	height: 100%;
	padding: 5%;
	background: -moz-linear-gradient(top, rgba(55,55,55,0.7) 0%, rgba(0,0,0,0.9) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(55,55,55,0.7) 0%,rgba(0,0,0,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(55,55,55,0.7) 0%,rgba(0,0,0,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
 .beeldinfo p {
     color:white;
 } 

.beeldinfo a {
    background:rgba(255,255,255, 0.5);
    padding:8px;
}

h2 {
	display: inline-block;
	font-weight: lighter;
	font-size: 50px;
	text-transform: uppercase;
}
h3 {
	display: inline-block;
	font-weight: lighter;
	font-size: 30px;
	text-transform: uppercase;
}
.beeldinfo {
    margin-right: 15px;
}
.beeldinfo p {
	font-size: 25px;
}

.about {
	
}

.aboutbeeld {
	position: relative;
}

.aboutbeeld-1, .ccm-custom-style-voorstelbeeld {
	background-position: 50% 50%;
	background-size: cover !important;
}

.aboutbeeld-2 {
	background: url(../img/tuscan.jpg) no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}

.aboutbeeldinfo h2 {
	margin-bottom: 40px;
}

.aboutbeeldinfo {
	    font-size: 18px;
    padding: 60px 80px;
    line-height: 30px;
}

.aboutbeeldinfo p {
     color:white;
 } 
 
.geel .aboutbeeldinfo p {
     color:#333;
} 

@media screen and (max-width: 768px) {
	.beeldinfo  {
		font-size: 18px;
		padding: 40px 40px 50px 75px;
		line-height: 20px;
	}
	.beeldinfo h2 {
		margin-bottom: 0px;
	}

	.aboutbeeldinfo {
		font-size: 18px;
		padding: 80px 40px 80px 50px;
		line-height: 28px;
	}

	.aboutbeeldinfo h2{
		display: block;
		border-bottom: 0px;
		font-size: 28px;
		margin-bottom: 25px;
	}
	.aboutbeeldinfo h3{
		font-size: 20px;
	}
}


/* auto-item beeld is altijd 100/75 */

.auto-item {
	position: relative;
	overflow: hidden;
	padding:0px;
}

.auto-item .info {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background: -moz-linear-gradient(top, rgba(55,55,55,0.1) 0%, rgba(0,0,0,0.2) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(55,55,55,0.1) 0%,rgba(0,0,0,0.2) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(55,55,55,0.1) 0%,rgba(0,0,0,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

.auto-item img {
    width: 100%;
    margin-top: -35px;
    margin-bottom: -35px;
}
.auto-item .info-txt{
	position: absolute;
	top: 15%;
	padding-left: 10%;
	padding-right: 10%;
}

.auto-item .info-txt:hover{ 
	
}

.auto-item .info-txt span {
	letter-spacing: 2px;
	color: #FFF;
	font-weight: lighter;
	text-align: left;
	display: block;
	font-size: 20px;
	line-height: 22px;
	padding-left: 10px;
}

.auto-item .info-txt span:first-child {
	font-weight: lighter;
	font-size: 26px;
	line-height: 26px;
	margin-bottom: 0px;
	background-color:rgba(255,255,255,0.8);
	padding: 10px;
	color: #000;
	font-weight: normal;
}

.auto-item .info-txt .omschrijving { display: block}
.auto-item .info-txt .extrainfo {margin-top: 20px;}
.auto-item .info-txt .prijs {
	color: #FFF;
	background-color: #333;
	display: inline-block;
	font-weight: lighter;
	padding: 5px 10px 5px 10px !important;
	font-size: 24px;
}

/* responsive auto */

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.auto-item .info-txt span { font-size: 16px; line-height: 16px;font-weight: lighter}
	.auto-item .info-txt span:first-child {}
	.auto-item .info-txt .prijs {}
	.auto-item img {margin-top: -35px;margin-bottom: -35px;}
}


/* autodetail-top */

.autodetail-top {
	padding-top: 0px;
	padding-bottom: 0px;
}

	.autodetail-top h1 {
		text-decoration: none;
		padding-top: 15px;
		margin-bottom: 0px;
	}

	.autodetail-top p {
		padding-top: 0px;
		font-weight: lighter;
	}

	.autodetail-top .prijs p {
		font-size: 3rem;
    	line-height: 95px;
    	display: table;
    	margin: 0 auto;
    	color:#fff;
	}

	@media screen and (max-width: 768px) {
	.autodetail-top .prijs {color:#ff3c00 !important; background-color:transparent;}
	.autodetail-top .prijs p {
    font-size: 3rem;
    color:#ff3c00 !important;
    line-height: auto;
    display: inline;
    margin: 0 auto;
}
	}


.autodetail-info {
	position: relative;
	color: white !important;
	float: right;
	height: 100%;
	padding: 5%;
	background: white;
}


.autodetail-info {
   /*margin-right: 15px;*/
}
	.autodetail-info h4 {
		font-size: 26px !important;
		color: white !important;
		padding-bottom: 5px;
		margin-bottom: 10px;
		border-bottom: 4px solid #ea2c2c;
	}
	.autodetail-info p {
		font-size: 18px;
		font-weight:normal;
		    color: #000;
	}

/* responsive autodetail-info */

@media screen and (max-width: 968px) {
	.autodetail-info h4 {font-size: 22px;}
	.autodetail-info p {font-size: 14px;}
}

@media screen and (max-width: 768px) {
	/*.autodetail-info {display: none;}*/
}

.autodetail-beeld {
	position: relative;
	overflow: hidden;
}




.autodetail-beeld img {
	
	margin-left: 0%;
	max-width: 125% !important;
    width: 125%;
	filter: contrast(110%);
	margin-top: -5%;
    margin-bottom: -15%;
    transform: translateX(-5%);
	image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
}

.autodetail-beeld:hover img::after {

}

img.galerijfoto{
	max-width: 110% !important;
    margin-top: -5%;
    margin-bottom: -15%;
    transform: translateX(-5%);
}

/* nieuwblokje-info */

.nieuwblokje-info {
    background-color: #ff3c00;
    color: #FFF;
    font-size: 17px;
    padding: 77px 60px;
    line-height: 31px;
}


/* nieuwopties */
#nieuwopties {
    padding: 100px 80px;
    background-color: #ece5e8;
}

#nieuwopties h2 {
    margin-bottom: 40px;
}

div.optionlist ul {
    list-style: none;
    margin: 0px;
    padding: 0px;   
}


div.optionlist ul li.liCategory {
    display: none;
}

div.optionlist ul li {
    display: inline-block;
    width: 24%;
    padding-top: 5px;
}
div.optionlist ul li:after{content: ' '} 
div.optionlist ul li:last-child:after{content: ''} 
div.optionlist ul li.liCategory:after{content: ': '} 


@media screen and (max-width: 768px) {
	div.optionlist ul li {width: 48%;}
}

@media screen and (max-width: 568px) {
	div.optionlist ul li {width: 78%;}
}


/* FANCYBOX */

.fancybox-stage {
    background: rgba(255,255,255,0.5) ;
}

.fancybox-is-open .fancybox-bg {
	}
/* KLEUREN */

.rood {background-color:#ea2c2c; ;color:#FFF;}
.geel {background-color: #ffff99;}
.donkerblauw {background-color: #181d26;color:#999;}

#footer-theme p {
    color: #999 !important;
}

/*FORM*/
#detailform {}

#detailform label, #detailform .text-muted {
		color: white;
	}

#detailform input.form-control {
		border: 0px;
		border-radius: 0px;
		padding:10px 8px;
	}

.contact-detail-footer p , .contact-detail-footer h1 {
	color: white !important;
}

#detailform .btn-primary {
	border-radius: 0px;
	background-color: white;
	color:#ea2c2c;
	border: 2px solid #ea2c2c;
}

#detailform .btn-primary:hover {
	border-radius: 0px;
	background-color: #ea2c2c;
	color:white;
	border: 2px solid white;
}
img#contact-detail-footer-beeld {
    margin-left: 0%;
    max-width: 125% !important;
    width: 125%;
    filter: contrast(110%);
    margin-top: -15%;
    margin-bottom: -15%;
    transform: translateX(-5%);
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
}

.fotogalerij-items:hover img {
	opacity: 0.3;
}

.fotogalerij-items:hover .middle,  .autodetail-beeld:hover .middle{
  opacity: 1;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.text {
  background-color: #000;
  color: #fff;
  font-size: 16px;
  padding: 16px 32px;
}
.autodetail-info > ul {
	display: none;
}