/*
Theme Name: Autobedrijf Roelofs
Theme URI: http://www.autoroelofs.nl/
Author: Autosoft Automotive Internet
Author URI: http://www.autosoft.eu/
Description: Autobedrijf Roelofs is gestart in 1967 aan de Droogsestraat in Malden. Wanneer de gemeente Heumen een industrieterrein opricht in Malden gaat het bedrijf als een van de eersten naar het industrieterrein de Hoge Brug. Op het huidige adres is een autobedrijf en tankstation gebouwd.
Version: 1.0
License: Autobedrijf Roelofs
License URI: http://www.autoroelofs.nl
Text Domain: Autobedrijf Roelofs
*/



/* =Reset
-------------------------------------------------------------- */

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;
}
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;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}
html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a:focus {
	outline: thin dotted;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
}
del {
	color: #333;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 24px;
	margin-bottom: 1.714285714rem;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
small {
	font-size: smaller;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
	clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
	display: table;
	content: "";
}


/* GENERAL
-------------------------------------------------------------- */

/*********************************************************************************************
	Autobedrijf Roelofs
	Design: Autosoft BV - www.autosoft.eu
	Code & CSS: Autosoft BV - www.autosoft.eu
	Copyright 2013 Autosoft BV & Autobedrijf Roelofs
	
*********************************************************************************************/

/*************************************** GLOBAAL ***************************************/

* 					{ margin: 0px; padding: 0px; }
.clear 			{ clear: both; }
body			{ background: #dedede; font-family: Arial, Helvetica, sans-serif; color: #dadada; }
.wrapper		{ width: 960px; margin: 0 auto; }

p 					{ font-size: 12px; line-height: 18px; margin-bottom: 10px; }

.alignright { margin-top: 4px; margin-bottom: 18px; margin-left: 20px; margin-right: 0px; float: right; }
.alignleft { margin-top: 4px; margin-right: 20px; margin-bottom: 18px; margin-left: 0px; float: left; }
.alignnone { margin: 18px; margin-top: 4px;  }


/*************************************** HEADER ***************************************/

#header 							{ background: #dedede; margin: 0; padding: 0; height: 450px; }

#header #headerfacebook a	{ width: 30px; height: 30px; background: url('images/facebook.png') no-repeat; background-size: cover; position: absolute; z-index: 910; margin-left: 910px; margin-top: 32px; }
#header #headerfacebookunderlay	{ width: 175px; height: 60px; background: url('images/facebook-volgons-wit.png') no-repeat; position: absolute; z-index: 900; margin-left: 735px; margin-top: 100px; }

#logo 								{ 	width: 240px; height: 136px; font-size: 12px; position: absolute; display: block; z-index: 999;
										background: #d0d2d2; /* Old browsers */
										background: -moz-linear-gradient(top,  #d0d2d2 0%, #f9f9f9 100%); /* FF3.6-15 */
										background: -webkit-linear-gradient(top,  #d0d2d2 0%,#f9f9f9 100%); /* Chrome10-25,Safari5.1-6 */
										background: linear-gradient(to bottom,  #d0d2d2 0%,#f9f9f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
										filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0d2d2', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
										margin-left: 20px; }
#logo h1.title						{ font-size: 48px;  line-height: 72px; }
#logo h1.title a					{ text-indent: -99999px; width: 240px; height: 136px; display: block; background: url('images/logo.png') no-repeat; }
#logo h1.title a:hover			{ color: #E4E4E4; }

#gegevens							{ height: 56px; width: 940px; display: block; text-align: right; position: relative; background: url('images/gegevens-bg.png'); z-index: 20; padding-top: 10px; padding-right: 20px; }
#gegevens .tel .textwidget p			{ color: #fff; font-size: 18px; font-weight: bold; }
#gegevens .tel .textwidget p:before		{ content: "Molenhoek:"; margin-right: 10px; font-size: 16px; font-size: 12px; }

#gegevens .tel2 .textwidget	p			{ color: #fff; font-size: 18px; font-weight: bold; }
#gegevens .tel2 .textwidget p:before	{ content: "Malden:"; margin-right: 10px; font-size: 16px; font-size: 12px; }

/************************************** MENU **************************************/

#menu { 
	display: block;
	position: relative;
	width: 700px;
	height: 50px;
	z-index: 100;
	border-top: 1px solid #D7D7D7;
	background: #071e47;
	padding-left: 260px;
	
}

#menu ul {
	list-style-type: none;
	display: inline-block;
	margin: 0;
	font-size: 14px;
	padding-left: 20px;
}

#menu li 				{ float: left; margin-right: 5px; height: 58px; display: block; font-weight: bold; }
#menu li a				{ text-decoration:none; color: #fff; height: 20px; display: block; padding: 15px 10px; }
#menu li a:hover, #menu li.current-menu-item a, #menu li.current-page-ancestor a 	{ text-decoration:none; color: #071E47; background: #D7D7D7; }

/*************************************** VISUAL ***************************************/

#visual { display: block; height:450px; width: 960px; position: absolute; z-index: 1; top: 0px; background: transparent; }

#visual .visualimage {
	position:absolute;
	background: #f0f0f0;
	width: 960px; height: 450px;
	background: url('images/visual/AutoRoelofs-Visual.jpg') no-repeat 50% 50%;
	display: block;
	z-index: 2;

}

#visual .visualunderlay{
	position:absolute;
	width: 960px; height:30px;
	margin-top: 360px;
	background: url('images/visual/visual-schaduw.png') no-repeat;
	z-index: 1;
}


