/*
Theme Name: Autosoft Theme: Matador
Theme URI: https://www.autosoft.eu
Author: Autosoft - Automotive Internet
Author URI: https://www.autosoft.eu/
Description: Matador theme, ontworpen en ontwikkeld door Autosoft. Dit thema heeft diverse theme options en maakt gebruik van Custom Posttypes voor diverse weergaves. Volledig geoptimaliseerd voor de Autocommerce occasion integratie.
Version: 2.1.5
Text Domain: autosoft
*/

@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800");
@import url("https://fonts.googleapis.com/css?family=Oswald:300,400,500,700");


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

.hover , :focus {
  outline: 0;
}


/****************************************************
 
  Design: Autosoft BV - www.autosoft.eu
  Code & CSS: Autosoft BV - www.autosoft.eu
  Copyright 2020 Autosoft BV
  
****************************************************/


/*************************************** GLOBALS ***************************************/


.clear { 
  clear: both; 
  display: block; 
  width: 0px;
  height: 0px; 
  content: '.'; 
  visibility: hidden;
}



body { 
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.8em;
  font-weight: 400;
  color: #666666;
  text-align: left;
  /*overflow-y: scroll;*/
  /*overflow-x: hidden;*/
  
}

.wrapper { 
  width: 100%;
  max-width: 940px; 
  margin: 0px auto; 
  min-height: 10px; 
  padding: 0px 10px;
}

a,
.su-spoiler-title .su-spoiler-icon:before { color: #666666;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
 
a:hover , a:focus,
.su-spoiler-title:hover .su-spoiler-icon:before {
  color: #000000;
}

.entry-title a {
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  color: #343434;
  font-size: 30px;
  line-height: 30px;
  margin-top: 1em;
  margin-bottom: 0.2em;
  font-family: 'Oswald', Helvetica, Arial, sans-serif;
  text-align: left;
}

h1 { font-weight: 600!important; }
h2 { font-size: 22px; line-height: 22px; }
h3 { font-size: 20px; line-height: 20px; }
h4 { font-size: 18px; line-height: 18px; }
h5 { font-size: 16px; line-height: 16px; }
h6 { font-size: 14px; line-height: 14px; }

h1.center, h2.center, h3.center, h4.center, h5.center, h6.center {
  text-align: center;
}

.hide {
  display: none!important;
}

.pre-title { 
  display: block; 
  padding-top: 0em; 
  margin-bottom: -26px;
  font-family: 'Oswald', Helvetica, Arial, sans-serif;
  font-size: 20px;
}

.inhoud .pre-title,
#inhoud .pre-title { 
  margin-bottom: -26px; 
}


.pre-title.center{ 
  text-align: center!important;
}

img{  
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

p , strong {
  /*font-size: 13px;
  line-height: 1.8em;*/
  margin-top: 1em;
  margin-bottom: 1.8em;
}
  
strong {
  font-weight: 600;
}


hr {
  border-collapse: collapse;
  border: 0;
  clear: both;
  display: block;
  border-bottom: 1px solid;
  margin-top: 2em;
  margin-bottom: 2em;
  opacity: 0.2;
}
  
ul , ol{
 /* font-size: 13px;
  line-height: 1.8em;*/
  margin-top: 1em;
  margin-bottom: 1.8em;
  margin-left: 1.5em;
}
  
li {
  list-style: square; 
  margin-left: 1em; 
  padding-left: 0.5em;
}


ol li {
list-style: none; 
  counter-increment: count-me;
}

ol li::before {
  content: counter(count-me) ". ";
  display: block;
  position: relative;
  max-width: 0px;
  max-height: 0px;
  left: -35px;
  color: #666666;
  font-weight: bold;
}




table {
  margin-bottom: 1.8em;
}

.su-button { 
  margin-top: 10px; margin-bottom: 28px;
}

.su-spoiler-title { font-weight: normal!important;
}

#inhoud .su-column { 
	margin-top: 1%; margin-bottom: 1%;
}
.su-row .su-column:first-child {
  margin-left: 0!important; 
}
.su-row .su-column:last-child {
  margin-right: 0!important; 
}

.su-column iframe {
  max-width: 100%;
  max-height: 318px!important;
}

.su-gmap {
    margin: 1.5em 0 1.5em 0!important;
}


ol.wp-paginate li::before { display: none; }

.wp-paginate {
    font-size: 14px;
}

.wp-paginate.wpp-modern-grey a,
.wp-paginate.wpp-modern-grey .current {
  border-radius: 0!important;
}

.wp-paginate .current { 
  background: #666666!important;  
  border: 1px solid #333333!important;
  opacity: 1!important;
}

/* ----- ----- ----- HEADER  ----- ----- ----- */
  
.site-header-logo {
  position: relative;
  z-index: 500;
  margin-bottom: -32px;
  margin-right: 20px;
}

#top {
  background: #EEEEEE;
  text-align: right;
  color: #343434;
  line-height: 2em;
  padding: 5px 20px;
}

#top  p{
  color: #343434;
}

#top a, #top p a {
  color: #343434;
  line-height: 2em;
  font-size: 0.9em;
  text-decoration: none;
  display: inline-block;
  margin-left: 50px;
}

#top a:hover, #top p a:hover {
  color: #666666;
}

#top #searchform {
  width: auto;
  float: left;
}

#top #searchform input[type="text"] {
  padding: 5px 25px;
  text-align: left;
  float: left;
  background: #ffffff;
}

#top #searchform input[type="text"]:focus { 
  width: 180px;
}

#header {
  background: #ffffff;
  width: 100%;
  padding: 10px 0px 0px 0px;
  margin-bottom: 2em;
}
  
#header .wrapper {
  position: relative; 
  padding-top: 10px; 
  padding-bottom: 10px;
}
  
#header #menu img { 
  max-width: 300px!important; 
  height: auto!important; 
  margin: 16px -10px 10px 0; 
  float: right;
}

#header #menu .desktoplogo { 
  display: block; 
}

#header #menu .mobilelogo { 
  display: none; 
}
  

/* =Menu
  -------------------------------------------------------------- */
.navwrap { 
  width: 100%; 
  position: relative; 
  z-index: 1000;
} 

  
#header #menu {
  min-height: 30px;
  background: #ffffff;
  -webkit-box-shadow: 0 6px 8px 0 rgba(0,0,0,0.4);
  box-shadow: 0 6px 8px 0 rgba(0,0,0,0.4);
  margin-top: -10px;
}
  
#header #menu .wrapper { 
  padding-top: 0px; 
  padding-bottom: 1px;
  display: table;
}


nav { 
  display: table-cell!important;
  vertical-align: middle;
}

  
#menu ul {
  font-size: 12px;
  list-style: none;
  margin: 1px 0 0 0;
  padding-left: 0;  
}
  

#menu li {
  display: inline-block;
  position: relative;
  margin-left: 0;
 /* margin-top: 20px;*/
  padding-left: 0;  
  list-style: none;
}
  
#menu li li{
  margin-top: 0px;
}
  
#menu a {
  color: #000000;
  display: block;
  text-decoration: none;
  line-height: 56px;
  padding-left: 8px; 
  padding-right: 8px;
  font-family: 'Oswald', Helvetica, Arial, sans-serif;
  font-size: 14px; 
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
    
#menu li.menu-item-has-children a {
  padding-right: 28px; 
}

#menu li.menu-item-has-children::after {
  border: solid #666666;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 2px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  position: absolute;
  right: 8px;
  top: 23px;
  content: '';
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
  
#menu li li.menu-item-has-children a { 
  padding-right: 22px;
}

#menu li li.menu-item-has-children:after {
  display: none;
}
  
#menu li:hover > a,
#menu a:focus {
  background: #ffffff;
  color: #666666;
}
  
#menu ul ul {
  float: left;
  margin: 0;
  position: absolute;
  top: 70px;
  left: 0;
  z-index: 99999;
  -webkit-transition: all 350ms ease-in-out 350ms;
  -moz-transition: all 350ms ease-in-out 350ms;
  -ms-transition: all 350ms ease-in-out 350ms;
  -o-transition: all 350ms ease-in-out 350ms;
  transition: all 350ms ease-in-out 350ms;
  visibility: hidden;
  opacity: 0;
    -webkit-box-shadow: 0 8px 46px 0 rgba(0,0,0,0.10);
  box-shadow: 0 8px 46px 0 rgba(0,0,0,0.10);
  width: 220px;
}
  
#menu ul ul:before {
  content:"\A";
  border-style: solid;
  border-width: 14px 14px 14px 0px;
  border-color: transparent #343434 transparent transparent;
  position: absolute;
  top: -20px;
  left: 50%;
  margin-left: -80px;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}
  
#menu ul ul ul:before  { 
  display: none;
}
  
#menu ul ul li { text-align: left;
}
  
#menu ul ul ul {
  left: 100%;
  top: 0;
}
#menu ul ul a,
#menu li.menu-item-has-children li a {
  background: #343434;
  color: #ffffff;
  height: auto;
  line-height: 1.2em;
  padding: 8px 10px;
  width: 200px;
  border-left: 3px solid transparent;
  border-bottom: 1px solid rgba(255,255,255,0.1)!important;
  font-family: 'Oswald', Helvetica, Arial, sans-serif; 
  font-weight: 300;
  font-size: 12px; 
  }
  
  
#menu ul ul :hover > a {
  background: #4e4e4e; 
  font-size: 12px;
  color: #ffffff; 
  border-left: 3px solid transparent;
  border-bottom: 1px solid rgba(255,255,255,0.3)!important;
  padding-left: 14px; 
  padding-right: 6px;
}

#menu ul ul li:last-child a { 
  border-bottom: none!important;
}
  
