/* CSS Document */

body,html {
height: 100%;
}

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
color: #000000;
background: #4c4c51;
margin: 0;
padding: 0;
}

p {
margin: 0 0 18px 0;
}

.intro {
font-size: 14px;
}

h1 {
font-size: 22px;
font-weight: normal;
color: #373dac;
margin: 0 0 18px 0;
line-height: normal;
}

h1 a {
text-decoration: none;
}

h1 a:hover {
text-decoration: underline;
}

h2,td.wsbsubtitel, td.header_super, .form_header {
font-size: 18px;
font-weight: normal;
color: #373dac;
margin: 0 0 18px 0;
line-height: normal;
}

h3 {
font-size: 14px;
font-weight: normal;
color: #373dac;
margin: 0;
line-height: 20px;
}

h4, h5 {
font-size: 12px;
font-weight: bold;
color: #373dac;
margin: 0;
}

a {
color: #373dac;
}

a:hover {
text-decoration: none;
}

a.download {
background: url(media/icon-download.gif) no-repeat left center;
padding-left: 20px;
}

form {
margin: 0;
padding: 0;
}

td {
font-size: 12px;
}

#right_container ul a,
.modeloverzicht a,
.merkoverzicht a,
.home #main_links a {
display: block;
background: url(media/square-gray.gif) no-repeat left center;
padding-left: 16px;
text-decoration: none;
}

#right_container ul a:hover ,
.modeloverzicht a:hover,
.merkoverzicht a:hover,
.home #main_links a:hover {
background: #d4d5ea url(media/square-gray.gif) no-repeat left center;
}

.error {
color: red;
}

.alert {
background: url(media/alert-single.gif) repeat-x;
border: 1px solid #fad84c;
height: 21px;
text-align: center;
padding: 6px 0 0 0;
}

.error ul {
list-style: url(media/exclamation-small.gif);
}

/* LAYOUT */
#main_container {
position: relative;
height: auto !important;
height: 100%;
min-height: 100%;
width: 966px;
background: url(media/bg.gif) repeat-y;
margin: 0 auto -75px auto;
}

#header_container {
position: relative;
height: 100px;
padding-top: 10px;
background: #4c4c51;
z-index: 100;
color: #ececec;
}

#blanco_container {
padding: 20px;
}

.clear {
clear: both;
}

#push {
clear: both;
height: 75px;
}

#flash_element {
float: left;
display: inline;
width: 745px;
height: 350px;
}

#content_container {
float: left;
display: inline;
width: 697px;
padding: 25px;
}

.breadcrump {
text-align: right;
float: right;
width: 300px;
}

.breadcrump span {
background: url(media/square-blue.gif) no-repeat center;
color: #373dac;
padding: 5px;
}

#right_container {
position: relative;
float: right;
display: inline;
width: 211px;
background: url(media/right-container-top.gif) no-repeat top;
padding: 10px 0 0 8px;
}

#footer {
position: relative;
bottom: 0;
height: 60px;
width: 956px;
color: #ffffff;
background: #4c4c51 url(media/footer-bg.gif) no-repeat top;
margin: 0 auto;
padding: 15px 0 0 10px;
}

#footer p {
line-height: normal;
margin: 0;
}

#footer ul.quicklinks {
list-style: none;
margin: 0;
padding: 0;
}

#footer ul.quicklinks li {
float: left;
padding: 0;
margin: 0;
}

#footer ul.quicklinks li a {
padding-right: 20px;
color: #ebeaea;
font-size: 11px;
}

/* RIGHT CONTAINER */
#right_container #top_items {
border-bottom: 0px solid #ffffff;
height: 395px;
margin-bottom: 10px;
margin-right: 8px;
overflow: hidden;
}

#right_container h1 {
font-size: 20px;
color: #4c4c51;
background: url(media/container-top.gif) no-repeat left bottom;
padding: 0 0 15px 10px;
margin: 0;
}

#right_container h1 a {
color: #4c4c51;
}
#right_container .searchbox,
#right_container .news_body,
#right_container .auto_vd_week, #right_container .infobox {
background: #f8f8f8 url(media/container-bottom.gif) no-repeat bottom;
width: 182px;
padding: 5px 10px 10px 10px;
margin-bottom: 10px;
}

