/*
Theme Name: Autosoft Theme: Explorer
Theme URI: http://www.autosoft.eu
Author: Autosoft automotive internet
Author URI: http://www.autosoft.eu/
Description: Explorer  one page Thema, 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: 1.0
Text Domain: autosoft
*/



/* =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%;
/*	vertical-align: baseline;*/
}

/* 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 {
-webkit-user-select: none;
-webkit-touch-callout: none;        
}

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




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


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

body { 
	font-family: 'Arial' , Helvetica,  sans-serif;
    font-family: 'Roboto';
	font-size: 0.8em;
	line-height: 1.6em;
	font-weight: 400;
	color: #f8f8f8;
	text-align: left;
	overflow-x: hidden;
	background: #000000;
	/*
	background: #45484d; 
	background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); 
	background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); 
	background: -o-linear-gradient(top,  #45484d 0%,#000000 100%); 
	background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%); 
	background: linear-gradient(to bottom,  #45484d 0%,#000000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); 
	*/

}

.wrapper { 
	width: 960px; margin: 0px auto; 
	min-height: 10px; padding: 0px 10px;
	box-sizing: border-box;
	width: 1200px;
	}

a { color: #E74935;
	-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 { color: #E74935; text-decoration:none;}

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

h1 {
	display:block;
	text-align:center;
}

h1, h2, h3, h4, h5, h6 {
	color: #1e73be;
	font-size: 30px;
	line-height: 30px;
	font-weight: 300;
    margin-bottom: 21px;
	font-family: 'Open Sans Condensed' , sans-serif;
	/*text-align: center;*/
}

h2 { font-size: 22px; line-height: 22px; margin-top: 36px; }
h3 { font-size: 20px; line-height: 20px; margin-top: 36px; }
h4 { font-size: 18px; line-height: 18px; margin-top: 36px; }
h5 { font-size: 16px; line-height: 16px; margin-top: 36px; }
h6 { font-size: 14px; line-height: 14px; margin-top: 36px; }



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 {
	font-size: 13px;
	line-height: 1.6em;
	margin-top: 1em;
	margin-bottom: 0.5em;
	}
	
ul {
	font-size: 13px;
	line-height: 1.6em;
	margin-top: 1em;
	margin-bottom: 2.5em;
	margin-left: 1.5em;
	}
	
li { list-style: square; margin-left: 1em; padding-left: 0.5em;}

table { margin-bottom: 1.5em;}


.su-button { margin-top: 10px; margin-bottom: 28px; }
.su-button-style-default span {
    font-weight: 600;
}
.su-spoiler-title { font-weight: normal!important;}

.su-column { padding-right: 20px;}
.su-column iframe { width: 96%!important; height: 340px!important;}


body.search h1 {
	font-size: 20px;
	line-height: 20px;
    margin-bottom: 4px;
}

body.search article { border-bottom: 1px solid #cccccc; padding-top: 10px;}

body.search article * { text-align: left!important;}

body.search article .noresult { text-align: center!important;}

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

	/* ----- ----- ----- HEADER  ----- ----- ----- */
	
#header {
	background: #1f1f1f;
	width: 100%;
	padding: 20px 0px 0px 0px;
	margin-bottom: 2em;
	}
	
#header #bedrijfslogo { margin: 0 auto; text-align: center; margin-bottom: 20px;}
#header #bedrijfslogo img { max-width:400px!important; height:auto!important;}
#header #bedrijfsnaam a { 
	display: inline-block; width: 300px; height: 100px; text-indent: -9000px;
	background: url('images/logo.png')}

#header #bedrijfsnaam {
	color: #f8f8f8;
	font-size: 40px;
	line-height: 40px;
	font-weight: normal;
	
    margin-bottom: 5px;
	font-family: 'Arial' , Helvetica,  sans-serif;
	font-family: 'Roboto';
}

#header #bedrijfsnaam a {
	text-decoration: none;
}

#header #slogan {
	color: #f8f8f8;
	font-size: 16px;
	line-height: 16px;
	font-weight: normal;
	font-style: italic;
	margin:20px;
    margin-top: 0px;
}

	
	/* ----- ----- ----- MENU ----- ----- ----- */

/* =Menu
	-------------------------------------------------------------- */
	nav { width: 100%; position: relative; z-index: 100;} 
	
	#header #menu {
		min-height: 50px;
		/*
		background: #000000;
		background-color: rgba(0, 0, 0, 0.75);
		*/
		-webkit-box-shadow: 0 6px 8px 0 #333333;
		box-shadow: 0 6px 8px 0 #333333;
		margin-top: -2px;
		background: #6b6b6b; /* Old browsers */
