/*
Theme Name: Autosoft Theme: Diablo
Theme URI: http://www.autosoft.eu
Author: Autosoft automotive internet
Author URI: http://www.autosoft.eu/
Description: Diablo 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;        
}

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

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

body { 
	font-family : Arial, helvetica, sans-serif;
	font-size: 13px;
	line-height: 21px;
	color: #333333;
	/*text-shadow: 1px 1px 0px #ffffff;*/
	text-align: left;
	overflow-x: hidden;
}


.wrapper, #page { width: 980px; min-width: 960px!important; margin: 0 auto; min-height: 10px; box-sizing: border-box; }
.wrappercontent {width: 96%; margin: 0 auto; }

#page  {
	background: #fff; padding: 16px 0px; margin-top: 10px;
	-webkit-box-shadow:  0px 0px 5px 0px #333333;
	-moz-box-shadow:  0px 0px 5px 0px #333333;
	-ms-box-shadow:  0px 0px 5px 0px #333333;
	-o-box-shadow:  0px 0px 5px 0px #333333;
    box-shadow:  0px 0px 5px 0px #333333;
	}


h1, h2, h3, h4, h5, h6 {
	color: #333333;
	/*text-shadow: 1px 1px 0px #ffffff;*/
	font-weight: normal;
	
}

h1 { font-size: 2.4em; line-height: 1.5em;}
h2 { font-size: 2.2em; line-height: 1.5em; }
h3 { font-size: 2em; line-height: 1.5em; }
h4 { font-size: 1.8em; line-height: 1.5em; }
h5 { font-size: 1.6em; line-height: 1.5em; }
h6 { font-size: 1.4em; line-height: 1.5em; }


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

a:hover {	
	color: #003B80;
	text-decoration: underline;
}
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: 12px;
	font-size: 13px;
	line-height: 1.5em;
	margin-top: 1em;
	margin-bottom: 0.5em;
	}
	
ul, ol {
	font-size: 12px;
	font-size: 13px;
	line-height: 1.5em;
	margin-top: 1em;
	margin-bottom: 2.5em;
	margin-left: 1.5em;
	}
	
li { list-style: square; margin-left: 1em; padding-left: 0.5em;}
ol li { list-style: decimal;}

table { margin-bottom: 1.5em;}

/* Alignment */
.alignleft, img.alignleft {
	display: inline;
	float: left;
	margin-right: 20px;
}
.alignright, img.alignright {
	display: inline;
	float: right;
	margin-left: 20px;
}
.aligncenter, img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

hr {
	height: 0px; border: 0px; border-collapse: collapse;
	border-bottom: 1px solid #000000;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	margin-top: 18px; margin-bottom: -8px;
	}

	
aside img { height: auto!important;}


#visual img { width: 100%!important; height: auto!important;}


/* =Menu
-------------------------------------------------------------- */

#access {
    background: #003B80;
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	clear: both;
	display: block;
	float: left;
	margin: 0 0 0.5% 0;
	width: 100%;
	/*text-align: center;*/
 /*  -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;*/
}


#access ul {
	font-size: 14px;
	font-size: 15px;
	list-style: none;
	margin: 0 0 0 0;
	padding-left: 0;
}

#access li {
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}
#access a {
	color: #eee;
	display: block;
	line-height: 3.333em;
	padding: 0 1.2125em;
	text-decoration: none;
	text-shadow: 1px 1px 0px #000000;
	-webkit-transition: all 0ms ease-in-out;
	-moz-transition: all 0ms ease-in-out;
	-ms-transition: all 0ms ease-in-out;
	-o-transition: all 0ms ease-in-out;
	transition: all 0ms ease-in-out;
}
#access ul ul {
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 3.333em;
	left: 0;
	width: 188px;
	z-index: 990;
	text-align: left;
	box-sizing: border-box;
}

#access ul ul a {
	-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;
	}
	
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #f9f9f9;
	border-bottom: 1px dotted #ddd;
	color: #444;
	font-size: 14px;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	padding: 10px 10px;
	width: 188px;
	text-shadow: 1px 1px 0px #ffffff;
	box-sizing: border-box;
}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
	background: #efefef;
	text-shadow: 1px 0px 0px #ffffff;
}

	
#access li:hover > a,
#access a:focus {
	background: #f9f9f9; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#f9f9f9, #e5e5e5);
	background: -o-linear-gradient(#f9f9f9, #e5e5e5);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */
	background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);
	color: #373737;
}


#access ul li:hover > ul {
	display: block;
}
#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {
	font-weight: bold;
}

