/*
	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: 1.1em;}
hr { background: #FFF; }
table.pretty { margin: 0 0 10px 0; background: #000;  } 
table.pretty td { border: 0 solid black; font-size: 1.1em; }
table.pretty td.strong { font-weight: bold; font-size: 1.1em;}

/* #HEADER */
#header { position: relative; margin-bottom: 15px; }
#header .heeaderBackground { margin-top: 24px; }
#header .carLogo { position: absolute; z-index: 50; top: 35px; left: 11px; }
#header .headerDetails { position: absolute; top: 120px; left: 15px; }
#header .headerDetails h1 { font-weight: normal; font-size: 3em; }
#header .headerDetails h2 { font-size: 1em; }
#header .headerDetails a { color: #FFF; }
#header .nav { position: absolute; z-index: 99999; }
#header .nav ul { list-style: none; margin: 0; position: absolute; z-index: 999; 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: 1.2em; padding: 2px 0 2px 10px; }
#header .nav li { background: url(/cst/s1/images/buttons/bgMainNavLi.png) repeat-x; position: relative; }
#header .nav li a { text-transform: uppercase; color: #FFF; font-size: 1.6em; width: 150px; padding-left: 10px; background: url(/cst/s1/images/buttons/bgMainNavArrow.png) no-repeat top right; }
#header .nav li.first a { width: 155px; }
#header .nav li.last a { background: url(/cst/s1/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: 1.7em; color: #bb0000; }
#mainContent a { color: #bb0000; }
#mainContent ul.news { list-style: none; margin: 0; }
#mainContent ul.news li a { font-size: 1.1em; color: #bb0000; }
#mainContent ul.news li span.date { color: #FFF; }

#mainContent .map { margin: 10px 0; }
#mainContent .history-back { font-weight: bold; color: #bb0000;  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.exclusives .row .content { width: 355px; }
#mainContent .occasions .row .images a + a { margin-left: 8px; }
#mainContent .occasions .row .content h3 { color: #bb0000; font-size: 1.7em; 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 { width: 600px; height: 430px; clear: both; }
.samenstellen .car a.carImage { width: 202px; height: 192px; display: block; float: left; margin: 30px 60px 0px 0px; }
.samenstellen .car a.carImage.first { margin-top: 0px;}
.samenstellen .car a.carImage.right { margin-right: 0px;}

.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: 1.1em; width: 125px; font-weight: normal; }
form.inline select { width: 150px; padding: 2px; }
#searchForm.inline input[type="submit"] { margin-left: 0; }
.formButton { background: #000 url(/cst/s1/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;}

#news-teasers { margin-bottom: 10px; background: url(/cst/s1/images/background/bgTogglerTop.png) repeat-x; }
#news-teasers h3 { padding-left: 10px; font-size: 1.6em; text-decoration: none; color: #595959; display: block; background: url(/cst/s1/images/background/bgTogglerTopArrowUp.png) no-repeat top right; line-height: 24px; cursor: pointer; margin: 0; }
#news-teasers h3.closed { background: url(/cst/s1/images/background/bgTogglerTopArrowDown.png) no-repeat top right; }
#news-teasers ul { background: #202020; padding: 10px; list-style: none; margin: 0; }
#news-teasers li a { font-size: 1.1em; color: #5f5f5f; text-decoration: none; }
#news-teasers li a span.date { color: #FFF; }
#news-teasers li a:hover, #news-teasers li a:hover span.date { color: #bb0000; text-decoration: underline; }

#rightCol a.sideBarExtra { margin: 5px 0; display: block; }

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