/*************************************** CONTENT ***************************************/

#content								{  }
#content h1 							{ font-size: 18px; font-weight: bold; margin-bottom: 15px; color: #071E47; }

#content #homeblokken			{ background: url('images/homeblokken-bg.png') repeat-x; height: 210px; }
#content #homeblokken .homeblokwrapper	{ margin: 0 auto; width: 966px; }

	#content #homeblokken .homeblok	{ width: 310px; height: 160px; display: block; background: white; float: left; margin: 20px 6px; text-align: center; border-bottom: 5px solid #071e47; }
	#content #homeblokken .homeblok p.title	{ background: url('images/tranp-wit.png'); height: 290px; height: 20px; display: block; padding: 15px;  text-transform: uppercase; color: #071e47; font-size: 24px; font-weight: bold; }
	#content #homeblokken .homeblok a	{ width: 310px; height: 105px; display: block; padding-top: 55px; text-decoration: none;  }
		#content #homeblokken .homeblok a:hover{ background: url('images/tranp-wit.png'); }

	#content #homeblokken .occasions		{ background: url('images/homeblok-occasions.png'); }
	#content #homeblokken .molenbroek	{ background: url('images/homeblok-molenbroek.png'); }
	#content #homeblokken .malden			{ background: url('images/homeblok-malden.png'); }

#content ul { list-style-type: square; padding-left: 20px; margin-bottom: 15px; }
#content li { font-size: 12px; margin: 4px; }

#content .label { width: 150px; display: inline-block; }

#content .edit-link { 
	position: fixed; right: 20px; bottom: 0;
	/*background: url('images/blank.png');*/
	z-index: 100;
	}

	#content .edit-link a {  width: 30px; height: 20px; padding: 5px 15px; display: block; background: #071E47; text-decoration: none; color: #fff; border-top: 1px solid #fff; border-right: 1px solid #fff; border-left: 1px solid #fff; } 
	#content .edit-link a:hover { text-decoration: none; background: #535353; color: #fff;} 
	
#content form.wpcf7-form { margin-bottom: 60px;}
#content form.wpcf7-form p { margin-bottom: 6px;}
#content form.wpcf7-form p .label { display: block; float: left; width: 120px; font-weight: bold;}
#content form.wpcf7-form p input, #content form.wpcf7-form p textarea, #content form.wpcf7-form p select { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #081a48;
	text-shadow: 1px 1px 0px #f5f5f5;
	width: 300px;
	padding: 2px;
	border: 1px solid transparent;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #2e3192;
	background: #efefef;
	}
	
 #content form.wpcf7-form p select {width: 306px;}