/* =Menu MOBILE
			-------------------------------------------------------------- */
			.mean-container { text-shadow:none;}
			
			/* hide the link until viewport size is reached */
				a.meanmenu-reveal { display: none;}
				
			/* when under viewport size, .mean-container is added to body */
			.mean-container .mean-bar {
					float: left;
					width: 100%;
					position: fixed;
					padding: 0;
					z-index: 999999;
					top: 0px;
					background: transparent;
				}

			.mean-container a.meanmenu-reveal {
				width: 22px;
				height: 22px;
				padding: 13px 13px 11px 13px;
				position: absolute; margin-top: 8px;
				top: 0;
				right: 0;
				cursor: pointer;
				color: #fff;
				text-decoration: none;
				font-size: 16px;
				text-indent: -9999em;
				line-height: 22px;
				font-size: 1px;
				display: block;
				font-family: Arial, Helvetica, sans-serif;
				font-weight: 700;
				background: #003B80; /* Show a solid color for older browsers */
				background: -moz-linear-gradient(#040059, #003B80);
				background: -o-linear-gradient(#040059, #003B80);
				background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#040059), to(#003B80)); /* older webkit syntax */
				background: -webkit-linear-gradient(#040059, #003B80);
				-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
				-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
				box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
			}
			
			.mean-container a.meanmenu-reveal span {
				display: block;
				background: #fff;
				height: 3px;
				margin-top: 3px;
			}

			.mean-container .mean-nav {
				float: none;
				width: 234px;
				margin: 0 auto;
			}

			.mean-container .mean-nav ul {
				padding: 0;
				margin: 0;
				width: 100%;
				list-style-type: none;
				margin-left: 10px;
				margin-top: 20px;
			}

			.mean-container .mean-nav ul li {
				background: #222; /* Show a solid color for older browsers */
				background: -moz-linear-gradient(#525252, #383838);
				background: -o-linear-gradient(#525252, #383838);
				background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#525252), to(#383838)); /* older webkit syntax */
				background: -webkit-linear-gradient(#525252, #383838);
				-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
				-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
				box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
				position: relative;
				float: left;
				width: 90%;
				list-style: none;
				margin-left: 0px;
			}


			.mean-container .mean-nav ul li a {
				display: block;
				float: left;
				width: 100%;
				padding: 1em 10px;
				box-sizing: border-box;
				margin: 0;
				text-align: left;
				border-top: none;
				text-decoration: none;
				color: #ffffff;
			}

				.mean-container .mean-nav ul ul { width: 90%!important;}
				.mean-container .mean-nav ul ul li a { width: 100%!important;}
				.mean-container .mean-nav ul li li a {
					font-size: 0.9em;
					padding: 6px 5%;
					border-top: none;
					text-shadow: none !important;
					visibility: visible;
				}

				.mean-container .mean-nav ul li.mean-last a {
					border-bottom: none;
					margin-bottom: 0;
				}

				.mean-container .mean-nav ul li li li a {
					width: 70%;
					padding: 1em 15%;
				}

				.mean-container .mean-nav ul li li li li a {
					width: 60%;
					padding: 1em 20%;
				}

				.mean-container .mean-nav ul li li li li li a {
					width: 50%;
					padding: 1em 25%;
				}

				.mean-container .mean-nav ul li a:hover {
					background: #252525;
					background: rgba(255,255,255,0.1);
				}

			.mean-container .mean-nav ul li a.mean-expand {
				margin-top: 1px;
				width: 42px;
				height: 42px;
				text-align: center;
				position: absolute;
				right: 0;
				top: 0;
				z-index: 2;
				font-weight: 700;
				border: none !important;
				padding: 0!important;
				line-height: 42px!important;
				background: tranparent!important;
			}

			.mean-container .mean-nav ul li a.mean-expand:hover {
				background: #383838;
			}
			.mean-container .mean-push {
				float: left;
				width: 100%;
				padding: 0;
				margin: 0;
				clear: both;
			}

			.mean-nav .wrapper {
				width: 100%;
				padding: 0;
				margin: 0;
			}

			/* Fix for box sizing on Foundation Framework etc. */
			.mean-container .mean-bar, .mean-container .mean-bar * {
				-webkit-box-sizing: content-box;
				-moz-box-sizing: content-box;
				box-sizing: content-box;
			}
/*************************************** LAYOUT ***************************************/

/* =Widget classes
-------------------------------------------------------------- */
.links { float: left;}
.rechts { float: right}
.midden { float: none; margin: 0 auto;}

.block { background: #000000;
	background: rgba(0,0,0,0.1);}
	
.contentblock { background: transparent;}
	
	
/* =header
-------------------------------------------------------------- */

header#branding { 
	padding-top: 5px; text-align: center; margin-bottom: -5px;
	position: relative; z-index: 500;
}

a#homelink img { margin-top: -10px;}

/* =Logo */
.header-wrap { text-align: center;}
.header-content { margin-bottom: 10px; display: inline-block;}
.header-content #searchform {margin-top: 20px; }
.header-content #searchform label { display: none;}
.header-content #searchform input#s { 
	width: 180px;
	border: 1px solid #003B80;
	padding: 5px;
	z-index: 1;
	position: relative;
	margin-right: -28px;
	}
.header-content #searchform #searchsubmit { 
	text-indent: -9000px; width: 22px; height: 22px;
	position: relative; left: 0px; 
	margin-top: 0px;
	border: 1px solid transparent; 
	background: url('images/magnify.png') 50% 50% no-repeat;
	background-size: 80% 80%;
	cursor: pointer;
	margin-right: 0px;
	z-index: 10;
	}
	
.header-content ul#social { display: inline-block; clear:both; position: absolute; margin: 0px; padding: 0px; margin-top: 40px;  right: 10px; text-align: right;}
.header-content ul#social li { list-style: none; display: inline-block; padding: 0px; margin: 0px; margin-left: 5px;}
.header-content ul#social li a { text-indent: -9000px; text-align: left; display: block; width: 26px; height: 26px;}
.header-content ul#social li.facebook a { background: url('images/facebook-logo.png'); background-size: cover;}
.header-content ul#social li.twitter a { background: url('images/twitter-logo.png'); background-size: cover;}
.header-content ul#social li.linkedin a { background: url('images/linkedin-logo.png'); background-size: cover;}
.header-content ul#social li.youtube a { background: url('images/youtube-logo.png'); background-size: cover;}

/* =slideshow */

.mainheader-content { margin-bottom: 20px; max-width: 100%}
.mainheader-content a {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
	}
	
.wonderpluginslider {clear: both; max-width: 100%!important; margin: 0 auto;}
.wonderpluginslider { text-shadow: none;  }
.amazingslider-nav-1 { display: none!important;}




/* =main
-------------------------------------------------------------- */
#main { 
	width: 96%; padding: 10px; margin: 0 auto;
	position: relative; z-index: 5; margin-top: 0px;
}

#inhoud {
	/*background: #000000;
	background: rgba(0,0,0,0.1);*/
	margin: auto;
	width: 97%;
	padding-top: 20px;
	padding-bottom: 20px;
	}

	#inhoud img {height: auto!important; margin-bottom: 18px; max-width: 100%!important;}
	
	
#cta aside {
	/*background: #000000;
	background: rgba(0,0,0,0.1);*/
	margin: 0.5%;
	padding: 1% 1% 1.2% 1%;
	width: 96%
	}
	