#menu ul li:hover  > ul {
  top: 60px;
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 350ms ease-in-out 0ms;
  -moz-transition: all 350ms ease-in-out 0ms;
  -ms-transition: all 350ms ease-in-out 0ms;
  -o-transition: all 350ms ease-in-out 0ms;
  transition: all 350ms ease-in-out 0ms;
}
  
#menu ul li ul li:hover  > ul  { 
  top: 0; 
  left: 95%;
}
  
#menu .current-menu-item > a,
#menu .current-menu-ancestor > a,
#menu .current_page_item > a,
#menu .current_page_ancestor > a,
#menu .current-post-parent > a {
  background: #ffffff;
  color: #666666;
}
  
#menu ul ul .current-menu-item > a {
  background: #4e4e4e;
  font-size: 12px;
  color: #ffffff; 
  border-left: 3px solid transparent;
  }

   
/*************************************** MAIN CONTENT ***************************************/

/* =slideshow fix header*/

#mainvisual.visual {
  clear: both; 
  max-width: 100%!important; 
  margin-top: -2em!important; 
  margin-bottom: 0em!important; 
  border-bottom: 20px solid #000000;
}
  
#mainvisual.visual.pageheader {
  clear: both; 
  max-width: 100%!important; 
  margin-top: 0
}
  
  
#mainvisual.visual.pageheader.static {
	text-align: center;
	line-height: 0;
}

#mainvisual.visual.pageheader.static img {
	width: 100%!important;;
	height: auto!important;
}
  
/* ----- ----- ----- VISUAL  ----- ----- ----- */
  
.visual {
  margin: 0px auto;
  clear: both;
  /*min-height: 60px!important;*/
  display: block;
}

div[class^="amazingslider-nav-"] {display: none!important;}
  
.inhoud {
  padding: 0em 2em 1em 2em; 
  position: relative; 
}

body.home article,
body.page-template-page-home article {
  padding: 2em 2em 1em 2em; 
  position: relative; 
}

body.home .article-img-holder,
body.page-template-page-home .article-img-holder {
  display: block;
  text-align: center;
  font-size: 0;
  position: relative;
}
body.home img.article-img,
body.page-template-page-home img.article-img  {
  width: 100%!important;
  margin: 0 auto;
  margin-bottom: -1rem;
  display: inline-block;
  height: auto!important;
  position: relative;
}

#inhoud {
  padding: 2em 2em 2em 2em; 
  position: relative; 
}

/* HOMEPAGE */

article.wit h1, article.wit h3, article.wit .pre-title, article.wit p, 
article.wit #autovandeweek *, article.wit .inhoud ul#autovandeweek li .avdwgegevens .avdwmerkmodel strong,
article.wit a.toplink, article.wit a.toplink:hover { 
  color: #ffffff!important;
}

article.wit .pre-title {
  opacity: 0.75;
}
 
body.home header.entry-header,
body.page-template-page-home header.entry-header { 
  padding-top:10px!important; 
  padding-bottom: 10px!important;
}

.inhoud h3.entry-title-post { 
  margin-left: 120px; 
  text-decoration: none;
}

.inhoud h3.entry-title-post a { 
  text-decoration: none;
}

.inhoud img.attachment-small-post { 
  float: left; 
  margin-right: 10px; 
  margin-bottom: 10px;
  margin-top: -40px; 
  width: 100px!important; 
  height: auto!important;
}

.inhoud img.alignleft,
.inhoud img.alignright,
.inhoud img.aligncenter {
  margin-bottom: 18px;
}

.inhoud p, .inhoud ul, .inhoud ol {
  margin-bottom: 21px;
}
 
.inhoud ul, .inhoud ol { 
  margin-left: 20px;
}

.inhoud ul li {
  list-style: square;
  padding-left: 10px;
}
  
a.toplink { 
  float: right; 
  margin-bottom: -20px; 
  font-size: 0.9em; 
  text-decoration: none; 
  padding-right: 10px; 
  margin-top: 10px;
}  


a.toplink:before {
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #333333;
  content: '';
  position: absolute;
  margin-top: 10px;
  margin-left: 36px;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

a.toplink:hover:before { 
  border-bottom: 5px solid #666666;
}  


a.backtotop, a.backtotop.hide { 
  opacity: 0; bottom: -50px;
  -webkit-transition: all 450ms ease-in-out;
  -moz-transition: all 450ms ease-in-out;
  -ms-transition: all 450ms ease-in-out;
  -o-transition: all 450ms ease-in-out;
  transition: all 450ms ease-in-out;
  display: inline-block!important;
}

a.backtotop.show { 
  opacity: 1; bottom: 16px;
  
}


a.backtotop {
  cursor: pointer;
  position: fixed;
  left: 50%;
  /*margin-top: 8px;*/
  background: #666666;
  border-radius: 50%;
  border: 1px solid #FFFFFF;
  width: 41px;
  height: 41px;
  display: block;
  text-indent: -9000px;
  padding: 0;
  z-index: 999;
  box-sizing: border-box;
  -ms-transform: translate(-50%, -50%); /* IE 9 */
  -webkit-transform: translate(-50%, -50%); /* Safari */
  transform: translate(-50%, -50%);
  -webkit-box-shadow: 0 0 10px 0 #666666;
  box-shadow: 0 0 10px 0 #666666;
}  

a.backtotop:hover {  
  border: 1px solid #FFFFFF;
  background: #343434;
}

a.backtotop::before {
  display: none;
}

a.backtotop::after {
  border: solid #FFFFFF;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 4px;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  position: absolute;
  right: 14px;
  top: 17px;
  content: '';
}

a.backtotop:hover::after {
  border: solid #ffffff;
  border-width: 0 3px 3px 0;
}


.inhoud .blogbar , #inhoud .blogbar, #subfooter .blogbar { 
  text-align: center; 
  font-size: 0; 
  margin-bottom: 20px; 
}

.inhoud .blogbar .block.onehalf, .inhoud .blogbar .block.onefourth,
#inhoud .blogbar .block.onehalf, #inhoud .blogbar .block.onefourth,
#subfooter .blogbar .block.onehalf, #subfooter .blogbar .block.onefourth {
  box-sizing: border-box;
  display: inline-block;
  width: 25%; 
  padding: 0px 10px;
  /*font-size: 13px;*/
  vertical-align: top;
}


.inhoud .blogbar .block.onehalf,
#inhoud .blogbar .block.onehalf,
#subfooter .blogbar .block.onehalf  {
  width: 40%;
}

.inhoud .blogbar .block .su-post,
.inhoud .listbar .block .su-post,
#inhoud .blogbar .block .su-post,
#inhoud .listbar .block .su-post,
#subfooter .blogbar .block .su-post,
#subfooter .listbar .block .su-post  {
  background: #ffffff; 
  margin-bottom: 2em;
  -webkit-box-shadow: 0 0 10px 0 #cccccc;
  box-shadow: 0 0 10px 0 #cccccc;
}
  
.inhoud .blogbar .block .berichttekst,
.inhoud .listbar .block .berichttekst ,
#inhoud .blogbar .block .berichttekst,
#inhoud .listbar .block .berichttekst,
#subfooter .blogbar .block .berichttekst,
#subfooter .listbar .block .berichttekst   { 
  padding: 0 10px 10px 10px;
} 


.inhoud .blogbar .block .berichttekst h3.entry-title,
.inhoud .listbar .block .berichttekst h3.entry-title,
#inhoud .blogbar .block .berichttekst h3.entry-title,
#inhoud .listbar .block .berichttekst h3.entry-title,
#subfooter .blogbar .block .berichttekst h3.entry-title,
#subfooter .listbar .block .berichttekst h3.entry-title  { 
  font-weight: 300;
  font-size: 18px!important; 
  display: block; 
  overflow: hidden; 
  height: 40px;
}

body.search #inhoud .blogbar .block .berichttekst h3.entry-title {
  padding-top: 8px;
  height: auto;
}


#subfooter .blogbar .block .berichttekst h3.entry-title,
#subfooter .listbar .block .berichttekst h3.entry-title {
  height: auto;
  margin-bottom: 0!important;
}
  
.inhoud .blogbar .block .berichttekst p,
.inhoud .listbar .block .berichttekst p,
#inhoud .blogbar .block .berichttekst p,
#inhoud .listbar .block .berichttekst p,
#subfooter .blogbar .block .berichttekst p,
#subfooter .listbar .block .berichttekst p {
  text-align: left; 
  line-height: 1.6em;
} 

body.search #inhoud .blogbar .block .berichttekst  p {
  min-height: 156px;
}

.inhoud .blogbar .block .berichttekst a.bloglink,
.inhoud .listbar .block .berichttekst a.bloglink,
#inhoud .blogbar .block .berichttekst a.bloglink,
#inhoud .listbar .block .berichttekst a.bloglink,
#subfooter .blogbar .block .berichttekst a.bloglink,
#subfooter .listbar .block .berichttekst a.bloglink  { 
  padding: 5px 10px; 
  display: inline-block; 
  width: 100%;
  box-sizing: border-box; 
  background:#666666; 
  color: #ffffff;
  font-weight: 300;
  text-decoration: none; 
  margin-top: -3px; 
  text-align: center;
} 

.inhoud .blogbar .block .berichttekst a.bloglink:hover,
.inhoud .listbar .block .berichttekst a.bloglink:hover,
.inhoud .blogbar .block:hover .berichttekst a.bloglink,
.inhoud .listbar .block:hover .berichttekst a.bloglink,
#inhoud .blogbar .block .berichttekst a.bloglink:hover,
#inhoud .listbar .block .berichttekst a.bloglink:hover,
#inhoud .blogbar .block:hover .berichttekst a.bloglink,
#inhoud .listbar .block:hover .berichttekst a.bloglink,
#subfooter .blogbar .block .berichttekst a.bloglink:hover,
#subfooter .listbar .block .berichttekst a.bloglink:hover,
#subfooter .blogbar .block:hover .berichttekst a.bloglink,
#subfooter .listbar .block:hover .berichttekst a.bloglink
  { 
  background:#343434; 
  color: #ffffff;
  text-decoration: none;
} 