#content form.wpcf7-form p textarea { 	width: 500px;	}

#content form.wpcf7-form p .wpcf7-checkbox input { width: auto; border: 0px; background: transparent; } 

#content form.wpcf7-form p .captcha input { width: 100px; margin-top: -16px; } 
#content form.wpcf7-form p input.wpcf7-submit { width: 100px; margin-top: -16px; margin-left: 30px; border: 1px solid #2e3192; cursor: pointer;}
#content form.wpcf7-form img.wpcf7-captchac { border: 0px; padding: 0px; margin-right: 10px;  float: left;}	
	
	
#inhoud h1, #inhoud h2, #inhoud h3, #inhoud h4, #inhoud h5, #inhoud h6 {
	color: #071E47;
	font-size: 20px;
}

#inhoud h2 { font-size: 16px; }
#inhoud h3 { font-size: 15px; }
#inhoud h4 { font-size: 14px; }
#inhoud h5 { font-size: 13px; }
#inhoud h6 { font-size: 12px; }

#inhoud 									{ width: 940px; padding: 10px; color: #3d3d3d; }
#inhoud p									{ color: #3d3d3d; line-height: 18px; margin-bottom: 15px; }
#inhoud img							{ padding: 2px; border: 1px solid #3d3d3d; }
#inhoud a:hover img				{ background: #3d3d3d; border: 1px solid #e31e25; }
#inhoud a									{ color: #323a9f; text-decoration:none; }
#inhoud a:hover						{ color: #000; }

#inhoud iframe { border: 1px solid #E8E8E8 !important; padding: 2px; }

#inhoudvervolg							{ width: 700px; padding: 10px; color: #3d3d3d; float: left; }
#inhoudvervolg p						{ color: #3d3d3d; }
#inhoudvervolg img					{ padding: 2px; border: 1px solid #3d3d3d; }
#inhoudvervolg a:hover img		{ background: #3d3d3d; border: 1px solid #e31e25; }
#inhoudvervolg a						{ color: #323a9f; text-decoration:none; }
#inhoudvervolg a:hover				{ color: #000; }

#inhoudvervolg h1, #inhoudvervolg h2, #inhoudvervolg h3, #inhoudvervolg h4, #inhoudvervolg h5, #inhoudvervolg h6 {
	color: #071E47;
	font-size: 20px;
}

#inhoudvervolg h2 { font-size: 18px; }
#inhoudvervolg h3 { font-size: 16px; }
#inhoudvervolg h4 { font-size: 14px; }
#inhoudvervolg h5 { font-size: 12px; }
#inhoudvervolg h6 { font-size: 10px; }

#inhoudvervolg iframe { border: 1px solid #E8E8E8 !important; padding: 2px; }

	#sidebar									{ width: 200px; padding: 10px; color: #3d3d3d; float: left; }
	
	#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6 {
		color: #071E47;
		font-size: 20px;
		margin-bottom: 15px;
	}
	#sidebar h2 { font-size: 18px; }
	#sidebar h3 { font-size: 16px; font-size: 20px }
	#sidebar h4 { font-size: 14px; }
	#sidebar h5 { font-size: 12px; }
	#sidebar h6 { font-size: 10px; }
	
	#sidebar .textwidget			{ margin-bottom: 20px; font-size: 12px; line-height: 18px; }
	#sidebar p							{ margin-bottom: 20px; font-size: 12px; line-height: 18px; }
	#sidebar img						{ padding: 2px; border: 1px solid #3d3d3d; }
	#sidebar a:hover img			{ background: #fff; border: 1px solid #2D4775; }
	#sidebar a							{ color: #323a9f; text-decoration:none; }
	#sidebar a:hover				{ color: #000; }
	
	#sidebar #autovandeweek { border-left: 2px solid #071E47; margin-bottom: 20px; background: #EAEAEA; padding-left: 20px; font-size: 12px; color: #000; line-height: 18px; }
	#sidebar #autovandeweek .avdwfoto { padding-top: 20px; }
	#sidebar #autovandeweek .avdwgegevens { margin-top: 10px; }
	#sidebar #minizoeker { font-size: 12px; }
	#sidebar #minizoeker select { width: 200px; border: none; padding: 5px;  margin-bottom: 5px; }
	#sidebar #minizoeker .labeltekst { margin-bottom: 5px; }
	#sidebar #minizoeker #zoekbutton { width: 200px; padding: 5px; margin-bottom: 20px; }


