@import url(reset.css);

html {
  background:url(/wp-content/themes/autoreef/images/html-background.jpg) repeat-x;
  height:100%;
}

body {
  font: 12px/18px Arial,Verdana,sans-serif;
  background:url(/wp-content/themes/autoreef/images/body-bg.jpg) repeat-x left 130px;
  height:100%;
  color: #3c3c3c;
}

body.page-id-212 div.logos {
display: none;}

.clear { clear: both; height: 1px;}
.links{  float: left; }
td { vertical-align: top; }
th { vertical-align: top; text-align: left; }

img { background: transparent;}

/*h1 {
  font-size:18px;
  margin-left:10px;
  height:20px;
}*/

h1 {
  font-size:18px;
  margin: 20px 0 20px 10px;
  height:20px;
}

.demoAutoDetail h1 {
  font-size:18px;
  margin: 0px 0 20px 10px;
  height:20px;
  color: #cf020c;
}

.demoAutoDetail h2 {
  font-size:18px;
  margin: 20px 0 20px 10px;
  height:20px;
}

ul li{
  padding-left: 20px;
  background: url(/wp-content/themes/autoreef/images/red_bullet.png) no-repeat 7px 6px;
}

ul#nav li{
  padding-left: 00px;
  background: none;
}

div#head {
  height:103px;
  width: 960px; 
  margin: auto;
}

#head strong {
  display: block;
  font-size:38px;
  font-weight:bold;
  margin-left:10px;
  padding-top:43px;
  height: 35px;
  display:block;
}

#head strong a {
  text-decoration: none;
  color: #3c3c3c;
  width: 180px;
  height: 35px;
  float: left;
  display:block;
  line-height:38px;
}  


#head img {
  float: right;
  height: 82px;
  margin: 10px 0 0 30px;
}

#head a {
  width: 95px;
  height: 95px;
  display: block;
  float: right;
  margin: 4px 8px 0 0;
}
#head a.suzuki {
  background: url(/wp-content/themes/autoreef/images/logos/btn_suzuki.png);
}
#head a.suzuki:hover {
  background-position: 0 -95px;
}
#head a.skoda {
  background: url(/wp-content/themes/autoreef/images/logos/btn_skoda.png);
}
#head a.skoda:hover {
  background-position: 0 -95px;
}
#head a.seat {
  background: url(/wp-content/themes/autoreef/images/logos/btn_seat.png);
}
#head a.seat:hover {
  background-position: 0 -95px;
}

#nav {
  font-size:14px;
  font-weight:bold;
  height:27px;
  width: 950px;
  padding-left: 10px; 
  margin: auto;
  line-height:27px;
}

#nav li {
  float:left;
  display:inline-block;
  margin-right:15px;
}

#nav li a {
  padding-left:19px;
  display:block;
  color:#fff;
  text-decoration:none;
}

#nav li a:hover,
#nav li.current_page_item a {
  background:url(/wp-content/themes/autoreef/images/menu-hover.jpg) no-repeat center left;
} 

#content {
  width: 960px;
  margin: auto;
}

#main {
  width: 640px;
  float: left;
}
#main_full {
  width: 960px;
}

div.demonstratieOverzicht ul li a{
  color: #cf020c;
  font-size: 1.2em;
  font-weight: bold;
}

div.demonstratieOverzicht ul li a:hover{
  text-decoration: none;
}


.demoAutoDetail th { width: 100px; }
.demoAutoDetail ul { margin-top: 15px; }

.demoAutoDetail .txt img:first-child {
  margin: 0 5px 0px 0;
}

.demoAutoDetail .imgPrijs {
  float: left;
  width: 220px;
  margin-right: 8px;
}

.demoAutoDetail .imgPrijs img{
  width: 220px;
}

.demoAutoDetail .imgPrijs div {
  padding: 5px 5px 5px 5px;
  display: block;
  background-color: #cf020c;
  color: #FFF;
  font-weight: bold;
  font-size: 1.1em;
  height: 18px;
}

.demoAutoDetail .imgPrijs div span{
  float: left;
}
.demoAutoDetail .imgPrijs div span.wat{
  width: 100px;
}

.demoAutoDetail .imgPrijs div span.e{
  width: 8px;
  margin-right: 5px;
}

.demoAutoDetail .imgPrijs div span.prijs{
  width: 70px;
  text-align: right;
}

.demoAutoDetail .imgPrijs div.voordeel{
  margin: 5px 0;
  font-size: 1.2em;
}


.txt{
  margin: 0px 8px 8px 10px;
  padding: 0;
}

.txt h2{
  margin-bottom: 0;
  margin-left: 0;
  color: #cf020c;
  font-size: 14px;
}

.txt .logos{
  width: 140px;
  padding: 10px 0px 10px 10px;
  margin-left: 10px;
  float: right;
}

.txt .logos img{
  margin-bottom: 20px;
}

.contact_locatie:first-child {
  border-bottom: 1px dotted #a6d7c5;
}

.contact_locatie {
  margin-bottom: 14px;
  clear: both;
}

