/*
	Theme Name: Jelletalsma resp
	Author: Friks Web & Marketing
	Version: 1.0
*/

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%;font: inherit;vertical-align:baseline;}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;}
@font-face{font-family: 'NeoRegular';src: url('fonts/neosansstd-regular-webfont.eot');src: url('fonts/neosansstd-regular-webfont.eot?iefix') format('eot'),url('fonts/neosansstd-regular-webfont.woff') format('woff'),url('fonts/neosansstd-regular-webfont.ttf') format('truetype'),url('fonts/neosansstd-regular-webfont.svg#webfontOxmgLvOQ') format('svg');font-weight: normal;font-style: normal;}@font-face{font-family: 'NeoMedium';src: url('fonts/neosansstd-medium-webfont.eot');src: url('fonts/neosansstd-medium-webfont.eot?iefix') format('eot'),url('fonts/neosansstd-medium-webfont.woff') format('woff'),url('fonts/neosansstd-medium-webfont.ttf') format('truetype'),url('fonts/neosansstd-medium-webfont.svg#webfont3p9QJTd7') format('svg');font-weight: normal;font-style: normal;}

/**** DEFAULT STYLING ****/

body {
	font-family: 'NeoRegular';
	color: #5d5b5a;
	font-size: 14px;
	line-height: 22px;
}

.clear{display:block; clear:both;}

a {
text-decoration: none;
color: #066A99;
}

a:hover {
	text-decoration: underline;
}

.left-content a { text-decoration: underline; color: #066a99;
}

.left-content a.button:visited { color: #fff; }
.left-content a.button { color: #fff; text-decoration: none; }

b,strong { font-family: 'NeoMedium' }

/*li { list-style-image: url(img/arrow_red.png) }*/

.left-content ul li {
	list-style-type:none;
	background: url(img/arrow.png) left 5px no-repeat;
	padding-left: 15px;
	}

.left-content ul {
margin-bottom: 20px;
}

.wrapper {
	max-width: 960px;
	margin: 0 auto;
	position: relative;
	overflow: hidden
}

.round { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

h1 {
	font-size: 24pt;
	font-family: 'NeoMedium';
	line-height: 40px;
}

h2 {
  color: #044361;
	margin-bottom: 20px;
	font-size: 15pt;
}
h3 {
  color: #044361;
	margin-bottom: 10px;
	font-size: 12pt;
	margin-top: 10px;
}
h4 {
	font-family: 'NeoMedium';
	margin-bottom: 10px;
}

.button {
	width: 200px;
	height: 40px;
	display: block;
	background: url(img/sprite.png) 500px 60px;
	color: #fff;
	font-family: 'NeoMedium';
	text-align: center;
	line-height: 40px;
	text-shadow: 1px 1px 1px #460022;
	font-size: 12pt;
	border: none;
	cursor: pointer;
}
.button:hover { background: url(img/sprite.png) 700px 60px; }

/**** BASE STRUCTURE ****/

.topmenu {
	width:100%;
	height:40px;
	background:#056291;
}

.topmenu .container{
	max-width:960px;
	margin:0 auto;
}

.h_img_pos li {
  position: absolute;
  width: 203px;
}

.h_img_pos li:first-child {
  left: 22px;
  top: 113px;
  list-style-image: url(img/arrow_white.png);
}

.h_img_pos li + li {
  left: 296px;
  bottom: 12px;
}

.h_img_pos li:first-child a {
  color: #fff;
}

.topmenu ul {
	list-style:none;
	float:right;
}

.topmenu ul li{
	float:left;
	padding:0 10px;
	border-left:1px solid #044b6f;
}

.topmenu ul li:first-child{
	border-left:none;
}

.topmenu ul li a{
	line-height:40px;
	color:#fff;
	font-family:'NeoRegular';
}

#top {
	float: left;
	width: 100%;
	height: 120px;
}

#nav {
	float: left;
	width: 100%;
/* 	height: 50px; */
	background: url(img/sprite.png) 960px 170px;
	font-family: 'NeoMedium'
}

#showgif{
	position:absolute;
	left:375px;
	margin-top:5px;
}

#logos {
	float: left;
	width: 960px;
	height: 60px;
	margin-top: 10px;
}

#logos #logo-div {
	float: right;
	height: 50px;
}
#search { display: block; float: right; background: url(img/sprite.png) -29px -57px no-repeat; width: 270px; height: 40px; margin: 52px 0 0 0; }

#search-form-home #s { border: none; background: none; width: 200px; height: 38px; float: left; color: #999; font-size: 13px; font-family: 'NeoRegular'; }

#search-form-home #searchsubmit { display: block; width: 50px; height: 39px; border:0; background: none; text-indent:9000px; overflow:hidden; margin-top: 1px; cursor:pointer;  }

#header-image {
	float: left;
	margin-bottom: 10px;
}

#slider {
	float: left;
	width: 100%;
/* 	height: 330px !important; */
	margin-bottom: 20px;
	overflow: hidden;
}

#blocks {
	max-width: 958px;
	border: 1px #c3c3c3 solid;
	float: left;
}

#blocks-contact {
	border: 1px #c3c3c3 solid;
	float: left;
	width: 100%;
	margin-top: 20px;
	padding: 10px 20px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;

}

#blocks-contact .showroom { width: 33.3%; float: left; }

#new_models {
	float: left;
	width: 100%;
}

#bottom {
	float: left;
	width: 100%;
}