#inhoudvervolg { width: 940px; float: none;}
#sidebar { display: none;}

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

#footer 										{ font-size: 12px; height: 179px;  margin-top: 15px; background: #071E47; padding-top: 51px }
#footer #footergegevens		{ background: #535353; height: 147px; border-top: 1px solid #DEDEDE; }

#footer .footerblok 		{ display: inline-block; height: 115px; float: left; padding: 10px 0px; margin: 0px 0px 0px 0px; line-height: 16px;}
#footer .footerblok .textwidget { width: 415px;}
#footer .footerblok p		{ line-height: 16px; }
#footer .footerblok p.title		{ font-size: 14px; font-weight: bold; margin-bottom: 15px; }

#footer .footerblok a				{ text-decoration:none; color: #000; }
#footer .footerblok a:hover	{ text-decoration:none; color: #d9dbda; }
#footer .footerblok a:hover img	{ border: 1px solid #fff; }

#footer .footerblok img { width: 120px; height: auto; padding: 2px; border: 1px solid #d2d2d2; margin-bottom: 12px; float: left; }

#footercopy			{ background: #141414; height: 30px; color: #fff; }

#copyrights 	{ float: left; font-size: 12px; color: #fff; margin-top: 8px; }
#copyrights a	{ color: #fff; text-decoration: none; }
#copyrights a:hover	{ color: #535353; }

#footernav		{ float: right; font-size: 12px; color: #fff; margin-top: 8px; }
#footernav a	{ color: #fff; text-decoration: none; }
#footernav a:hover	{ color: #535353; }


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

.pswp__bg {
    background: rgba(0,0,0,0.75)!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;
}

/*************************************** AUTOCOMMERCE POPUP ***************************************/

.ac-popup .popupcontent {color: #071E47 }

/*************************************** AUTOCOMMERCE ***************************************/

body.page-template-page-occasions #header,
body.page-template-page-details #header { height: 160px; }

body.page-template-page-occasions #visual,
body.page-template-page-details #visual,
body.page-template-page-details .entry-header { display: none; }


body.page-template-page-occasions #inhoud a:hover img,
body.page-template-page-details #inhoud a:hover img {
    background: transparent;
    border: none;
}

:root {
    --ACmaincolor: #071E47!important;
	--ACbgwrapper: #DEDEDE!important;
}


@media screen and (min-width: 820px) {
	#asac-container #ACvehicle .ACVDPtabs, 
	#asac-container.pro #ACvehicle .ACVDPdescription {
    	flex-basis: 100%!important;
	}
	#asac-container #ACvehicle .ACVDPaside{
    	flex-basis: 100%!important;
		order: 107!important;
	}
	
	#asac-container #ACvehicle .ACVDPaside img.geldlenen { display: none!important; }
	#asac-container #ACvehicle .ACVDPaside img.geldlenenwide { display: block!important; }
	
	#asac-container #ACvehicle .ACVDPaside a, #asac-container #ACvehicle .ACVDPaside label { width: 32%!important; }
}


/* cookielaw fix */
.cookie-bar-block #catapult-cookie-bar span {
    font-size: 13px;
    line-height: 1.3em;
}

/*********************************************************************************************
	Autobedrijf Roelofs
	Design: Autosoft BV - www.autosoft.eu
	Code & CSS: Autosoft BV - www.autosoft.eu
	Copyright 2013 Autosoft BV & Autobedrijf Roelofs
	
*********************************************************************************************/