background: -moz-linear-gradient(top, #6b6b6b 0%, #545454 50%, #494949 51%, #606060 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6b6b6b), color-stop(50%,#545454), color-stop(51%,#494949), color-stop(100%,#606060)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #6b6b6b 0%,#545454 50%,#494949 51%,#606060 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #6b6b6b 0%,#545454 50%,#494949 51%,#606060 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #6b6b6b 0%,#545454 50%,#494949 51%,#606060 100%); /* IE10+ */
background: linear-gradient(to bottom, #6b6b6b 0%,#545454 50%,#494949 51%,#606060 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b6b6b', endColorstr='#606060',GradientType=0 ); /* IE6-9 */
		
		}
		
		#menu ul {
			font-size: 16px;
			list-style: none;
			margin: 1px 28px 0 28px;
			padding-left: 0;
			text-align: center;
		}
		

		#menu li {
			display: inline-block;
			position: relative;
			margin-left: 0px; 
			list-style: none;
		}
		#menu a {
			color: #ffffff;
			display: block;
			text-decoration: none;
			line-height: 50px;
			padding-left: 14px; 
			padding-right: 14px;
			border-bottom: 4px solid transparent;
			font-family: 'Arial' , sans-serif;
			font-family: 'Roboto';
			font-size: 16px;
			font-weight: normal;
			-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:hover > a,
		#menu a:focus {
			background: #333333;
			border-bottom: 4px solid #333333;
			color: #ffffff;
		}
		
		#menu ul ul {
			display: none;
			float: left;
			margin: 0;
			position: absolute;
			top: 54px;
			left: 0;
			z-index: 99999;
		}
		
		#menu ul ul li { text-align: left;}
		
		#menu ul ul ul {
			left: 100%;
			top: 0;
		}
		
		#menu ul ul a {
			background: #f2f2f2;
			color: #666666;
			font-size: 13px;
			font-weight: normal;
			height: auto;
			line-height: 1.2em;
			padding: 8px 10px;
			width: 198px;
			box-sizing: border-box;
			border-left: 3px solid transparent;
			border-bottom: none!important;
			}
	
		
			#menu ul ul :hover > a {
			background: #e2e2e2;
			color: #333; border-left: 3px solid #666666;
			border-bottom: 4px solid #909090;
			padding-left: 14px; padding-right: 6px;
			}
			
		
		#menu ul li:hover > ul {
			display: block;
		}
		#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: #333333;
			border-bottom: 4px solid #909090;
			color: #ffffff;
		}
		
		#menu ul ul .current-menu-item > a {
			background: #e2e2e2;
			color: #333; border-left: 3px solid #666666;
			}

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

/* =slideshow fix header*/
	#mainvisual.visual {clear: both; max-width: 100%!important; margin-top: -2em!important;}
	#mainheader.backgroundheader { margin-top: 0px!important;}
	
	#mainvisual.visual.pageheader {clear: both; max-width: 100%!important; margin-top: 0}
	
	
	/* ----- ----- ----- VISUAL  ----- ----- ----- */
	
	.visual {
	margin: 0px auto;
	clear: both;
	min-height: 60px!important;
	display: block;
	}
	
	
.adres h3 {
    background: none repeat scroll 0 0 #2299db;
    padding: 10px;	margin-bottom:0px;
}	

.adres .textwidget p {
    background: none repeat scroll 0 0 #046cab;
    margin-top: 0;
    padding: 5px;
}
	
.inhoud { padding: 0 2em 4em 2em; padding-top: 0px;position: relative; z-index: 3}

