/*
Theme Name: Vanquish - Default
Theme URI: http://www.autosoft.eu
Template:     Vanquish
Author: Autosoft automotive internet
Author URI: http://www.autosoft.eu/
Description: Vanquish CHILD Thema, ontworpen en ontwikkeld door Autosoft. Afgeleide van het Autosoft Vanquish thema voor klantspecifieke aanpassingen.
Version: 1.0
Text Domain: autosoft
*/


#mainvisual img {
	left: 0%;
	-ms-transform: translate(0%, 0);
	-webkit-transform: translate(0%, 0); */
	transform: translate(0%, 0);
	}

body { 
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px; Color: #666666;
	font-weight: 400;
}

h1, h2, h3, h4, h5, h6 { font-style: italic!important; }

a.logo {
    width: 400px;
    height: 105px;
}

@media screen and (max-width: 1024px) {
a.logo {
    width: 290px;
    height: 125px;
	}
}

@media screen and (max-width: 480px) {
a.logo,
header#navigatie.scrollmenu a.logo {
    width: 240px;
    height: 60px;
	}
	
div[class^="amazingslider-nav-"] {display: none!important;}
}

#access li:hover > a,
#access a:focus { 
	background: #ffffff!important; 
	}

p, ul, ol, form.wpcf7-form {
	font-size: 14px;
	}

form.wpcf7-form em {
	font-size: 11px;
	margin-left: 6px;	
}

form.wpcf7-form strong { display: block; padding-top: 34px; }
form.wpcf7-form .links { padding-bottom: 24px; }

@media screen and (max-width: 480px) {
form.wpcf7-form .links { padding-bottom: 0px; }
form.wpcf7-form input[type="file"] { width: 70%; }
}


#maincontent #sidebar {
    padding-top: 22px;
}

strong em { color: #3B50A0; }
em strong { color: #3B50A0; }

a {	
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
	color: #3B50A0;
	text-decoration: underline;
}

a:hover,
.children_pages_list .current_page_item a {	
	color: #000000;
	text-decoration: none;
}

.children_pages_list .current_page_item a {
	font-weight: bold;
}

.su-row .su-column:first-child { margin-left: 0!important; }

#mainvisual div[class^="amazingslider-description-"] {display: none!important;}

#bottomcontent .widget h3 {
	color: #323232!important;
}

#topcontent .widget h3, 
#footerwidgets .widget h3 {
    font-size: 21px!important;
}

#bottomcontent {
    text-align: center;
}
/* Klant wou graag de 6 logo's naast elkaar */
#bottomcontent .widget.autovdweek {
	margin: 0px 4px;
    width: 12%;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}
#bottomcontent .widget.autovdweek h3 { display: none; }

#bottomcontent .widget img {
	float: none;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}

#sharebar {
    background: url(images/sharebar.png) rgba(200,200,200,0.5);
}

/* ===== ===== ===== AUTOCOMMERCE ===== ===== ===== */