#cta aside a { text-decoration: none; font-size: 2.2em; line-height: auto; display: block;}

#pagewidgets aside {
	/*background: #000000;
	background: rgba(0,0,0,0.1);*/
	margin: 0.5%;
	padding: 0 1% 1% 1%;
	width: 22%
	}	




	/* AUTO VAN DE WEEK WIDGET */
aside.AutoCommerceAvdwWidget {
	margin: 0.5%;
	padding: 0 0% 0% 1%;
	width: 99%;
	clear: both;
	max-height: 340px;
	font-size: 13px;
	}	
	
	
aside.AutoCommerceAvdwWidget ul { margin-left: 0px; padding-left: 0px; }

aside.AutoCommerceAvdwWidget ul li {font-size: 13px;}

aside.AutoCommerceAvdwWidget ul li:first-child { 
	margin-left: 0px; padding-left: 0px;
	list-style: none; display: inline-block; 
	padding: 0 1% 1% 0%; width: 99%;
	margin-left: 0%; margin-right: 1.7%;
	}
	
	
aside.AutoCommerceAvdwWidget ul li .avdwfoto{ 
	display: block; float: left; margin-right: 0px; margin-left:0px; width: 49%;}
aside.AutoCommerceAvdwWidget ul li .avdwfoto img{ 
	width: 90%!important; height: auto!important; margin-top: 6px!important; margin-bottom: 0px!important; }
aside.AutoCommerceAvdwWidget ul li .avdwgegevens { 
	display: block; float: left; width: 49%;}
	

aside.AutoCommerceAvdwWidget ul li .avdwgegevens .avdwmerkmodel { display: block; width: 100%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #003B80;}
aside.AutoCommerceAvdwWidget ul li .avdwgegevens .avdwuitvoering {display: block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
aside.AutoCommerceAvdwWidget ul li .avdwgegevens .avdwbouwjaar {display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.9em;}
aside.AutoCommerceAvdwWidget ul li .avdwgegevens .avdwkmstand {display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-size: 0.9em}
aside.AutoCommerceAvdwWidget ul li .avdwgegevens .avdwprijs {display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-size: 1.2em}
aside.AutoCommerceAvdwWidget ul { margin-bottom: 0px; }


.navigation { text-align: center}
.navigation span.title { font-weight: bold; padding-right: 10px;}


.postnav { padding: 20px 0px; }


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

.su-column { margin-top: 14px!important;}

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


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

#berichtenbar .wrapper { width: 960px; padding: 0px; margin-bottom: 20px;}

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


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


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

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: #333333;}

.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;
}

.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;
	}
	


