/*
	S1 LAYOUT CSS RULES
	www.bubiblomer.com
	by bubi blomer
*/
body { background: #000; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size:62.5%; }
#wrapper { width:965px; }
h1, h2, h3, h4 { color: #FFF; }
p {font-size: 12px; line-height: 15px;}
hr { background: #FFF; }
table.pretty { margin: 0 0 10px 0; background: #000;  } 
table.pretty td { border: 0 solid black; font-size: 11px; }
table.pretty td.strong { font-weight: bold; font-size: 11px;}

/* #HEADER */
#header { position: relative; margin-bottom: 18px; height: 160px; }
#header .heeaderBackground { margin-bottom: 24px; }
#header .carLogo { position: absolute; z-index: 50; top: 10px; right: 10px; }
#header .headerDetails { position: absolute; top: 10px; left: 15px; }
#header .headerDetails h1 { font-weight: normal; font-size: 30px; text-transform: uppercase; margin-bottom: 10px; }
#header .headerDetails h2 { font-size: 10px; }
#header .headerDetails a { color: #FFF; }
#header .nav { position: absolute; z-index: 99999; top: 136px; border-top: 1px solid #000; }
#header .nav ul { list-style: none; margin: 0; position: absolute; z-index: 10000; top: 24px; background: #202020; display: none;  }
#header .nav ul li, #header .nav ul li a { background: none; width: auto; min-width: 200px; max-width: 250px; }
#header .nav ul li:hover { background: #a6a6a6; }
#header .nav ul li a { font-size: 12px; padding: 2px 0 2px 10px; }
#header .nav li { background: url(../images/buttons/bgMainNavLi.png) repeat-x; position: relative; }
#header .nav li a { text-transform: uppercase; color: #FFF; font-size: 16px; width: 150px; padding-left: 10px; background: url(../images/buttons/bgMainNavArrow.png) no-repeat top right; }
#header .nav li.first a { width: 155px; }
#header .nav li.last a { background: url(../images/buttons/bgMainNavArrowSpecial.png) no-repeat top right; }
#header .nav li li.last a, #header .nav li li.first a { background: none; }

/* #BODY */
#body {}

/* #LEFTCOL */
#leftCol, #mainContent, #rightCol { float: left; }
#leftCol { width: 160px; }
#mainContent { width: 460px; margin-left: 12px;  }

/* #MAINCONTENT */
#body > #mainContent:first-child { width: 630px; margin-left: 0;}
#mainContent h2{ font-size: 17px; color: #aaaaaa; }
#mainContent a { color: #aaaaaa; }
#mainContent ul.news { list-style: none; margin: 0; }
#mainContent ul.news li a { font-size: 11px; color: #aaaaaa; }
#mainContent ul.news li span.date { color: #FFF; }

#mainContent .map { margin: 10px 0; }
#mainContent .history-back { font-weight: bold; color: #aaaaaa;  margin-top: 10px; }
#mainContent .vacatures + .vacatures { clear: both; }
#mainContent .vacatures h2 { margin-bottom: 0; }
#mainContent .vacatures a { float: right; }

#mainContent .occasions .row  { margin: 7px 0; }
#mainContent .occasions .row:hover { /* background: #a6a6a6; */}
#mainContent .occasions .row .images { float: left; margin-right: 12px; }
#mainContent .occasions .row .images a { float: left; display: block; height: 56px;}
#mainContent .occasions .row .content { float: left; width: 455px; position: relative; }
#mainContent .occasions .row .images a + a { margin-left: 8px; }
#mainContent .occasions .row .content h3 { color: #aaaaaa; font-size: 17px; float: left; margin-bottom: 11px; }
#mainContent .occasions .row .content h3 a { text-decoration: none; }
#mainContent .occasions .row .content h3 span { color: #FFF; font-size: 12px; }
#mainContent .occasions .row .content .price { float: right; }
#mainContent .occasions .row .content p { clear: both; margin: 0; }
#mainContent .occasions .row .content a.meerInfo { position: absolute; right: 0; top: 46px; }
#mainContent .occasions .gallery { margin-bottom: 10px; }
#mainContent .occasions .gallery a { display: block; float: left; }
#mainContent .occasions .gallery a + a { margin-left: 17px; }

.samenstellen { /* background: #FFF; */ width: 460px; }
.samenstellen .car { float: left; width: 168px; margin-bottom: 15px; padding-top: 20px; background: #FFF; }
.samenstellen .car a.carImage { display: block; height: 70px; }
.samenstellen .car .carName{ background: url(../images/alfaromeo_holland/bg_modelname.jpg); width: 168px; height: 32px;}
.samenstellen .car .carName a { text-align: center; display: block; font-size: 12px; text-decoration: none; line-height: 38px; }
.samenstellen .carDevider, .samenstellen .carDeviderLast { float: left; width: 124px; height: 122px; background: url(../images/background/bgCarDevider.jpg) repeat-x; }
.samenstellen .carDeviderLast { width: 292px; }

.search { margin-bottom: 10px;}
.search form.inline fieldset { padding: 0; border: 0; width: 300px; float: left; }
.search form.inline fieldset +fieldset { margin-left: 20px; }
form.inline label { text-transform: uppercase; font-size: 11px; width: 125px; font-weight: normal; }
form.inline select { width: 150px; padding: 2px; }
#searchForm.inline input[type="submit"] { margin-left: 0; }
.formButton { background: #000 url(../images/background/bgFormButton.png) no-repeat right center; border: 0; color: #FFF; text-transform: uppercase; float: right; margin-right: 40px; display: block; padding-right: 20px; cursor: pointer; }

/* #RIGHTCOL */
#rightCol { width: 320px; margin-left: 13px; padding-bottom: 2px; }

#news-teasers { margin-bottom: 12px; background: url(../images/buttons/bgMainNavLi.png) repeat-x; }
#news-teasers h3 { padding-left: 10px; font-size: 16px; text-decoration: none; color: #FFF; display: block; background: url(../images/background/bgTogglerTopArrowUp.png) no-repeat top right; line-height: 24px; cursor: pointer; margin: 0; }
#news-teasers h3.closed { background: url(../images/background/bgTogglerTopArrowDown.png) no-repeat top right; }
#news-teasers ul {  padding: 10px; list-style: none; margin: 0; background: #000 url(../images/background/bgNewsTeasersIUl.png) repeat-y; }
#news-teasers li a { font-size: 12px; color: #FFF; text-decoration: none; }
#news-teasers li a span.date { color: #FFF; font-size: 12px; font-weight: bold; }
#news-teasers li a:hover, #news-teasers li a:hover span.date { /* color: #aaaaaa; */ text-decoration: underline; }

#rightCol a.sideBarExtra { margin: 0 0 12px 0; display: block; }
#rightCol a.sideBarExtra img { border: 1px solid #FFF; }

/* #FOOTER */
#footer { height: 20px;}

/* Speeddating */
#actie-container { background: url(../images/speeddating/actie-bg.jpg); position: relative; overflow: hidden; padding-bottom: 113px; }
#actie-content { background: url(../images/speeddating/actie-content-bg.jpg) no-repeat #dadada; margin-top: 198px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 10px 5px #640302; }
#actie-header { width: 743px; height: 201px; background: url(../images/speeddating/actie-header.png); text-indent: -9999em; position: absolute; top: 15px; z-index: 2; }

.fixed { margin: 0 auto; width: 762px; }
.rel { position: relative; }
.alfa-logo { width: 74px; height: 75px; position: absolute; top: 18px; right: 24px; background: url(../images/speeddating/alfa-logo.png); }
.rounded { width: 135px; height: 135px; position: absolute; right: -70px; color: #d20202; top: -21px; font-size: 14px; background: url(../images/speeddating/rounded.png); text-align: center; }
.rounded a { color: #d20202; }
.rounded a:hover { text-decoration: none; }
.rounded.champagne { padding: 7px 64px 0 31px; width: 71px; height: 131px; right: -100px; top: 123px; background: url(../images/speeddating/rounded-champagne.png); } 
.rome { display: block; width: 114px; height: 35px; background: url(../images/speeddating/rome.gif); text-indent: -9999em; }
.rounded span { display: block; }
.rounded .first { margin: 10px 0 0; }
.rounded .rome { margin: 5px auto 5px; }
.cars { width: 781px; height: 172px; background: url(../images/speeddating/cars.png); position: absolute; bottom: 0; left: 91px; }

#actie-container fieldset { border: none; margin: 10px 0 0; padding: 0; }
#actie-content { padding: 22px 75px 70px 16px; overflow: hidden; min-height: 250px; }
#actie-content p a, #actie-content p { color: #000; }
#actie-content p a:hover { text-decoration: none; }
#actie-content h1 { font-family: "Arial Black"; font-size: 20px; }
#actie-content h3, #actie-content h2 { font-size: 14px; margin: 0 0 2px; }
#actie-content h1, #actie-content h2, #actie-content h3, #actie-content span.highlight { color: #d20202; }
#actie-content span.highlight { font-weight: bold; background: none; }

#actie-content .text { width: 150px; float: right; margin: 0; border: none; font-size: 12px; font-family: Arial; }
#actie-content .text.input-state-error { border: none; }
#actie-content label { color: #d20202; font-size: 14px; font-weight: normal; width: 120px; float: left; margin: 3px 0 0; }
#actie-content .column.first label { width: 100px; }
#actie-content .column.first span.ui-state-error { margin-left: 100px; }
#actie-content .column.first { width: 260px; }
#actie-content .column.last { width: 95px; }
#actie-content .column span.ui-state-error { margin-left: 120px; width: 100%; display: none !important; }
#actie-content form br { display: none; }
#actie-content form p { overflow: hidden; width: 100%; margin: 0 0 5px; }

.column { width: 280px; margin-right: 10px; float: left; }
#actie-content .submit { width: 77px; height: 27px; display: block; background: url(../images/speeddating/submit.png); text-indent: -9999em; border: none; margin: 30px 0 0; font-size: .1px; }
.footpath { position: absolute; bottom: 15px; width: 762px; text-align: center; z-index: 2; margin: 0;  }
.footpath a { margin-left: -34px; }

#slogan { margin: 45px 0 0; overflow: hidden; width: 100%; }
#slogan h2 { text-indent: -9999em; width: 491px; height: 88px; background: url(../images/speeddating/slagzin.png); float: left; }
#slogan .btn { float: left; display: block; text-indent: -9999em; width: 135px; height: 27px; background: url(../images/speeddating/slagzin-btn.png); margin: 52px 0 0 15px;  }