.contact_locatie h3 {
  color: #cf020c;
  font-size: 18px;
}

.contact_locatie .links{
  width: 220px;
  margin-right: 10px;
}

.contact_locatie .rechts{
  width: 230px;
  float: left;
}

.contact_locatie .rechts p{
  margin-bottom: 16px;
}

a.verzendknop {
  background-image: url(/wp-content/themes/autoreef/images/static/btn/verzenden.png);
  height: 22px;
  width: 106px;
  display: block;
}
input.verzendknop {
  background-image: url(/wp-content/themes/autoreef/images/static/btn/verzenden.png);
  height: 22px;
  width: 106px;
  border: 0;
  cursor: pointer;
}
input.verzendknop:hover, a.verzendknop:hover {
  background-image: url(/wp-content/themes/autoreef/images/static/btn/verzenden.png);
  background-position: 0 -22px;
}

#contactForm td {
  padding-bottom: 5px;
}

#contactForm label.error {
  display: none;
  color: maroon;
  font-style: italic;
  
}

#contactForm th {
  width: 180px;
}

.contactForm strong {
  font-size: 15px;
}

.contactForm p.verstuurd strong {
  font-size: 12px;
  color: maroon;
}

.cont_230 ul {
  padding-left: 20px;
  margin-top: 10px;
}
.cont_230 ul li {
  list-style-image: url(/wp-content/themes/autoreef/images/static/bullet_red.png);
}
.cont_230 ul li a{
  color: #18884f;
}

#sidebar {
  width: 310px;
  float: left;
  margin-left: 10px;
}

#sidebar strong{
  font-size: 15px;
}

#sidebar p{
  line-height: 16px;
}

#sidebar div.btns {

  float: right; 
  width: 100px;
  margin: 48px 10px 0 10px;

}

a.route,
a.direct_contact{
  width: 106px;
  height: 22px;
  display: block;
  margin: 5px 0 10px 0px;
  background-image: url(/wp-content/themes/autoreef/images/static/btn/dc_route.png);
}

a.route{
  background-position: 0 -44px;
}
a.route:hover{
  background-position: 0 -66px;
}
a.direct_contact{
  background-position: 0 0px;
}
a.direct_contact:hover{
  background-position: 0 -22px;
}

a.email,
a.route_wide {
  display: block;
  width: 106px;
  height: 32px;
  margin-bottom: 10px;
  background-image: url(/wp-content/themes/autoreef/images/static/btn/route_email.png);
}

a.route_wide {
  background-position: 0 0;
}
a.route_wide:hover {
  background-position: 0 -32px;
}
a.email {
  background-position: 0 -64px;
}
a.email:hover {
  background-position: 0 -96px;
}


.btn_occasions {
  margin-left: 4px;
}

#foot {
  clear: both;
  background-color: #3c3c3c;
  border-top: 1px solid #b1b1b1;
  margin-top: 20px;
  height: 11px;
}

/*
#cycler {
  width:620px;
  height:238px;
  background:#fff;
  padding:10px;
  box-shadow:  0px 0px 5px #888;
  -moz-box-shadow: 0px 0px 5px #888;
  margin-top:17px;
  position:relative;
}

#cycler li {
  display:block;
}

#cycler #big-image {
  width:460px;
  height:238px;
  position:absolute;
  right:10px;
}

#cycler #img-1 {
  width:170px;
  height:115px;
  position:absolute;
  top:10px;
}

#cycler #img-2 {
  width:170px;
  height:115px;
  top:133px;
  position:absolute;
}

#cycler #img-2 a,
#cycler #img-1 a {
  width:170px;
  height:115px;
  display:block;
  position:absolute;
  top:0;
  background:url(/wp-content/themes/autoreef/images/slider/slider-white-bg.jpg) 151px 0 repeat-y;
}

#cycler #img-2 a:hover,
#cycler #img-1 a:hover {
  background:url(/wp-content/themes/autoreef/images/slider/slider-hover.png) 151px 0 repeat-y;
}*/

/***** blokken  *****/

.block_460 {
  width: 460px;
  float: left;
  margin: 0 10px;
}

.block_140 {
  width: 140px;
  margin: 0 10px;
}

.block_640 {
  width: 460px;
  float: left;
  margin: 0 10px;
  
}

/*.block_460 {
  width: 460px;
  float: left;
  margin: 0 10px;
}*/

/***** containers  *****/

.cont_310,
.cont_230,
.cont_640 {

  overflow: hidden;
  margin: 0 10px 10px 0;
}


.cont_310 {
  width: 310px;
}
.cont_310 .top {
  background-image: url(/wp-content/themes/autoreef/images/static/container/310top.png);
  overflow: hidden;
  height: 5px;
}
.cont_310 .mid {
  background-image: url(/wp-content/themes/autoreef/images/static/container/310mid.png);
  padding: 6px 10px;
}
.cont_310 .bot {
  height: 6px;
  overflow: hidden;
  background-image: url(/wp-content/themes/autoreef/images/static/container/310bot.png);
}