/* ----- ----- ----- Personeel ----- ----- ----- */
#personeelbar .wrapper { width: 960px; padding: 0px; margin-bottom: 20px;}

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

#personeelbar .block h3 { line-height: 2.5em; font-weight: bold; border-bottom: 0px; margin-bottom: 0px;}
#personeelbar .block .label { display: inline-block; width: 35%; font-weight: bold;}

#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: 1px solid #cccccc;
	width: 100%; height: auto!important
	}
	
#personeelbar .block img:hover { 
	border: 1px solid #333333;
	}
	
	
	#medewerker  img.staandthumb { float: left; margin-right: 20px; border: 1px solid #cccccc; max-width: 300px; height: auto!important;}
	#medewerker h1 { margin-bottom: -10px;}
	#medewerker h4 { line-height: 1em; }
	#medewerker .label { display: inline-block; width: 120px; font-weight: bold;}
	
	
/* =Pagina met sidebar
-------------------------------------------------------------- */
#page-inhoud { float: left; width: 76%;}
#sidebar { float: right; width: 20%;}

#sidebar .block { background: none; padding: 10px;}

#sidebar li.current-menu-item a { color: #333333;}
	
/* =fotogallery
-------------------------------------------------------------- */
#inhoud .gallery {  margin-left: 0px; margin-right: 0px; margin-bottom: 18px; clear: both; display: block;}
#inhoud .gallery .gallery-item {display: inline-block; text-align: center;}
#inhoud .gallery-item a { margin: 5px 5px; height: 120px; width: 216px; display: block; overflow: hidden;}
#inhoud .gallery .gallery-caption { display: none;}

#inhoud .gallery-icon a img { 
	margin: 0px 0px!important; 
	width: 216px;
	height: auto!important;
	}

	
/* =footer
-------------------------------------------------------------- */

footer#colophon {width: 96%; margin: 20px auto; padding: 0px; }



#supplementary  { 
	font-family : Arial, helvetica, sans-serif;
	font-size: 14px;
	line-height: 21px;
	color: #333333;
	}

#supplementary p { font-size: 12px;}
	
#supplementary #first,
#supplementary #second,
#supplementary #third {
	float: left;  padding: 1%;
	width: 32%; padding-bottom: 0%;
	box-sizing: border-box; 
	}
					
#supplementary #first { }
#supplementary #second { margin-left: 2%; margin-right: 2%;}
#supplementary #third { width: 30%; float: right; }

#supplementary aside { width: 100%!important;  padding-bottom: 0px;}
#supplementary aside iframe { width: 100%!important;  margin-top: 3px;}

#supplementary aside img { margin-top: 20px; margin-bottom: 20px;}

#supplementary #minizoeker .labeltekst { 
	display: inline-block; width: 30%; margin-bottom: 3px;
	font-family : Arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #666666;
	}
	
#supplementary #minizoeker .label { display: inline-block; width: 60%; margin-bottom: 3px;}
#supplementary #minizoeker .label select, #supplementary #minizoeker .label input { 
	width: 100%;
	border: 1px solid #003B80;
	background: #ffffff;
	padding: 5px;
	font-family: arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333333;
	cursor: pointer;
	}

	#supplementary #minizoeker #zoekbar {margin-left: 30%;}
	#supplementary #minizoeker #zoekbar #zoekbutton {cursor: pointer; margin-left: 4px}
	#supplementary #minizoeker #zoekbar #zoekbutton:hover {background: #e3e3e3;}
	

#site-generator {
	margin-top: 20px; margin-bottom: 20px;
	padding: 1%;clear: both;
	text-align: center; font-size: 0.8em;
	opacity: 0.8; filter: alpha(opacity=80); /* For IE8 and earlier */
	color: #999;
	}
#site-generator a { text-decoration: none;color: #999;}
#site-generator a:hover { color: #333; text-decoration: underline;}


/************ 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 #003B80;
	background: #ffffff;
	padding: 5px;
	font-family: arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333333;
	max-width: 94%;
	}
	

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 img { 
	border: 0px; padding: 0px; float: left;
	}
	
	
span.wpcf7-not-valid-tip { display: inline-block!important; padding-left: 10px; }
		
/********* MISC **************/		
a#toplink {
		position: fixed; z-index: 10000; 
		right: 10px; bottom: 10px;
		display: block; text-indent: -9000px;
		width: 40px; height: 40px;
		background: url('images/top.png');
		background-size: cover;
		cursor: pointer; 		
		}
		

a#toplink:hover { background: url('images/top2.png');background-size: cover; }

.edit-link { 
	position: fixed; left: 20px; bottom: -1px;
	}
	
.edit-link a { 
	display: inline-block;
	background: #999999;
	/*text-shadow: 1px 1px 0px #000000;*/
	padding: 10px 14px;
	color: #fefefe;
	font-size: 1.1em;
	font-weight: normal;
	text-decoration: none;
	margin-top: 0px;
	}