.inhoud .blogbar .block .berichtimage,
.inhoud .listbar .block .berichtimage,
#inhoud .blogbar .block .berichtimage,
#inhoud .listbar .block .berichtimage,
#subfooter .blogbar .block .berichtimage,
#subfooter .listbar .block .berichtimage  {
  height: 200px; 
  width: 100%; 
  overflow: hidden;
  position: relative;
  background: url('images/image.png') 50% 50% no-repeat #ffffff;
  background-size: contain;
}

.inhoud .blogbar .block.onehalf .berichtimage, 
#inhoud .blogbar .block.onehalf .berichtimage,
#subfooter .blogbar .block.onehalf .berichtimage  { 
  height: 320px; 
}

.inhoud .blogbar .block.onehalf .berichttekst h3.entry-title, 
#inhoud .blogbar .block.onehalf .berichttekst h3.entry-title,
#subfooter .blogbar .block.onehalf .berichttekst h3.entry-title {
  white-space: nowrap; text-overflow: ellipsis; 
  height: 30px;
}

.inhoud .blogbar .block .berichtimage img,
.inhoud .listbar .block .berichtimage img,
#inhoud .blogbar .block .berichtimage img,
#inhoud .listbar .block .berichtimage img ,
#subfooter .blogbar .block .berichtimage img,
#subfooter .listbar .block .berichtimage img  { 
  min-height: 100%; 
  height: auto; 
  min-width: 100%; 
  width: auto; 
  max-width: none!important;
  position: relative; 
  top: 50%; 
  left: 50%;
  -ms-transform: translate(-50%, -50%); /* IE 9 */
  -webkit-transform: translate(-50%, -50%); /* Safari */
  transform: translate(-50%, -50%);
}
  
.inhoud .blogbar .block:hover .berichtimage img,
.inhoud .listbar .block:hover .berichtimage img,
#inhoud .blogbar .block:hover .berichtimage img,
#inhoud .listbar .block:hover .berichtimage img,
#subfooter .blogbar .block:hover .berichtimage img,
#subfooter .listbar .block:hover .berichtimage img  { 
  -ms-transform: scale(1.02) translate(-49%, -49%); /* IE 9 */
  -webkit-transform: scale(1.02) translate(-49%, -49%); /* Safari */
  transform: scale(1.02) translate(-49%, -49%);
}
  
.inhoud .listbar .block .berichttekst, 
#inhoud .listbar .block .berichttekst,
#subfooter .listbar .block .berichttekst { 
  display: inline-block; 
  width: 64%; 
  vertical-align: top; 
  box-sizing: border-box;
}

.inhoud .listbar .block .berichtimage, 
#inhoud .listbar .block .berichtimage,
#subfooter .listbar .block .berichtimage   { 
  display: inline-block; 
  width: 33%; 
  vertical-align: top;
}

.inhoud .listbar .block .berichttekst h3.entry-title, 
#inhoud .listbar .block .berichttekst h3.entry-title,
#subfooter .listbar .block .berichttekst h3.entry-title { 
  height: auto;
}  

.inhoud .listbar .block .berichttekst .entry-date, 
#inhoud .listbar .block .berichttekst .entry-date,
#subfooter .listbar .block .berichttekst .entry-date {
  font-family: 'Oswald', Helvetica, Arial, sans-serif;
  text-decoration: none; 
  color: #666666;
  margin-top: 1.2em; 
  display: block;
}
  
.inhoud .listbar .block .berichttekst h3.entry-title, 
#inhoud .listbar .block .berichttekst h3.entry-title,
#subfooter .listbar .block .berichttekst h3.entry-title { 
  margin-top: 0; 
}

.inhoud .listbar .block .berichttekst a.bloglink, 
#inhoud .listbar .block .berichttekst a.bloglink,
#subfooter .listbar .block .berichttekst a.bloglink { 
  width: initial;
}



/* CONTENT PAGES */

#inhoud article header h1 { 
  /*margin-top: 40px; */
  position: relative; 
  z-index: 2;
}
 
#inhoud img , .wp-caption { 
  max-width: 100%!important; 
  height:auto!important;
  margin-bottom: 20px;
}

#inhoud .gallery img { 
  margin-bottom: 0;
}

.wp-caption {
  font-weight: bold;
  text-align: center;
}

#inhoud .entry-content { 
  padding-bottom: 40px; 
  width: 100%;
}
 
.su-column img {
  max-width: 100%; 
  height:auto!important;
}
 
/* Alignment */
.alignleft {
  display: inline;
  float: left;
  margin-right: 20px;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 20px;
}
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%!important;
}

.nofloat {
  clear: both;
}

.arrow-up {
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid black;
}

.arrow-down {
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid black;
}

.arrow-right {
  width: 0; 
  height: 0; 
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid black;
}

.arrow-left {
  width: 0; 
  height: 0; 
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent; 
  border-right:5px solid black; 
}

/* ----- ----- ----- Personeel ----- ----- ----- */

#personeelbar { margin-top: -10px; margin-bottom: 40px;}

#personeelbar .block { 
  margin: 0px 0px 30px 0px; 
  background: transparent; 
  display: inline-block; 
  box-sizing: border-box;
  vertical-align: top; 
  text-align: left;
  padding: 10px;
}

#personeelbar .block.onefourth { width: 24.5%;}

#personeelbar h5 {font-size: 1.5em; text-align: center; padding-bottom: 8px;}
#personeelbar .block { text-align: center;}
#personeelbar .block .label {display: none;}
#personeelbar .block .value.email {font-size: 1em;}
#personeelbar a {text-decoration: none;}
#personeelbar a.personeellink {
	display: block;
	width: 90%;
	padding-bottom: 90%;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	border-radius: 50%;
	border: 1px solid #666666;
	}
	
#personeelbar a.personeellink  img {
	position: absolute; 
	border: 0;
	height: 100%!important;
    width: auto!important;
    max-width: none!important;
	top: 50%; left: 50%;
	-ms-transform: translate(-50%, -50%); /* IE 9 */
    -webkit-transform: translate(-50%, -50%); /* Safari */
    transform: translate(-50%, -50%);
	}
	
#personeelbar a.personeellink:hover  img { height: 105%!important;}
#personeelbar a.personeellink img:hover  {border: 0;}
  
#medewerker {
  margin-top: 40px;
}
 
#medewerker  img.staandthumb { 
  float: left; 
  margin-right: 20px; 
  border: 1px solid #cccccc; 
  max-width: 400px!important; 
  height: auto!important;
}

#medewerker h1 { 
  margin-bottom: -10px;
}

#medewerker h4 {
  line-height: 1em; 
	margin-bottom: 2em;
}

#medewerker a {text-decoration: none;}

#medewerker .label { 
  display: inline-block; 
  width: 120px; 
}

#medewerker .postnav { 
    margin-top: 20px;
}

  
  
/* ----- ----- ----- Blogposts ----- ----- ----- */



.bericht { 
  padding: 10px; 
  margin: 10px; 
  margin-bottom: 20px;
  width: 45.3%; 
  float: left; 
  min-height: 154px;
  background: #f8f8f8; 
  border: 1px solid #e3e3e3;
}

.bericht h2 { 
  margin-top: 0px;
}

.bericht img.thumb { 
  width: 100px; 
  height:auto!important; 
  border: 2px solid #ffffff;
}


/* ----- ----- ----- Blogposts SINGLE ----- ----- ----- */

.singlepage {
  margin-top: 40px; 
}

header .entry-meta {
  margin-top: -20px; 
  display: none;
}

.sep, .by-author { 
  display: none;
}

time { 
  font-style: italic;
  font-size: 10px; 
}

footer.entry-meta {
  margin-top: 40px; 
  font-style: italic;  
  font-size: 10px; 
  display: none;
}

footer.entry-meta a { 
  color: #333333; 
  color: #666666;
}

#inhoud .postnav {
  margin-top: 40px; 
  margin-bottom: 40px;
}

#inhoud .postnav span { 
  display: inline-block; 
  /*background: #efefef;*/
  padding: 2px 15px; 
  margin-bottom: 6px;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

#inhoud .postnav span:hover { 
  /*background: #ffffff;*/
}

#inhoud .postnav a { 
  color: #565a5a; 
  text-decoration: none;
}

#inhoud .postnav a:hover { 
 color: #666666; 
}

#subfooter .rpwe_widget h3 {
  text-align: center!important;
}

#subfooter .rpwe-block ul {
  list-style: none !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

#subfooter .rpwe-block li {
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
  padding-bottom: 10px;
  list-style-type: none;
}

#subfooter .rpwe-block a {
  text-decoration: none;
}

#subfooter .rpwe-block h3 {
  background: none !important;
  clear: none;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  font-weight: 400;
  font-size: 14px !important;
  text-align: center!important;
  line-height: 1.5em;
  color: #666666!important;
}

#subfooter .rpwe-thumb {
  border: 1px solid #eee !important;
  box-shadow: none !important;
  margin: 2px 10px 2px 0;
  padding: 3px !important;
}

#subfooter .rpwe-summary {
}

#subfooter .rpwe-time {
  color: #bbb;
  font-size: 11px;
}

#subfooter .rpwe-alignleft {
  display: inline;
  float: left;
}

#subfooter .rpwe-alignright {
  display: inline;
  float: right;
}

#subfooter .rpwe-aligncenter {
  display: block;
  margin-left: auto!important;
  margin-right: auto!important;
}