#right_container .news_body,
#right_container .auto_vd_week {
margin-bottom: 25px;
}
#right_container .infobox-top {
	background: url(media/container-top.gif) no-repeat left bottom;
	height: 5px;
	margin-top: 25px;
}
#right_container .infobox a img {
	border: 1px solid #cdcdcd;
	padding: 1px;
	background: #fff;
}
#right_container .infobox p {
	margin-bottom: 10px;
	text-align: center;	
}
#right_container .infobox p.readmore {
	text-align: left;
}
#right_container ul {
clear: both;
list-style: none;
width: 182px;
height: 59px;
padding: 5px 10px 0 10px;
margin: 25px 0 0 0;
background: url(media/shortlinks-container.gif) no-repeat;
}

#right_container li {
padding: 0;
margin: 0;
}

* html #right_container ul li a {
height: 15px;
}

#right_container #top_items a.button-afspraak, #right_container #top_items a.button-afspraak:hover {
	position: absolute;
	width: 	210px;
	height: 40px;
	background: url(media/button-afspraak.png) no-repeat left top;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	padding: 20px 0 0;
	text-align: center;
	left: 5px;
	top: 340px;
}
#right_container #top_items a.button-afspraak:hover {
	background: url(media/button-afspraak.png) no-repeat left bottom;
}


#right_container .newsitem img {
margin-left: 3px;
}

/* searchbox */
#right_container label {
display: block;
font-size: 11px;
}

#right_container select {
width: 182px;
height: 22px;
margin-bottom: 8px;
}

#right_container form a {
padding-left: 10px;
}

#right_container .bovag,
#right_container .nap {
padding-left: 20px;
}


/* HEADER */
#header_container h1 {
margin: 0 0 0 10px;
}

#header_container h1 a {
font-size: 32px;
letter-spacing: 1px;
color: #ececec;
text-decoration: none;
}

#header_container address {
font-style: normal;
margin: 0 0 0 10px;
}
#header_container #socmed-icons {
	position: absolute;
	top: 53px;
	right: 221px;	
	z-index: 100;
}
#header_container #socmed-icons span {
	position: relative; 
	top: -8px;
	font-size: 11px;
	padding-right: 5px;
}
#header_container #socmed-icons a img {
	border: 0;
}
#header_container ul.quicklinks {
position: absolute;
top: 85px;
right: 35px;
list-style: none;
margin: 0;
padding: 0;
}

#header_container ul.quicklinks li {
float: left;
padding: 0;
margin: 0;
}

#header_container ul.quicklinks li a {
padding-left:20px;
color: #ebeaea;
font-size: 11px;
}

/* DROPDOWN MENU */
#nav_container {
position:absolute;
top: 75px;
left: 0;
width: 748px;
height: 30px;
background: url(media/menu-bg.gif) repeat-x top;
}

/*Hoofdnaviagtie ul*/
#nav_container  ul#navigation{
width: 748px;
height: 30px;
margin: 0;
padding: 0;
list-style: none;
z-index: 999;
background: url(media/menu-left.gif) no-repeat left top;
}
		
/*hoofdnavigatie items*/
#navigation li.mainitem {
float: left;
position:relative;
}
	
/*hoofdnavigatie links*/
#navigation li.mainitem a.hoofditem {
display: block;
width: 187px;
height: 23px;
background: url(media/menu-divider.gif) no-repeat right top;
padding: 7px 0 5px 0;
font-size: 14px;
text-align: center;
text-decoration:none;
color: #423f36;
}

#header_container #navigation li.mainitem a.lasthoofditem {
background: url(media/menu-right.gif) no-repeat right top;
}
		
/*hoofdnavigatie links over*/
#header_container #navigation li.mainitem a:hover.hoofditem {
color: #999999;
}
		
/*opent sub navigation ul's*/
#nav_container #navigation li:hover ul, #nav_container #navigation li.over ul {
display: block;
}
		
/*ul subnavigation*/	
#navigation li ul {
position: absolute;
z-index:1000;
display:none;
margin: 0 0 0 -1px;
padding: 0;
list-style:none;
background: #ffffff;
border-left: 1px solid #423f36;
border-right: 1px solid #423f36;
left:0px;
top:35px;
}

#navigation li ul li{		
padding: 0;
margin: 0;
}
	
/*subnavigation links*/
#navigation li ul li a {
display:block;
width: 165px;
margin: 0;
text-decoration:none;
background: #f2f2f2;
padding: 3px 10px;
color: #423f36;
border-bottom: 1px solid #423f36;
}
		
/*subnavigation links*/
#navigation li ul li a:hover {
color: #ffffff;
background: #9d9d9d;
}

/* HOMEPAGE */
/* news */
.home #main_newsitem {
float: left;
width: 365px;
border-right: 1px solid #cfcfcf;
padding-right: 5px;
margin-bottom: 25px;
}