.edit-link a:hover { background: #666666;}

.wp-paginate .current {color:#fff!important; background:#ccc!important; border:1px solid #ccc!important;}

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

.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%);
}


iframe#occframe {
	width: 100%;
	height: 1300px;
	overflow: hidden;
	}


/* = LIGHTBOX PHOTOSWIPE CSS fix
-------------------------------------------------- */
.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;
}

/* ----- ----- ----- MEDIAQUERIES ----- ----- ----- *//* ----- ----- ----- MEDIAQUERIES ----- ----- ----- */
/* ----- ----- ----- MEDIAQUERIES ----- ----- ----- *//* ----- ----- ----- MEDIAQUERIES ----- ----- ----- */
/* ----- ----- ----- MEDIAQUERIES ----- ----- ----- *//* ----- ----- ----- MEDIAQUERIES ----- ----- ----- *

@media screen and (min-width: 1024px) {
	
	
	.wrapper, #page { width: 980px;}
	.is-sticky #access { max-width: 882px;}
	
}

@media screen and (max-width: 1024px) {
	
	.wrapper, #page { width: 980px;}
	.is-sticky #access { max-width: 882px;}
	.su-column iframe { width: 96%!important; height: 260px!important;}
	
		
		#pagewidgets aside.AutoCommerceAvdwWidget {  max-height: 130px;}	
		#pagewidgets aside.AutoCommerceAvdwWidget ul li .avdwfoto img{ width: 80px!important; }
		
		#pagewidgets aside.AutoCommerceAvdwWidget ul li .avdwgegevens .avdwmerkmodel { display: block;}
		#pagewidgets aside.AutoCommerceAvdwWidget ul li .avdwgegevens .avdwuitvoering {display: none;}
		#pagewidgets aside.AutoCommerceAvdwWidget ul li .avdwgegevens .avdwbouwjaar {display: none;}
		#pagewidgets aside.AutoCommerceAvdwWidget ul li .avdwgegevens .avdwkmstand {display: none; }
		#pagewidgets aside.AutoCommerceAvdwWidget ul li .avdwgegevens .avdwprijs {display: block; }
		#pagewidgets aside.AutoCommerceAvdwWidget ul li .avdwgegevens .avdwprijs .prijslabel {display: none; }
			

		.bericht { width: 45%; float: left; min-height: 154px; }
		
		#supplementary #first,#supplementary #second { width: 26% }
		#supplementary #third{ width: 36%;float: right; }
		
}


@media screen and (max-width: 800px) {
	.wrapper, #page { width: 680px;}
	.is-sticky #access { max-width: 612px;}
	
	.header-content.widget_sp_image img { max-width: 290px!important; height: auto!important}
	
	#pagewidgets aside { margin: 1%; width: 46%; min-height: 280px;}
	
	#page-inhoud { float: none; width: 100%;}
	#sidebar { float: none; width: 100%;}
	#sidebar .widget { margin: 1%; width: 46%; float: left; padding: 0px; }
	

	#personeelbar .block { margin: 0px 10px 30px 10px; float: left;}
	#personeelbar .block.onefourth { width: 190px;}
	
	#personeelbar .block .label { display: none;}
	
	.bericht { width: 43%; float: left; min-height: 154px; }
	.bericht img.thumb { width: 80px;}
	.bericht h2 { display: block; height: 1.6em; white-space: no-wrap; overflow: hidden; text-overflow: ellipsis; }
	
	.su-column iframe { width: 96%!important; height: 220px!important;}
	
	.su-column.su-column-size-1-5 {
    float: left!important;
    margin: 0 2% 0 0  !important;
    width: 17.2% !important;
	}
	
	.su-column.su-column-size-1-3 {
    float: left!important;
    margin: 0 2% 0 0  !important;
    width: 30.66% !important;
	}

		.alignright, img.alignright { margin-left: 10px; }
		.alignright, img.alignright { margin-left: 10px; }
	
	#inhoud .gallery-item a { height: 125px; width: 148px; }

	#inhoud .gallery-icon a img { 
		width: 148px;
		height: auto!important;
		}
		
		
	#supplementary #minizoeker .labeltekst { display: none;	}
	#supplementary #minizoeker .label { width: 100%;}
	
	#supplementary #minizoeker .label select, #supplementary #minizoeker .label input { 
	width: 100%;
	padding: 5px;
	font-family: arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	cursor: pointer;
	}

	#supplementary #minizoeker #zoekbar {margin-left: 0%;}
	#supplementary #minizoeker #zoekbar #zoekbutton {cursor: pointer; margin-left: 0px}
	
	
	
	#pagewidgets aside.AutoCommerceAvdwWidget { Max-height: 270px; }		
	#pagewidgets aside.AutoCommerceAvdwWidget ul li { width: 46%;	}
	#pagewidgets aside.AutoCommerceAvdwWidget ul li .avdwfoto img { width: auto!important; }

	#pagewidgets aside.AutoCommerceAvdwWidget ul li .avdwgegevens .avdwmerkmodel { display: block; width: 100%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	#pagewidgets aside.AutoCommerceAvdwWidget ul li .avdwgegevens .avdwuitvoering {display: block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	#pagewidgets aside.AutoCommerceAvdwWidget ul li .avdwgegevens .avdwbouwjaar {display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.9em;}
	#pagewidgets aside.AutoCommerceAvdwWidget ul li .avdwgegevens .avdwkmstand {display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-size: 0.9em}
	#pagewidgets aside.AutoCommerceAvdwWidget ul li .avdwgegevens .avdwprijs {display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-size: 1.2em}

	
	#supplementary #first,#supplementary #second { width: 46%; text-align:center!important; }
	#supplementary #third { float: none; text-align: center; clear: both; width: 50%; margin-left: 24%; padding-top: 30px;}
	
	aside.AutoCommerceAvdwWidget ul li .avdwgegevens { text-align: left;}
	
}


@media screen and (max-width: 480px) {
	.wrapper, #page { width: 280px; }
	
	#access { display: none;}
	
	
.alignleft, img.alignleft {
	float: none;
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignright, img.alignright {
	float: none;
	clear: both;
	display: block;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.aligncenter, img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#inhoud {
    width: 94%;
	float: none;
}

#inhoud img { margin: 10px auto; margin-bottom: 30px; max-width: 240px!important;}

#pagewidgets aside { margin: 1%; width: 46%; min-height: auto;}
	
	
	#cta aside {
	margin: 0.5%;
	padding: 1% 1% 1.2% 1%;
	width: 94%
	}
	#cta aside a { text-decoration: none; font-size: 2.2em; line-height: 1.2em; display: block;}
	
	header {margin-bottom: 30px;}
	
	.header-content.widget_sp_image img { max-width: 260px!important; height: auto!important}
	.header-content #searchform { float: none!important; position: relative; margin-top: 0px; text-align: center; width: 280px;}
	.header-content #searchform input#s { margin-left: 0px;}
	.header-content ul#social { float: none!important;  position: relative; margin-top: 0px!important; padding: 0px; text-align: center; width: 260px; right: 0;}
	.header-content ul#social li  {margin-left: 5px; margin-right: 5px;}
	
	.header-content.rechts.widget_text { float:none; text-align: center; width: 260px; margin-left: -6px;}
	
	
	.amazingslider-text-box-1 {display: none}
	#visual img {
    height: auto !important;
    width: 98% !important;
}
	
	h1 { font-size: 1.6em; line-height: 1.2em!important;}
	h2 { font-size: 1.5em; line-height: 1.2em!important;}
	h3 { font-size: 1.4em; line-height: 1.2em!important;}
	h4 { font-size: 1.3em; line-height: 1.2em!important;}
	h5 { font-size: 1.2em; line-height: 1.2em!important;}
	h6 { font-size: 1em; line-height: 1.2em!important;}
	
	#pagewidgets aside { margin: 1%; width: 94% }
	#sidebar .widget { margin: 1%; width: 94%; float: left; padding: 0px; }
	
	#supplementary #first, #supplementary #second, #supplementary #third { margin: 1% 1% 1% 1%; width: 96%; padding-top: 10px; padding-bottom: 10px;}
	#supplementary aside {min-height: 100px!important;}
	
	
	
	form.wpcf7-form .links { display: block; float: none; width: 100%;}
	
	#personeelbar .block { margin: 0px 10px 30px 10px; float: left;}
	#personeelbar .block.onefourth { width: 260px; text-align: center;}
	
	.bericht { width: 85%; float: none; min-height: 154px; }
	.bericht img.thumb { width: 80px; float: left!important; margin-right: 5px;}
	.bericht h2 { display: block; height: 1.6em; white-space: no-wrap; overflow: hidden; text-overflow: ellipsis; }
	
	
	
	
	#inhoud .gallery-item a { height: 100px; width: 110px; }

	#inhoud .gallery-icon a img { 
		width: 110px;
		height: auto!important;
		}
	
	.su-column iframe { width: 276px!important; height: 200px!important;}
	
	.su-column.su-column-size-1-5 {
    float: left!important;
    margin: 0 2% 1.5em 0  !important;
    width: 48% !important;
	}
	
	.su-column.su-column-size-1-3 {
    float: none!important;
    margin: 0 0 1.5em 0  !important;
    width: 100% !important;
	}
	
	aside.AutoCommerceAvdwWidget {
	max-height: 390px; 
	}


	#site-generator {
	margin: 0 auto;
	max-width: 300px;
	}
	
	
	iframe#occframe {
	width: 280px;
    margin-left: -20px;
	height: 1800px;
	overflow: hidden;
	}
	
	
}

*/


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


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