#footer {
	float: left;
	width: 100%;
	clear: both;
	padding: 30px 0;
	background: #ededed;
	margin-top: 20px;
	font-size: 9pt;
}

#footer #logos-footer {
	float: right;
}

.footer-text {
	font-size: 10px;
	color: #999;
	padding-top: 5px;
}
#footer-wrap .footer-text a {
	color: #999;
}

#footer #prevBtn{float:left;}

#camper{ display: none;}
#occasions{ display: none;}

/*** SHOWROOM STYLING ***/

body.alfa-romeo #new_models, body.fiat #new_models, body.hyundai #new_models, body.lancia #new_models {
	display: none !important;
}

body.alfa-romeo #blocks .left-content{
	border-right: none;
	width: 720px;
	padding: 20px 0 0 0;
	color: #FFFFFF;
}

body.alfa-romeo #blocks .left-content h1, body.hyundai #blocks .left-content h1 {
	color: #a9a9a9;
}

body.alfa-romeo #blocks .left-content h2, body.hyundai #blocks .left-content h2 {
	color: #a9a9a9;
}

body.alfa-romeo #blocks .left-content h3, body.hyundai #blocks .left-content h3 {
	color: #a9a9a9;
}

body.hyundai #blocks .left-content a {
	color: #002095;
}

	/* ALFA*/
	body.alfa-romeo #blocks .left-content h1 { color: #fff; }
	body.alfa-romeo .car-showroom { background: url(img/sprite.png) 220px 480px; }
	body.alfa-romeo {	background: #131313 url(img/bg_alfa-romeo.jpg) top center repeat-x; }
	body.alfa-romeo #blocks #sidebar h2, body.alfa-romeo #blocks #sidebar a { color: #fff; }
	body.alfa-romeo ul.nifty li { list-style-image: url(img/arrow_red.png) }
	body.alfa-romeo #sidebar .button, body.fiat #sidebar .button { background: url(img/sprite.png) 860px 260px; color: #fff !important; }
	body.alfa-romeo #sidebar .button:hover, body.fiat #sidebar .button:hover { background: url(img/sprite.png) 860px 300px; }
	/* FIAT */
	body.fiat .car-showroom { background: url(img/sprite.png) 440px 480px; }
	body.fiat {	background: #fff url(img/bg_fiat.jpg) top center no-repeat; }
	body.fiat #blocks #sidebar h2, body.fiat #blocks #sidebar a { color: #5d5b5a; }
	body.fiat ul.nifty li { list-style-image: url(img/arrow_red.png) }
	body.fiat .car-showroom img { width: 218px; left: 1px }
	/* HYUNDAI */
	body.hyundai #blocks .left-content h1 { color: #5d5b5a; }
	body.hyundai .car-showroom { background: url(img/sprite.png) 660px 480px; }
	body.hyundai {	background: #fff; }
	body.hyundai #blocks #sidebar h2, body.hyundai #blocks #sidebar a { color: #5d5b5a; }
	body.hyundai ul.nifty li { list-style-image: url(img/arrow_blue.png) }
	body.hyundai .leave h2, body.hyundai .leave .nifty{display:none;}
	body.hyundai .car-showroom img { width: 218px; left: 1px }
	body.hyundai #sidebar .button, body.lancia #sidebar .button{ background: url(img/sprite.png) 860px 340px; color: #fff !important; }
	body.hyundai #sidebar .button:hover, body.lancia #sidebar .button:hover{ background: url(img/sprite.png) 860px 380px; }
	body.hyundai .garage{float:left; width:33%;}
	/* LANCIA */
	body.lancia .car-showroom { background: url(img/sprite.png) 660px 480px; }
	body.lancia {	background: #fff url(img/bg_fiat.jpg) top center no-repeat; }
	body.lancia #blocks #sidebar h2, body.lancia #blocks #sidebar a { color: #5d5b5a; }
	body.lancia ul.nifty li { list-style-image: url(img/arrow_blue.png) }
	body.lancia .car-showroom img { width: 218px; left: 1px }

/*** AUTO TEMPLATE ***/

.car-showroom {
	float: left;
	width: 220px;
	height: 260px;
	margin: 0 20px 20px 0;
	position: relative;
}
.car-showroom img {
	position: absolute;
	left: 0;
	bottom: 40px;
}
.car-showroom h3 {
	text-align: center;
	padding: 30px 0;
	color: #3d3d3d;
	font-size: 16pt;
	font-family: 'NeoMedium'
}
.car-showroom a {
	position: absolute;
	display: block;
	width: 220px;
	height: 260px;
	top: 0;
	left: 0;
}

.downloadtd {
width: 250px;
}

/*** EHBA TEMPLATE ***/
.left-content .servicetop h2 {margin-bottom:0;}
.left-content .servicetop p {margin-bottom:40px!important;}
.left-content .serviceblock {width:338px; height:110px; float:left; }
.left-content .lastblock {margin-top:40px;}
.left-content .bigbutton {background: url(img/bigbutton.png) 0 0; width:676px; height:40px; float:left; margin-top:56px;}
.left-content .bigbutton:hover, .left-content .bigbutton:active {background: url(img/bigbutton.png) 0 -40px; text-decoration:underline;}
.left-content .serviceblock .text {float:left; width:244px;}
.left-content .serviceblock .text h3 {font-size:14px; color:#010101; line-height:0;}
.left-content .serviceblock .text p {font-size:14px;}
.left-content .serviceblock .image {width:94px;  height:110px; float:left;}
.left-content .serviceblock .image1 {background:url(img/service1.png) no-repeat center;}
.left-content .serviceblock .image2 {background:url(img/service2.png) no-repeat center;}
.left-content .serviceblock .image3 {background:url(img/service3.png) no-repeat center;}
.left-content .serviceblock .image4 {background:url(img/service4.png) no-repeat center;}
.left-content .serviceblock .image5 {background:url(img/service5.png) no-repeat center;}

.left-content .lowertext {margin:40px 0 30px 0; float:left;}
.left-content .lastcta {margin-bottom:25px; float:left; background-color:#ededed; height:122px; width:100%; border:solid 1px #c3c3c3; border-radius:7px;}
.left-content .lastcta .block {width:298px; margin-left:40px; height:122px; float:left;}
.left-content .lastcta .block p {margin-top:40px; font-size:16px; color:#000;}
.left-content .lastcta .block a {text-decoration:none; color:#fff; margin-top:35px;} .left-content .lastcta .block a:hover, .left-content .lastcta .block a:active {text-decoration:underline;}
.left-content .lastcta .block .contacttext p {margin-top:0; color:#888888; font-size:12px;}
.left-content .lastcta .block .contacttext a {text-decoration:underline; color:#888888;} .left-content .lastcta .block .contacttext a:hover, .left-content .lastcta .block .contacttext a:active {text-decoration:none;}

#blocks .left-content .content-extra { margin-top: 20px; }
#blocks .left-content .content-extra p { margin-bottom: 0; }
#blocks .left-content .content-extra p + p { margin-bottom: 20px; }

/**** TOP ****/

#top #logo {
	float: left;
	width: 300px;
	height: 120px;
	background: url(img/sprite.png) 300px 120px;
}

#top #phone {
	width: 210px;
	height: 59px;
	background: url(img/sprite.png) 850px 120px;
	float: left;
	margin: 30px 0 0 80px;
}

#top .phone-onderhoud {float:right; background:url(img/phone-onderhoud.png); width:259px; height:49px; margin-top:35px;}

/**** LOGO DIV ****/

#logo-div li { float: left; width: 50px; height: 50px; margin-left: 20px; display: block; }
#logo-div a { display: block; width: 50px; height: 50px; }
#logo-div #fiat-professional { background: url(img/fiat-professional.png); }
#logo-div #fiat {
  background: url(img/sprite.png) 560px 120px;
}
#logo-div #alfa {
  background: url(img/sprite.png) 420px 120px;
}
#logo-div #lancia {
  background: url(img/sprite.png) 350px 120px;
}
#logo-div #jeep {
  background: url(img/sprite.png) 623px 120px;
}
#logo-div #hyundai {
 	width:70px;

  /*background:url('http://www.jelletalsma.nl/wp-content/uploads/2013/06/hyundai-logo.jpg');*/
	margin-right: 0;
	text-align:center;
	line-height:18px;
}
#logo-div #hyundai a {color:#1B3A7D;font-family: 'NeoMedium' ; }
/**** LIST ONDERHOUD ****/

#list-onderhoud li {float:left; background:url('img/list-onderhoud.png')no-repeat left center; padding-left:35px; list-style-type:none; margin-right:15px; line-height:60px; color:#077baa; }

/**** NAV ****/

#nav li {
	float: left;
	position: relative;
}

#nav #menu-hoofdmenu a {
	display: block;
	padding: 0 21px;
	line-height: 50px;
	color: #fff;
	text-shadow: 1px 1px 1px #044361;
}

#nav li.current_page_item a,
#nav li.current-menu-ancestor > a,
#nav li:hover,
#nav li:active {
	background: url(img/sprite.png) 960px 220px;
}