#subfooter .rpwe-clearfix:before,
#subfooter .rpwe-clearfix:after {
  content: '';
  display: table !important;
}

#subfooter .rpwe-clearfix:after {
  clear: both;
}

#subfooter .rpwe-clearfix {
  zoom: 1;
}

/************ FORM ***************/

/* Contactform */

form.wpcf7-form { margin-top: 18px;font-size: 12px;}
form.wpcf7-form .links { display: block; float: left; width: 50%;}
form.wpcf7-form .label { display: block; float: left; width: 120px; line-height: 26px;}
form.wpcf7-form input,
form.wpcf7-form textarea,
form.wpcf7-form select {
	border: 1px solid #cccccc;
	background: #efefef;
	padding: 5px;
	font-family: arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333333;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	max-width: 95%;
	}

form.wpcf7-form input:focus,
form.wpcf7-form textarea:focus,
form.wpcf7-form select:focus {
	border: 1px solid #666666;
	background: #ffffff;
	}

form.wpcf7-form .clear { height: 1px; margin-bottom: 0px;}
	
form.wpcf7-form textarea  { width: 500px; max-width: 94%}

form.wpcf7-form .wpcf7-checkbox .wpcf7-list-item { float: left; width: 220px; display: block; margin: 3px;  margin-left: 10px; }

form.wpcf7-form .captcha { width: 120px; display: block; float: left; }
form.wpcf7-form input.wpcf7-captchar { width: 80px; float: left; margin-left: 10px; margin-top: -2px;}

form.wpcf7-form input.wpcf7-submit { width: 100px; float: left; margin-left: 15px; margin-top: -2px; }
form.wpcf7-form input.wpcf7-submit:hover {  cursor: pointer; color: #333333; border-radius: 5px; width: 120px; }
	
form.wpcf7-form img { 
	border: 0px; padding: 0px; float: left;
	}

	form.wpcf7-form .wpcf7-not-valid-tip {
		display: inline-block!important; 
		padding-left: 10px!important;
		line-height: 26px!important;
		}
  
  
  
/* AUTO VAN DE WEEK WIDGET */

.inhoud ul#autovandeweek,
#inhoud ul#autovandeweek,
#subfooter ul#autovandeweek ,
.inhoud .slider ul,
#inhoud .slider ul,
#subfooter .slider ul {
  padding: 0;
  width: 100%;
  clear: both;
  text-align: center;
  font-size: 0;
}  
  
.inhoud ul#autovandeweek,
#inhoud ul#autovandeweek,
#subfooter ul#autovandeweek,
.inhoud .slider ul,
#inhoud .slider ul,
#subfooter .slider ul { 
  margin-left: 0px; 
  padding-left: 0px; 
}

.inhoud ul#autovandeweek li,
#inhoud ul#autovandeweek li,
#subfooter ul#autovandeweek li,
.inhoud .slider ul li.voertuig,
#inhoud .slider ul li.voertuig,
#subfooter .slider ul li.voertuig { 
  margin-left: 0px; 
  list-style: none; 
  display: inline-block; 
  width: 1px;
  width: 24%;
  max-width: 300px!important;
  margin: 0% 0.3%;
  overflow: hidden;
  padding: 2px;
  padding-left: 0px;
  box-sizing: border-box;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  vertical-align: top;
  font-size: 0;
}
  
.AutoCommerceAvdwWidget ul li ,
.slider ul li.voertuig { 
  max-height: none!important; 
  margin-bottom: 20px!important; 
}

.inhoud ul#autovandeweek li:hover,
#inhoud ul#autovandeweek li:hover,
#subfooter ul#autovandeweek li:hover,
.inhoud .slider ul li.voertuig:hover,
#inhoud .slider ul li.voertuig:hover,
#subfooter .slider ul li.voertuig:hover {
  margin-top: -4px; 
  margin-bottom: 4px;
  cursor: pointer;
}
  
.inhoud ul#autovandeweek li .avdwfoto,
#inhoud ul#autovandeweek li .avdwfoto,
#subfooter ul#autovandeweek li .avdwfoto ,
.inhoud .slider ul li.voertuig .sliderfoto,
#inhoud .slider ul li.voertuig .sliderfoto,
#subfooter .slider ul li.voertuig .sliderfoto { 
  display: block; 
  width: 100%; 
  height: auto!important; 
  overflow: hidden; 
  float: left; 
  margin-right: 10px; 
  margin-left: 0; 
  box-sizing: border-box; 
}
.inhoud ul#autovandeweek li .avdwfoto br,
#inhoud ul#autovandeweek li .avdwfoto br,
#subfooter ul#autovandeweek li .avdwfoto br,
.inhoud .slider ul li.voertuig .sliderfoto br,
#inhoud .slider ul li.voertuig .sliderfoto br,
#subfooter .slider ul li.voertuig .sliderfoto br {
  display: none;
} 

.inhoud ul#autovandeweek li .avdwfoto img,
#inhoud ul#autovandeweek li .avdwfoto img,
#subfooter ul#autovandeweek li .avdwfoto img,
.inhoud .slider ul li.voertuig .sliderfoto img,
#inhoud .slider ul li.voertuig .sliderfoto img,
#subfooter .slider ul li.voertuig .sliderfoto img { 
  max-width: 100%!important; 
  width: 100%!important;
  height: auto!important; 
  margin-top: 0px; 
}
  
.inhoud ul#autovandeweek li .avdwgegevens,
#inhoud ul#autovandeweek li .avdwgegevens,
#subfooter ul#autovandeweek li .avdwgegevens,
.inhoud .slider ul li.voertuig .slidergegevens,
#inhoud .slider ul li.voertuig .slidergegevens,
#subfooter .slider ul li.voertuig .slidergegevens { 
  display: block; 
  float: left; 
  width: 100%; 
  /*font-size: 14px; */
}

.inhoud ul#autovandeweek li .avdwgegevens br,
#inhoud ul#autovandeweek li .avdwgegevens br,
#subfooter ul#autovandeweek li .avdwgegevens br,
.inhoud .slider ul li.voertuig .slidergegevens br,
#inhoud .slider ul li.voertuig .slidergegevens br,
#subfooter .slider ul li.voertuig .slidergegevens br {
  display: none;
}
  
.inhoud ul#autovandeweek li .avdwgegevens .avdwmerkmodel strong,
#inhoud ul#autovandeweek li .avdwgegevens .avdwmerkmodel strong,
#subfooter ul#autovandeweek li .avdwgegevens .avdwmerkmodel strong,
.inhoud .slider ul li.voertuig .slidergegevens  .slidermerkmodel strong,
#inhoud .slider ul li.voertuig .slidergegevens  .slidermerkmodel strong,
#subfooter .slider ul li.voertuig .slidergegevens  .slidermerkmodel strong { 
  font-size: 1.1em; 
  display: block; 
  max-width: 100%;
  white-space: nowrap; 
  overflow: hidden; text-overflow: ellipsis; 
  padding: 0px 4px; 
  margin-top: 0.5em; 
  margin-bottom: 0;
  font-family: 'Oswald', Helvetica, Arial, sans-serif;
  color: #666666; 
  font-weight: normal;
}

.inhoud ul#autovandeweek li .avdwgegevens .avdwuitvoering,
#inhoud ul#autovandeweek li .avdwgegevens .avdwuitvoering,
#subfooter ul#autovandeweek li .avdwgegevens .avdwuitvoering,
.inhoud .slider ul li.voertuig .slidergegevens .slideruitvoering,
#inhoud .slider ul li.voertuig .slidergegevens .slideruitvoering,
#subfooter .slider ul li.voertuig .slidergegevens .slideruitvoering { 
  /*font-size: 14px; */
  display: block; 
  max-width: 100%; 
  white-space: nowrap; 
  overflow: hidden; 
  text-overflow: ellipsis; 
  padding: 0px 4px;
}

.inhoud ul#autovandeweek li .avdwgegevens .avdwuitvoering em,
#inhoud ul#autovandeweek li .avdwgegevens .avdwuitvoering em,
#subfooter ul#autovandeweek li .avdwgegevens .avdwuitvoering em,
.inhoud .slider ul li.voertuig .slidergegevens .slideruitvoering em,
#inhoud .slider ul li.voertuig .slidergegevens .slideruitvoering em,
#subfooter .slider ul li.voertuig .slidergegevens .slideruitvoering em {
  font-size: 0.9em; 
  line-height: 1.8em; 
  font-style: normal;
}
  
.inhoud ul#autovandeweek li .avdwgegevens .avdwbouwjaar,
#inhoud ul#autovandeweek li .avdwgegevens .avdwbouwjaar,
#subfooter ul#autovandeweek li .avdwgegevens .avdwbouwjaar,
.inhoud .slider ul li.voertuig .slidergegevens .sliderbouwjaar,
#inhoud .slider ul li.voertuig .slidergegevens .sliderbouwjaar,
#subfooter .slider ul li.voertuig .slidergegevens .sliderbouwjaar  { 
  /*font-size: 14px; */
  display: none; 
  max-width: 100%; 
  white-space: nowrap; 
  overflow: hidden; 
  text-overflow: ellipsis; 
  font-size: 0.9em; 
  padding: 0px 4px;
}

.inhoud ul#autovandeweek li .avdwgegevens .avdwkmstand,
#inhoud ul#autovandeweek li .avdwgegevens .avdwkmstand,
#subfooter ul#autovandeweek li .avdwgegevens .avdwkmstand,
.inhoud .slider ul li.voertuig .slidergegevens .sliderkmstand,
#inhoud .slider ul li.voertuig .slidergegevens .sliderkmstand,
#subfooter .slider ul li.voertuig .slidergegevens .sliderkmstand { 
  /*font-size: 14px; */
  display: none; 
  max-width: 100%; 
  white-space: nowrap; 
  overflow: hidden; 
  text-overflow: ellipsis;
  font-size: 0.9em; 
  padding: 0px 4px;
}