.backgroundheader {
	content: "";
	display: block;
	height: 140px;
/*	background-color: rgba(0, 0, 0, 0.99);*/
	/* -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
  */
  position: relative; 
   z-index: 1;
   margin: 0 auto; 
   margin-top: -60px;
  }
  
 #secondary .widget {
    margin-bottom: 20px;
}
 
 /* HOMEPAGE */
 
 article.wit * { color: #ffffff!important;}
  
 article header h1 { margin-top: -120px; position: relative; z-index: 2}

.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 .entry-content {  }

.inhoud p, .inhoud ul, .inhoud ol
 { font-family: 'Arial' , Helvetica,  sans-serif; font-family: 'Roboto';font-weight: 400; color: #f8f8f8; 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: 20px;}	

a.toplink:before {
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #333333;
	content: "";
	margin-left: 10px;
	position: absolute;
	margin-top: 10px;
	margin-left: 26px;
	-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.toplink.foot {margin-bottom: 0px; margin-top: 10px; margin-right: 20px;}	

body.home .su-column iframe {
    height: 80px !important;
    width: auto !important;
}

/* CONTENT PAGES */
 #inhoud article header h1 { margin-top: 40px; position: relative; z-index: 2}
 
 #inhoud img { max-width: 100%!important; 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;
}

.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 .wrapper { width: 960px; padding: 0px; margin-bottom: 20px; }


#personeelbar .block { margin: 0px 10px 30px 10px; float: left; background: transparent;}
#personeelbar .block.onethird { width: 280px;}

#personeelbar .block h3 { line-height: 2.5em; border-bottom: 0px; margin-bottom: 0px; color:#908787!important; font-size: 30px!important}
#personeelbar .block .label { display: inline-block; width: 35%;}

#personeelbar .block img { 
	margin: 0px 0px 10px 0px; 
	-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: 6px solid #908787;
	height: auto!important
	}
	

	
	
	 #medewerker {margin-top: 40px;}
 
	#medewerker  img.staandthumb { float: left; margin-right: 20px; border: 6px solid #908787; max-width: 400px!important; height: auto!important;}
	#medewerker h1 { margin-bottom: -10px;  color:#908787!important; font-size: 30px!important; text-align: left!important;}
	#medewerker h4 { line-height: 1em; font-size: 20px!important;}
	#medewerker .label { display: inline-block; width: 120px; font-size: 12px; }
	
	#medewerker .postnav { margin-top: 40px;}

/* =fotogallery
-------------------------------------------------------------- */
.gallery {  margin-left: 0px; margin-right: 0px; margin-bottom: 18px; clear: both; display: block; }
.gallery .gallery-item {display: inline-block; text-align: center;}
.gallery-item a { margin: 5px 5px; height: 170px; width: 303px; display: block; overflow: hidden;}
.gallery .gallery-caption { display: none;}

.gallery-icon a img { 
	margin: 0px 0px!important; 
	width: 303px;
	height: auto!important;
	}
	
.su-carousel .su-carousel-slide img {
    background: none repeat scroll 0 0 #333333!important;
    border: 1px solid #666666!important;
}

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


.berichtenpage { margin-top: 40px;}
.bericht { 
	padding: 10px; margin: 10px; margin-bottom: 20px;
	width: 45.3%; float: left; min-height: 154px;
	background: #333333; border: 1px solid #666666;
	}

.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;}
.sep, .by-author { display: none;}
time { font-style: italic;  font-size: 10px; }

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

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

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

.tw-recent-posts ul { margin: 0; padding: 0;}
.tw-recent-posts ul li {
	margin: 0; padding: 0;
	margin-top: 0.5em;
	margin-bottom: 1em;
	list-style: none;
	display: inline-block; 
	clear: both;
	color: #f8f8f8;
}

.tw-recent-posts ul li .blogtitel {
	font-weight: bold;
	display: block;
	clear: both;
	}

.tw-recent-posts ul li img {
	float: right!important;
	margin: 10px;
	margin-top: 4px;
	}
	