#occasionlijstwrapper {
	margin: 0 auto;
	width: 900px;
	text-align: center;
}

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


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

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

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

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

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

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

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

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

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

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

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

#occasionlijstwrapper .occasionresultV2 { 
	display: inline-block; float: none; width: 280px; 
	text-align: center; margin: 0px 5px 28px 5px; 
	border: 1px solid #eaeaea; border-bottom: 1px solid #adadad; 
	background: #ffffff;
	-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 { background: #f9f9f9; cursor: pointer; border:1px solid #adadad;}

#occasionlijstwrapper .occasionresultV2 .merkmodel { color: #000000; width: 100%; padding: 3px; padding-right: 0px;  font-size: 14px; background: transparent; box-sizing: border-box;}
#occasionlijstwrapper .occasionresultV2 .merkmodel a { color: #777777; text-decoration: none;}
#occasionlijstwrapper .occasionresultV2 .merkmodel .uitvoering { white-space: nowrap; display: block;  margin: 0 auto; padding: 0px 10px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box; }

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

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

#occasionlijstwrapper  form { margin-bottom: 20px; }
#occasionlijstwrapper select { width: 210px; border: 1px solid #adadad; border-bottom: 1px solid #2e3192; margin: 2px;}


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

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


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

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

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

#occasioncontent p { text-align:justify; }

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

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

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


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

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

#occasiontabs a:link, #occasiontabs a:visited { 
	display: block; 
	min-width: 10px; 
	float: left; 
	border: 1px solid #cccccc; 
	text-decoration: none; 
	border-bottom: 0px; 
	padding: 2px 20px; 
	background: url('//list.auto-commerce.eu/templates/autocommercepro/images/gradient.png'); 
	margin-right: 10px; 
	margin-bottom: -1px;
	cursor: pointer;
	color: #333333;
	font-style: normal;
	}