.inhoud ul#autovandeweek li .avdwgegevens .avdwprijs strong,
#inhoud ul#autovandeweek li .avdwgegevens .avdwprijs strong,
#subfooter ul#autovandeweek li .avdwgegevens .avdwprijs strong, 
.inhoud .slider ul li.voertuig .slidergegevens .sliderprijs strong,
#inhoud .slider ul li.voertuig .slidergegevens .sliderprijs strong,
#subfooter .slider ul li.voertuig .slidergegevens .sliderprijs strong  {
  /*font-size: 14px; */
  display: block; 
  max-width: 100%; 
  white-space: nowrap; 
  overflow: hidden; 
  text-overflow: ellipsis;
  padding: 0px 4px; 
  margin-top: 0em; 
  margin-bottom: 0;
}  

.inhoud ul#autovandeweek li .avdwgegevens .avdwprijs strong em,
#inhoud ul#autovandeweek li .avdwgegevens .avdwprijs strong em,
#subfooter ul#autovandeweek li .avdwgegevens .avdwprijs strong em,
.inhoud .slider ul li.voertuig .slidergegevens .sliderprijs strong em,
#inhoud .slider ul li.voertuig .slidergegevens .sliderprijs strong em,
#subfooter .slider ul li.voertuig .slidergegevens .sliderprijs strong em { 
  font-style: normal; 
}

.inhoud ul#autovandeweek li .avdwgegevens .avdwprijs .prijslabel,
#inhoud ul#autovandeweek li .avdwgegevens .avdwprijs .prijslabel,
#subfooter ul#autovandeweek li .avdwgegevens .avdwprijs .prijslabel,
.inhoud .slider ul li.voertuig .slidergegevens .sliderprijs .prijslabel,
#inhoud .slider ul li.voertuig .slidergegevens .sliderprijs .prijslabel,
#subfooter .slider ul li.voertuig .slidergegevens .sliderprijs .prijslabel {
  display:none; 
}  

.AutoCommerceAvdwWidget h3 {
  display: none;
}

#subfooter .AutoCommerceAvdwWidget h3,
#subfooter h3 {
  display: block;
  margin-top: 0;
  margin-bottom: 1em;
  text-align: center;
}


 /***** ***** ***** AVDWSCROLLLER ***** ***** *****/

/** Carousel **/

.inhoud ul#autovandeweek.slick-slider,
#inhoud ul#autovandeweek.slick-slider,
#subfooter ul#autovandeweek.slick-slider,
.inhoud .slider ul.slick-slider ,
#inhoud .slider ul.slick-slider ,
#subfooter .slider ul.slick-slider  { 
  padding-bottom: 20px;
}

.inhoud ul#autovandeweek.slick-slider li.slick-slide,
#inhoud ul#autovandeweek.slick-slider li.slick-slide,
#subfooter ul#autovandeweek.slick-slider li.slick-slide,
.inhoud .slider ul.slick-slider  li.slick-slide,
#inhoud .slider ul.slick-slider  li.slick-slide,
#subfooter .slider ul.slick-slider  li.slick-slide {
  float: none!important;
  vertical-align: middle!important;
}


.inhoud ul#autovandeweek ul.slick-dots,
#inhoud ul#autovandeweek ul.slick-dots ,
#subfooter ul#autovandeweek ul.slick-dots,
.inhoud .slider ul ul.slick-dots,
#inhoud .slider ul ul.slick-dots,
#subfooter .slider ul ul.slick-dots {
  display: inline-block;
  font-size: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;
  margin-left: 0;
}

.inhoud ul#autovandeweek ul.slick-dots  li,
#inhoud ul#autovandeweek ul.slick-dots  li,
#subfooter ul#autovandeweek ul.slick-dots  li,
.inhoud .slider ul ul.slick-dots li,
#inhoud .slider ul ul.slick-dots li,
#subfooter .slider ul ul.slick-dots li {
  display: inline-block;
  font-size: 1.5rem;
  line-height: 14px;
  padding-left: 0px;
  margin: 20px 5px;
  width: auto;
}

.inhoud ul#autovandeweek ul.slick-dots li button,
#inhoud ul#autovandeweek ul.slick-dots li button,
#subfooter ul#autovandeweek ul.slick-dots li button,
.inhoud .slider ul ul.slick-dots li button,
#inhoud .slider ul ul.slick-dots li button,
#subfooter .slider ul ul.slick-dots li button {
  display: block;
  background: #cccccc;
  opacity: .35!important;
  text-decoration: none;
  width: 14px; height: 14px;
  border-radius: 50%;
  color: transparent;
  text-align: center;
  padding: 0; border: 0;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.inhoud ul#autovandeweek ul.slick-dots li.slick-active button,
#inhoud ul#autovandeweek ul.slick-dots li.slick-active button,
#subfooter ul#autovandeweek ul.slick-dots li.slick-active button,
.inhoud .slider ul ul.slick-dots li.slick-active button,
#inhoud .slider ul ul.slick-dots li.slick-active button,
#subfooter .slider ul ul.slick-dots li.slick-active button {
  background: #343434;
  pointer-events: none;
  opacity: 1!important;
}

.inhoud ul#autovandeweek ul.slick-dots li button:hover,
#inhoud ul#autovandeweek ul.slick-dots li button:hover ,
#subfooter ul#autovandeweek ul.slick-dots li button:hover ,
.inhoud .slider ul ul.slick-dots li button:hover,
#inhoud .slider ul ul.slick-dots li button:hover,
#subfooter .slider ul ul.slick-dots li button:hover {
  background: #343434;
  opacity: 1!important;
}

.inhoud ul#autovandeweek ul.slick-dots li button:before,
.inhoud ul#autovandeweek ul.slick-dots li button:hover:before,
.inhoud ul#autovandeweek ul.slick-dots li.slick-active button:before,
#inhoud ul#autovandeweek ul.slick-dots li button:before,
#inhoud ul#autovandeweek ul.slick-dots li button:hover:before,
#inhoud ul#autovandeweek ul.slick-dots li.slick-active button:before,
#subfooter ul#autovandeweek ul.slick-dots li button:before,
#subfooter ul#autovandeweek ul.slick-dots li button:hover:before,
#subfooter ul#autovandeweek ul.slick-dots li.slick-active button:before,
.inhoud .slider ul ul.slick-dots li button:before,
.inhoud .slider ul ul.slick-dots li button:hover:before 
.inhoud .slider ul ul.slick-dots li.slick-active button:before,
.inhoud .slider ul ul.slick-dots li.slick-active button:hover:before,
#inhoud .slider ul ul.slick-dots li button:before,
#inhoud .slider ul ul.slick-dots li button:hover:before 
#inhoud .slider ul ul.slick-dots li.slick-active button:before,
#inhoud .slider ul ul.slick-dots li.slick-active button:hover:before,
#subfooter .slider ul ul.slick-dots li button:before,
#subfooter .slider ul ul.slick-dots li button:hover:before 
#subfooter .slider ul ul.slick-dots li.slick-active button:before,
#subfooter .slider ul ul.slick-dots li.slick-active button:hover:before {
  display: none!important;
  content: ''!important;
}

.slick-prev, .slick-next {
  width: 35px;
}
.slick-prev:before, .slick-next:before {
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  color: #cccccc!important;
  opacity: .35!important;
  line-height: 0px!important;
  z-index: 500;
  position: relative;
 }
 
.slick-prev:hover:before, .slick-next:hover:before {
  color: #343434!important;
  opacity: 1!important;
 }
 
.slick-prev:before {
  content: '\2329'!important;
  font-size: 3rem!important;
}

.slick-next:before {
  content: '\232A'!important;
  font-size: 3rem!important;
}

.slider div {
  outline: none;
}


/* zoekfilter widget */

#minizoeker {
  font-size: 0;
}
 
#minizoeker  h3 { 
  display: none; 
}
 
#minizoeker .labeltekst ,
#minizoeker label { 
  display: inline-block; 
  width: 30%; 
  margin-bottom: 3px;
}

article.wit #minizoeker .labeltekst, article.wit #minizoeker label  { 
  color: #ffffff!important;
}  
  
#minizoeker .label { 
  display: inline-block; 
  width: 70%; 
  margin-bottom: 3px;
}
  
#minizoeker select, #minizoeker input[type=button] { 
  display: inline-block; 
  width: 70%!important; 
  margin-bottom: 3px;
  line-height: 2em;
}

#minizoeker .label select, #minizoeker .label input ,
#minizoeker select, #minizoeker input[type=button]{ 
  width: 100%!important;
  border: 1px solid #cccccc!important;
  padding: 5px;
  /* font-size: 12px;
  line-height: 16px;*/
  color: #666666!important;
  cursor: pointer;
  background: #f6f6f6;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

#minizoeker select:focus, #minizoeker input:focus { 
  outline: 0; 
  border: 1px solid #666666!important;
}

#minizoeker #zoekbar {
  margin-left: 30%;
}

#minizoeker #zoekbar #zoekbutton {
  cursor: pointer;
}

#minizoeker #zoekbar #zoekbutton:hover ,
#minizoeker input[type=button]:hover  {
  background: #ffffff; 
  border: 1px solid #666666!important
}
  
   /* HOMEPAGE NIEUWS WIDGET */
.rpwe-block ul {
  margin-left: 0px;
  padding-left: 0px; 
  text-align: center;
}

.rpwe-block ul li {
  margin-left: 0px; 
  padding-left: 0px;
  list-style: none; 
  display: inline-block; 
  padding: 0; 
  width: 23.5%;
  margin: 0% 0.5%;
  overflow: hidden;
  padding-bottom: 6px;
  color: #333333!important;
  vertical-align: top;
}