/* ----- ----- ----- OCCASIONLIJST ----- ----- ----- *//* ----- ----- ----- OCCASIONLIJST ----- ----- ----- */
/* ----- ----- ----- OCCASIONLIJST ----- ----- ----- *//* ----- ----- ----- OCCASIONLIJST ----- ----- ----- */
/* ----- ----- ----- OCCASIONLIJST ----- ----- ----- *//* ----- ----- ----- OCCASIONLIJST ----- ----- ----- *

#occasionlijstwrapper {
	margin: 0 auto;
	width: 920px;
}

#occasionlijstwrapper div.nav { display: block; margin-top: 8px; }
#occasionlijstwrapper div.nav { font-weight: normal; font-style: italic; color: #cccccc; text-decoration: none;  }
#occasionlijstwrapper div.nav b { font-weight: bold; font-style: normal; color: #333333; text-decoration: none; }
#occasionlijstwrapper div.nav a.nav { font-weight: normal; font-style: italic; font-size: 12px; color: #666666; text-decoration: none; padding: 2px 5px; border: 1px solid #666666; background: #f3f3f3; display: inline-block; margin-bottom: 4px;}
#occasionlijstwrapper div.nav a.nav:hover { color: #000000; background: url('//list.auto-commerce.eu/templates/autocommercepro/images/gradient.png');}

#occasionlijstwrapper form {margin-bottom: 20px; }


#occasionlijstwrapper .occasionresult {background: #e3e3e3; border: 1px solid #666666; padding: 2px; min-height: 130px; text-align: left;}

#occasionlijstwrapper .occasionresult:hover { background: #cccccc; border: 1px solid #343434; cursor: pointer;}

#occasionlijstwrapper .merkmodel { background: #ffffff; float: left; width: 732px; padding: 3px; font-size: 14px;border-bottom: 1px solid #666666; }
#occasionlijstwrapper .merkmodel a { text-decoration: none;}
#occasionlijstwrapper .merkmodel a  strong {  }
#occasionlijstwrapper .merkmodel a:hover { }
#occasionlijstwrapper .merkmodel a .uitvoering { font-size: 11px;}

#occasionlijstwrapper .prijs{ background: #ffffff; border-bottom: 1px solid #666666; float: right; width: 166px; padding: 3px; padding-right: 7px; text-align: right; font-weight: bold; font-size: 14px;}

#occasionlijstwrapper .foto { float: left; margin-top: 2px; margin-right: 5px; min-height: 90px; width: 120px; background: url('//list.auto-commerce.eu/templates/autocommercepro/images/geenfoto.png') 50% 50% no-repeat; }
#occasionlijstwrapper .foto img { border: 1px solid #000000; padding: 2px; background: #ffffff; margin-left: 5px; margin-top: 8px;}
#occasionlijstwrapper .foto img:hover { border: 1px solid #343434; padding: 2px; background: #ffffff; }
#occasionlijstwrapper .occasionresult:hover .foto img { border: 1px solid #343434; padding: 2px; background: #ffffff; }

#occasionlijstwrapper .camera { margin-top: 15px; margin-left: -3px; width: 33px; height: 23px; display: block; background: green; position: absolute;}
#occasionlijstwrapper .camera img { padding: 0px; border: 0px;}

#occasionlijstwrapper .gegevens { float: right; width: 770px;}

#occasionlijstwrapper .basics { font-size: 11px; padding: 5px; background: #cccccc; }
#occasionlijstwrapper .basics .basicdetail { float: left; border-left: 1px solid #ffffff; padding-left: 9px; padding-right: 8px;}
#occasionlijstwrapper .basics .basicdetail.first { border-left: 0px; padding-left: 0px;}
#occasionlijstwrapper .basics .marge { font-weight: normal; font-style: italic; font-size: 11px; text-align: right; display: block; float: right; width: 55px; }

#occasionlijstwrapper .opties ul  { display: block; width: 30%; float: left; font-size: 10px; margin-top: 5px; margin-left: 5px; line-height: 12px;}
#occasionlijstwrapper .opties span  { display: block; width: 30%; float: left; font-size: 10px; margin-top: 5px; margin-left: 5px; line-height: 14px;}

#occasionlijstwrapper hr { height: 0px; border: 0px; border-collapse: collapse; border-top: 1px solid #999999; margin-top: 10px; margin-bottom: 10px; }

/* --- --- --- VERSIE 2 met 320 foto --- --- --- *//* --- --- --- VERSIE 2 met 320 foto --- --- --- */
/* --- --- --- VERSIE 2 met 320 foto --- --- --- *//* --- --- --- VERSIE 2 met 320 foto --- --- --- *

#occasionlijstwrapper .occasionresultV2 { display: block; float: left; width: 280px; text-align: center; margin: 0px 0px 28px 14px; border: 1px solid #eaeaea; border-bottom: 1px solid #adadad;}
#occasionlijstwrapper .occasionresultV2:hover { background: #f9f9f9; cursor: pointer; border:1px solid #adadad;}

#occasionlijstwrapper .occasionresultV2 .merkmodel { color: #000000; width: 280px; padding: 3px 0px; padding-right: 0px;  font-size: 14px;}
#occasionlijstwrapper .occasionresultV2 .merkmodel a { color: #777777; text-decoration: none;}
#occasionlijstwrapper .occasionresultV2 .merkmodel .uitvoering { white-space: nowrap; display: block;  margin: 0 auto; width: 264px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

#occasionlijstwrapper .occasionresultV2 .foto { text-align: center; margin-top: -2px; margin-bottom: 6px; margin-right: 0px; height: 205px; width: 280px; background: transparent; border-top: 0px; border-bottom: 0px; }
#occasionlijstwrapper .occasionresultV2 .foto img { border: 1px solid #eaeaea;  border-bottom: 1px solid #adadad; padding: 2px; width: 254px; max-height: 193px; }
#occasionlijstwrapper .occasionresultV2 .foto img:hover { border: 1px solid #adadad; }
#occasionlijstwrapper .occasionresultV2:hover .foto img { border: 1px solid #adadad; }

#occasionlijstwrapper .occasionresultV2 .gegevens { float: none; width: 280px; margin-top: -16px; text-align: right; }
#occasionlijstwrapper .occasionresultV2 .gegevens .basics { font-size: 11px; line-height: 1.5em; padding: 5px; background: transparent; text-align: center;}
#occasionlijstwrapper .occasionresultV2 .prijs {  float: none; width: 280px; padding: 3px 0px 10px 0px; text-align: center; font-weight: bold; font-size: 18px; font-style: italic;}

#occasionlijstwrapper select { width: 220px; border: 1px solid #adadad; border-bottom: 1px solid #343434; margin: 2px;}


/* Desktop *
@media screen and (max-width: 1024px) {
	
	#occasionlijstwrapper .prijs{ width: 164px;}
}

/* Tablet *
@media screen and (max-width: 800px) {
	#occasionlijstwrapper { width: 100%; }
		
	#occasionlijstwrapper select { width: 150px; margin: 2px;}
	
	#occasionlijstwrapper .merkmodel { width: 560px; white-space: nowrap;}
	#occasionlijstwrapper .prijs{ width: 116px; }
	#occasionlijstwrapper .gegevens { width: 554px;}
	
	#occasionlijstwrapper .opties span  { width: 32%;font-size: 10px;margin-left: 3px; line-height: 14px; 
	white-space: nowrap; overflow: hidden;}
	
	#occasionlijstwrapper .occasionresultV2 { width: 250px; margin-left: 9px;}
	#occasionlijstwrapper .occasionresultV2 .merkmodel { width: 250px;}
	#occasionlijstwrapper .occasionresultV2 .gegevens { width: 250px;}
	#occasionlijstwrapper .occasionresultV2 .prijs {  width: 250px; }
	
	#occasionlijstwrapper .occasionresultV2 .foto { height: 185px; width: 250px;}
	#occasionlijstwrapper .occasionresultV2 .foto img { width: 224px;  }
	
}


/* Mobile *
@media screen and (max-width: 480px) {
	
	#occasionlijstwrapper select { width: 130px; margin: 2px;}
	#occasionlijstwrapper { width: 270px; margin-left: 0px;}
	#occasionlijstwrapper .merkmodel { width: 258px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
	#occasionlijstwrapper .prijs{ width: 148px; float: right; background: transparent; }
	#occasionlijstwrapper .basics { font-size: 11px; padding: 5px; background: transparent; }
	#occasionlijstwrapper .basics .basicdetail { float: none; border-left: 0px; padding-left: 0px; }
	#occasionlijstwrapper .gegevens {  margin-right: 4px;width: 126px; background: transparent; white-space: nowrap; overflow: hidden; line-height: 13px; font-size: 10px; }
	#occasionlijstwrapper .opties { display: none}
	#occasionlijstwrapper .basics .marge { display: none;}
	
	#occasionlijstwrapper .foto { float: left; margin-top: -28px; margin-right: 3px; width: 130px; background: none; }
	#occasionlijstwrapper .foto img { max-width: 150px!important;}	
	
	
	#occasionlijstwrapper .occasionresultV2 { width: 280px;}
	#occasionlijstwrapper .occasionresultV2 .merkmodel { width: 280px;}
	#occasionlijstwrapper .occasionresultV2 .gegevens { width: 280px;}
	#occasionlijstwrapper .occasionresultV2 .prijs {  width: 280px; }
	
	#occasionlijstwrapper .occasionresultV2 .foto { height: 205px; width: 280px;}
	#occasionlijstwrapper .occasionresultV2 .foto img { width: 264px;  }
		
}

/* ----- ----- ----- DETAILPAGINA ----- ----- ----- *//* ----- ----- ----- DETAILPAGINA ----- ----- ----- */
/* ----- ----- ----- DETAILPAGINA ----- ----- ----- *//* ----- ----- ----- DETAILPAGINA ----- ----- ----- */
/* ----- ----- ----- DETAILPAGINA ----- ----- ----- *//* ----- ----- ----- DETAILPAGINA ----- ----- ----- *
#occasioncontent {
	margin: 0 auto;
	margin-top: 5px;
	width: 100%;
	font-family: Helvetica, Arial, sans-serif;
	color: #333333;
	font-size: 14px;
}

#occasioncontent h1 { font-size: 20px; padding-top: 10px; display: block;letter-spacing: 0px!important;}
#occasioncontent h1 span { font-size: 18px; font-weight: normal; clear: both; display: block; color: #343434!important}

#occasioncontent p { text-align:left; }

#occasioncontent a { color: #666666; font-style: italic; }
#occasioncontent a:hover { color: #000000; }

#occasioncontent .navbuttons { text-align: left; line-height: 20px; display: inline-block; width:355px}
#occasioncontent .navbuttons  { font-weight: normal; font-style: italic; color: #cccccc; text-decoration: none; }
#occasioncontent .navbuttons span { text-decoration: none; margin-right: 10px; padding: 2px 5px; border: 1px solid transparent; white-space: nowrap; display:inline-block;}
#occasioncontent .navbuttons a { text-decoration: none; margin-right: 10px; padding: 2px 5px; border: 1px solid #666666; background: #f3f3f3; white-space: nowrap; display:inline-block;}
#occasioncontent .navbuttons a:hover { text-decoration: underline; background: url('//list.auto-commerce.eu/templates/autocommercepro/images/gradient.png'); }

#headerbuttons { float: right; width: 300px; text-align: right; margin-bottom: 0px;}
#occasioncontent #headerbuttons a img { width: 20px; border: 0px; background: transparent; margin: 0px;}



.occasionblock{
	display: block;
	width: 48%; 
	float: left;
	margin-left: 1%;
	margin-right: 1%;
	}
.occasionblock.mainfoto { background: none; height: auto; padding-bottom: 20px;}
#intro img { width: 100%; }

#occasioncontent .fotonav { display: none;}

.occasionblock.thumbnails img { max-height: 60px; width: auto!important; margin: 2px!important;} 

#intro p.title {
	font-size: 15px;
	color: #000000;
	font-weight: bold;
	margin-bottom: 10px;
}

#intro td, #intro p {
	font-size: 14px;
	color: #333333;
}

#intro table { width: 100%;}
#intro td.label { border-bottom: 1px solid #ccc; width: 40%; padding: 2px;  font-weight: bold; line-height: 21px; }
#intro td.details { border-bottom: 1px solid #ccc; width: 60%; padding: 2px; line-height: 21px; }

.occasionblock.opties { padding-bottom: 10px;}
.occasionblock.opties ul { width: 41%; float: left; margin-right: 2%; margin-bottom: 0px; margin-top: 0px; margin-left: 1.5em;}

	
	#facebook iframe#facebookframe {
	 height: 35px!important;
	 margin-top: 15px;
	 width: 50%;
	 float: left;
	 }
	 
	#copyright {
	 height: 35px!important;
	 margin-top: 15px;
	 width: 50%;
	 float: right;
	 text-align: right;
	 line-height: 25px;
	 }

	 
/* Large *
@media screen and (min-width: 1024px) {

	

}



/* Tablet *
@media screen and (max-width: 800px) {

#intro .occasionblock.mainfoto, #intro .occasionblock, .occasionblock {
	display: block;
	width: 100%; 
	float: none;
	margin-left: 0%;
	margin-right: 0%;
	}

	
}


/* Mobile *
@media screen and (max-width: 480px) {

#occasioncontent { margin-left: -5px;} 
.occasionblock {
	display: block;
	width: 100%; 
	float: none;
	margin-left: 0%;
	margin-right: 0%;
	}
	
#occasioncontent .navbuttons { line-height: 20px; display: inline-block; width: 290px; margin-bottom: 10px; text-align: center; margin-left: -5px;}
#occasioncontent .navbuttons span { margin-right: 4px; margin-bottom: 5px;}
#occasioncontent .navbuttons a { margin-right: 4px; margin-bottom: 5px; }

#headerbuttons { float: right; width: 290px; text-align: center; margin-bottom: 0px; margin-left: -5px;}
	
.occasionblock.opties ul { width: 96%; float: none; margin-right: 0%; margin-bottom: 0px; margin-top: 0px; margin-left: 1.5em;}

.occasionblock.thumbnails img { max-height: 48px; width: auto!important; margin: 1px!important;} 

	#facebook iframe#facebookframe {
	 height: 35px!important;
	 margin-top: 5px;
	 width: 100%;
	 float: none;
	 }
	 
	#copyright {
	 height: 35px!important;
	 margin-top: 5px;
	 width: 100%;
	 float: none;
	 text-align: center;
	 line-height: 25px;
	 }
	
}
*/