#nav li.border {
	width: 2px;
	height: 50px;
	background: url(img/sprite.png) 750px 60px;
	display: block;
}

#nav ul li ul {
	padding: 0;
	position: absolute;
	z-index: 100;
	display: none;
  white-space: nowrap;
	background: #0777a5;
	background: -moz-linear-gradient(top,  #0777a5 0%, #108fc6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0777a5), color-stop(100%,#108fc6));
	background: -webkit-linear-gradient(top,  #0777a5 0%,#108fc6 100%);
	background: -o-linear-gradient(top,  #0777a5 0%,#108fc6 100%);
	background: -ms-linear-gradient(top,  #0777a5 0%,#108fc6 100%);
	background: linear-gradient(to bottom,  #0777a5 0%,#108fc6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0777a5', endColorstr='#108fc6',GradientType=0 );

}

#nav ul li:hover ul {
	display: block;
}

#nav ul li ul li {
	width: 100%;
	border-bottom:1px solid #044361;
	border-top:1px solid #81bdd4;
}

#nav ul li ul li:hover,
#nav ul li ul li:active,
#nav ul li ul li.current_page_item a {
	background:none;
	text-decoration:underline;
}

#nav ul li.current_page_item ul li a,
#nav ul li.current-menu-ancestor ul li a {
	background:none;
}

#nav ul li ul li a {
	line-height:40px;
	font-size:13px;
}

#nav ul ul .border {
	display: none;
}

.mobile-nav{
	display: none;
}
/**** SLIDER ****/

#slider li, #slider ul {
	width: 960px;
	height: 330px;
	position: relative;
	overflow:hidden;
		margin:0;
		padding:0;
		list-style:none;
}