.home #main_links {
float: left;
padding-left: 10px;
}
#acties-home, #acties-home li {
	list-style: none;
	margin: 0;
	padding: 0;	
}
#acties-home li h2 {
	font-size: 12px;	
	margin: 0;
}

.home #externnews {
line-height: normal;
}

.home #main_newsitem #main_image {
float: left;
width: 120px;
height: 90px;
overflow: hidden;
padding: 1px;
margin-right: 5px;
border: 1px solid #cfcfcf;
}

.home .main_header {
font-weight: normal;
margin-top: 0;
margin-bottom: 2px;
color: #423f36;
font-size: 13px;
}
.home #main_links .main_header {
	margin-top: 10px;
}
.home #main_links .top {
	margin-top: 0px;
}


.home #main_newsitem .main_header {
color: #373dac;
}

.home #main_newsitem .main_date {
font-size: 11px;
}

.home #main_newsitem_content p {
height: 43px;
overflow: hidden;
margin: 0;
}

.home #content_container h1 {
clear: left;
}

/* wsb news */
.home #right_container .lijst_image {
float: right;
width: 80px;
}

.home #right_container .publishdate {
display: none;
}

.home #right_container p.article {
height: 75px;
line-height: normal;
overflow: hidden;
margin: 0;
}

/* avdw */
#right_container .auto_vd_week {
text-align: center;
}

#right_container .auto_vd_week h2 {
margin: 0;
}

#right_container .auto_vd_week h2 a {
text-decoration: none;
}

#right_container .auto_vd_week h2 a:hover {
text-decoration: underline;
}

#right_container .auto_vd_week p {
margin: 0;
}

#right_container .auto_vd_week img {
text-align: center;
margin-bottom: 10px;
}

#right_container .auto_vd_week p.type {
height: 18px;
overflow: hidden;
color: #423f36;
margin: 0 0 10px 0;
}

/* ATK WSB NEWS */

/* news overview */
.news_list .nav,
#news_detail .nav,
.pagenav {
margin-bottom: 10px;
height: 20px;
border-bottom: 1px solid #cccccc;
padding: 2px 0;
color: #4c4c51;
}

.pagenav .selected {
color: #ffffff;
background: #373dac;
padding: 0 5px;
}

.detail_navigatie .pagenav table {
position: relative;
top: -2px;
}

.news_list .nav a,
#news_detail .nav a,
.pagenav a{
text-decoration: none;
}

.detail_navigatie {
margin-bottom: -15px;
}

#content_container .newsitem,
#content_container #externnews .article {
margin-bottom: 10px;
padding-bottom: 20px;
border-bottom: 1px solid #cccccc;
}

#content_container .newsitem p.publishdate{
margin: 0;
font-size: 11px;
}

#content_container .newsitem p.article,
#content_container .newsitem h1 {
margin: 0
}

#content_container .lijst_header,
#content_container .newsitem h1 a {
display: block;
text-decoration: none;
font-size: 16px;
color: #4c4c51;
}

#content_container .lijst_image {
float: right;
width: 128px;
margin-left: 10px;
}

#content_container .newsitem .lijst_image {
margin-top: -20px;
}

.lijst_datum {
font-size: 11px;
}

#content_container .article .lijst_image {
}

#content_container .lijst_image img {
border: 1px solid #cccccc;
padding: 1px;
}

#content_container a.readmore {
display: block;
}

/* news detail */
#news_detail .navbar {
float: left;
}

#news_detail .back {
float: right;
text-align: right;
}

#news_detail .bottom .back {
float: none;
text-align: left;
}

#news_detail h1,
.detail_header {
margin: 0;
font-size: 18px;
color: #373dac;
}

.detail_datum {
margin-bottom: 18px;
}

#image_container,
.detail_image {
float: right;
width: 124px;
margin-left: 10px;
}

#image_container img {
border: 1px solid #cccccc;
padding: 1px;
margin-bottom: 5px;
}

.detail_image img {
border: 1px solid #cccccc;
padding: 1px;
}

#popup_newsimage {
padding: 10px;
}

.popup_header {
font-weight: bold;
}

#popup_image {
height: 320px;
overflow: hidden;
}

/* News article ACTIE */
#actie p.navbar {
	padding: 0px;
	font-size: 13px;	
}
#actie .article {
	height: 38px;
	overflow: hidden;
}
#actie {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
ul.article-overview li {
	overflow: hidden;
	border-top: 1px solid #ccc;
	padding: 10px 0 0 0;
	margin: 10px 0 0 0;
	line-height: 18px;
	background: none;
}