.rpwe-block a {
  display: inline !important;
  text-decoration: none;
}

.rpwe-block h3 {
  background: none !important;
  clear: none;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  font-weight: bold;
  font-size: 17px !important;
  line-height: 1.5em;
  padding: 4px;
  color: #333333!important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.home .rpwe-block  h3 a,
body.page-template-page-home .rpwe-block h3 a { 
  color: #565a5a;
}

.rpwe-thumb {
  margin-left: 0px!important
}

.rpwe-summary {
  font-size: 13px;
  color: #333333!important;
  padding: 4px;
}

.rpwe-summary a.more-link {
  display: block!important;
}

article.wit .rpwe-time,
.rpwe-time {
  color: #bbb!important;
  font-size: 10px;
  font-style: italic;
}

.rpwe-aligncenter {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
}

.rpwe-clearfix:before,
.rpwe-clearfix:after {
  content: '';
  display: table !important;
}

.rpwe-clearfix:after {
  clear: both;
}

.rpwe-clearfix{
  zoom: 1;
}
 
  
/*************************************** SIDEBAR ***************************************/

#inhoud #contentsidebar { 
  width: 75%; 
  box-sizing: border-box;
}

#inhoud #mainsidebar { 
  width: 25%; 
  padding-top: 1em;
  box-sizing: border-box;
}

#inhoud.sbright #contentsidebar {
  float: left;
}
#inhoud.sbright #mainsidebar {
  float: right;
  padding-left: 40px;
}

#inhoud.sbleft #contentsidebar {
  float: right;
}
#inhoud.sbleft #mainsidebar {
  float: left;
  padding-right: 40px;
}

#inhoud #mainsidebar .widget { 
  margin-top: 0px;
  margin-bottom: 30px;
}

#inhoud #mainsidebar .widget img { 
  margin-bottom: 20px;
}

#inhoud #mainsidebar * { 
  text-align: left;
}

#inhoud #mainsidebar a { 
  text-decoration: none;
}

#inhoud #mainsidebar a:hover { 
 text-decoration: underline;
}

#inhoud #mainsidebar h1,
#inhoud #mainsidebar h2,
#inhoud #mainsidebar h3,
#inhoud #mainsidebar h4,
#inhoud #mainsidebar h5,
#inhoud #mainsidebar h6 { 
  margin-top: 0px;
  margin-bottom: 1em;
}

#inhoud #mainsidebar li.current-menu-item a {
  color: #000000;
}

#inhoud #mainsidebar ul {
  margin: 0;
  padding: 0;
}

#inhoud #mainsidebar ul li{
  margin: 0;
  padding: 0;
  list-style: none;
}

#inhoud #mainsidebar ul li a {
  display: block;
  box-sizing: border-box;
  padding: 5px 15px;
  text-align: left;
  text-decoration: none;
  background: #666666;
  color: #ffffff;
  line-height: 2em;
  margin-bottom: 1px;
}

#inhoud #mainsidebar ul li a:hover, 
#inhoud #mainsidebar ul li.current_page_item a {
  padding: 5px 10px 5px 20px;
  text-decoration: none;
  background: #333333;
  color: #ffffff;
}

#inhoud #mainsidebar .widget_children_pages h3 {
  display: none;
}

/*************************************** FOOTER ***************************************/

#subfooter {
  padding-left: 0px; 
  padding-right: 0px;
  margin:  0 auto;
  margin-bottom:  0px;
  margin-top: 0px;
  padding-top: 40px;
  padding-bottom: 10px;
  background: #efefef;
  border-top: 8px solid #ffffff;
  text-align: center;
  box-sizing: border-box;
}

#footer {
  padding-left: 0px; 
  padding-right: 0px;
  margin:  0 auto;
  margin-bottom:  0px;
  margin-top: 0px;
  padding-top: 40px;
  padding-bottom: 10px;
  background: #000000;
  border-top: 4px solid #ffffff;
  text-align: center;
  box-sizing: border-box;
}
  
#footer #supplementary {
  white-space: nowrap;
  margin-top: 14px;
}
  
#footer .widget  { 
  margin-bottom: 2em; 
  text-align: left; 
  white-space: normal; 
  max-width: 100%!important; 
  overflow: hidden; 
}

#footer .widget img  { 
  height: auto!important; 
  /* width: 100%!important; */
  max-width: 100%!important; 
  margin-top: 0.5em; 
}

#footer .widget a#routelink  { 
  margin-top: 4px; 
}

#footer .widget-area { 
  padding: 0px 10px; 
  display: inline-block; 
  box-sizing: border-box; 
  width: 33%; 
  vertical-align: top;
}

#footer #first.widget-area { 
  width: 35%;
}

#footer #second.widget-area { 
  width: 30%;
}

#footer #third.widget-area { 
  width: 35%; 
}

#footer p { 
  color: #F1F1F1;
}

#footer h3.widget-title {
  text-align: left; 
  color: #ffffff; 
  font-size: 19px; 
  margin-top: 0px;
  Padding-top: 0 !important;
  font-family: 'Oswald', Helvetica, Arial, sans-serif;
}

#footer a { 
  color: #F1F1F1; 
  font-weight: bold;
  text-decoration: none;
}

#footer a:hover{ 
  color: #ffffff; 
  text-decoration: none;
}

#footer .wp-video {
  margin-top: 1em;
}


#footer #first a.mailto { 
  background: url('images/mail.png') 8px 50% no-repeat; 
  background-size: contain; 
  padding-left: 60px; 
}

#footer #first a.callus { 
  background: url('images/phone.png') 8px 50% no-repeat; 
  background-size: contain; 
  padding-left: 60px;  
}

#footer #first a.follow { 
  background: url('images/facebookbutton.png') 0% 50% no-repeat; 
  background-size: contain; 
  text-indent:-999999px; 
  height: 50px; 
}

#footer #first a.mailto:hover { 
  padding-left: 66px; 
}

#footer #first a.callus:hover { 
  padding-left: 66px; 
}

#footer #first a.follow:hover{ 
  background: url('images/facebookbutton.png')6px 50% no-repeat; 
  background-size: contain; 
}

#copyright {
   text-align: center;
   color:  #666666;
   margin: 0 auto;
   background: #000000;
   line-height: 2.4em;
   font-size: 0.8em;
   padding: 10px 0px 10px 0px;
}
  
.spacer {
  margin-left: 10px; 
  margin-right: 10px;
  color:  #ffffff!important;
  opacity: 0.2;
}
  
#copyright a {
  color:  #666666;
  text-decoration: none;
}

#copyright a:hover {
  color:  #cccccc;
  text-decoration: none;
}
 
 
  
/*---------- BEOORDELING ----------*/

#supplementary .beoordelingWidget a { 
  color: #343434!important; 
}

#supplementary .beoordelingWidget a:hover { 
  text-decoration: underline;
}

#supplementary .beoordelingWidget {
  background-color: #cccccc;
  color: #343434;
  padding: 8px 15px;
}  
  
.beoordelingWidget span.kvtitle { 
  color: #343434!important; 
  font-weight: normal!important; 
  font-size: 1.1em!important;
}

.beoordelingWidget img { 
  margin-right: 3px;
  float: left; 
  margin-top: 2px;
}

.beoordelingWidget span.cijfer {
  font-size: 1.8em!important; 
  color: #343434!important;
  margin-left: 8%!important; 
  margin-top: 4px!important;
}

.beoordeling {
  background-color: #ffffff!important;
  border: 1px solid #cccccc;
  -webkit-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px;
  -webkit-box-shadow: 0 0 6px 0 #8F8F8F;
  box-shadow: 0 0 6px 0 #8F8F8F;
 }