#slider li p {
	margin-bottom: 20px;
}

#slider li .title {
	position: absolute;
	right: 240px;
	top: 30px;
	width: 180px;
	background: url(img/trans_blue.png);
	height: 200px;
	padding: 30px;
	color: #fff;
}

#slider li .title-onderhoud {position:absolute; left:0px; top:101px; width:297px; padding:28px 30px 28px 30px; height:auto; color:#FFF; background: url(img/trans_blue1.png);-webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px;}


#slider li .content {
	position: absolute;
	right: 0;
	top: 30px;
	width: 180px;
	background: #fff;
	height: 200px;
	padding: 30px;
}

.bx-controls {
	position: absolute;
	top: 540px;
	left: 20px;
}

.bx-controls .bx-pager-item{
	display: inline-block;
}

.bx-controls .bx-pager-item a {
	float: left;
	width: 16px;
	height: 16px;
	margin-right: 10px;
	background: #fff;
	cursor: pointer;
	border-radius: 100px;
	border: 2px solid #fff;
}

.bx-controls .bx-pager-item a{
	color: transparent;
}

.bx-controls .bx-pager-item a.active {
	background: #a70059;
	cursor: default;
}

#quicksearchframe {
	background: none;
}
/**** BLOCKS ****/

#blocks .col {
	float: left;
	width: 200px;
	border-right: 1px #c3c3c3 solid;
	padding: 19px;
	position: relative;
}

#blocks #quicksearch {
	width: 477px;
	height:310px;
	padding:0;
	position:relative;
}

#blocks #quicksearch a.button {
	position:absolute;
	left:260px;
	bottom:20px;
}

#quicksearch h2 {
	color: #fff;
}

#blocks.home .col {
	height: 270px;
}

#blocks.showroom .col {
  height: 510px;
	text-align: center;
}
#blocks.showroom .col p {
  margin-bottom: 10px;
}

#blocks .left-content {
	float: left;
	width: 676px;
	border-right: 1px #c3c3c3 solid;
	padding: 20px;
}

#blocks .left-content-onderhoud {
	float:left;
	padding:20px;
	width:577px;
	color:#000;
}

#blocks .left-content-onderhoud h2 {color:#000;}
#blocks .left-content-onderhoud .button-holder {background:#077ba9; padding:23px 14px 23px 21px;  width:531px; margin-top:40px; margin-bottom:40px;}
#blocks .left-content-onderhoud .button-holder p {float:left; color:#fff; line-height:40px;}
#blocks .left-content-onderhoud .button-holder .button {background:url('img/button-onderhoud.png'); width:284px; float:right;}
#blocks .left-content-onderhoud .button-holder .button:hover {background:url('img/button-onderhoud-hover.png');}
#blocks .left-content-onderhoud ul.checklist {margin-bottom:40px;}
#blocks .left-content-onderhoud ul.checklist li {float:left; background:url('img/check-onderhoud.png') no-repeat center left; width:200px; padding-left:30px; line-height:30px; color:#0779a8; font-size:15px;}

#blocks .col.last {
	border-right: none;
	width: 203px;
}
#blocks .col.last.vestigingen {
	background: url(img/vestigingen-friesland2.png) bottom right no-repeat;
}

#blocks #contact .showroom{
	text-align:left;
	margin:0 0 15px 27px;
}

#blocks #contact h2{
	margin-bottom:35px;
}

#blocks #sidebar {
	width: 241px;
	float: left;
}

#blocks #sidebar-onderhoud {
	float:left;
	width:341px;
}

#blocks #sidebar-onderhoud .afspraak {
	width:320px;
	margin:0 10px;
	border:solid 1px #d7d7d7;
	position:absolute;
	margin-top:-220px;
	background:#FFF;
	-webkit-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
text-align:center;
	}
#blocks #sidebar-onderhoud.werkplaats .afspraak h2 {line-height:66px; margin-bottom:0px; border-bottom:solid 1px #d7d7d7; font-size:20px; color:#000;}
#blocks #sidebar-onderhoud.werkplaats .afspraak .content {padding:30px 20px; text-align:left;}
#blocks #sidebar-onderhoud.werkplaats .afspraak .content p {color:#434343; font-size:14px;}
#blocks #sidebar-onderhoud.werkplaats .afspraak .content ul {margin-top:20px;}
#blocks #sidebar-onderhoud.werkplaats .afspraak .content ul li {background:url('img/arrow-list.png') no-repeat center left; padding-left:28px; line-height:36px;}
#blocks #sidebar-onderhoud.werkplaats .vestiging ul > li.tel { font-family: 'NeoMedium';}
#blocks #sidebar-onderhoud.werkplaats .vestiging ul {border-bottom:solid 1px #d7d7d7; float:none; background:url('img/map-bg.png') no-repeat top right;}
#blocks .left-content-onderhoud.werkplaats h1 {margin-bottom:20px;}
#blocks .left-content-onderhoud.werkplaats h2 {font-family: 'NeoMedium'; color:#000000; font-size:28px; margin-bottom:30px; margin-top:20px;}
#blocks .left-content-onderhoud.werkplaats .actie {width:47%; float:left; margin-bottom:24px;}
#blocks .left-content-onderhoud.werkplaats .actie img {width:100%; height:auto;}
#blocks .left-content-onderhoud.werkplaats .actie.right {float:right;}
#blocks .left-content-onderhoud.werkplaats {padding:30px;}