ul.article-overview li img {
	float: left;
	margin: 5px 10px 0 0;
	border: 1px solid #ccc;
	padding: 1px;
}
ul.article-overview li p, ul.article-overview li h2 {
	margin: 0 0 5px;
	padding: 0px;
}
ul.article-overview li h2 {
	padding-top: 5px;	
}
ul.article-overview li h2 a {
	color: #4c4c51;
	text-decoration: none;
	line-height: 20px;
	font-weight: normal;
	font-size: 16px;
}
ul.article-overview li h2 a .subtitle {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	font-style: italic;
	font-size: 12px;
	text-transform: lowercase;
}
ul.article-overview li h2 a .subtitle:hover {
	color: #373dac;
}
ul.article-overview li p.publishdate {
	font-size: 12px;
}
ul.article-overview li p.read-more {
	margin: 0;	
}
ul.article-overview li p.read-more a{
	font-size: 12px;
	color: #373dac;
	font-weight: normal;
	text-decoration: underline;	
}
ul.article-overview li p.read-more a:hover{
	text-decoration: none;	
}
.detail_navigatie {
	margin: 0 0 -10px 0;
}
.nav .navbar {
	 float: left;
}
.nav .back {
	 float: right;
}
.nav .back {
	padding-bottom: 15px;
}
.nav .navbar a, .nav .back a, .article-detail .bottom a {
	font-size: 13px;
	text-decoration: none;
}
.nav .navbar a:hover, .nav .back a:hover, .article-detail .bottom a:hover {
	text-decoration: underline;
}
.article-detail h3 {
	margin: 0;
	padding-bottom: 15px;
}
.article-detail .subtitle {
	padding-bottom: 10px;
	font-weight: bold;
}
.article-detail .publishdate {
	padding-bottom: 10px;
	font-style: italic;
}
.detail_image, .img-container {
	float: right;
	width: 124px;
	margin: 0 0 0 10px;
}
.detail_image img, .img-container img {
	margin: 0 0 10px 0;
}
.img-container img {
	border: 1px solid #ccc;
	padding: 1px;	
}
#detail_newsitem .detail_datum {
	font-style: italic;
	padding-bottom: 10px;	
}


/* NIEUWE MODELLEN */
table#header {
width: 100%;
}

/* index */
#nieuwexternindex td {
width: 33%;
border-bottom: 1px solid #cccccc;
padding-top: 10px;
}

#nieuwexternindex .description img {
margin-bottom: 18px;
}

#nieuwexternindex .description {
margin-bottom: 20px;
}

#nieuwexternindex .description img,
#nieuwexternuitvoeringen img.plaatje,
#nieuwexterndetail img.plaatje  {
border: 1px solid #cbcbcb;
padding: 1px;
margin-bottom: 5px;
}

#nieuwexternindex .description p {
line-height: normal;
margin: 0;
}

#nieuwexternindex .description p.modelname {
font-weight: bold;
float: left;
padding-right: 5px;
}

/* uitvoering */
#nieuwexternuitvoeringen h1 {
font-size: 18px;
font-weight: normal;
margin: 0 0 5px 0;
line-height: normal;
}

#nieuwexternuitvoeringen table#uitvoering {
width: 500px;
}

#nieuwexternuitvoeringen table#uitvoering .uitvoering_label {
color: #ffffff;
background: #4c4c51;
padding: 2px 5px;
}

#nieuwexternuitvoeringen table#uitvoering td {
padding: 3px 5px;
}

#nieuwexternuitvoeringen table#uitvoering tr.even {
background: #f5f5f5;
}

#nieuwexternuitvoeringen table#uitvoering .brandstof a,
#nieuwexternuitvoeringen table#uitvoering .prijs a {
text-decoration: none;
color: #666666;
}

#nieuwexternuitvoeringen table#uitvoering .prijs {
text-align: right;
padding-right: 10px;
}


/* detail */
#nieuwexterndetail #detail_gegevens td.data {
text-align: right;
}

#nieuwexterndetail .label, #nieuwexterndetail .data {
border-bottom: 1px solid #eeeeee;
}

#nieuwexterndetail .label {
padding-left: 4px;
}

#nieuwexterndetail .data {
text-align: right;
padding-right: 4px;
}

#nieuwexterndetail .uitvoering_label {
border-bottom: 3px solid #cccccc;
}

#nieuwexterndetail .uitvoering, #nieuwexterndetail .brandstof, #nieuwexterndetail .prijs {
border-bottom: 1px solid #cccccc;
}

#nieuwexterndetail .uitvoering {
font-weight: bold;
}

#nieuwexterndetail .brandstof a, #nieuwexterndetail .prijs a {
text-decoration: none;
}

#detail_algemeen, #detail_techniek, #detail_veiligheid, #detail_interieur {
display: block;
width: 170px;
height: 18px;
border-left: 1px solid #cccccc;
border-right: 1px solid #4c4c51;
text-align: center;
padding: 2px 0 5px 0;
margin-right: -1px;
font-weight: bold;
background: #4c4c51;
}

a#detail_algemeen, a#detail_techniek, a#detail_veiligheid, a#detail_interieur {
text-decoration: none;
color: #ffffff;
}

#nieuwexterndetail table#nav {
border: 1px solid #4c4c51;
border-bottom:none;
}

#nieuwexterndetail table#nav a:hover {
text-decoration: none;
background-color: #d9dadb;
color: #3e3e3e;
}

#nieuwexterndetail table#nav .activedetail {
background-color: #ffffff;
border-left: 1px solid #ffffff;
color: #222222;
}

#alg table, #tech table, #veil table, #int_ext table {
border-left: 1px solid #4c4c51;
border-right: 1px solid #4c4c51;
border-bottom: 1px solid #4c4c51;
width: 686px;
}

/* afbeelding */
.column div {
padding: 0 25px 18px 0;
}

.column .body {
text-align: center;
padding: 0;
}

.column .body img {
border: 1px solid #cccccc;
padding: 1px;
}

/* OVERIGE WSB STIJLEN */
form.wsb_form {
width: 430px;
}

form.wsb_form  td {
padding-bottom: 3px;
}

.detailkop {
font-weight: bold;
color: #ffffff;
background: #4c4c51 url(media/shadow.gif) repeat-x bottom;
padding: 2px 0 10px 5px;
}

/* KIES */
#dsl {
z-index: 1;
zoom: 1;
}

#dsl .footer {
display: none;
}

#submit,
#dsl #submit {
float: right;
width: 172px;
margin: 18px 0;
}

input.submit,
#dsl input.submit,
#dsl input.reset,
input.reset,
#dsl a.cancel {
float: right;
display: block;
border: none;
background: url(media/button.gif) no-repeat;
color: #ffffff;
width: 83px;
height: 25px;
cursor: pointer;
text-align: center;
}

#dsl input.reset,
input.reset,
#dsl a.cancel {
float: left;
color: #4c4c51;
background: url(media/button-reset.gif) no-repeat;
text-decoration: none;
}

#dsl a.cancel  {
padding: 4px 0 0 0;
height: 21px;
}

#dsl .error .alert {
padding: 0;
}

/* index */
.merkoverzicht h2,
#popular h2 {
border-top: 1px solid #cccccc;
padding-top: 18px;
}


.popular {
float: left;
width: 234px;
margin-bottom: 18px;
}

.popular p {
margin: 0;
}

.popular a {
text-decoration: none;
}

.popular a:hover {
text-decoration: underline;
}

.popular span {
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#popular .last {
width: 228px;
}

.popular img {
background: url(media/shadow.gif) repeat-x bottom;
padding-bottom: 8px;
}

.modeloverzicht table,
.merkoverzicht table {
width: 100%;
margin-bottom: 18px;
}

.modeloverzicht td,
.merkoverzicht td {
width: 25%;
}

.modeloverzicht a,
.merkoverzicht a {
margin-left: 16px;
}

/* overview */
#overview p {
margin: 0;
}

#overview .overview_tools {
float: left;
width: 310px;
height: 37px;
background: url(media/select-bg.gif) no-repeat;
margin-left: -5px;
padding: 13px 0 0 15px;
}

#overview label {
padding-right: 10px;
}

#overview .nav {
background: url(media/divider.gif) repeat-x top;
padding: 15px 0;
color: #afafaf;
width: 360px;
float: right;
}

#overview .nav table {
float: right;
}

#overview td {
padding: 2px;
}

#overview .nav a {
text-decoration: none;
}

#overview .nav .selected {
padding: 0 4px;
background: #373dac;
font-weight: bold;
color: #ffffff;
}

#overview #occasions {
clear: both;
border-top: 1px solid #cccccc;
}

#overview .occasion {
clear: both;
position: relative;
border-bottom: 1px solid #cccccc;
padding: 10px 0;
width: 697px;
height: 100px;
cursor: pointer;
}

#overview .occasion:hover {
background: #d4d5ea;
}

#overview img {
float: left;
display: inline;
margin: 0 10px 0 5px;
border: 1px solid #cbcbcb;
background: #ffffff;
padding: 1px;
}

#overview h2 {
margin: 0;
padding: 0;
}

#overview h3 {
width: 335px;
overflow: hidden;
line-height: normal;
}

#overview dl {
padding: 0;
margin: 0;
}

#overview dt {
position: absolute;
top: 62px;
font-weight: bold;
}

#overview dd {
position: absolute;
top: 75px;
padding: 0;
margin: 0;
}

#overview .cost {
left: 530px;
top: 20px;
font-size: 16px;
}

#overview dd.cost  {
top: 40px;
}

#overview .build,
#overview .listing {
left: 120px;
}

#overview .fuel {
left: 220px;
}

#overview .milage {
left: 325px;
}

#overview a.more {
display: block;
width: 154px;
height: 20px;
position: absolute;
left: 530px;
top: 65px;
font-weight: bold;
text-align: center;
text-decoration: none;
color: #ffffff;
background: url(media/button-large.gif) no-repeat;
padding: 5px 0 0 0;
line-height: normal;
}

#overview img.listing {
position: absolute;
top: 90px;
left: 0;
padding: 0 5px 0 4px;
}

/* detail */
#terug_link {
text-align: right;
margin-bottom: 10px;
}

#detail ul#tools {
width: 695px;
height: 70px;
background: url(media/occasiontools-bg-large.gif) no-repeat;
list-style: none;
margin: 0 0 10px 0;
padding: 13px 0 0 0;
overflow: hidden;
}

#detail ul#tools li {
float: left;
display: inline;
width: 220px;
margin-left: 11px;
line-height: 20px;
}

#detail ul#tools li a {
display: block;
color: #666666;
text-decoration: none;
padding-left: 20px;
}

#detail ul#tools li a:hover {
color: #303030
}
#detail ul#tools li .addthis_toolbox {
	float: right;
	display: inline;	
	margin-right: 10px;
	padding-top: 5px;
}
#detail ul#tools li .addthis_toolbox a {
	padding-left: 3px;
}

#detail p.follow {
color: #303030;
background: url(media/icon-follow-hover.gif) no-repeat left center;
padding-left: 20px;
margin: 0;
}

#detail a.follow {
background: url(media/icon-follow.gif) no-repeat left center;
}

#detail a:hover.follow{
background: url(media/icon-follow-hover.gif) no-repeat left center;
}

#detail a.testdrive {
background: url(media/icon-testdrive.gif) no-repeat left center;
}

#detail a:hover.testdrive {
background: url(media/icon-testdrive-hover.gif) no-repeat left center;
}

#detail a.pdf {
background: url(media/icon-pdf.gif) no-repeat left center;
}

#detail a:hover.pdf {
background: url(media/icon-pdf-hover.gif) no-repeat left center;
}

#detail a.info {
background: url(media/icon-info.gif) no-repeat left center;
}

#detail a:hover.info {
background: url(media/icon-info-hover.gif) no-repeat left center;
}

#detail a.callme {
background: url(media/icon-phone.gif) no-repeat left center;
}

#detail a:hover.callme {
background: url(media/icon-phone-hover.gif) no-repeat left center;
}

#detail a.mail {
background: url(media/icon-mail.gif) no-repeat left center;
}

#detail a:hover.mail {
background: url(media/icon-mail-hover.gif) no-repeat left center;
}

#detail a.taxatie {
background: url(media/icon-taxatie.gif) no-repeat left center;
}

#detail a:hover.taxatie {
background: url(media/icon-taxatie-hover.gif) no-repeat left center;
}

#afbeelding_container {
float: left;
display: inline;
}

#afbeelding {
position: relative;
width:457px;
height:340px;
overflow:hidden
}

#afbeelding a.zoom {
position: absolute;
left: 5px;
top: 313px;
display: block;
width: 22px;
height: 22px;
background: url(media/icon-zoom.png) no-repeat;
z-index: 10;
}

#afbeelding img {
margin:-10px 0 0 -12px;
}

#thumbnails {
width: 460px;
height: 32px;
margin-top: 3px;
background: url(media/thumbnail-bg.gif);
overflow: hidden;
}

#thumbnails img {
width: 43px;
padding-right: 3px;
}

#detail #carspecs {
float: right;
display: inline;
width: 235px;
margin: 10px 0 0 0;
}

#detail h1 {
font-size: 18px;
margin: 0 0 5px 10px;
}

#detail h2 {
font-size: 12px;
color: #4c4c51;
margin: 0 0 5px 10px;
}

