@charset "utf-8";
/* CSS Document */

/*
	Name: Auto Kar
	Date: Augustus 2011
	Description: Style for Auto Kar
	Version: 0.5
	Company: Cartel Internet & Marketing
	Author: Raymond Veldhuizen
*/

html {	/* Backgroundimage*/
	background-image: url('../images/layout/siteBackground.png');	
}

body {
	color: #4f4f4f;
	font-family: Verdana, Geneva, sans-serif;
	font-size:14px;
	line-height: 1.4;
	background-repeat: no-repeat;
	background-position: top center;
}

/* ---------- Algemeen ---------- */

h1 {
	padding: 0px 0px 5px 0px;
	font-family: "Myriad Pro";
	font-size: 27pt;
	color: #fff;
	line-height: 27pt;
}`

h2 {
	font-family: "Myriad Pro";
	font-size: 20pt;
	line-height: 24pt;
}

h3 {
	font-family: "Myriad Pro";
	font-size: 13.5pt;
	line-height: 18pt;
}

a {
	color: #4f4f4f;	
}

/* ---------- Top Header ---------- */

a.logo {
	float:left;	
}

a.logo img {
	margin-top: 25px;
}

ul.mainNav a {
	font-size:17px;	
}

#cavSearchFormMini {
	padding: 5px 0 0 20px;	
}

.cavSearchFormSelect {
	width: 155px;
	font-size: 12px;
	float: left;	
}

#quickSearch a {
	padding: 10px 0 0 20px;
	color: #4f4f4f;
	text-decoration: none;
}

#quickSearch select {
	width: 139px;
	padding: 0px;
	margin-bottom: 17px;
	background-color: #f0f0f0;
	border: solid 1px #c5c5c5;
}

#quickSearch input {
	width: 139px;
	height: 25px;
	margin-right:21px;
	background: none;
	color: #fff;
	border: none;
	float: right;
}

/* ---------- Site Navigation ---------- */

ul.siteNav li {
	padding-right:12px;
	float: left;
}

ul.siteNav li.siteNavLast {
	padding-right:0;	
}

ul.siteNav li a {
	width: 185px;
	height: 44px;
	padding-top:4px;
	text-align: center;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	display: block;
}

ul.siteNav li a span {
	font-weight: normal;
	font-size: 11px;
	display: block;	
}

ul.siteNav li a.vw 		{ background-color: #2e3192; }
ul.siteNav li a.audi 	{ background-color: #ed1c24; }
ul.siteNav li a.vwBestel{ background-color: #f58220; }
ul.siteNav li a.seat 	{ background-color: #ed1c24; }
ul.siteNav li a.skoda 	{ background-color: #006559; }

ul.siteNav li a.vw:hover{
	background-color: #5053b0; 
	text-decoration:underline;
}
ul.siteNav li a.audi:hover{ 
	background-color: #ff3e45; 
	text-decoration:underline;
}
ul.siteNav li a.vwBestel:hover{ 
	background-color: #f69441; 
	text-decoration:underline;
}
ul.siteNav li a.seat:hover{ 
	background-color: #fd3a41; 
	text-decoration:underline;
}
ul.siteNav li a.skoda:hover{ 
	background-color: #108073; 
	text-decoration:underline;
}

ul.siteNav li a.activeSiteNav {
	text-decoration:underline;
}

/* ---------- Site Contents ---------- */

#pageTitle h1 {
	padding: 8px 0 0 15px;
	font-size: 22px;
	font-weight: bold;
}

#pageContent {
	width:623px;
	padding: 15px;
	background-image: url('../images/layout/backgroundTabContent.png');
}

.contentHome ul li.holder {
	float: left;
	width: 310px;
}

.contentHome ul li.Last {
	margin-right: 0;	
}

.contentHome ul li.holder div.contentBox {
	height: 372px;	
}

.contentHome ul li.holder div.socialMedia {
	margin-right: 15px;
}

#pageContent p {
	padding: 5px 0;
}

.cavCounter {
	padding-top:10px;
	float: right;	
}

.actueelImg, .pagesImg {
	float:left; 
	padding-right: 15px;	
}

div.item {
	float: left;
	width: 155px;
	height: 160px;	
}

div.item strong {
	font-weight: bold;	
}
/* ---------- CAV / CWP ---------- */


.CWPimage {
	margin: -10px 0 0 -15px;	
}

.cwpOptionLabel {
	border: none;	
}

.cavItem img {
	float: left;
	padding-right: 15px;	
}

.cavDescription li.status {
	font-style: italic;
}

.cavDescription li.title {
	font-weight: bold;	
}

.priceLabel {
	width: 273px;
	height: 44px;
	display: inline-block;
	color: #8b8b8b;
	text-decoration: none;
	position: absolute;
	left: 340px;
	bottom: 52px;
}

span.priceLabel {
	left: 680px;
}

span.priceLabel:hover {
	color: #fff;
	text-decoration:underline;	
}

.priceLabel span.label, .priceLabel span.contentLabel {
	background-repeat: no-repeat;
}

.priceLabel span.label {
	width: 258px;
	height: 32px;
	padding-left:15px;
	padding-top: 12px;
	background-image: url('../images/layout/priceLabel.png');
	display: block;
	float: right;
}

.priceLabel span.price {
	width: 210px;
	font-size:35px;
	font-weight: bold;
	text-align: left;
	display: inline-block;
	float: left;
}

.priceLabel span.contentLabel {
	width: 273px;
	height: 32px;
	padding: 12px 0 0 15px;
	/* Background per merk verschillend */
	color: #fff;
	display: block;
	float: left;
}

.priceLabel span.arrow {
	width: 33px;
	height: 62px;
	padding-right: 10px;
	margin-top: -74px;
	background-image: url('../images/layout/arrow.png');
	background-repeat: no-repeat;
	display: block;
	float: right;
}

/* ---------- Right Contents ---------- */
.contentBox {
	width: 276px;
	padding: 10px 15px;
	background-image: url('../images/layout/rightBoxBackground.png');
	background-repeat: repeat-y;
	border-bottom: solid 1px #c5c5c5;
}

.contentBox h2, .contentBox h3 {
	font-size:18px;
	font-weight:bold;
}

.contentBox h3 {
	/* Per merk verschillende kleuren */
}

#twitterHolder {
	line-height: 12pt;	
}

.contentBox h3.tweetBalloon {
	width: 170px;
	height: 125px;
	padding:10px;
	color: #fff;
	background-image: url('../images/layout/tweetBalloon.png');	
	background-repeat: no-repeat;
}

.contentBox p {
	padding: 5px 0;
	line-height: 20pt;
}

ul.quickLinks li a {
	width: 260px;
	height: 25px;
	padding: 2px 0 0 25px;
	background-image: url('../images/layout/fastLinkBackground.png');
	background-repeat: no-repeat;
	margin: 6px 0;
	text-decoration: none;
	color: #4f4f4f;
	display: block;
}

ul.quickLinks li a:hover {
	text-decoration:underline;	
}

.functie {
	font-size: 11px;
	font-style: italic;	
}

/* ---------- Footer ---------- */
.copyright {
	padding-top:15px;	
}

.copyright span {
	padding-right: 10px;
	font-style: normal;
	float: right;
}

#footerSection {
	padding:10px 0;
	font-style: italic;
}

#footerSection a {
	color:#fff;
	text-decoration: none;
}

#footerSection a:hover {
	text-decoration: underline;
}

/* ---------- Forms ---------- */
.submitBtn, .sendButton {
	width: 273px;
	height: 40px;
	padding: 0 0 4px 20px;
	margin: 0;
	/* Per automerk verschillend */
	background-repeat: no-repeat;
	color: #fff;
	text-align: left;
	border:none;
	cursor: pointer;
	display: inline-block;
}

a.submitBtn {
	height: 35px;
	padding-top: 9px;
	text-decoration: none;
}

.errorMessageField {
	border: solid 1px #330000;	
}

span.email {
	font-size: 11px;	
}