.singlepage .rpwe-summary { color: #f8f8f8!important;}

/************ 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 {
	border: 1px solid #666666;
	padding: 5px;
	font-family: arial, sans-serif;
	font-family: 'Roboto';
	font-size: 12px;
	line-height: 16px;
	color: #000;
	}
	

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; cursor: pointer;}
	
form.wpcf7-form input.wpcf7-submit:hover {background:#000; color:#fff;}

form.wpcf7-form img { 
	border: 0px; padding: 0px; float: left;
	}
	
	
	
	 /* AUTO VAN DE WEEK WIDGET */
.inhoud aside.AutoCommerceAvdwWidget {
	padding: 0;
	width: 100%;
	clear: both;
	text-align: center;
	}	
	
.inhoud aside.AutoCommerceAvdwWidget ul { margin-left: 0px; padding-left: 0px; }
.inhoud aside.AutoCommerceAvdwWidget ul li { 
	margin-left: 0px; padding-left: 0px;
	list-style: none; display: inline-block; 
	padding: 0; width: 23.5%;
	margin: 0% 0.5%;
	overflow: none;
	background: #333333;
	max-height: 220px;
	text-align: left;
	}


	
.inhoud aside.AutoCommerceAvdwWidget ul li .avdwfoto{ 
	display: block; width: 100%;  height: 140px; overflow: hidden; float: left; margin-right: 10px; margin-left: 0; margin-bottom: 8px;}

.inhoud aside.AutoCommerceAvdwWidget ul li .avdwfoto img { 
	max-width: 100%!important; height: auto!important; margin-top: 0px; }
	
.inhoud aside.AutoCommerceAvdwWidget ul li .avdwgegevens { 
	display: block; float: left; width: 100%;  }
	

.inhoud aside.AutoCommerceAvdwWidget ul li .avdwgegevens .avdwmerkmodel { display: block; max-width: 100%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0px 4px;}
.inhoud aside.AutoCommerceAvdwWidget ul li .avdwgegevens .avdwuitvoering {display: block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0px 4px;}
.inhoud aside.AutoCommerceAvdwWidget ul li .avdwgegevens .avdwbouwjaar {display: none; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.9em; padding: 0px 4px;}
.inhoud aside.AutoCommerceAvdwWidget ul li .avdwgegevens .avdwkmstand {display: none; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-size: 0.9em; padding: 0px 4px;}
.inhoud aside.AutoCommerceAvdwWidget ul li .avdwgegevens .avdwprijs {display: block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-size: 1.2em; padding: 0px 4px;}	
.inhoud aside.AutoCommerceAvdwWidget ul li .avdwgegevens .avdwprijs .prijslabel {display:none; }	


	 /* HOMEPAGE NIEUWS WIDGET */
.rpwe-block ul {
margin-left: 0px; padding-left: 0px; 
}

.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: none;
	/*background: #efefef;*/
	padding-bottom: 6px;
	color: #333333!important;
	vertical-align: top;
}

/*article.wit .rpwe-block a,*/
.rpwe-block a{
display: inline !important;
text-decoration: none;
/*color: #1e73be!important;*/
}

/*article.wit .rpwe-block h3,*/
.rpwe-block h3{
background: none !important;
clear: none;
margin-bottom: 0 !important;
margin-top: 0 !important;
font-weight: 400;
font-size: 18px !important;
line-height: 1.5em;
padding: 4px;
color: #333333!important;
}

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

/*article.wit .rpwe-summary,*/
.rpwe-summary{
font-size: 12px;
color: #333333!important;
padding: 4px;
}

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


.rpwe-aligncenter{
display: 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: 670px; float: left; }

#inhoud #mainsidebar { width: 220px; float: right; }
#inhoud #mainsidebar .widget { margin-top: 0px;}
#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; }


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

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


	
#footer {
	padding:  20px;
	padding-left: 0px; 
	padding-right: 0px;
    margin:  0 auto;
    margin-bottom:  0px;
	margin-top:  40px;
	padding-top: 40px;
	padding-bottom: 10px;
	border-top: 2px solid #666666;
	font-size: 11px;
	min-height: 360px;
	background: #333333;
    }
	
	
#footer .widget  { min-height: 70px; margin-bottom: 4em; }
#footer #footernav { width: 460px; float: left; margin: 0px 10px;}
#footer #footersocial { width: 210px; float: left; margin: 0px 10px;}
#footer #footercontact { width: 210px; float: left; margin: 0px 10px;}
#footer p { font-size: 12px;}

#footer h3.widget-title {
	text-align: left; color: #ffffff; 
	font-size: 21px; text-transform: uppercase;
	margin-top: 0px; 
	}

	
#footer #footernav #minizoeker { margin-bottom: 20px; }
#footer #footernav #minizoeker .labeltekst { 
	display: inline-block; width: 30%; margin-bottom: 3px;
	font-size: 12px; line-height: 18px;
	color: #f8f8f8; font-weight: bold;
		}
		
		
#footer #minizoeker .label { display: inline-block; width: 60%; margin-bottom: 3px;}
#footer #minizoeker .label select, #footer #minizoeker .label input { 
	width: 100%;
	border: 1px solid #666666;
	padding: 5px;
	font-size: 12px;
	line-height: 16px;
	color: #000;
	cursor: pointer;
	}

	#footer #minizoeker #zoekbar {margin-left: 30%;}
	#footer #minizoeker #zoekbar #zoekbutton {cursor: pointer; margin-left: 2px}
	#footer #minizoeker #zoekbar #zoekbutton:hover {background: #000000; color:#Fff;}
	
	