#detail .costs {
width: 212px;
height: 54px;
background: url(media/price-bg.gif) no-repeat;
padding: 10px;
}

#detail .costs p {
margin: 0 0 5px 0;
}

#detail .costs p.cost {
float: left;
font-size: 16px;
width: 40px;
}

#detail .costs p.ammount {
font-size: 16px;
text-align: right;
}

#detail .costs p.cost_month {
text-align: right;
padding-right: 20px;
}

#detail .maandprijs {
position: relative;
zoom:1;
top: -20px;
float: right;
}

#detail #maandprijs_bericht {
width: 220px;
height: 33px;
position: absolute;
display: none;
z-index: 1000;
color: #000000;
text-align: center;
background: url(media/alert-double.gif) repeat-x;
margin: -30px 0 0 0;
padding: 10px;
line-height: normal;
border: 1px solid #fad84c;
}

#detail dl {
position: relative;
margin: 10px 0 0 10px;
padding: 0;
}

#detail dl dt,
#detail dl dd {
padding: 0;
}

#detail dl dt {
float: left;
width: 95px;
}

#detail dd.nap span.nap {
position: absolute;
top: 25px;
right: 10px;
}

#detail #listing {
padding: 10px 10px 0 10px;
}

#detail #options,
#detail #comments,
#detail #dealerinfo {
margin: 10px 0;
}

#detail #options h3,
#detail #comments h3,
#detail #dealerinfo h3 {
zoom: 1;
border-bottom: 1px solid #cccccc;
padding-bottom: 5px;
margin-bottom: 18px;
}

#options .collumn {
float: left;
width: 348px;
}

#pop_over_container {
padding: 20px;
padding-bottom: 0;
}

#pop_over_container h3 {
margin: 18px 0 18px 0;
}

#pop_over_container input {
width: 240px;
}

#pop_over_container input.checkbox {
width: auto;
}

#pop_over_container td {
padding: 0 5px 2px 0;
}

.belmij img {
float: left;
margin: 0 10px 10px 0;
}

.belmij h2 {
margin: 0;
}

.belmij .form {
clear: both;
padding: 10px 0 0 0;
border-top: 1px solid #cccccc;
}

.belmij dl {
margin: 0;
padding: 0;
}

.belmij dt {
float: left;
width: 115px;
}

.belmij .error ul {
margin: 0 auto 18px auto;
}

/* LOGIN */
#login #inloggen,
#login #registreren {
float: left;
display: inline;
width: 308px;
}

#login #registreren {
float: right;
background: url(media/divider-vert.gif) no-repeat left;
padding: 0 0 0 40px;
width: 318px;
}

#login dl,
#login dd {
margin: 0;
padding: 2px 0;
}

#login dt {
float: left;
width: 100px;
}

#login #inloggen form {
position: relative;
width: 294px;
}

#login #inloggen .login {
width: 294px;
height: 90px;
padding: 10px 0 0 25px;
margin: 18px 0 0 0;
background: url(media/login-bg.gif) no-repeat;
}

p.forgot {
text-align: right;
margin-right: 50px;
}


#login #registreren dt {
width: 120px;
}

.retrieve form {
width: 246px;
height: 37px;
background: url(media/input-single-bg.gif) no-repeat;
padding: 13px 0 0 18px;
}

.retrieve dl {
margin: 0 0 18px 0;
padding: 0;
}

.retrieve dt {
float: left;
width: 80px;
}

/* ACCOUNT OVERVIEW */
#account a.search,
#account a.add,
#account a.edit,
#account a.delete {
padding: 2px 20px 0 0;
background: url(media/icon-search.gif) no-repeat right;
}

#account a.add {
background: url(media/icon-add.gif) no-repeat right;
}

#account a.edit {
background: url(media/icon-edit.gif) no-repeat right;
}

#account a.delete {
background: url(media/icon-delete.gif) no-repeat right;
}

.followed_car {
float: left;
width: 164px;
margin: 0 10px 18px 0;
}

.followed_car .car_img {
width: 160px;
height: 120px;
padding: 1px;
margin-bottom: 10px;
border: 1px solid #cccccc;
overflow: hidden;
}

#delete {
width: 400px;
}

#delete #submit {
float: none;
}

.confirm_delete img {
float: left;
padding: 1px;
margin-right: 10px;
border: 1px solid #cccccc;
}

.followed_car p,
.confirm_delete p {
margin: 0;
}

.followed_car p.type {
height: 18px;
overflow: hidden;
}

.followed_car p.price {
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #cccccc;
}

