/* --- Default elements --- */
html, body { width: 100%; height: 100%; color: #4b4c4d; font-family: Helvetica, Arial; font-size: 12px; background: #37363d url(/images/Backgrounds/content.jpg) no-repeat 50% 136px; margin: 0px; padding: 0px; }
body > form { width: 100%; height: 100%; }

@font-face {
	font-family: 'OptimaLTRegular';
	src: url('fonts/optima-webfont.eot');
	src: local('?'), url('fonts/optima-webfont.woff') format('woff'), url('fonts/optima-webfont.ttf') format('truetype'), url('fonts/optima-webfont.svg#webfontOIw8cXCV') format('svg');
	font-weight: normal;
	font-style: normal;
}

.OptimaLT {font-weight: normal; font-style: normal; line-height:normal; font-family: 'OptimaLTRegular', sans-serif;}

.black { color: Black; }
.gray { color: Gray; }
.white { color: White; filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=2); }
.homepage { filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=2); }

.message { color: Red; }

img.replaced { z-index: 10; }

a { color: #8a8a8a; text-decoration: none; outline: none; }
a:hover { color: White; }
a.white-hover:hover { color: White !important; }

div#content-left.simple a, a.read-more, a.previous { color: #8a8a8a; text-decoration: none; outline: none; border-bottom: 1px solid #d0d2d5; }
div#content-left.simple a:hover, a.read-more:hover, a.previous:hover, div#tabs-content a:hover { color: Black; }

a img { border: none; text-decoration: none; }

object { outline: none; }

h1 { font-size: 36px; margin: 0px; font-weight: bold; font-family: 'OptimaLTRegular', sans-serif; text-shadow: #666666 2px 2px 2px; z-index: 10; }
h2 { font-size: 24px; margin: 0px; font-weight: normal; font-family: 'OptimaLTRegular', sans-serif; text-shadow: #666666 2px 2px 2px; }
h3 { font-size: 18px; margin: 0px; font-weight: normal; font-family: 'OptimaLTRegular', sans-serif; text-shadow: #666666 2px 2px 2px; }
h4 { font-size: 14px; font-weight: bold; margin: 0px; }
h5 { font-size: 13px; font-weight: bold; margin: 0px; margin-top: 16px; }

.hidden { display: none; }
.homepage { color: White; }

.clearer { clear: both; display: block; }
.last { margin-right: 0px !important; }

.indicator { background: url(/images/Backgrounds/indicator.png) no-repeat 0px 50%; padding-left: 10px; margin-right: 10px; }

.overlay { background: url(/images/Backgrounds/page-overlay.png); z-index: 10 !important; }

.button-previous, .button-next { cursor: pointer; width: 27px; height: 40px; border-bottom: none !important; }
.button-previous { background: url(/images/Buttons/arrow-left.png) no-repeat; float: left; }
.button-next { background: url(/images/Buttons/arrow-right.png) no-repeat; float: right; }
.button-previous span, .button-next span { display: none; }
.button-previous:hover, .button-next:hover { background-position: 0px -40px; }

.thumbnails { text-align: center; }
.thumbnails img { border: 1px solid #8b8e8d; vertical-align: middle; }
.thumbnails img.active { border: 3px solid #e3e4e4; }

div.container { width: 960px; margin: 0px auto; }
div#header > div.container { height: 100%; }

div.shadow-top { background: url(/images/Backgrounds/shadow-top.png) repeat-x; width: 100%; height: 5px; z-index: 1; }
div.shadow-bottom { background: url(/images/Backgrounds/shadow-bottom.png) repeat-x; width: 100%; height: 4px; z-index: 1; }

div.tabs { width: 100%; height: 33px; padding-top: 13px; padding-left: 15px; background: url(/images/Backgrounds/tabs.png) no-repeat; }
div.tabs a, a.tab { background: url(/images/Buttons/tab-left.png) no-repeat; float: left; height: 33px; margin-right: 5px; }
div.tabs a span, a.tab span { background: url(/images/Buttons/tab-right.png) no-repeat 100% 0px; display: block; height: 100%; margin-left: 4px; line-height: 32px; font-weight: bold; color: #545558; padding-left: 5px; padding-right: 9px; }
div.tabs a:hover span, a.tab:hover span { color: White; }
div.tabs a.current, a.tab.current { background: url(/images/Buttons/tab-left-active.png) no-repeat; }
div.tabs a.current span, a.tab.current span { color: #1f2025; background: url(/images/Buttons/tab-right-active.png) no-repeat 100% 0px; }

a.blue-button { background: url(/images/Buttons/blue-left.png) no-repeat; float: left; height: 29px; margin-right: 5px; }
a.blue-button span { background: url(/images/Buttons/blue-right.png) no-repeat 100% 0px; display: block; height: 100%; margin-left: 15px; line-height: 26px; color: #545558; padding-left: 5px; padding-right: 12px; color: White; font-size: 14px; cursor: pointer; }
a.blue-button.second { margin-top: 16px; }

div.text { padding: 16px; }
div.text p { margin-top: 0px; }
div.text .left, div.text .right { width: 48%; }
div.text .left { float: left; padding-right: 8px; }
div.text .right { float: right; padding-left: 8px; }

div.paging { text-align: center; }
div.paging a { font-weight: bold; font-size: 110%; margin-right: 8px; }
div.paging a.first { margin-right: 16px; }
div.paging a.last { margin-left: 8px; margin-right: 0px; }
div.paging a:hover, div.paging .active { font-size: 145%; }
div.paging a.last:hover, div.paging a.first:hover { font-size: 110%; }
div.paging a.inactive { color: #d0d2d5 !important; border: none !important; }

/* --- Lay-out elements --- */
div#header { background: url(/images/Backgrounds/header-repeat.png); height: 136px; }
div#header div#logo { cursor: pointer; float: left; height: 100px; left: 15px; position: relative; top: 10px; width: 175px; z-index: 1; }
div#header div.container { background: url(/images/Backgrounds/header.jpg) no-repeat; }

	div#menu { margin-left: 211px; position: relative; top: 64px; width: 740px; z-index: 12; }
	div#menu a { height: 60px; float: left; margin-left: 1px; cursor: pointer; }
	div#menu a span { display: none; }
	
	div#menu a.de-autos { width: 98px; background: url(/images/Buttons/de-autos.png) top center no-repeat; }
	div#menu a.pre-owned { width: 113px; background: url(/images/Buttons/stock.png) top center no-repeat; }
	div#menu a.nieuws { width: 86px; background: url(/images/Buttons/nieuws.png) top center no-repeat; }
	div#menu a.wij-zijn-kroymans { width: 166px; background: url(/images/Buttons/wij-zijn-kroymans.png) top center no-repeat; }
	div#menu a.contact { width: 98px; background: url(/images/Buttons/contact.png) top center no-repeat; }
	
	div#menu a:hover { background-position: bottom center; }
	
	div#menu a.de-autos:active, div#menu a.de-autos.active { z-index: 11; position: relative; }
	div#menu a:active, div#menu a.active { background-position: center center; }

div#header div.shadow-top { position: relative; top: 23px; }

div.cars-overlay { width: 964px; height: 267px; background: url(/images/Backgrounds/cars-overlay.jpg) no-repeat; left: 0px !important; position: relative !important; top: 12px !important; z-index: 12 !important; }
div.cars-overlay ul { margin: 0; padding: 0; list-style-type: none; position: absolute; }
div.cars-overlay ul li { float: left; height: 134px; width: 190px; }
div.cars-overlay ul li a { width: 100%; height: 72px; display: block; text-align: center; padding-top: 20px; }
div.cars-overlay ul li a span.picture { cursor: pointer; display: block; height: 40px; background: url(/images/backgrounds/menu-car.png) no-repeat; padding-top: 20px; }
div.cars-overlay ul li a:hover span.picture { background: url(/images/backgrounds/menu-car.png) no-repeat 0px -60px; }
div.cars-overlay ul li a span { position: relative; top: 10px; color: White; font-weight: bold; font-size: 13px; }

div#content { position: relative; top: -13px; }
div#content div.container { width: 970px; position: relative; left: 5px; }

div#footer { text-align: right; font-weight: bold; padding-bottom: 12px; }
div#footer a { margin-right: 20px; color: #d0d2d5; }

/* --- Customizing --- */
/* --- Homepage --- */
.big-panel { width: 960px; height: 300px; color: White !important; }
.big-panel h1 { padding-top: 50px; padding-left: 25px; }
.big-panel span#nextBtn, .big-panel span#prevBtn { display: none; }
div#slider, div#slider ul { list-style-type: none; width: 100%; height: 100%; overflow: hidden; margin: 0; padding: 0; }
div#slider ul li { float: left; overflow: hidden; text-align: center; width: 960px; height: 300px; }
div#slider ul li > img { min-height: 300px; /*position: relative; top:-220px;*/ }
div#slider ul li > div { margin-top: -300px; text-align: left; }

.small-panel { background: url(/images/Backgrounds/small-panel.png) no-repeat; width: 267px; height: 194px; padding: 18px; float: left; margin-left: -2px; margin-right: 32px; margin-top: 15px; position: relative; }
.small-panel:hover { background: url(/images/Backgrounds/small-panel-hover.png) no-repeat; }
.small-panel h2 { padding: 0px; line-height: 34px; color: White; }
.small-panel h4, .small-panel span { color: #d0d0d1; }
.small-panel .read-more { line-height: 30px; }
.small-panel div.bg-image-container { text-align: center; height: 161px; overflow: hidden; width: 279px; margin-left:-8px; }
.small-panel div.bg-image-container > img { max-width: 100%; }
.small-panel .image-text { position: absolute; top: 65px; width: 265px; *padding-left: 8px; }
.small-panel .title, .small-panel .price { display: block; text-align: left; margin-left: 5px; }
.small-panel .title { display: block; font-weight: bold; color: White; text-align: left; padding-top: 3px; }

.small-panel .overlay { background: url(/images/Backgrounds/small-panel-overlay.png) no-repeat; width: 281px; height: 160px; margin-left: -9px; }
.small-panel div.carousel { text-align: center; }
.small-panel .carousel-nav-buttons-home { position:relative; top:60px; }
.small-panel .image-overlay { background: url(/images/Backgrounds/dark-overlay.png); width: 214px; height: 51px; position: relative; bottom: 54px; left: 5px; *left: 0px; display: block; }

.small-panel div.carousel .jcarousel-clip {width:225px; height: 100%; left: 0px; }
ul.carousel { float: left; margin: 0; padding: 0px; overflow: hidden; }
ul.carousel { width: 100%; height: 100%; list-style: none; }
ul.carousel li { width: 225px; height: 160px; }
ul.carousel li img { max-width: 100%; max-height: 100%; }

.dark-block { position: relative; *position: static; /*background: url(/images/Backgrounds/dark-overlay.png) repeat;*/ width: 460px; height: 58px; margin-left: 15px; padding-left: 10px; padding-top: 10px; }

/* --- General pages --- */
div#generic-container { background-color: White; width: 960px; padding-bottom: 25px; min-height: 100%; position: relative; overflow: hidden; }
div.generic-content { padding: 32px; }
div.generic-content a:hover { color: Black; }

	/* - Pages with panel on the right - */
	div#content-left { width: 730px; float: left; height: 100%; margin-bottom: -2000px; padding-bottom: 2000px; }
	div#content-left > h1 { margin-top: 9px; }

	div#content-left.simple { padding: 16px 16px 2000px 16px; width: 698px; }

	div#content-right { width: 214px; float: left; background-color: #2b2b31; color: White; height: 100%; margin-bottom: -6000px; padding-bottom: 6000px; padding-top: 25px; background: url(/images/Backgrounds/right-panel.jpg) 0px 25px no-repeat #24242C; padding-left: 16px; }
	div#content-right h2 { padding-top: 16px; }
	div#content-right > span { color: #c8c8ca; padding-bottom: 10px; display: block; }
	div#content-right div.inner { background: url(/images/Backgrounds/right-panel-overlay.png) no-repeat; margin-left: -10px; padding: 16px 8px 16px 10px; width: 200px; }
	div#content-right div.inner > img { margin-left:-13px; margin-top:-16px; width: 221px; }
	div#content-right div.inner span.car { clear: both; margin-bottom: 10px; display: block; }
	div#content-right div.inner .title { font-weight: bold; display: block; }
	div#content-right div.inner .price { color: #c8c8ca; }
	div#content-right div.inner span.left { float: left; width: 115px; overflow: hidden; display: block; }
	div#content-right div.inner img.right { float: right; width: 80px; }
	
	/* - Pages with 2 column lay-out - */
	div#column-left, div#column-right { width: 45%; }
	
	div#column-left { padding-right: 30px; float: left; }
	div#column-right { padding-left: 30px; float: right; }

/* --- Car detail --- */
div#image-slider { height: 295px; width: 100%; position: relative; }
div#image-slider h1 { padding-top: 40px; padding-left: 30px; position: absolute; width: 700px; }
div#image-slider .navigation { height: 60px; padding-top: 20px; background: url(/images/Backgrounds/image-slider-shadow.png) repeat-x 100% 0px; position: absolute; bottom: 0px; width: 100%; }

div#image-slider .navigation .buttons { position: relative; top: 8px; }

.galleria { list-style: none; width: 100%; margin-top: -14px; height: 100%; margin: 0px auto; padding: 0px; overflow: hidden; }
.galleria li { display: block; width: 80px; height: 50px; overflow: hidden; float: left; margin: 0 10px 10px 0; }
.right .galleria li { width: 70px; } /* Pre-Owned */
.galleria li a { display: none; }
.galleria li div { position: absolute; display: none; top: 0; left: 180px; }
.galleria li div img { cursor: pointer; }
.galleria li.active div img, .galleria li.active div { display: block; }
.galleria li img.thumb { cursor: pointer; top: auto; left: auto; display: block; width: auto; height: auto; }
.galleria li .caption { display: block; padding-top: .5em; }
* html .galleria li div span { width: 400px; } /* MSIE bug */

div.galleria_container, div.galleria_wrapper { width: 100%; height: 100%; text-align: center; }
div.cardetails div.galleria_wrapper { background-color: Black; }
div.galleria_wrapper { overflow: hidden; }
div.cardetails div.galleria_container img { margin-top: -125px; }

.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; width: 625px; left: 27px; }
.right .jcarousel-clip { width: 297px; left: 0px; top: 22px; } /* Pre-owned */
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
.jcarousel-list li, .jcarousel-item { float: left; list-style: none; }
.jcarousel-next { z-index: 3; display: none; }
.jcarousel-prev { z-index: 3; display: none; }

.car-gallery a { float: left; width: 100px; height: 100px; background-color: #2A2B2F; text-align: center; margin: 2px; padding: 8px; line-height: 98px; }
.car-gallery a img { vertical-align: middle; }

/* --- Pre-Owned overview --- */
div.pre-owned-block { margin-bottom: 25px; margin-left: 12px; margin-right: 12px; width: 325px; float: left; overflow: hidden; }
div.pre-owned-block > a { display: block; position: relative; }
div.pre-owned-block > div.content { float: left; }
div.pre-owned-block img { max-width: 100%; }
div.pre-owned-block span.detail { padding-right: 25px; font-weight: bold; }
div.pre-owned-block span.detail.price { color: Black; }

div.insurance { }
div.insurance img { float: left; margin-right: 25px; }

img.verkocht { left: 0; position: absolute; top: 0; }

/* --- Pre-Owned detail --- */
a.previous { float: left; margin-bottom: 10px; }
a.next { float: right; margin-bottom: 10px; }

ul.details { padding: 0px; margin: 0px; }
ul.details li { list-style-type: none; }
ul.details span.name, ul.details span.value { padding: 6px 0px; display: block; }
ul.details span.name { float: left; width: 175px; }

div.pre-owned div.left { float: left; width: 300px; }
div.pre-owned div.right { float: right; background: url(/images/Backgrounds/details-image.jpg) no-repeat; width: 376px; height: 451px; text-align: center; padding-top: 6px; }
div.pre-owned div.right div.pre-owned-image { width: 376px; height: 268px; }
div.pre-owned div.right div.pre-owned-image img { max-height:100%; max-width:100%; }
div.pre-owned div.right > a { margin-left: 22px; margin-top: 53px; }

div.pre-owned .button-previous { margin-left: 10px; }
div.pre-owned .button-next { margin-right: 10px; }
div.pre-owned .button-previous, div.pre-owned .button-next { margin-top: 28px; }
div.pre-owned .button-previous:hover, div.pre-owned .button-next:hover { margin-top: 28px; }
div.pre-owned div.thumbnails { line-height: 75px; }

/* --- News --- */
div.news-item h5 { margin-bottom: 5px; }
div.news-item p { margin: 0; margin-top: 5px; }
span.date { color: #7d8d9b; }

/* --- News-detail --- */
div.content-item img, div#column-left img { padding: 10px; }
div.content-item img.replaced, div#column-left img.replaced { padding: 0px !important; }

/* --- Contact --- */
ul.details.contact span.value { padding: 3px; }
div.staff img, div.staff span.staff-member { float: left; }
div.staff span.staff-member { width: 180px; }
div.staff a > img { padding-right: 16px; padding-bottom: 16px; clear: both; width: 200px; min-height: 100px; }

/* --- Contact form --- */
div.contact-form { width: 400px; background-color: White; padding: 16px; }
div.contact-form .close { position: absolute; right: 12px; top: 12px; }
div.contact-form li { padding-bottom: 12px; }
div.contact-form span.text { float: left; width: 150px; }
div.contact-form input.text, div.contact-form textarea { width: 240px; }
div.contact-form select { width: 246px; }
div.contact-form textarea { height: 100px; }





































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */