/* reset
------------------------------------------------------------------*/
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, font, 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 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before,
blockquote:after,
q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
/* general
------------------------------------------------------------------*/
body { background: #fff; font-family: Verdana, sans-serif; font-size: 11px; line-height: 15px; color: #231f20; }
body#splashpage { background: #ffd200 url("/images/splashpage_bkgnd.gif") repeat-y center top; }
h1 { border-bottom: 2px solid #ffd200; clear: right; font-size: 15px; line-height: 32px; font-weight: normal; color: #000; }
h2 { float: left; line-height: 18px; color: #636363; background: #ffd200; }
h3 { font-size: 10px; }
h4 { font-size: 12px; }
h5 { display: inline; font-size: 9px; font-weight: normal; }
ul, ol { margin: 0 0 14px 16px; }
p, form { margin: 0 0 14px 0; }
label { font-size: 10px; }
a { color: #000; }
a:hover { color: #636363; text-decoration: none; }
input, textarea, select { font-size: 10px; font-family: Arial, sans-serif; color: #7d7d7d; border: 0 none; }
strong { font-weight: bold; }
em { font-style: italic; }
sup { font-size: 8px; vertical-align: super; line-height: 12px; }
sub { font-size: 8px; vertical-align: sub; line-height: 12px; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */
/* page structure
------------------------------------------------------------------*/
#wrapper { width: 100%; margin: 0 auto; }
#header_wrap, 
#wrap { width: 1000px; position: relative; margin: 0 auto; }
#header { position: relative; width: 100%; height: 217px; margin-bottom: 12px; }
#sidebar { width: 341px; float: left; clear: left; }
#content { position: relative; width: 629px; float: left; clear: right; }
#footer { position: relative; clear: both; width: 990px; height: 13px; margin: 24px auto; }
/* splash page
------------------------------------------------------------------*/
#homewrap { position: relative; width: 1024px; margin: 0 auto; border: 1px solid transparent; }
div#splash_logo { width: 1024px; height: 204px; background: url("/images/splashpage_logo.gif") no-repeat 0 223px; margin: 0 auto; padding-top: 223px; }
#flashcontenthome { position: absolute; z-index: 1; top: 27px; left: 139px; width: 314px; height: 661px; }
#languagesel { width: 376px; margin: 47px auto 40px; }
#languagesel ul { float: right; width: 114px; padding: 0; margin: 0; }
#languagesel ul li { float: right; clear: right; width: 114px; height: 11px; margin: 0; padding: 0 0 5px; }
#splashFooter { clear: both; width: 946px; height: 13px; margin: 0 auto; background: url("/images/splashpage_contact.png") no-repeat top left; }
.homepagesplash { display: none; position: absolute; width: 390px; height: 157px; top: 225px; left: 580px; padding: 20px; font-size: 10px; color: #fff; border: none; background: none; }
#imageMap_contact { display: block; float: right; height: 11px; width: 118px; margin: 0; text-decoration: none; }
#imageMap_contact:hover { border-bottom: 1px solid black; cursor: pointer; }
/* header
------------------------------------------------------------------*/
#header { background: transparent url("/images/nav_bkgnd.gif") repeat-x; }
#flashcontentheader { position: absolute; z-index: 3; right: 0; top: -7px;/*top: 0;*/ }
#header_wrap { height: 100%; }
#logowrap { position: absolute; z-index: 1; right: 50%; top: 0; width: 881px; height: 186px; }
#logowrap a { position: absolute; float: left; width: 809px; height: 186px; background: #ffd200 url("/images/logo.gif") no-repeat left top; }
#header fieldset { float: left; clear: left; /* for Safari & ie6 : */ width: 250px;/*width: 40%;*/ margin: 189px 0 0 5px; }
#search { position: absolute; z-index: 4; right: 50px; top: 138px; margin: 0; }
.clearinput input { float: left; background: #fff; }
input.searchbtn { width: 17px; height: 14px; padding: 0; background: #fff url("/images/searchbtn_bkgnd.gif") no-repeat center center; }
input.searchfield { width: 141px; height: 11px; margin-left: 5px; padding-left: 5px; padding-top: 2px; }

#language { float: left; padding-top: 1px; }
#language input { width: 19px; height: 13px; }
#language input.spacing { margin-right: 5px; }

#subscribeLink { position: absolute; z-index: 5; float: left; top: 159px; right: 50px; padding: 0 5px 1px 5px; background: #000; color: #fff; text-decoration: none; }
#subscribeLink:hover { background: #fff; color: #000; }

#navigation { position: absolute; z-index: 2; bottom: 2px; right: 0; width: 825px; height: 46px; }
#navigation ul { margin: 0; float: right; padding: 0 40px 0 0; }
#navigation ul li { height: 46px; float: left; padding: 0 0 0 18px; background: url("/images/navbtn_bkgnd_left.png") no-repeat left top; }
#navigation ul li.overlap { margin-left: -15px; }
#navigation ul li a { float: left; display: block; background: url("/images/navbtn_bkgnd.png") no-repeat right top; font-size: 10px; font-family: Verdana, sans; color: #000; text-decoration: none; padding: 22px 18px 15px 0; }
#navigation ul li.active { background-image: url("/images/navbtn_bkgnd_left_active.png"); }
#navigation ul li.active a { background-image: url("/images/navbtn_bkgnd_active.png"); color: #fff; }
#navigation ul li a:hover { color: #fff; }
#printLogo { visibility: hidden; width: 0; height: 0; }
#printContact { visibility: hidden; position: absolute; top: 0px; left: 0px; width: 0; height: 0; }
/* sidebar
------------------------------------------------------------------*/
#sidebarpages #sidebar { height: 473px; background: url("/images/sidebarBV_bkgnd.gif") no-repeat left top; }

#sidebar ul { margin: 0; }
#sidebar li { position: relative; float: left; margin-top: 8px; width: 159px; }
#sidebar li.clear_top_margin { margin-top: 0px; }
#sidebar li.itemR { margin-left: -8px; }
#sidebar li img { position: absolute; left: 6px; top: 4px; }
#sidebar li a { width: 159px; height: 45px; display: table; padding: 0; font-size: 10px; line-height: 12px; text-decoration: none; background: url("/images/menu_spriteBkgnd.gif") no-repeat; }
#sidebar span { float: none; }
#sidebar li a .span_wrap { display: table-cell; vertical-align: middle; padding: 0 3px 0 63px; }
#sidebar li a.active, #sidebar li a:hover { color: #fff; }
#sidebar li.itemL a { background-position: 0 0; }
#sidebar li.itemR a { background-position: 0 -45px; }
#sidebar li.itemL a.active, 
#sidebar li.itemL a:hover { background-position: -159px 0; }
#sidebar li.itemR a.active, 
#sidebar li.itemR a:hover { background-position: -159px -45px; }

#sidebar #extra { float: left; margin-top: 10px; }
#sidebar #extra a { display: block; width: 299px; margin-top: 5px; padding: 5px; font-size: 10px; background: #fff url("/images/sidebar_extra.gif") no-repeat; color: #000; text-decoration: none; }
#sidebar #extra a:hover,
#sidebar #extra a.active { background: #fff url("/images/sidebar_extra_active.gif"); color: #fff; }
/* content
------------------------------------------------------------------*/
/* 'Bedrijfsvoertuigen' 'Personenwagens' 'Verhuur' */
#selectform { position: absolute; right: 21px; top: 0; }
#selectform fieldset {  float: right; }
#content #vehicles { /*float: left; width: 100%;*/ }
#content .extra { padding: 30px 10px; }

#content #vehicles div.data { padding-bottom: 10px; }

#content fieldset input,
#content fieldset label,
#content fieldset div { float: left; margin: 0; }
#content fieldset label { margin-left: 16px; }
#content fieldset div.rolloutlist { margin-left: 6px; border: 2px solid #ffd200; }
#content fieldset #valueSort { width: 91px; text-align: center; }
#content fieldset #valueResults { width: 97px; }
#content fieldset #pages { margin-left: 7px; padding-top: 2px; }
#content fieldset #pages input { width: 9px; padding: 0; background: #fff; color: #231f20; }
#content fieldset #pages input:hover { background: #ffd200; color: #fff; }
#content .vehicle a { position: relative; height: 79px; cursor: pointer; }
#content .vehicle { width: 114px; height: 77px; position: relative; float: left; clear: left; overflow: hidden; }
#content .vehicle a span { width: 116px; height: 79px; position: absolute; z-index: 1; background: url("/images/vehicle_frame.gif") no-repeat; }
#content .vehicle a.sold_nl span { background-image: url("/images/vehicle_frame_sold_nl.gif"); }
#content .vehicle a.sold_fr span { background-image: url("/images/vehicle_frame_sold_fr.gif"); }
#content .vehicle a.sold_en span { background-image: url("/images/vehicle_frame_sold_en.gif"); }
#content .vehicle a.sold_ru span { background-image: url("/images/vehicle_frame_sold_ru.gif"); }
#content .vehicle a.sold_cn span { background-image: url("/images/vehicle_frame_sold_cn.gif"); }
#content .vehicle a.sold_de span { background-image: url("/images/vehicle_frame_sold_de.gif"); }
#content .vehicle a.sold_es span { background-image: url("/images/vehicle_frame_sold_es.gif"); }
#content .vehicle a img { position: absolute; z-index: 0; }
#content .data { width: 501px; float: left; padding: 13px 0 0 12px; }
#content .data a { text-decoration: none; }
#content .data p a { text-decoration: underline; font-style: italic; }
#content .data a h4 { width: 480px; color: #000; }
#content .valueLabels { margin-left: -12px; }
#content .valueLabels span { float: left; display: block; color: #636363; border-top: 1px solid #ffd200; }
#content .data h2 { float: left; }
#content .data h2.type { clear: left; margin-left: -12px; }
#content .data h2.type, 
#content .valueLabels .typeLabel { width: 140px; padding: 0 15px 0 12px; }
#content .data h2.date, 
#content .valueLabels .dateLabel { width: 80px; padding-right: 15px; }
#content .data h2.power, 
#content .valueLabels .powerLabel { width: 105px; padding-right: 15px; }
#content .data h2.km, 
#content .valueLabels .kmLabel { width: 95px; padding-right: 15px; }
#content .data p { width: 100%; float: left; clear: left; color: #000; }

#content #top { float: right; margin-right: 22px; padding-right: 16px; font-size: 10px; font-weight: bold; background: url(/images/top.gif) no-repeat right center; }

/* opsplitsen [menu autos] [sidebar autos] [sidebar tekst] */
#sidebarpages #content { width: 597px; padding: 10px 16px 32px; }
#sidebarpages #content p { margin: 0; }
#sidebarpages #content.vehicleList { width: 629px; padding: 0; }
#sidebarpages #content.vehicleList p, 
#content.vehicleList p { margin: 11px 0 14px; font-style: italic; }
#sidebarpages #content.vehicleList div.data p, 
#content.vehicleList div.data p { margin: 0; font-style: normal; }
#content.vehicleList div.data p { width: 480px; }
#content h1 { margin: -10px 0 10px; float: none; }
#content.vehicleList h1 { margin: -12px 0 10px; float: none; padding: 12px 0 0; }

/* [sidebar tekst]-structuren */
a#contactBtn { float: left; background: #ffd200; color: #000; padding: 5px; font-size: 10px; text-decoration: none; }
a#contactBtn:hover { background: #231f20; color: #fff; }

.pdfFile { margin-top: -34px; float: right; text-align: right; }
#backToJobs { float: right; margin-top: -34px; }
#backToJobs a { color: #231f20; }
.streetmap { margin-bottom: 19px; }

.contactform .ondertitel { margin-bottom: 10px; font-weight: bold; }
.contactform label { clear: left; float: left; width: 122px; }
.contactform input,
.contactform textarea, 
.contactform select { margin: 0 0 5px 0; padding: 2px 0 2px 5px; } 
.contactform img { margin: 10px 0 5px 0; padding: 0; }
.contactform input { height: 11px; background: #ffd200; }
.contactform input.file { height: 19px; border-color: #ffd200; }
.contactform input.stretch { width: 317px; }
.contactform .doubleInput input.stretch { width: 254px; }
.contactform .doubleInput input.stretchSmall { width: 54px; }
.contactform textarea { width: 313px; border: 2px solid #ffd200; background: #fff; }
.contactform .submitBtn input { margin-top: 10px; height: 20px; padding: 0 5px; background: #ffd200; }
.contactform .submitBtn input:hover { background: #000; color: #fff; }
.contactform input.mailtype { float: left; clear: left; background: #fff; margin: 7px 0 0 0; }
.contactform label.mailtype { clear: none; width: 317px; padding: 5px 0 0 10px; }
.contactform label.bottomLabel { padding-bottom: 3px; }
#loginform td { width: 122px; }

.optinWrp { float: left; width: 475px;/*padding-left: 122px;*/ }
.optin { float: left; width: 220px; margin: 0 15px 15px 0; }
.optin input { float: left; display: inline; width: auto; height: auto; margin: 10px 5px 0 0; background: none; }
.optin label { float: left; clear: none; display: inline; width: 165px; height: 55px; padding-left: 5px; border-left: 1px solid #ccc; }
.optin label img { display: block; margin: 0; }
.optin span { display: block; margin-top: -3px; }

.contactform .wantnewsletter { padding-left: 122px; }
.contactform .wantnewsletter input { background: none; }
.contactform .wantnewsletter label { clear: none; float: none; display: inline; width: auto; }

.errormessage { color: red; font-weight: bold; font-style: italic; padding-bottom:10px }
.message { color: #231f20; font-weight: bold; font-style: italic; padding-bottom:10px }

.vehicleTitle { border-bottom: none; padding-left: 20px; }

/* admin-ingevoerde content */
div.paragraaf { padding-bottom: 22px; }
img.right { float: right; margin: 0 0 5px 11px; border: none; }
img.left { float: left; margin: 0 11px 5px 0; border: none; }
/* wrap
------------------------------------------------------------------*/
/* for 'BedrijfsvoertuigenDetail' */
#detailheaders { height: 24px; background: url("/images/details_headers.gif") no-repeat left top; padding: 8px 0 0 0; }
#detailcontent { position: relative; background: url("/images/details_borders.gif") repeat-y left top; }
#detailbottom { height: 9px; margin-bottom: 20px; background: url("/images/details_bottom.gif") no-repeat left top; }

#detailheaders h3 { float: left; }
#menuheader { width: 310px; margin-right: 10px; padding-left: 21px; }
/*#menuheader2 { width: 167px; margin-right: 31px; padding-right: 21px; text-align: right; }*/
#contentheader { padding-left: 11px; }
#detailheaders #backToList { float: right; padding-right: 44px; }
#detailheaders #backToList a { color: #636363; }

.merkModel { margin-bottom: 9px; }
#menucontent { float: left; width: 301px; margin-right: 31px; padding: 9px 9px 20px 0; }
#details { float: left; width: 609px; padding: 10px; }
#equipments { padding: 0 0 0 21px; }
#menucontent ul { width: auto; padding: 0 0 0 11px; }
#menucontent li { float: none; margin: 0; padding: 0 0 0 12px; background: url("/images/bullet.gif") no-repeat top left; font-size: 10px; line-height: 16px; }
#menucontent fieldset { position: absolute; bottom: 0; left: 16px; }
#menucontent fieldset input { float: left; margin: 0 4px 0 0; }
#menucontent fieldset label { float: left; padding: 2px 15px 0 0; }

#details div { float: left; }
#imglarge { width: 359px; }
#imglarge img, 
span { float: left; }
.detailIcons { clear: left; float: left; width: 342px; padding: 13px 9px 0 9px; }
#details div .detailIcons div { float: left; width: 114px; height: 36px; }
#details div .detailIcons div div { width: 62px; padding: 10px 5px 5px; line-height: 13px; }
/*
#imglarge fieldset { display: inline; clear: left; float: left; width: 262px; margin: 13px 0 0 48px; background: url("/images/gallery_bottomline.gif") no-repeat center bottom; }
#imglarge fieldset #previous { float: left; }
#imglarge fieldset #next { float: right; }
#imglarge fieldset #previous a,
#imglarge fieldset #next a { text-decoration: none; }
*/
#details div#gallery { width: 246px; margin-left: 2px; }
#details div div { float: none; }
#imgthumbs input { float: left; margin: 0 0 11px 9px; }
#details div#imgthumbs { height: 269px; }
#details div#vehicle_details { padding: 12px 0 0 9px; }
#details div#vehicle_details p { margin: 0; font-size: 10px; }
#details div#vehicle_details p span { float: left; clear: right; }
#details div#vehicle_details p span.detailvalue { float: right; width: 57px; }
/*
input.previousbtn,
input.nextbtn { width: 8px; height: 10px; }
input.previousbtn { background: #fff url("/images/previousbtn_bkgnd.gif") no-repeat center center; margin-right: 3px; }
input.nextbtn { background: #fff url("/images/nextbtn_bkgnd.gif") no-repeat center center; margin-left: 3px; }
*/
/* 404 | disclaimer | sitemap
------------------------------------------------------------------*/
#page404 p { margin: 0; }

#sitemapWrapper { margin-left: -16px; }
#sitemap ul { margin-bottom: 0; }
/* footer
------------------------------------------------------------------*/
#footer { padding: 5px; border-top: 2px solid #ffd200; }
#footer a,
#footer span { float: left; padding-right: 5px; }
a#logoDuo { float: right; width: 112px; height: 13px; }
/* unsubscribe
------------------------------------------------------------------*/
#unsubscribe { background: #ffd200 url("/images/unsubscribeBg.gif") repeat-y center top; }
#unsubscribe div { width: 317px; margin: 0px auto; padding: 20px; text-align: center; color: #231f20; }
/* CMS Preview
------------------------------------------------------------------*/
#CMSpreviewBar { margin-bottom: 10px; padding: 3px; background-color: red; color: #fff; }
#CMSpreviewBar a { color: #fff; }


table.mytable td {
	padding:3px;
}

table.mytable th {
	padding:3px;
}