#account table {
border-bottom: 1px solid #cccccc;
margin-bottom: 10px;
}

#account th {
text-align: left;
font-weight: bold;
padding-bottom: 2px;
}

#account td {
border-top: 1px solid #cccccc;
padding: 2px 0;
}

#account dl {
width: 351px;
height: 136px;
padding: 18px;
background: url(media/account-bg.gif) no-repeat;
}

#account dl dt {
float: left;
width: 110px;
}

#account ul {
text-align: right;
list-style: none;
border-top: 1px solid #cccccc;
padding-top: 5px;
}

#wijzig dl dt {
float: left;
width: 110px;
padding: 2px 0;
}

#wijzig dd {
padding: 2px 0;
}

/* STORE SEARCH */

#searchfield {
width: 696px;
height: 170px;
background: url(media/search-bg.gif) no-repeat;
padding: 12px 0 0 1px;
}

#searchfield table {
margin: 0 auto;
width: 690px;
}

#searchfield td {
width: 25%;
padding: 0 0 0 5px;
}

#searchfield select {
width: 160px;
margin-bottom: 5px;
}

#searchfield #submit {
margin-top: 35px;
}


/* sponsoring */
div.sponsor-results {
	width: 300px; 
	float: right;
	padding: 10px; 
	background: #f2f2f2;
	border: 1px solid #e0e0e0;
	margin-left: 15px;
}
div.sponsor-results ul,  ul.result-list {
	padding: 0;
	margin: 0 0 0 16px;
	font-size: 11px;
	list-style: square;
	line-height: 16px;
}
div.sponsor-results ul li, ul.result-list li {
	padding: 0 0 3px 0;	
}
ul.result-list {
	font-size: 12px;
	margin-bottom: 20px;
}
table.sponsor-program {
	margin-bottom: 20px;	
	float: right;
}
table.sponsor-program td {
	border-bottom: 1px solid #e0e0e0;	
	font-size: 11px;
}
ul.sponsor-images {
	list-style: none;
	padding: 0;
	margin: 0 0 20px 0;
}
ul.sponsor-images li {
	width: 170px;
	float: left;
	margin-bottom: 16px;
}
ul.sponsor-images li a img {
	border: 1px solid #cbcbcb;
	padding: 1px;
}
.sponsoring table {
	margin-bottom: 20px;	
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
position: absolute;
font: 12px Arial, Helvetica, sans-serif;
color: #333333;
}

#TB_secondLine {
font: 10px Arial, Helvetica, sans-serif;
color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
position: fixed;
z-index:100;
top: 0px;
left: 0px;
height:100%;
width:100%;
}

.TB_overlayMacFFBGHack {background: url(media/macFFBgHack.png) repeat;}
.TB_overlayBG {
background-color:#000;
filter:alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
position: fixed;
background: #ffffff;
z-index: 102;
color:#000000;
display:none;
text-align:left;
top:50%;
left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop));
}

#TB_window img#TB_Image {
display:block;
margin: 0;
border: none;
}

#TB_caption{
height:25px;
padding:7px 30px 10px 25px;
float:left;
}

#TB_closeWindow{
height:25px;
padding:11px 18px 10px 0;
float:right;
}

a#TB_closeWindowButton {
display: block;
width: 43px;
height: 18px;
background: url(media/close.gif);
margin: -2px -5px 0 0;
}

a:hover#TB_closeWindowButton {
background: #ffffff url(media/closehover.gif);
}

#TB_closeAjaxWindow{
padding:2px 5px 5px 0;
margin-bottom:1px;
text-align:right;
float:right;
}

#TB_ajaxWindowTitle{
float:left;
padding:7px 0 5px 20px;
margin-bottom:1px;
font-size: 14px;
font-weight: bold;
color: #ffffff;
}

#TB_title{
background-color: #686464;
height:27px;
}

#TB_ajaxContent{
clear:both;
padding:2px 15px 15px 15px;
overflow:auto;
text-align:left;
line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
padding:15px;
}

#TB_ajaxContent p{
padding:5px 0px 5px 0px;
}

#TB_load{
position: fixed;
display:none;
height:13px;
width:208px;
z-index:103;
top: 50%;
left: 50%;
margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
z-index:99;
position:fixed;
top: 0;
left: 0;
background-color:#fff;
border:none;
filter:alpha(opacity=0);

-moz-opacity: 0;
opacity: 0;
height:100%;
width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
clear:both;
border:none;
margin-bottom:-1px;
margin-top:1px;
_margin-bottom:1px;
}