#footer #footernav ul { margin-left: 0px; margin-top: 0; }

#footer #footernav ul li { 
	margin-left: 0px; padding-left: 0px;
	list-style: none; display: inline-block; 
	width: 49.5%;vertical-align: top;
	  padding-bottom: 10px;
	}
#footer #footernav ul li a { 
	text-align: left; color: #333333;
	font-size: 20px; text-transform: uppercase;
	text-decoration: none; font-weight: 300;
	font-family: 'Open Sans Condensed' , sans-serif;
	}
#footer #footernav ul li a:hover { color: #1e73be; }

#footer #footernav ul li li { 
	margin-left: 0px; padding-left: 0px; 
	list-style: none; display: block;
	width: auto; padding-bottom: 0px;
	}
	
#footer #footernav ul li li a { 
	text-align: left; color: #333333;
	font-size: 12px; text-transform: none;
	text-decoration: none; font-weight: normal;
	font-family: 'Arial' , Helvetica,  sans-serif;
	font-family: 'Roboto';
	}
#footer #footernav ul ul { margin-top: 0px;}
#footer #footernav ul li li a:hover { color: #000000; text-decoration: underline; }

#footer #footersocial ul { margin-left: 0px; margin-top: 10px; margin-bottom: 0.5em;}
#footer #footersocial ul li { 
	margin-left: 0px; padding-left: 0px;
	list-style: none; display: inline-block; 
	width: 30px; height: 30px; margin-right: 5px;
	}
	
#footer #footersocial ul li a { 
	display: block; text-indent:-9000px;
	width: 30px; height: 30px;
	opacity: 0.4; filter: alpha(opacity=40);
	}

#footer #footersocial ul li a:hover { 
	 opacity: 1.0; filter: alpha(opacity=100);
	}
	
#footer #footersocial { color: #f8f8f8;}
#footer #footersocial ul li.facebooklink a { background: url('images/social/facebooklink.png');}
#footer #footersocial ul li.twitterlink a { background: url('images/social/twitterlink.png');}
#footer #footersocial ul li.youtubelink a { background: url('images/social/youtubelink.png');}
#footer #footersocial ul li.linkedinlink a { background: url('images/social/linkedinlink.png');}
#footer #footersocial ul li.pinterestlink a { background: url('images/social/pinterestlink.png');}

#footer #footercontact { color: #f8f8f8;}
#footer #footercontact span { color: #666666; display: inline-block; width: 114px; }
#footer #footercontact a { color: #f8f8f8; text-decoration: none; }
#footer #footercontact a:hover { color: #000000; text-decoration: underline; }

#footer #copyright {
   text-align: center;
   color:  #f8f8f8;
   margin: 0 auto;
    }
			
		#footer .spacer {
			margin-left: 10px; margin-right: 10px;
			color:  #666666;
			}
			
		#footer #copyright a {
			color:  #f8f8f8;
			text-decoration:  none;
			}

		#footer #copyright a:hover {
			color:  #000000;
			text-decoration:  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;
	}
	
	
	#catapult-cookie-bar a { display: inline-block; }


#footer #minizoeker h3 {
    text-align: left;
    color: #ffffff;
    font-size: 21px;
    text-transform: uppercase;
    margin-top: 0px;
}

#minizoeker label { color: #f8f8f8!important; }

.AutoCommerceAvdwWidget h3 { text-align: center!important; }

.pswp__bg {
	background: rgba(0,0,0,0.7)!important;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
}

img.pswp__img {  
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}

.cookiefirst-root > span { 
	margin-bottom: 60px; 
	opacity: 0.6;
	-webkit-filter: grayscale(100%);
	-moz-filter:    grayscale(100%);
	-ms-filter:     grayscale(100%);
	-o-filter:      grayscale(100%);
}

.cookiefirst-root > span:hover { 
	margin-bottom: 60px; 
	opacity: 1;
	-webkit-filter: grayscale(0%);
	-moz-filter:    grayscale(0%);
	-ms-filter:     grayscale(0%);
	-o-filter:      grayscale(0%);
}
/****************************************************
 
	Design: Autosoft BV - www.autosoft.eu
	Code & CSS: Autosoft BV - www.autosoft.eu
	Copyright 2015 Autosoft BV
	
****************************************************/