.cont_230 {
  width: 230px;
}
.cont_230 .top {
  background-image: url(/wp-content/themes/autoreef/images/static/container/230top.png);
  overflow: hidden;
  height: 5px;
}
.cont_230 .mid {
  background-image: url(/wp-content/themes/autoreef/images/static/container/230mid.png);
  padding: 6px 10px;
}
.cont_230 .bot {
  height: 5px;
  overflow: hidden;
  background-image: url(/wp-content/themes/autoreef/images/static/container/230bot.png);
}
.cont_230 strong {
  font-size: 14px; 
}


.cont_640 {
  width: 640px;
}
.cont_640 .top {
  background-image: url(/wp-content/themes/autoreef/images/static/container/640top.png);
  overflow: hidden;
  height: 5px;
}
.cont_640 .mid {
  background-image: url(/wp-content/themes/autoreef/images/static/container/640mid.png);
  padding: 5px 10px;
}
.cont_640 .bot {
  height: 6px;
  overflow: hidden;
  background-image: url(/wp-content/themes/autoreef/images/static/container/640bot.png);
}

.cont_850,
.cont_850_iframe {
  width: 850px;
  margin-right: 10px;
  overflow: hidden;
}

.cont_850 .top,
.cont_850_iframe .top {
  background-image: url(/wp-content/themes/autoreef/images/static/container/850top.png);
  overflow: hidden;
  height: 5px;
}
.cont_850_iframe .mid{
  background-image: url(/wp-content/themes/autoreef/images/static/container/850mid.png);
  padding: 0px 4px;
}
.cont_850_iframe .bot {
  height: 5px;
  overflow: hidden;
  background-image: url(/wp-content/themes/autoreef/images/static/container/850bot.png);
}


.cont_720,
.cont_720_iframe {
  width: 710px;
  margin-right: 10px;
  overflow: hidden;
}
.cont_720 .top,
.cont_720_iframe .top {
  background-image: url(/wp-content/themes/autoreef/images/static/container/720top.png);
  overflow: hidden;
  height: 5px;
}
.cont_720 .mid{
  background-image: url(/wp-content/themes/autoreef/images/static/container/720mid.png);
  padding: 5px 10px;
}
.cont_720_iframe .mid{
  background-image: url(/wp-content/themes/autoreef/images/static/container/720mid.png);
  padding: 0px 4px;
}
.cont_720 .bot,
.cont_720_iframe .bot {
  height: 5px;
  overflow: hidden;
  background-image: url(/wp-content/themes/autoreef/images/static/container/720bot.png);
}

#sidebar .cont_310 .mid {
  height: 115px;
  padding-top: 6px;
}


/****** SLIDER *******/

		div#feature_list {
			width: 622px;
			height: 240px;
			overflow: hidden;
			position: relative;
		}

		div#feature_list ul {
			background: none !important;
			padding: 0 !important;
			position: absolute;
			top: 0;
			list-style: none;	
			margin: 0;
		}

		ul#tabs {
			left: 0;
			z-index: 2;
			width: 173px;
		}

		ul#tabs li {
			background: none !important;
			padding: 0 !important;
			font-size: 12px;
			font-family: Arial;
			height: 115px;
			margin: 0 0 8px 0;
			width: 200px;
		}
		
		ul#tabs li.motor a {
		  background: url(/wp-content/themes/autoreef/images/static/5050_deal_small_out2.jpg) 0 0 no-repeat;
		}
		ul#tabs li.motor a.current {
		  background: url(/wp-content/themes/autoreef/images/static/5050_deal_small2.png) 0 0 no-repeat;
		}
		
		ul#tabs li.auto a {
		  background: url(/wp-content/themes/autoreef/images/static/ibiza-copa-2012-small-out.jpg) 0 0 no-repeat;
		}
		ul#tabs li.auto a.current {
		  background: url(/wp-content/themes/autoreef/images/static/ibiza-copa-2012-small.png) 0 0 no-repeat;
		}
		
		ul#tabs li img {
			border: none;
			float: left;
		}

		ul#tabs li a {
			color: #222;
			text-decoration: none;	
			display: block;
			padding: 0;
			outline: none;
			height: 115px;
			width: 200px;
		}

		ul#tabs li a:hover {
			text-decoration: underline;
		}

		ul#tabs li a.current {
			color: #FFF;
		}

		ul#tabs li a.current:hover {
			text-decoration: none;
			cursor: default;
		}

		ul#output {
			right: 0;
			width: 460px;
			height: 240px;
			position: relative;
		}

		ul#output li {
			background: none !important;
			padding: 0 !important;
			position: absolute;
			width: 463px;
			height: 240px;
		}

		ul#output li a {
			position: absolute;
			bottom: 15px;
			right: 15px;
			text-decoration: none;
			font-size: 11px;
			width: 106px;
			height: 22px;
			display: block;
			background-image: url(/wp-content/themes/autoreef/images/static/btn/meerinfo.png);
		}
		
		ul#output li a:hover {
			background-position: 0 -22px;
		}

#googlemap3_r2qbp_0 {
  border: 1px #CCC solid;
  padding: 2px;
  width:440px; 
  height:370px;
}