#occasiontabs a:hover, #occasiontabs a:active, #occasiontabs a.tabactive { border-bottom: 0px; background: url('//list.auto-commerce.eu/templates/autocommercepro/images/gradienthover.png');border: 1px solid #333333;border-bottom: 0px; }



/* ---------- ---------- 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; 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: 13px;
	color: #000000;
	font-weight: bold;
	margin-bottom: 10px;
}

#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  {
	font-size: 12px;
	color: #333333;
	margin-bottom: 10px;

}

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

#intro img { float: left; margin-top: 2px; width: 320px; }
#intro table.voertuiggegevens { width: 95%; margin: 0px; padding: 0px; margin-left: 10px;}
#intro td.label { border-bottom: 1px solid #ebebeb; width: 40%; padding: 2px; color: #333333; font-weight: bold; line-height: 18px; }
#intro td.details { border-bottom: 1px solid #ebebeb; width: 60%; padding: 2px; line-height: 18px; }

#intro table.labels { margin-top: 40px; }
#intro #youtube_kl_container { width: 420px; height: 260px; border: 1px solid #cccccc; margin: 0 auto; margin-bottom: 10px; display: none} 
#intro #youtube_kl { width: 420px; height: 260px; position: absolute; z-index:1;}
#intro #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;}

/* ---------- ---------- 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 { }
	
#overzicht #contactbuttons a.callmeback { 
	display: block; 
	min-width: 10px; 
	border: 1px solid #cccccc; 
	text-decoration: none; 
	padding: 1px 20px; 
	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;
	}

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


/* ---------- ---------- DETAILS ---------- ---------- */
#details table.voertuiggegevens { width: 95%; margin: 0px; padding: 0px; margin-left: 10px;}
#details td.label { border-bottom: 1px solid #ebebeb; width: 50%; padding: 2px; color: #333333; font-weight: bold; line-height: 18px;}
#details td.details { border-bottom: 1px solid #ebebeb; width: 50%; padding: 2px; line-height: 18px; }

#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 { margin-top: 20px; clear:both; color: #000000; font-weight: bold;}
#optiesextras ul { display: block;}
#optiesextras li { float: left; width: 30%; font-style: italic; color: #333333; list-style: square; margin-left: 5px; padding: 0px; padding-left: 0px; }

#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: 190px; }
#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: #074a85; 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: 1px 20px; 
	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;
}





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

	
	
	

}



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

	#occasioncontent {
		width: 620px;
		margin-top: 5px;
	}
	
	