#blocks #sidebar-onderhoud .afspraak img {width:280px; height:auto; margin:20px auto;}
#blocks #sidebar-onderhoud .button-holder {background:#077ba9; padding:23px 14px 23px 21px; margin-top:137px; width:287px; margin-left:10px; margin-bottom:40px;}
#blocks #sidebar-onderhoud .button-holder .button {background:url('img/button-onderhoud.png'); width:284px; }
#blocks #sidebar-onderhoud .button-holder .button:hover {background:url('img/button-onderhoud-hover.png');}
#blocks #sidebar-onderhoud .phone {background:url('img/sidebar-call.png'); width:319px; height:126px;}
#blocks #sidebar-onderhoud .vestiging {border-top:solid 1px #c3c3c3; border-left:solid 1px #c3c3c3; padding:20px;}
#blocks #sidebar-onderhoud .vestiging h2 {font-size:18px; color:#000; font-weight:700;}
#blocks #sidebar-onderhoud .vestiging h3 {font-size:14px; color:#000; font-weight:700;}
#blocks #sidebar-onderhoud .vestiging img {float:left; margin-right:17px;}
#blocks #sidebar-onderhoud .vestiging ul {float:left; }
#blocks #sidebar-onderhoud .vestiging ul > li {font-size:14px; color:#0779a8;}
#blocks #sidebar-onderhoud .vestiging ul > li.tel {color:#8c0048; font-weight:700; margin-bottom:22px;}



#blocks #sidebar-onderhoud.werkplaats .afspraak {background:#fafafa;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.19); }
#blocks #sidebar-onderhoud.werkplaats {width:320px;}
#blocks .left-content-onderhoud.werkplaats {width:578px}
#blocks #sidebar-onderhoud.werkplaats .afspraak {margin:-68px -1px 0;}
#blocks #sidebar-onderhoud.werkplaats .button-holder {margin-top:313px; width:auto; margin-left:0;}
#blocks #sidebar-onderhoud.werkplaats .vestiging {border-top:0;}
body.page-template #header-image {position:relative;}
body.page-template #header-image h2 { font-family: 'NeoMedium'; position: absolute;
  left: 0px;
  top: 101px;
  width: 297px;
  padding: 28px 30px 28px 30px;
  height: auto;
  color: #FFF;
  background: url(img/trans_blue1.png);
  -webkit-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px; font-size:30px;}
#blocks #sidebar-onderhoud .afspraak h2 {background:url('img/afspraak.png') no-repeat center left 20px; padding-left:30px;font-family: 'NeoMedium';}

#blocks #sidebar .item {
	padding: 19px;
	width: 203px;
	border-bottom: 1px #c3c3c3 solid;
}
#blocks #sidebar .item.last { border: none }
#blocks #sidebar .item#vestigingen { background: url(img/vestigingen.png) bottom right no-repeat; height: 270px }


#blocks #kenteken {
	width: 200px;
	height: 50px;
	background: url(img/sprite.png) 950px 60px;
	margin-top: 30px;
}

#blocks .col .button {
	position: absolute;
	bottom: 19px;
	left: 19px;
}

ul.nifty li {
	list-style-image: url(img/arrow.png);
	list-style-position: inside;
	margin-bottom: 10px;
}

#footer-wrap {
	margin:0px auto;
	max-width:960px;
}

#footer-wrap a {
	color: #333
}

/**** CONTENT STYLING ****/

#blocks .left-content h1 {
	margin-bottom: 20px;
}

#blocks .left-content p {
	margin-bottom: 20px;
}

/**** TESTIMONIALS IN FOOTER ****/

#testimonial-slider li {
	width: 225px !important;
	height: 200px !important;
}

#slider-next {
	float: right;
}

/**** CRUMBS STYLING ****/

#crumbs {
	line-height: 60px;
	float: left;
}

/**** BOTTOM ****/

#bottom .wrapper {
	border-bottom: 1px #d3d3d3 solid;
	font-size: 10pt;
	margin-bottom: 10px;
	padding-bottom: 20px;
}

#bottom .col {
	float: left;
	width: 225px;
	margin-right: 20px;
}
#bottom .col.last { margin-right: 0; }
#bottom img { vertical-align: middle }

.score { float: left; width: 60px; height: 60px; text-align: center; color: #F30; line-height: 60px; font-size: 24pt; margin-right: 10px; }
#bottom small { font-style: italic; width: 225px; text-align: right; display:block }

/**** NIEUWS ****/

.nieuws-item {
	max-width: 676px;
	border-top: 1px #c3c3c3 solid;
	float: left;
	margin-left: -20px;
	padding: 20px;
}

.nieuws-item small {
	font-size: 8pt;
}

/**** CONTACT FORM 7 ****/

body .gform_wrapper ul li.gfield{ background: none; }

.field {
	float: left;
	width: 318px;
	padding: 0 20px 0 0;
}

form input[type=text],
form input[type=email] {
	float: left;
	width: 296px;
	height: 30px;
	padding: 0 10px;
	border: 1px #d3d3d3 solid;
}

form textarea {
	float: left;
	width: 296px;
	height: 100px;
	padding: 0 10px;
	border: 1px #d3d3d3 solid;
}

form h2 {
	margin-top: 20px;
}

form p {
	clear: both;
}

form input[type=submit] {
	margin-top: 20px;
}

div.wpcf7 img.ajax-loader {
	display: none;
}
.wpcf7-not-valid-tip {
	float: left;
	clear: both;
	position: relative !important;
	left: 0 !important;
	margin: 10px 0;
	width: 306px !important;
}

span.wpcf7-list-item {
    margin-left: 0.5em;
	float: left;
width: 150px;
}

/**** NEW MODELS ****/

#new_models h1 {
	text-align: center;
	font-family: 'NeoRegular';
	padding: 20px 0;
}