.beoordelingTop {
  border: 2px solid #ffffff!important; 
  color: #ffffff!important;
  background: #343434!important; /* Show a solid color for older browsers */
  background: -moz-linear-gradient(#666666, #343434)!important;
  background: -o-linear-gradient(#666666, #343434)!important;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666666), to(#343434))!important; /* older webkit syntax */
  background: -webkit-linear-gradient(#666666, #343434)!important;
}  
  
.beoordelingTop h2 {
  color: #ffffff!important;
  text-shadow: 1px 1px 2px #343434;
}

blockquote::before { 
  color: #cccccc!important; 
}

blockquote { 
  border-bottom: 2px solid #3e3e3e!important; 
}

.holder a { 
  background: #fff none repeat scroll 0 0!important;
  padding: 1px 10px!important;
  border: 1px solid #fff!important;
  -webkit-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px;
}

.holder a.jp-current, .holder a:hover {
  background: #343434 none repeat scroll 0 0!important ;
  border: 1px solid #ffffff!important; 
  color: #fff;
  -webkit-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px;
  -webkit-box-shadow: 0 0 6px 0 #8F8F8F;
  box-shadow: 0 0 6px 0 #8F8F8F;
}

.holder a.jp-disabled,
.holder a.jp-disabled:hover,
.holder a.jp-first, .holder a.jp-first:hover {
  color: #bbb ;
  cursor: default ;
  border: 1px solid transparent;
  background: transparent;
  -webkit-box-shadow: 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent;
}

  /* CONTACT TABS
------------------------------------------- */


/* Pro AutoWebsite & Higher*/

ul.ctatabs {
  position: fixed;
  right: 0px;
  top: 50%;
  z-index: 1000;
  -ms-transform: translate(0%, -50%); /* IE 9 */
  -webkit-transform: translate(0%, -50%); /* Safari */
  transform: translate(0%, -50%);

}

ul.ctatabs li {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  margin-bottom: 0;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
   -webkit-box-shadow: 0 8px 46px 0 rgba(0,0,0,0.15);
  box-shadow: 0 8px 46px 0 rgba(0,0,0,0.15);
}

ul.ctatabs li a {
  display: block;
  width: 50px;
  height: 50px;
}  

ul.ctatabs li:hover {
  margin-left: -3px;
}  

ul.ctatabs li a { text-indent: -9000px; }	  

ul.ctatabs li.bellentab a { z-index: 9001; background: url('images/contacttabs.jpg') 50% 0 no-repeat #e10000; }
ul.ctatabs li.emailtab a { z-index: 9002; background: url('images/contacttabs.jpg') 50% -50px no-repeat #4caae0; }
ul.ctatabs li.facebooktab a { z-index: 9003; background: url('images/contacttabs.jpg') 50% -100px no-repeat #3f5898;}
ul.ctatabs li.instagramtab a { z-index: 9004; background: url('images/contacttabs.jpg') 50% -200px no-repeat #a03697;}
ul.ctatabs li.twittertab a { z-index: 9005; background: url('images/contacttabs.jpg') 50% -250px no-repeat #1da1f2;}

ul.ctatabs li.whatsapptab a { z-index: 9010; background: url('images/contacttabs.jpg') 50% -150px no-repeat #53be18;}

ul.ctatabs li.whatsapptab.mobiel { display: none; }



/*************************************** MISC ***************************************/


#inhoud .edit-link { 
  position: fixed; 
  right: 20px; 
  bottom: -1px;
  background: #ffffff; 
  border: 1px solid #cccccc;
  padding: 10px; 
  z-index: 100;
  display: inline-block;
}
  
#inhoud .edit-link a { 
  text-decoration: none;
}
   
.cookie-bar-block #catapult-cookie-bar span {
   font-size: 12px;
}

#catapult-cookie-bar a { display: inline-block; }


 /* Gallery lightbox fix */
 .mfp-bg { background: #ffffff; opacity: 0.9; }
 .mfp-counter { color: #333333; }
 .mfp-title { color: #333333; }
 .mfp-arrow:before { opacity: 0.95; }
 .mfp-arrow-left:before { border-right: 27px solid #666666; }
 .mfp-arrow-right:before { border-left: 27px solid #666666; }
 .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #000000; }
  
 
/* colorbox fix */
#cboxContent, #cboxLoadedContent { background: #ffffff!important; } 

#cboxLoadedContent {
  -webkit-box-shadow:inset 0 0 2px 0 #000000;
  box-shadow:inset 0 0 2px 0 #000000;
}

/* facebookfeed fix */
#inhoud .cff-likebox .fb_iframe_widget iframe ,
#inhoud .cff-likebox iframe { 
	width: 340px!important;
    margin: 0 auto!important;
    display: block!important;
}	

body.error404 {
  background-color: #ffffff;
  background-image: url('images/404backdrop.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: 50% 50%;
  background-size: cover;
}

/* hide skip link */
a.skip-link { position: absolute; text-indent: -9000px; }

/* Searchform
------------------------------------------- */
#searchform  { 
  display: inline-block; 
  height: 26px;
  position: relative; 
  width: 100%;
  }
  
#searchform 	label {
  display: none;
}
	
#searchform input[type="text"]{ 
  box-sizing: border-box;
  margin-bottom: 0px;
  padding: 15px 25px;
  padding-right: 50px;
  width: 180px;
  font-weight: bold!important;
  font-size: 1.2em!important;
  color: #666666;
  text-align: center;
  background: #efefef;
  border: 1px solid #cccccc;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  }
		
#searchform input[type="text"]:focus { 
  width: 400px;
  border: 1px solid #666666;
  background: #ffffff;
}

@media screen and (max-width: 480px) {
  #searchform input[type="text"]:focus { 
    width: 95%; 
  }
}


#searchform ::placeholder { opacity: 0.4; }
#searchform input[type="submit"]{ 
  height: 30px;
  width: 25px;
  position: relative;
  margin-top: 2px;
  margin-left: -40px;
  padding: 0px 0px;
  vertical-align: middle;
  text-indent: -9000px;
  border: 0;
  z-index: 1;
  opacity: 0.7;
  background: url('images/icon-search.png');
  background-size: 20px 20px;
  background-position: 10% 40%;
  background-repeat: no-repeat;
  background-color: transparent;
  cursor: pointer;
   -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

#searchform input[type="submit"]:hover{ 
  opacity: 1;
}



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


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

#occasionlijstwrapper {
	margin: 0 auto;
	width: 100%;
	text-align: center;
}

#occasionlijstwrapper div.nav { display: block; margin-top: 8px; text-align: center;}
#occasionlijstwrapper div.nav { font-weight: normal; 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; color: #ffffff; 
	text-decoration: none; padding: 0px 10px; 
	background: #666666;  white-space: nowrap;
	display:inline-block; margin-bottom: 2px;
	}
#occasionlijstwrapper div.nav a.nav:hover { background: #343434; }
 
#occasionlijstwrapper form { margin-top: 0px; margin-bottom: 0px; margin-left: 0px;}

#occasionlijstwrapper select {
	border: solid #cccccc;
	border-width: 1px 1px 1px 1px;
    background: #ffffff none repeat scroll 0 0;
    color: #333;
    margin: 2px;
    width: 190px;
	padding: 2px 5px;
}

#occasionlijstwrapper a { text-decoration: none;}


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



#occasionlijstwrapper .occasionresultV2 { 
	display: inline-block; width: 280px;
	text-align: left; margin: 0px 10px 28px 10px; 
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	border-bottom: 1px solid #666666;
	vertical-align: middle;
	}
	
#occasionlijstwrapper .occasionresultV2:hover { cursor: pointer; background: #f8f8f8;}

#occasionlijstwrapper .occasionresultV2 .merkmodel { 
	color: #333333; width: 280px; padding: 3px 5px; 
	padding-right: 0px;  font-size: 16px;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	}
	
#occasionlijstwrapper .occasionresultV2:hover .merkmodel	{ color: #333333; }
#occasionlijstwrapper .occasionresultV2 .merkmodel .uitvoering { 
	display: block;  margin: 3px 0px; width: 280px; 
	overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	}
	
#occasionlijstwrapper .occasionresultV2 .merkmodel .uitvoering { opacity: 0.6; }
#occasionlijstwrapper .occasionresultV2:hover .merkmodel .uitvoering { opacity: 0.8; }

#occasionlijstwrapper .occasionresultV2 .foto { 
	height: 200px; width: 280px;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	text-align: center;
	display:table-cell;
	vertical-align: middle;
	}
	

#occasionlijstwrapper .occasionresultV2 .foto a img { 
	padding: 0px; width: 278px!important; height: auto!important;
	border: 1px solid #efefef;
	margin-bottom: 0;
	}

#occasionlijstwrapper .occasionresultV2:hover .foto a img { 
	border: 1px solid #666666;
	}
	
#occasionlijstwrapper .occasionresultV2 .gegevens { float: none; width: 280px; padding: 5px;}
#occasionlijstwrapper .occasionresultV2 .gegevens .basics { 
	font-size: 10px; line-height: 1.5em; text-transform: uppercase;
	float: left; width: 190px; color: #999;  margin-top: 2px;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	text-shadow: none;
	}

/*#occasionlijstwrapper .occasionresultV2:hover .gegevens .basics	{ color: #000; }*/
#occasionlijstwrapper .occasionresultV2 .gegevens .basics .label { display: inline-block; width: 100px;}
#occasionlijstwrapper .occasionresultV2 .gegevens .basics .value { display: inline-block; width: 90px;}
#occasionlijstwrapper .occasionresultV2 .prijs { 
	float: right; width: 130px; margin-right:10px;
	font-weight: bold; font-size: 18px;
	font-style: italic; text-align: right; 
	height: 18px; vertical-align: bottom;
	padding-top: 34px; margin-bottom: 10px;
	margin-top: -50px;
	}
	
#occasionlijstwrapper .occasionresultV2 .prijs span { 
	font-size: 11px; line-height: 12px;text-align: right;
	font-weight: normal; position: absolute;
	display: inline-block;  width: 110px;
	margin-top: -20px; margin-left: -110px;
	color: #ccc; text-shadow: none;
	 }




/* ----- ----- ----- DETAILPAGINA ----- ----- ----- *//* ----- ----- ----- DETAILPAGINA ----- ----- ----- */
/* ----- ----- ----- DETAILPAGINA ----- ----- ----- *//* ----- ----- ----- DETAILPAGINA ----- ----- ----- */
/* ----- ----- ----- DETAILPAGINA ----- ----- ----- *//* ----- ----- ----- DETAILPAGINA ----- ----- ----- */
#occasioncontent {
	margin: 0 auto;
	margin-top: 5px;
	width: 100%;
	/*color: #666666;*/
}

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


#occasioncontent a { color: #666666;}
#occasioncontent a:hover { color: #343434; }

#occasioncontent .navbuttons { float: left; text-align: left; display: block; width: 60%;}
#occasioncontent .navbuttons  { font-weight: normal; color: #cccccc; text-decoration: none; }
#occasioncontent .navbuttons span { text-decoration: none; padding: 0px 10px; white-space: nowrap; display:inline-block; margin: 0 5px;}
#occasioncontent .navbuttons a { 
	text-decoration: none; padding: 0px 10px; 
	color: #ffffff; background: #666666; 
	white-space: nowrap; display:inline-block;
	margin: 0 5px;
	}
#occasioncontent .navbuttons a:hover { background: #343434; text-decoration: none; }

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


/* ---------- ---------- Tabs ---------- ---------- */

#occasiontabs {	
	border: solid #cccccc;
	border-width: 0 0 1px 0;
	margin-top: 10px;
	margin-bottom: 10px;
	}