#headerbuttons {
    width: 200px;
}

	#occasioncontent a {padding: 0px;}

	#occasioncontent h1 span { font-size: 18px; font-weight: normal; display: block; }
	
	
	.occasionblock.mainfoto { height: auto!important;margin-bottom: 10px;}
	
	#intro .occasionblock.mainfoto { width: 40%; }
	#intro img {
    float: left;
    margin-top: 2px;
    width: 250px;
	}
	
	#intro .occasionblock { width: 60%; }
	
	#occasioncontent .tab,  #occasiontabs a:link, #occasiontabs a:visited {  margin-top: 10px; }
		#occasiontabs a:hover, #occasiontabs a:active, #occasiontabs a.tabactive {
		border: 1px solid #333333;border-bottom: 1px solid #333333; }
	
	#overzicht, #details, #optiesextras, #media, #auto360, #contact { display:none; width: 620px; margin-bottom: 10px;}
	#overzicht #overzichtgegevens { width: 620px; }
	
	#optiesextras li { width: 46%; margin-left: 0px; padding-left: 10px; }
	
	#occasioncontent #contactbuttons {display: none;}
	
	#contact #contactbuttons { float: none; display: block; clear: both; padding-top: 0px; margin-left: 0px; text-align: center; width: 100%;}
	#contact #contactbuttons p.title, #contact #contactbuttons p { text-align: center;}
	
	
	#occasioncontent #copyright {
	 float: none;
	 text-align: center;
	 margin-bottom: -20px;
	 }
	 
	 #occasioncontent #media a {padding: 0px; }
	#occasioncontent #media a img { float: left; margin: 6px; margin-top: 2px; width: 134px!important; }
	
	#youtube { width: 440px!important; height: 157px; border: 1px solid #cccccc; margin: 0 auto;}
	#youtube iframe { width: 440px!important; height: 157px!important}
	
	#contact #form { float: none; width: 430px;}
	
	#facebook iframe#facebookframe {
	 height: 35px!important;
	 margin-top: 5px;
	 width: 300px;
	 float: left;
	}
	
}


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


		#occasioncontent {
		width: 270px;
		margin-top: 5px;
		margin-left: -10px;
		text-align: center;
	
	}
	
	#occasioncontent  td, #occasioncontent  li { text-align: left; }
	.occasionblock {
    display: block;
    float: none;
    width: 100%;
}
	
	#intro .occasionblock.mainfoto { width: 100%; float: none;}
	#intro img {
    float: none;
    width: 290px;
}

#intro table.voertuiggegevens{
    margin: 0 0 0 0;
    padding: 0;
    width: 100%;
}
	
	#intro .occasionblock { width: 100%; float: none;}
	
	#overzicht, #details, #optiesextras, #media, #auto360, #contact { display:none; width: 270px; margin-bottom: 30px;}
	#overzicht #overzichtgegevens { width: 270px; }
		
	
	
	
	#intro td.label {padding: 0px;}
	#intro td.details {padding: 0px; }
	
	
	#occasioncontent .navbuttons {
    display: block;
    float: none;
    line-height: 20px;
    text-align: center;
    width: 270px;
}

#occasioncontent .navbuttons a {
    
    margin-right: 4px;
    
}


#details table.voertuiggegevens {
    margin: 0 0 0 0;
    padding: 0;
    width: 100%;
}

		#headerbuttons { float: none; width: 260px; text-align: center; margin-bottom: -14px; margin-top: 10px;}
		#occasioncontent #headerbuttons img { width: 20px!important; border: 0px; background: transparent; margin: 0px; height: auto!important;}
		#occasioncontent #headerbuttons a {padding: 0px; }
		#occasiontabs {	margin-top: 0px; margin-bottom: 10px; border-bottom: 0px;}
		#occasiontabs a:link, #occasiontabs a:visited {  margin-top: 10px;  border-bottom: 1px solid #cccccc; width: 95%; margin-left: 5px;line-height: 30px; font-size: 16px; text-align: center; padding: 0px; background: #efefef;}
		#occasiontabs a:hover, #occasiontabs a:active, #occasiontabs a.tabactive {
		border: 1px solid #333333;border-bottom: 1px solid #333333; }
		
		#occasioncontent #contactbuttons {display: none;}

		#optiesextras ul { margin-left: 0px; padding-left: 0px;}
		
		#optiesextras li { width: 80%; margin-left: 20px; padding-left: 0px; }
	
	
		#media, #auto360 { text-align: center; }
		#occasioncontent #media a {padding: 0px; }
		#occasioncontent #media a img { float: left; margin: 5px; margin-top: 2px; width: 110px!important; }
		#youtube { width: 260px!important; height: 344px; border: 0px solid #cccccc; margin: 0 auto;}
		#youtube iframe { width: 260px!important; height: 344px!important}
		
		
		#contact #form { float: none; width: 260px;}
		#contact #form:after { 
		content:"Bezoek onze website op een tablet of desktop computer voor meer contact mogelijkheden.";
		font-weight: normal; font-style: italic;}
		
		#contact #autocommercecontactframe { display: none;}
		
		#facebook iframe#facebookframe{ width: 260px;}
		
		#cboxTitle {display: none!important;}
}

*/