#new_models .car {
	float: left;
	width: 48%;
}

#new_models .car + .car {
	margin-left: 4%;
}

#new_models .car img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#new_models h2 {
	color: #5d5b5a;
	text-align: center;
	font-size: 24pt;
	font-family: 'NeoMedium';
	padding: 20px 0;
}

#new_models #car_4 {
	margin-right: 0;
}
#new_models h3 {
	background: #044361;
	color: #fff;
	text-align: center;
	height: 40px;
	line-height: 40px;
	font-size: 13pt;
	font-family: 'NeoMedium'
}

#new_models h3 a {
	color: #fff;
}

.klantenvertellen-totaal{padding: 19px; width: 203px; border-bottom: 1px #c3c3c3 solid;}
.klantenvertellen-totaal .h2{color: #044361; font-size: 15pt; display:block;}
.klantenvertellen-totaal .cijfers{display:block; margin-left:25px;}
.klantenvertellen-totaal .cijfers .cijfer{color: #F30; line-height: 60px; font-size: 24pt;}
.klantenvertellen-totaal a{text-decoration:none; color:#044361;}
.klantenvertellen-totaal a:hover{text-decoration:underline;}

.klantenvertellen{margin-bottom:20px; padding:10px; background:#f8f8f8; border:1px solid #e6e6e6;}
.klantenvertellen .title{font-weight:bold; margin-bottom:5px;}
.klantenvertellen .review{text-align:left !important;}
.klantenvertellen .cijfers{width:320px; float:left;}
.klantenvertellen .cijfers .labeltitel{font-weight:bold; color:#044361; display:block;}
.klantenvertellen .cijfers .label{font-weight:bold; display:inline-block; width:125px;}
.klantenvertellen .cijfers .final{font-weight:bold;}
.klantenvertellen .hide{display:none;}

.reviews{}
.reviews .review{float:left; width:320px; text-align:center;}

#footer-wrap .social li{display:inline-block; margin:0 5px;}

.occasions #sidebar{}
.occasions#blocks .left-content{min-height:900px; border:0; border-left:1px solid #c3c3c3;}

#occasion-filter{width:230px;}
#occasion-filter .title{font-size:13px;}
#occasion-filter .inner{}
#occasion-filter .inner .label {margin: 5px 0; font-weight: bold; font-size: 14px; color:#044361;}
#occasion-filter .inner label {clear: both; display: block; padding: 1px 0; font-size: 12px; line-height:16px; cursor: pointer;}
#occasion-filter .inner label:hover{color:#044361; text-decoration:underline;}
#occasion-filter .inner label input {display: none;}
#occasion-filter .filter-box {padding: 0 0 0 30px; background-position: left center; background-repeat: no-repeat;}
#occasion-filter .filter-box.brandstof{background-image:url(img/filter_brandstof.png);}
#occasion-filter .filter-box.transmissie{background-image:url(img/filter_transmissie.png);}
#occasion-filter .filter-box.carrosserie{background-image:url(img/filter_carrosserie.png);}
#occasion-filter .filter-box.prijs{background-image:url(img/filter_prijs.png);}
#occasion-filter .filter-box.kilometerstand{background-image:url(img/filter_kilometerstand.png);}
#occasion-filter .filter-box.kleur{background-image:url(img/filter_kleur.png);}
#occasion-filter .filter-box.bouwjaar{background-image:url(img/filter_bouwjaar.png);}
.remove-filter {float: right; width: 16px !important; height: 16px !important; background: url(img/close.png); border: 0px; cursor: pointer;}
#occasion-filter .inner .clear {font-size: 12px;}
.clear.border {margin: 10px 0; border-top: 1px solid #2a2b2e; border-bottom: 1px solid #2a2b2e;}
#occasion-delete-btn{width:100px; margin:0 auto; text-align:center; display:block;}

#occ-overzicht{}
#occ-overzicht > .container{position:relative; float: left; margin: 0 15px 15px 0; padding: 15px; width: 183px; height: 255px; border:1px solid #c3c3c3; }
#occ-overzicht > .container.last{margin-right:0;}
#occ-overzicht > .container:hover{/*background:#f5f5f5;*/}

#occ-overzicht > .container .img img{max-width:100%;}

#occ-overzicht > .container a{font-size:16px; color:#044361; font-weight:700; display:block; text-decoration:none;}
#occ-overzicht > .container a:hover{text-decoration:underline;}

#occ-overzicht > .container .type{display:block; word-break:break-all; color:#91908f;}
#occ-overzicht > .container .price{position:absolute; bottom:0; left:0; right:0; padding:5px 15px; display:block; border-top:1px solid #c3c3c3;}

.single-occasions .block > .inner{padding:0;}
#carwrapper { max-width: 960px; background:#1f2022;}
#carwrapper #carleft { float: left; width: 440px; position: relative;}
#carwrapper #carleft .verkochtflupje { display: block; position: absolute; top: 0; left: 0; background: url(images/verkochtflupje.png) top left no-repeat; width:140px; height: 140px; }
.container .img .verkochtflupje { display: block; position: absolute; top: 0; left: 0; background: url(images/verkochtflupje-klein.png) top left no-repeat; width:79px; height: 79px; }

#carwrapper #carright { float: left; width: 495px; height: 310px; padding:0 0 0 25px; position: relative; }
#carwrapper #carright .btn{position:absolute; left:20px; bottom:20px;}
#carwrapper #social { position: absolute; top: 283px; right: 76px; width: 150px; }
#carwrapper h1 { font-size: 25px; margin-bottom: 5px; }
#carwrapper h2 { font-size: 16px; margin-bottom: 5px; }

.cargallery img { border: 1px solid #121212; margin: 4px;  }

#carwrapper #omschrijving { clear:both; padding-top: 10px; }
#occasionbutton { display: block; width: 171px; height: 13px; background: url(images/occasion-button.png) no-repeat; text-decoration: none; padding: 12px; font-family: HelveticaNeueCondensed; font-size: 15px;}

#occasionback:hover{text-decoration:underline;}

#car-detail-left { float: left; display:block; width: 300px; }
#car-detail-left tr { line-height: 120%; }
#car-detail-right { float: right; display: block; width: 185px; position: relative; height: 275px; padding-right: 10px; }
#car-detail-right .vestiging{float:left; padding:10px 0;}

.pricetag{margin:18px 0 0 0; color: #044361;}
.pricetag .price{margin:0 0 3px 0; font-size:32px; font-weight:bold;}
.pricetag .price-per-month{font-size:15px;}

.buttons-wrap { width:495px; }
.buttons-wrap > a { background:#044361; color:#fff; border-radius:2px; padding:10px 20px; font-family:'NeoRegular'; font-weight:bold; float:left; }
.buttons-wrap > a:hover { text-decoration:none; background:#09597f; }
.buttons-wrap .social { float:left; }
.buttons-wrap .social .icon { display:block; height:42px; width:42px; margin-right:10px; background:#044361; border-radius:2px; text-align:center; line-height:54px; float:left; }
.buttons-wrap .social .icon:hover { background:#09597f; }
.buttons-wrap .social .icon.facebook span { display:inline-block; height:23px; width:12px; background:url('img/icon-facebook.png') no-repeat; }
.buttons-wrap .social .icon.twitter span { display:inline-block; height:21px; width:16px; background:url('img/icon-twitter.png') no-repeat; }
.buttons-wrap .social .icon.mail { line-height:47px; }
.buttons-wrap .social .icon.mail span { display:inline-block; height:15px; width:25px; background:url('img/icon-mail.png') no-repeat; }
#contact_form_pop .logo { display:block; margin:0 auto; width: 300px; height: 120px; background: url(img/sprite.png) 300px 120px; }
#contact_form_pop .inner { width:400px; padding:20px 50px; text-align:center; }
#contact_form_pop .inner input[type="text"],
#contact_form_pop .inner input[type="email"],
#contact_form_pop .inner textarea { width:300px; margin:0 auto 10px auto; float:none; text-align:center; font-family:'NeoRegular'; }
#contact_form_pop .inner textarea { resize:vertical; padding:5px; }
#contact_form_pop .inner .wpcf7-list-item { float: none; display: block; margin: 0 auto; }
#contact_form_pop .inner input[type=submit] { float:none; margin:0 auto; }
#contact_form_pop .title { display:block; color:#044361; font-weight:bold; }
#contact_form_pop .subtitle { display:block; color:#044361; }

.cargallery{margin-top:20px;}
.cargallery img { display:block; float:left; margin:5px; padding:10px; border: 1px solid #c3c3c3; }

.tab-buttons ul.options{float:left; margin:0 0 0 20px; width: 290px; list-style:circle;}
.tab-buttons ul.options li{}

.single-occasions #social{float:right; width:145px;}
.single-occasions #social .at300b{padding:0 0 0 4px !important;}

.single-occasions .tab-buttons{margin:0; padding:0; border:0;}
.single-occasions .tab-buttons .special{background:#ffa900 !important;}
.single-occasions .tab-buttons .special:hover{background:#f19106 !important;}

.single-occasions .tab-items{list-style-type:none;}
.single-occasions .tab-items li{padding:5px 10px; background:#1a4796; float:left; margin-right:5px; border-right:1px solid #0a275b; border-left:1px solid #0a275b; border-bottom:1px solid #0a275b;}
.single-occasions .tab-items li a{color:#fff;}
.single-occasions .tab-items li:hover{background:#1f2022; border-left:1px solid #1f2022; border-right:1px solid #1f2022; border-bottom:1px solid #1f2022;}

#omschrijving .ui-tabs-panel {padding: 10px; border:1px solid #c3c3c3; font-family:'NeoRegular';}
#omschrijving .ui-tabs-nav{list-style:none; padding:0; background:#fff; border:0; font-family:'NeoRegular';}
#omschrijving .ui-tabs-nav li{margin:0 0 -1px 0; padding:5px 10px; float:left; margin-right:5px; border:1px solid #c3c3c3; background:#f5f5f5;}
#omschrijving .ui-tabs-nav li a{}
#omschrijving .ui-tabs-nav li:hover,
#omschrijving .ui-tabs-nav li.ui-tabs-active{background:#fff; border:1px solid #c3c3c3; border-bottom:1px solid #ffffff;}
#omschrijving .ui-tabs-nav li:focus,
#omschrijving .ui-tabs-nav li a:focus{border:none; outline:none;}
#omschrijving .tab-buttons { padding-bottom: 5px; }
#omschrijving h3 { padding-left: 10px; }
#omschrijving .btn.mtop{margin-top:20px;}

.showOnTablet{ display: none;}
.contact-bar{display: none;}

@media (max-width: 960px ){
	.wrapper{margin: 0 20px;}
	#search{ display: none;}
	#top #phone{width: 190px; float: right; margin: 30px 0 0 0;}

	.mobile-nav{display: block; color: #fff; padding: 14px 21px;}
	.mobile-nav i { float: right; margin-top: -9px;}

	.menu-hoofdmenu-container{ display: none; }
	#nav{ background: #05628F;}
	#nav #menu-hoofdmenu{z-index: 99; position: relative; border-top: solid 1px #fff;}
	#nav li.border{ display: none;}
	#nav li{ display: block; float: none; background-color: #05628F;}
	#nav ul li ul{display: block; position: static; }
	#nav #menu-hoofdmenu li ul li{ border: none;}
	#nav #menu-hoofdmenu li ul li a{padding-left: 40px;}

	#logos{ display: none;}

	#slider li .title{ width: 50%; right: 0; top: inherit; height: auto; bottom: 0;}
	#slider li .title { font-size: 14pt;}
	#slider li .content{ display: none;}
	.bx-controls{ display: none;}

	.home #blocks{ padding: 0 10%;}
	#blocks #quicksearch{ display: none;}
	#blocks .col.last{ float: right;}

	#footer-wrap{ margin: 0 20px;}
	.reviews .review{margin: 0 auto; float: none;}

	.showroom #blocks .col{ width: 42%;}
	.showroom #blocks .col.last{float: left; border-right: 1px #c3c3c3 solid;}

	.occasions#blocks .left-content{ border: none; padding: 20px 0;}
	#occ-overzicht > .container{ width: 41%;}
	#occ-overzicht .clear{ display: none;}
	#blocks .left-content{ width: 100%;}
	#occ-overzicht > .container.last{margin-right: 15px;}

	#carwrapper #carleft,
	#carwrapper #carright{width: 100%; float: left; height: auto;}
	#car-detail-right{ float: left;}
	.pricetag{ margin: 20px 0;}

	#blocks{ float: none;}
	#blocks.round.showroom { float: left; }
	#blocks #sidebar-onderhoud{ display: none;}
	#blocks .left-content-onderhoud,
	#blocks .left-content-onderhoud.werkplaats{ padding: 20px 0; width: 100%;}

	#blocks .left-content-onderhoud .button-holder{ width: 100%; padding:10px;}
	#blocks .left-content-onderhoud .button-holder p,
	#blocks .left-content-onderhoud .button-holder .button{ display: block; float: none; text-align: center; margin: 0 auto;}

	.contact #blocks .left-content{padding: 20px 0; border: none;}

	#camper{ display: block; height: auto!important;}
	#occasions{ display: block; height: auto!important;}

	#blocks #sidebar {width: 100%;}
	#blocks #sidebar .item {width: 100%; box-sizing: border-box;}
	.mobile-row-1 {float: left;width: 50%;}
	.mobile-row-2 {float: right; width: 50%;}

	#occ-overzicht > .container{ height: 335px;}


}



@media (min-width: 660px ) and (max-width: 960px) {
	.showOnTablet{ display: block;}
	.home #blocks{ padding: 0;}
	#blocks .col{ width: 44%!important; height: auto!important}

}



@media (max-width: 710px ){
	#occ-overzicht > .container{ width: 100%; height: auto;}
	#occ-overzicht > .container .price{position: static;}

	.contact .table-right{ display: none;}

	#omschrijving .ui-tabs-panel table tr td{width: 100%;}
}

@media (max-width: 660px ){
	#blocks .col,
	#blocks .col.last{ float: none; width: 100%; border: none;}

	#new_models .car{width: 100%; float: none;}
	#car_2{ margin-top: 30px; margin-left: 0!important;}

	.colophon{ width: 297px; margin: 0 auto; float: none!important;}
	#footer #logos-footer{float: left; margin-top: 20px;}

	.showroom #blocks .col,
	.showroom #blocks .col.last{float: none; width: 100%; border: none;}

	#occ-overzicht > .container{ width: 100%; height: auto;}
	#occ-overzicht > .container .price{position: static;}
	#blocks-contact .showroom { width: 100%; float: left; margin-bottom: 20px; }


}

@media (max-width: 540px ){
	#top #phone{ display: none;}
	#slider li .title{ width: 100%; right: auto;}

	.buttons-wrap{ width: auto;}
	.buttons-wrap .fancybox{ margin-top: 20px;}

	.contact-bar{ display: block; background-color: #ededed; padding: 10px; text-align: center; text-align: center;}
	.contact-bar a{ display: inline-block; margin: 0 20px;}
	.contact-bar a.phone-top{ }
	.contact-bar a.mail-top{}
	.contact-bar a i{ vertical-align: middle;}

	#occasion-filter .filter-box.prijs {background:none;}
	#occasion-filter .filter-box.kilometerstand {background:none;}
	#occasion-filter .filter-box.bouwjaar {background:none;}
	#occasion-filter .filter-box.brandstof {background:none;}
	#occasion-filter .filter-box.transmissie {background:none;}
	#occasion-filter .filter-box.bouwjaar {background:none;}
	#occasion-filter .filter-box {padding: 0px;}
}