#occasiontabs a:link, #occasiontabs a:visited { 
	display: block; 
	min-width: 10px; 
	float: left; 
	border: solid #cccccc;
	border-width: 1px 1px 0 1px; 
	margin-bottom: -1px;
	text-decoration: none; 
	padding: 3px 15px; 
	margin-right: 10px; 
	cursor: pointer;
	background: #cccccc;
	color: #ffffff;
	font-style: normal;
	}

#occasiontabs a:hover, #occasiontabs a:active, #occasiontabs a.tabactive { 
	border: solid #cccccc;
	border-width: 1px 1px 0 1px; 
	background: #FFFFFF;
	color: #343434;
	}



/* ---------- ---------- LAYERS ---------- ---------- */

#overzicht, #details, #optiesextras, #media, #auto360, #contact { display:none; width: 100%; margin-bottom: 30px;}

img { border: 0px; }	

.occasionblock{
	display: block;
	width: 50%; 
	float: left;
	}
.occasionblock.mainfoto { background: none; min-height: 260px;}



#intro p.title,
#overzicht p.title,
#details p.title,
#media p.title,
#optiesextras p.title,
#auto360 p.title,
#contact p.title  {
	font-size: 1rem;
	font-weight: bold;
}

#intro td, #intro p,
#overzicht td, #overzicht p,
#details td, #details p,
#media td, #media p,
#optiesextras td, #optiesextras p,
#auto360 td, #auto360 p,
#contact td, #contact p  {
}

/* ---------- ---------- INTRO ---------- ---------- */

#intro img { float: left; margin-top: 2px; width: 90%; }
#intro table.voertuiggegevens { width: 95%; margin: 0px; padding: 0px; margin-left: 10px;}
#intro td.label { width: 40%; padding: 4px 2px 4px 2px; font-weight: bold;  }
#intro td.details { width: 60%; padding: 4px 2px 4px 2px; }

#intro td.label, #intro td.details  {
  border: solid rgb(0, 0, 0);
  border: solid rgba(0, 0, 0, 0.1);
  border-width: 0 0 1px 0;
  -webkit-background-clip: padding-box; /* for Safari */
  background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}
	
#intro tr:last-child td.label, #intro tr:last-child td.details {
  border-bottom: 0;
  padding: 12px 2px 12px 2px;
  font-size: 1.1rem;
}

#intro tr:last-child td.details {
  font-weight: normal;
  font-style: italic;
  font-size: 0.6rem;
  text-align: right;
 }
 
#intro tr:last-child td.details span {
   font-weight: bold;
   font-style: italic;
   font-size: 1.6rem;
}

#intro table.labels { margin-top: 40px; }


/* ---------- ---------- OVERZICHT ---------- ---------- */
#overzicht #contactbuttons { 
	display: block; 
	min-width: 10px; 
	float: right; 
	margin-right: 10px; 
	margin-left: 40px;
	margin-top: 5px;
	min-height: 290px;
	width: 200px;
	text-align: left;
	}
#overzicht #contactbuttons p.title { 
	text-align: left;
	}	

#overzicht #overzichtgegevens p strong em,
#details .occasionblock p strong em {
	font-size: 1rem;
	font-style: normal;
}
	
#overzicht #contactbuttons a.callmeback { 
	box-sizing: border-box;
	display: block; 
	min-width: 10px; 
	text-decoration: none; 
	padding: 5px 10px; 
	text-align: center;	
	margin-right: 10px; 
	margin-top: 10px;
	margin-bottom: 10px;
	background: #666666;
	color: #ffffff;
	font-style: normal;
	}

#overzicht #contactbuttons a.callmeback:hover { 
  background: #343434;
}

/* ---------- ---------- afleverpakketten ---------- ---------- */

.afleverpakketitem {
  display: inline-block!important;
  padding: 15px!important;
  margin: 1%!important;
  width: 24%!important;
  box-sizing: border-box!important;
  border: solid #efefef!important;
  border-width: 1px 1px 1px 1px!important; 
}

.afleverpakket_oms {
  font-style: normal!important;
  padding: 5px!important; 
  font-size: 0.8rem!important;
  display: block!important;
}

/* ---------- ---------- DETAILS ---------- ---------- */
#details table.voertuiggegevens { width: 95%; margin: 0px; padding: 0px; margin-left: 10px;}
#details td.label { width: 40%; padding: 4px 2px 4px 2px; font-weight: bold; }
#details td.details { width: 60%; padding: 4px 2px 4px 2px; }

#details td.label, #details td.details  {
  border: solid rgb(0, 0, 0);
  border: solid rgba(0, 0, 0, 0.1);
  border-width: 0 0 1px 0;
  -webkit-background-clip: padding-box; /* for Safari */
  background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}

#details tr:last-child td.label {  border-bottom: 0; }
#details tr:last-child td.details { border-bottom: 0; }

#details table.labels { margin-top: 40px; }
#details #youtube_kl_container { width: 420px; height: 260px; border: 1px solid #333333; margin: 0 auto; margin-bottom: 10px; }
#details #youtube_kl { width: 420px; height: 260px; position: absolute; z-index:1;}
#details #youtube_kl_overlay { width: 420px; height: 235px; margin: 0 auto; background: url('//list.auto-commerce.eu/templates/autocommercepro/images/blank.gif'); cursor: pointer; position: absolute; z-index:10;}

#details td.bottomborder { border-bottom: 1px solid #ebebeb;}
#details td.topborder { border-top: 1px solid #ebebeb;}

/* ---------- ---------- OPTIES EXTRAS ---------- ---------- */

#optiesextras p.subtitle { font-weight: bold; margin-bottom: 0;}
#optiesextras ul {
  columns: 3;
  -webkit-columns: 3;
  -moz-columns: 3;
  margin-top: 0;
 }
#optiesextras li {  }

#optiesextras table.techniekgegevens { width: 95%; margin: 0px; padding: 0px; margin-left: 10px;}
#optiesextras td.label { width: 18%; padding: 2px; }
#optiesextras td.details { width: 30%; padding: 2px; }
#optiesextras td.spacer { border-bottom: 0px; width: 4%; }


/* ---------- ---------- MEDIA / Auto360 ---------- ---------- */

#media, #auto360 { text-align: center; }
#media img { float: left; margin: 10px; margin-top: 2px; width: 160px; }
#youtube { width: 660px; height: 394px; border: 1px solid #cccccc; margin: 0 auto;}


/* ---------- ---------- CONTACT ---------- ---------- */

#contact #form { float: left; width: 460px;}
#contact #form #autocommercecontactframe { width: 450px!important; height: 610px!important; }
#contact span.formlabel { display: block; width: 150px; float: left;}
#contact span.formlabel.verplichtveld { font-style: italic; font-size: 10px; color: #666666;}
#contact span.verplicht { margin-left: 5px; color: #ff0000; font-weight: bold;}
#contact input { display: block; width: 200px; float: left; margin-bottom: 5px; color: #333333;}
#contact select { display: block; width: 205px; float: left; margin-bottom: 5px; color: #333333;}
#contact textarea { display: block; width: 300px; height: 100px; float: left; color: #333333;}
#contact input.button { color: #000000; width: 100px; text-align: center;}
#contact input.checkbox{ width: 20px; float: left; margin-bottom: 5px; color: #333333;}


#contact #contactbuttons { 
	display: block; 
	min-width: 10px; 
	float: right; 
	margin-right: 10px; 
	margin-left: 40px;
	margin-top: 5px;
	width: 200px;
	text-align: left;
	}
	
#contact #contactbuttons p.title { 
	text-align: left;
	}

	
#contact #contactbuttons a.callmeback { 
	display: block; 
	min-width: 10px; 
	border: 1px solid #cccccc; 
	text-decoration: none; 
	padding: 5px 20px; 
	text-align: center;	
	background: url('//list.auto-commerce.eu/templates/autocommercepro/images/gradient.png'); 
	margin-right: 10px; 
	margin-top: 10px;
	margin-bottom: 10px;
	color: #333333;
	font-style: normal;
	}

#contact #contactbuttons a.callmeback:hover { background: url('//list.auto-commerce.eu/templates/autocommercepro/images/gradienthover.png');}


#facebook iframe {
	 height: 35px;
	 margin-top: 5px;
	 width: 300px;
	 float: left;
}

#occasioncontent #copyright {
	 float: right;
	 line-height: 40px;
	 font-size: 11px;
	 background: none;
	 padding-top: 0px;
	 padding-bottom: 0px;
}

#occasioncontent .valuelease { max-width: 100%!important; text-align: left!important;}
#occasioncontent .valuelease img { max-width: 100%!important;}



/******************* PREMIUM AC FIXES *******************/
.searchFilter ul li { font-size: 12px!important; font-weight: 300!important; }
#occasionlijstwrapper .searchFilter li:hover { font-weight: 400!important; cursor: pointer; }
#occasionlijstwrapper .searchFilter li.currentFilter {font-weight: 400!important;}

#loader-wrapper { z-index: 1110000; }

#filterbutton, #closefilterbutton, #detailpaginaback  { z-index: 1000; bottom: 50px; padding: 20px; }
.occtoplink, .occtoplink:hover{ position: fixed; z-index: 1100000; bottom: 65px!important; }

body.fullscreen #filterbutton, body.fullscreen #closefilterbutton, body.fullscreen #detailpaginaback, body.fullscreen .occtoplink  { display: none; }

@media screen and (max-width: 800px) {
 #occasionzoekfilter { z-index: 1111000; }
 #closefilterbutton { bottom: 0; }
 #detailpaginabackbutton { z-index: 1000; bottom: 50px; padding: 20px; }
 }

 
/****************************************************
 
  Design: Autosoft BV - www.autosoft.eu
  Code & CSS: Autosoft BV - www.autosoft.eu
  Copyright 2020 Autosoft BV
  
****************************************************/