/**
 * Layout.css - Global styles
 * 
 * @author  Webstores <info at webstores dot nl>
 *          Copyright (c) Webstores internet totaalbureau <http://www.webstores.nl/>
 * 
 * Colors:
 * - Base:         #505050;
 * - Lighter gray: #E5E5E5;
 * - Light gray:   #D7D7D7;
 * - Dark gray:    #999;
 * - Darker gray:  #333;
 * - Orange:       #CC9900;
 * - Green:        #61BF1A;
 * 
 * background: url(../img/mini-grid.gif);
 */

/* General */

body {
	margin: 0;
	padding: 0;
	background: #E1E1E1 url(../img/body-bg.png) repeat-x;
	font: 11px Arial, Helvetica, sans-serif;
	color: #333;
}



a {
	text-decoration: none;
	color: #CC9900;
}

a:hover {
	color: #333;
}

blockquote {
	margin: 10px 30px;
}

h1, h2, h3, h4, h5, h6 {
	color: #CC9900;
}

h1 {
	margin: 0 0 12px;
	font-size: 24px;
}

h1.deal,
h2.deal,
h3.deal {
	color: #CE132B !important;
}

h1.efficiency,
h2.efficiency,
h3.efficiency {
	color: #390 !important;
}

h2 {
	margin: 0 0 10px;
	font-size: 22px;
}

h3 {
	margin: 0 0 8px;
	font-size: 18px;
}

h4 {
	margin: 0 0 6px;
	font-size: 16px;
}

h5 {
	margin: 0 0 4px;
	font-size: 14px;
}

h6 {
	margin: 0 0 2px;
	font-size: 12px;
}

img {
	border: 0;
}

ol, ul {
	margin: 0 0 20px;
	padding: 0 0 0 30px;
	line-height: 150%;
}

p {
	margin: 0 0 20px;
	line-height: 150%;
}


/* Table styles */

table {
	margin: 10px 0 20px;
	width: 100%;
	border-collapse: collapse;
}

tr.hover {
	cursor: pointer;
}

tr.hover td {
	color: #333 !important;
}

td {
	padding: 8px;
	border-bottom: 1px solid #DDD;
}

th, thead td {
	padding: 8px;
	background-color: #DDD;
	border-bottom: 1px solid #9E9E9E;
	font-weight: bold;
	text-align: left;
}

table .date {
	width: 70px;
	text-align: right;
	color: #999;
}

table .autoblog-date {
	width: 50px;
	text-align: right;
	color: #999;
	font-size:10px;
	font-weight:bold;
}

table .title {
	font-weight: bold;
}

table .action {
	width: 80px;
}

table .arrow-link {
	font-size: 11px;
}


/* Form styles */

form ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

form li {
	margin: 0 0 10px;
	overflow: hidden;
}

form li.indent {
	padding-left: 150px;
}

fieldset {
	margin: 0 0 20px;
	padding: 0;
	border: 0;
}

legend {
	display: none;
}

input.text {
	margin-right: 2px;
	padding: 4px;
	border: 1px solid #CCC;
	font: 11px Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

input.extra-small {
	width: 40px;
}

input.small {
	width: 60px;
}

input.medium {
	width: 125px;
}

input.large {
	width: 200px;
}

input.extra-large {
	width: 275px;
}

input.focus {
	color: #333 !important;
}

input.wsv-error {
	border-color: #CE132B;
}

label {
	font-size: 12px;
	font-weight: bold;
	color: #666;
}

label.indent {
	display: -moz-inline-box;
	display: inline-block;
	width: 150px;
}

textarea {
	padding: 4px;
	width: 275px;
	height: 100px;
	border: 1px solid #CCC;
	font: 11px Arial, Helvetica, sans-serif;
	vertical-align: top;
}


/**
 * LAYOUT ELEMENTS
 * ----------------------------------------
 */

#wrapper {
	margin: 0 auto;
	padding-bottom: 20px;
	width: 990px;
}

#header {
	position: relative;
	margin-top: 25px;
	height: 135px;
	z-index: 10;
}

#main {
	width: 100%;
	background: url(../img/main-bg.gif) repeat-x;
}

#sidebar {
	margin-right: 10px;
	width: 240px;
	height: auto !important;
	height: 1px;
	min-height: 1px;
}

#content-wrap {
	padding-top: 20px;
	width: 740px;
}

#content {
	margin-right: 10px;
	padding-top: 20px;
	width: 490px;
}

#content-span #content {
	float: left;
	padding: 0;
}

#content-span {
	padding-top: 20px;
}

#mediabar {
	padding-top: 20px;
	width: 240px;
	margin-left:10px;
}

#content-span #mediabar {
	padding: 0;
}

#footer {
	padding: 0 15px;
	height: 40px;
	background-color: #CCC;
	color: #888;
	clear: both;
}

.column {
	float: left;
}

.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/**
 * GENERAL CLASSES
 * ----------------------------------------
 */

.intro {
	font-size: 16px;
	color: #666;
}

.hidden {
	visibility: hidden;
}

a.thumb,
.thumb img {
	position: relative;
	display: block;
}

.zoom {
	position: absolute;
	display: block;
	right: 10px;
	bottom: 10px;
	width: 30px;
	height: 30px;
	background: url(../img/zoom-sprite.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

a:hover .zoom {
	background-position: 0 -30px;
}

.price {
	font-size: 14px;
	font-weight: bold;
	color: #CC9900;
}


/* Arrow links */

.arrow-link {
	padding-right: 10px;
	background: url(../img/arrow-sprite.gif) no-repeat 100% 5px;
	font-size: 10px;
	font-weight: bold;
	color: #999;
}

.arrow-link:hover,
.hover .arrow-link {
	background-position: 100% -25px;
	color: #333;
}


/* Icon links */

.icon {
	display: inline-block;
	padding-left: 22px;
	background: url(../img/icon-sprite.png) no-repeat;
	line-height: 16px;
}

.loupe-button-icon { background-position: 0 0; }
.loupe-button-icon:hover { background-position: 0 -60px; }
.disk-button-icon { background-position: 0 -120px; }
.disk-button-icon:hover { background-position: 0 -180px; }
.envelope-button-icon { background-position: 0 -240px; }
.envelope-button-icon:hover { background-position: 0 -300px; }
.list-view-icon { background-position: 0 -477px; }
.list-view-icon:hover, .selected .list-view-icon { background-position: 0 -507px; }
.photo-view-icon { background-position: 0 -537px; }
.photo-view-icon:hover, .selected .photo-view-icon { background-position: 0 -567px; }


/* Buttons */

.button {
	display: inline-block;
	margin-right: 5px;
	padding-left: 10px;
	background: url(../img/button-sprite.gif) no-repeat;
	font-size: 12px;
	font-weight: bold;
	line-height: 15px;
	color: #333;
}

.button span {
	display: block;
	padding: 7px 25px 8px 0;
	background: url(../img/button-sprite.gif) no-repeat 100% 0;
}

.button:hover {
	background-position: 0 -30px;
	color: black;
}

.button:hover span {
	background-position: 100% -30px;
}

.button img {
	float: left;
	margin: -2px 5px -3px 0;
}


/* Form button style */

button {
	margin: 0;
	padding: 0 0 0 10px;
	height: 30px;
	background: url(../img/button-sprite.gif) no-repeat;
	border: none !important;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	overflow: visible;
	cursor: pointer;
	color: #333;
}

button span {
	position: relative;
	display: block;
	padding-right: 25px;
	height: 30px;
	background: url(../img/button-sprite.gif) no-repeat 100% 0;
	line-height: 30px;
	white-space: nowrap;
}

button:hover,
button:focus {
	background-position: 0 -30px;
}

button:hover span,
button:focus span {
	background-position: 100% -30px;
}

button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	button span {
		margin-top: -1px;
		margin-right: -3px;
	}
}


/* Small buttons */

.small-button { background-position: 0 -60px; }
.small-button span { padding: 2px 25px 3px 0; background-position: 100% -60px; }
.small-button:hover { background-position: 0 -80px; }
.small-button:hover span { background-position: 100% -80px; }


/* Arrow buttons */

.arrow-button {
	display: block;
	margin: 0;
	padding: 0;
	width: 20px;
	height: 20px;
	background-position: 0 -100px;
	text-indent: -9999px;
	overflow: hidden;
}

.arrow-button:hover,
.hover .arrow-button {
	background-position: 0 -120px;
}


/* Overviews */

.overview {
	width: 100%;
	overflow: hidden;
}

.overview .block {
	float: left;
	margin: 0 10px 10px 0;
}

.overview .last {
	margin: 0 0 10px 0;
}


/* Blocks */

.block {
	display: block;
	margin-bottom: 10px;
	background-color: white;
	border-top: 5px solid #D7D7D7;
}

.block h1,
.block h2.alt,
.block h3.header {
	margin: 0;
	padding: 8px 10px 8px;
	font-size: 20px;
	border-bottom: 1px solid #CCCCCC;
	color: #333;
	text-transform: none;
	overflow:hidden;
}

.block h1.black-header{
	color:#333;
}



.block h2 {
	margin: 0;
	padding: 8px 10px;
	background: url(../img/arrow-sprite.gif) no-repeat 95% -106px;
	border-bottom: 1px solid #CCCCCC;
	font-size: 14px;
	text-transform: uppercase;
	color: #333;
}

.block h2.vw-head { background-position: 100% -32px; }
.block h2.audi-head { background-position: 100% -64px; }
.block h2.seat-head { background-position: 100% -96px; }
.block h2.skoda-head { background-position: 100% -128px; }

.block h2 a {
	text-transform: lowercase;
}

.block-header {
	padding: 8px 10px;
	height: 16px;
	background: url(../img/block-heading-sprite.png) repeat-x 100% 0;
}

.block-header .bubble {
	position: absolute;
}

.block-body {
	display: block;
	padding: 10px 10px;
	/*width: 220px;*/
}

#sidebar .block,
#mediabar .block {
	float: none;
}


/* Bubbles */

.bubble,
.block .bubble {
	display: block;
	padding: 0 0 10px 10px;
	background: url(../img/bubble-sprite.png) no-repeat 0 -540px;
	font-size: 16px;
	font-weight: bold;
	text-transform: none;
	color: #333;
}

.bubble span {
	display: inline-block;
	padding: 0 10px 0 0;
	background: white url(../img/bubble-sprite.png) no-repeat 100% -580px;
	line-height: 30px;
}

h1.bubble,
.block h1.bubble {
	background-position: 0 -70px;
	font-size: 24px;
}

h1.bubble span,
.block h1.bubble span {
	background-position: 100% -130px;
	line-height: 50px;
}


/* Block variants */

.block-single { width: 240px; }

.block-double { width: 490px; }
.block-double .block-body { width: 470px;}

.block-triple { width: 740px; }
.block-triple .block-body { width: 720px;}

.plain-block { border: 0; }
a.block img { display: block; }


/* Item block */

.item-block .item {
	padding: 10px;
	width: 470px;
}

.item-block .item-body {
	width: 385px;
}

.item-block table {
	margin: 0;
}

.fixed {
	width: 490px;
}


/* Deal block */

.deal-block {
	width: 240px;
	height: 205px;
}

.deal-block-carousel {
	position: relative;
	width: 100%;
	height: 173px;
	overflow: hidden;
}

.deal-block-content {
	width: 2400px;
	height: 173px;
}

.deal-block-item {
	position: relative;
	float: left;
	padding: 10px;
	width: 220px;
	height: 153px;
	overflow: hidden;
}

.deal-block .block-body {
	position: relative;
}

.deal-block .thumb {
	margin-bottom: 10px;
	width: 218px;
	height: 108px;
	border: 1px solid #E5E5E5;
}

.deal-block .thumb:hover {
	border-color: #CCC;
}

.deal-block h3,
.deal-block p {
	margin: 0;
	font-size: 12px;
}

.deal-block h3 a {
	color: #CE132B;
}

.deal-block h3 a:hover {
	color: #333;
}

.deal-block .bubble {
	position: absolute;
	top: 5px;
	left: 15px;
	background-position: 0 -180px;
}

.deal-block .bubble span {
	background-position: 100% -220px;
}

.deal-block .tag-small-label {
	top: 68px;
	right: 2px;
}


/* Accordion block */

.accordion-block ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.accordion-toggle {
	display: block;
	padding: 7px 10px;
	width: 220px;
	background: url(../img/arrow-sprite.gif) no-repeat 221px -50px;
	border-bottom: 1px solid #E5E5E5;
	font-size: 14px;
	font-weight: bold;
	line-height: normal;
	color: #999;
}

.accordion-toggle:hover {
	background-position: 221px -80px;
	color: #333;
}

.accordion-toggle-active,
.accordion-toggle-active:hover {
	background-position: 221px -110px;
	color: #333;
}

.accordion-content {
	width: 240px;
	border-bottom: 1px solid #E5E5E5;
	overflow: hidden;
}

.accordion-content-inner {
	padding: 10px;
	width: 220px;
	overflow: hidden;
}

.accordion-content p {
	margin: 0;
}

/* Clip block */

.clip-block ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.clip-toggle {
	display: block;
	padding: 7px 10px;
	width: 450px;
	background: url(../img/arrow-sprite.gif) no-repeat 440px -50px;
	border-bottom: 1px solid #E5E5E5;
	font-size: 14px;
	font-weight: bold;
	line-height: normal;
	color: #999;
}

.clip-toggle:hover,
.clip-toggle-active {
	background-position: 440px -80px;
	color: #333;
}

.clip-content {
	width: 470px;
	border-bottom: 1px solid #E5E5E5;
	overflow: hidden;
}

.clip-content p {
	margin: 0;
}

/* Labels */

.label {
	display: block;
	margin: 0;
	background: url(../img/label-sprite.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

.label img {
	display: block;
}

.efficiency-label { padding-left: 45px; width: 30px; height: 20px; font-weight: bold; text-indent: 0; line-height: 20px; }
.efficiency-label-a { background-position: 0 -0px; color: #390; }
.efficiency-label-b { background-position: 0 -40px; color: #690; }
.efficiency-label-c { background-position: 0 -80px; color: #95BF17; }

.actie-small-label { width: 40px; height: 30px; background-position: 0 -280px; }
.actie-large-label { width: 70px; height: 50px; background-position: 0 -310px; }
.alle-acties-label { width: 110px; height: 40px; background-position: 0 -360px; }
.interesse-label { position: relative; margin-bottom: -15px; width: 110px; height: 40px; background-position: 0 -400px; z-index: 5; }
.occasion-interesse-label { position: relative; margin: -40px 0 5px 0; width: 110px; height: 40px; background-position: 0 -520px; }

.tag-small-label { width: 103px; height: 60px; background: none; }
.tag-large-label { width: 176px; height: 92px; background: none; }
.tiny-label { position: absolute; width: 55px; height: 40px; top: 130px; right: 15px; background: none; }


/* Nieuws Items */

.nieuws-item{
	width:470px;
	overflow:hidden;
	background: url(../img/block-heading-bg.gif) repeat-x 0 100%;
	margin-bottom:20px;
}

.pushdown{
	margin-bottom:10px;
}

.nieuws-header{
	width:470px;
	border-bottom:1px solid #dddddd;
}

.nieuws-item-left{
	float:left;
	width:150px;
	margin-top:10px;
}

.nieuws-item-right{
	float:left;
	width:310px;
	margin-left:10px;
	margin-top:10px;
}

.nieuws-item h3 a{
	font-size:14px;
	font-weight:bold;
	color:#333333;
}

.nieuws-item h3 a:hover{
	color:black;
}

.nieuws-item p{
	font-size:11px;
	color:#666666;
	margin-bottom:5px;
}

.nieuws-link {
	font-weight:bold;
	font-size: 10px;
	color: #999;
}

.nieuws-link:hover {
	color: #333;
}

.tiny{
	font-size:9px;
}


/* Items */

.item {
	width: 100%;
	overflow: hidden;
}

.item-thumb {
	float: left;
	margin-right: 10px;
	width: 75px;
	height: 60px;
}

.item-body {
	float: left;
}

.item-body h3 {
	margin: 0 0 3px;
	font-size: 14px;
}

.item-body h3 a {
	color: #333;
}

.item-body h3 a:hover {
	color: black;
}

.item-body p {
	margin: 0 0 3px;
}

.item-body .price {
	margin: 0;
	line-height: normal;
}

.item .arrow-link {
	background-position: 100% -145px;
	font-size: 11px;
	color: #CC9900;
}

.item .arrow-link:hover {
	background-position: 100% -25px;
	color: #333;
}


/* Product table */

.product-table {
	margin: 0 -10px 20px;
	width: 740px;
}

.product-table th {
	background: none;
	font-size: 10px;
	color: #999;
}

.product-table td {
	padding: 4px 8px;
}

.product-table .hover td {
	color: black !important;
}

.product-table .brand {
	width: 22px;
}

.product-table .model {
	width: 90px;
	font-weight: bold;
}

.product-table .color {
	width: 30px;
}

.product-table .consumer-price {
	width: 95px;
}

.product-table .price {
	width: 65px;
}

.product-table .lease-fee {
	width: 70px;
}

.product-table .addition {
	width: 75px;
}

.product-table .details {
	width: 20px;
}


/* Pagination */

.pagination {
	margin: 0 0 10px;
	padding: 8px;
	width: 724px;
	height: 20px;
	background-color: white;
	overflow: hidden;
}

.pagination ol {
	float: left;
	margin: 0;
	padding: 0;
	width: 684px;
	text-align: center;
	list-style: none;
}

.pagination li {
	display: inline;
}

.pagination li a {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../img/pagination-controls-sprite.gif) no-repeat;
	font-weight: bold;
	text-decoration: none;
	line-height: 20px;
	color: #999;
}

.pagination a:hover {
	background-position: 0 -20px;
	color: #333;
}

.pagination .selected a {
	background-position: 0 -40px;
	background-color: #333;
	color: white;
}

.pagination-control {
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	background: url(../img/button-sprite.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#pagination-prev { background-position: 0 -140px; }
#pagination-prev:hover { background-position: 0 -160px; }

#pagination-next { background-position: 0 -100px; }
#pagination-next:hover { background-position: 0 -120px; }


/* Branding */

.branding {
	display: block;
	width: 22px;
	height: 22px;
	background: url(../img/brand-sprite.png) no-repeat;
	text-indent: -9999px;
}

.vw-branding { background-position: 0 0; }
.audi-branding { background-position: 0 -42px; }
.seat-branding { background-position: 0 -124px; }
.skoda-branding { background-position: 0 -164px; }


/* Disclaimers */

.disclaimer {
	margin: 0 0 10px;
	font-size: 10px;
	color: #666;
}

.disclaimer strong {
	display: block;
}

.corporate-disclaimer { padding-left: 70px; width: 320px; background: url(../img/hk-logo-sprite.png) no-repeat; }
.corporate-disclaimer-green { background-position: 0 -68px; }


/* Toolbars */

.toolbar {
	padding: 20px 10px 10px 10px;
	width: 220px;
	border-top: 1px solid #E5E5E5;
	overflow: hidden;
}

.block-double .toolbar { width: 470px; }
.block-triple .toolbar { width: 720px; }

.toolbar .button {
	float: left;
}

.toolbar-right .button {
	float: right;
	margin: 0 0 0 5px;
}


/* Content header */

#content-header {
	padding: 30px 10px 0;
	height: 60px;
	background-color: white;
	overflow: hidden;
}

#content-header h1 {
	margin: 0 0 5px;
	padding: 0;
	background: none;
}

#content-span #content-header {
	width: 720px;
}


/* Tabs */

.tabs {
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
	overflow: hidden;
}

.tabs li {
	float: left;
	margin: 5px 1px 0 0;
}

.tabs .selected {
	margin: 0 1px 0 0;
	border-top: 5px solid #333;
}

.tabs a {
	display: block;
	padding: 10px;
	background: #F5F5F5 url(../img/tabs-bg.gif) repeat-x 0 100%;
	font-size: 14px;
	font-weight: bold;
	outline: none;
	color: #999;
}

.tabs a:hover {
	color: #333;
}

.tabs .selected a {
	background: white;
	color: #333;
}

.tab-containers {
	width: 100%;
	background-color: white;
}

.tab-container {
	padding: 10px;
	overflow: hidden;
}


/* Checklists */

.checklist {
	padding: 0;
	list-style: none;
}

.checklist li {
	margin-bottom: 5px;
	padding-left: 30px;
	background: url(../img/check.gif) no-repeat 5px 0;
}


/**
 * HEADER ELEMENTS
 * ----------------------------------------
 */

#logo {
	display: block;
	float: left;
	width: 250px;
	height: 130px;
	border-top: 5px solid #CC9900;
}

#logo img {
	display: block;
}


/* Header navigation wrapper */

#header-wrap {
	float: left;
	margin-top: 5px;
	width: 740px;
	height: 130px;
}

#header-wrap img {
	display: block;
}


/**
 * SIDEBAR ELEMENTS
 * ----------------------------------------
 */

#appointment {
	display: block;
	width: 240px;
	height: 110px;
}

#appointment img {
	display: block;
}


/* Menu */

#menu {
	margin: 0 0 10px;
	padding: 10px;
	width: 220px;
	background: #CC9900 url(../img/menu-bg.gif) repeat-x 0 100%;
	line-height: normal;
	list-style: none;
}

#menu li {
	margin-bottom: 5px;
	vertical-align: middle;
}

#menu .last {
	margin: 0;
}

#menu a {
	display: block;
	padding: 7px 10px 8px 10px;
	width: 200px;
	background: url(../img/menu-sprite.gif) no-repeat;
	font-size: 12px;
	font-weight: bold;
	color: white;
}

#menu a:hover {
	background-position: 0 -30px;
}


/* Establishment block */

#establishment {
	height: 115px;
	overflow: hidden;
}

#establishment-select {
	margin: 0 0 0 5px;
	width: 70px;
	font-size: 10px;
	text-transform: none;
	line-height: 35px;
}

#establishment p {
	margin: 0;
}

#establishment .fn {
	display: none;
}


/* Deals block */

#deals h2,
#brand-deals h2 {
	position: relative;
	height: 16px;
}

#deals .label,
#brand-deals .label {
	position: absolute;
	top: -10px;
}

#deals .accordion-content p a {
	font-size: 12px;
	line-height: 180%;
	color: #666;
}

#deals .accordion-content p a:hover {
	color: #000;
}

#deals .arrow-link {
	background-position: 100% -25px;
	color: #333;
}

#deals .arrow-link:hover {
	background-position: 100% 5px;
	color: #999;
}


/* Nav back button */

#nav-back {
	padding: 25px 10px 0;
	width: 220px;
	height: 30px;
}

#nav-back a {
	padding-left: 16px;
	background: url(../img/arrow-sprite.gif) no-repeat 0 -177px;
	font-size: 12px;
	font-weight: bold;
	color: #999;
}

#nav-back a:hover {
	background-position: 0 -207px;
	color: #333;
}


/* Employee vcards */

#employee ,
#employee-2 {
	margin: 0;
	padding: 10px;
	width: 220px;
	overflow: hidden;
	border: 0px;
	background: transparent;
}

#employee .thumb ,
#employee-2 .thumb {
	float: left;
	background:transparent;
	margin-right: 10px;
	width: 53px;
	height: 53px;
}

#employee .vcard-body ,
#employee-2 .vcard-body {
	float: left;
	width: 155px;
}

#employee p ,
#employee-2 p {
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	line-height: 125%;
	color: #999;
}

#employee .fn ,
#employee-2 .fn {
	margin: 0 0 5px;
	font-size: 14px;
	color: #333;
}

#employee .n ,
#employee-2 .n {
	display: none;
}


/* Occasion filters */

#occasion-filters {
	width: 240px;
}

#occasions-filter-header {
	padding: 30px 10px 0;
	height: 60px;
}

#occasion-filters h2 {
	margin: 0 0 5px;
	padding: 0;
	background: none;
	font-size: 18px;
	font-weight: normal;
	text-transform: none;
}

#occasion-filters .intro {
	margin: 0 0 15px;
	font-size: 11px;
	font-weight: bold;
	color: #999;
}


/* Filters */

#filters {
	margin: 0;
	width: 240px;
	border-bottom: 1px solid #E2E2E2;
}

.filter {
	width: 240px;
}

.filter h3,
.active h3 {
	margin: 0;
	background: url(../img/gradient-header-bg.gif) repeat-x;
	border-top: 1px solid #E2E2E2;
}

.filter h3 a,
.active h3 a {
	display: block;
	padding: 7px 30px 7px 10px;
	width: 200px;
	background: url(../img/arrow-sprite.gif) no-repeat 220px -110px;
	font-size: 12px;
	outline: none;
	color: #333;
}

.collapsed h3 {
	background: none;
}

.collapsed h3 a {
	background-position: 220px -50px;
	color: #999;
}

.collapsed h3 a:hover {
	background-position: 220px -80px;
	color: #333;
}

.filter-body {
	position: relative;
	padding: 10px;
	width: 220px;
	background-color: #F5F5F5;
	border-top: 1px solid white;
}

.collapsed .filter-body {
	display: none;
}

.filter-body h4 {
	margin: 5px 0;
	font-size: 12px;
	font-weight: bold;
	color: #999;
}

.filter-body p {
	margin: 0 0 10px;
	font-size: 12px;
	color: #999;
}

.filter-body li {
	margin: 0 0 1px;
}

.filter-body input {
	margin: 0 2px 0 0;
	width: 13px;
	height: 13px;
	vertical-align: top;
}

.filter-body label {
	font-size: 11px;
	font-weight: normal;
	color: #333;
}

.filter-body .range-select {
	width: 80px;
}

.filter-body .expand-toggler {
	display: block;
	margin-top: 10px;
	padding-left: 18px;
	background-position: 0 -420px;
	text-decoration: underline;
	line-height: 13px;
	outline: none;
	color: #999;
}

.filter-body .expand-toggler:hover {
	background-position: 0 -450px;
	color: #BBB;
}

.hide-options .hidden-option {
	display: none;
}

.hide-options .expand-toggler {
	background-position: 0 -360px;
}

.hide-options .expand-toggler:hover {
	background-position: 0 -390px;
}

.filter-body-scroll {
	width: 100%;
	max-height: 250px;
	overflow: auto;
}

* html .filter-body-scroll { 
	height: expression(this.scrollHeight > 249 ? "250px" : "auto" );
}

#model-loading-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: white url(../img/loading.gif) no-repeat 50% 20px;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

#occasions-search-form #model-loading-overlay {
	width: 720px;
}


/* Alternatives (occasions) */

#alternatives {
	margin: 0 0 10px;
}

#alternatives li {
	margin: 0;
	padding: 10px;
	width: 220px;
	background: url(../img/alternatives-dots-sprite.gif) no-repeat 15px 7px;
	border-bottom: 1px solid #E5E5E5;
	vertical-align: middle;
}

#alternatives li:first-child {
	background-position: 15px 47px;
}

#alternatives .item-check {
	float: left;
	padding-top: 18px;
	width: 20px;
}

#alternatives .item-check input {
	margin: 0;
	width: 13px;
	height: 13px;
	vertical-align: top;
}

#alternatives .thumb {
	float: left;
	margin-right: 8px;
	width: 60px;
	height: 50px;
}

#alternatives .item-body {
	width: 132px;
}

#alternatives .item-body h3,
#alternatives .item-body p {
	margin: 0 0 2px;
	font-weight: bold;
	line-height: normal;
}

#alternatives .item-body h3 {
	font-size: 12px;
}

#alternatives .item-body .model {
	color: #999;
}

#alternatives .toolbar {
	padding: 10px 10px 10px 30px;
	width: 200px;
	background: url(../img/alternatives-dots-sprite.gif) no-repeat 15px -74px;
	border: 0;
}


/**
 * CONTENT ELEMENTS
 * ----------------------------------------
 */

#spotlight-wrap {
	margin-bottom: 10px;
	width: 100%;
	height: 270px;
	overflow: hidden;
}

#spotlight-wrap .block {
	float: left;
}


/* Spotlight deal */

#spotlight-deal {
	margin-right: 10px;
	width: 490px;
	height: 265px;
}

#spotlight-deal .deal-block-carousel {
	height: 233px;
}

#spotlight-deal .deal-block-content {
	width: 4900px;
	height: 233px;
}

#spotlight-deal .deal-block-item {
	width: 470px;
	height: 213px;
}

#spotlight-deal .thumb {
	margin-bottom: 10px;
	width: 468px;
	height: 158px;
	border: 1px solid #E5E5E5;
}

#spotlight-deal h3 {
	margin: 0;
	font-size: 18px;
}

#spotlight-deal h3 a {
	color: #CE132B;
}

#spotlight-deal h3 a:hover {
	color: #333;
}

#spotlight-deal p {
	margin: 0;
	font-size: 14px;
	font-weight: bold;
}

#spotlight-deal .label {
	position: absolute;
}

#spotlight-deal .actie-large-label {
	top: 123px;
	left: 15px;
}

#spotlight-deal .tag-large-label {
	top: 95px;
	right: 5px;
}


/* Efficiency block */

#efficiency {
	float: left;
}

#efficiency .block-body a {
	display: block;
	padding-left: 50px;
	width: 170px;
	height: 70px;
	background: url(../img/label-sprite.png) no-repeat 0 -440px;
	font-size: 14px;
	line-height: 160%;
	color: #333;
}

#efficiency .block-body a:hover {
	color: black;
}

#efficiency strong {
	display: block;
}


/* Voorraadactie banner */

#voorraadactie {
	display: block;
	width: 220px;
	height: 70px;
	background: url(../img/voorraadactie-banner.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#voorraadactie:hover {
	background-position: 0 -70px;
}


/* News block */

#news {
	float: left;
	margin-right: 10px;
}

#news h2 {
	background: none;
}


/* Occasions block */

#occasions {
	float: left;
}

#occasions .item-body {
	width: 135px;
}


/* Visual */

#visual {
	position: relative;
	margin-bottom: 30px;
	width: 470px;
	height: 160px;
}

#visual img {
	display: block;
}

#visual .label {
	position: absolute;
}

#visual .actie-large-label {
	bottom: -20px;
	left: 5px;
}

#visual .tag-large-label {
	bottom: -20px;
	right: -5px;
}


/* Content toolbar */

#content-toolbar {
	margin: -5px 0 10px;
	padding: 0;
	width: 740px;
	list-style: none;
	overflow: hidden;
}

#content-toolbar li {
	float: left;
	margin-right: 20px;
}

#content-toolbar a {
	padding-left: 36px;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	color: #333;
}

#content-toolbar a:hover {
	color: #555;
}


/* Occasions per page */

#occasions-per-page {
	float: left;
}

#occasions-per-page label {
	font-size: 11px;
}


/* Occasions view mode */

#occasions-view-mode {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}

#occasions-view-mode li {
	float: left;
	margin-left: 10px;
	padding-right: 10px;
	border-right: 1px solid #CCC;
}

#occasions-view-mode .last {
	padding-right: 0;
	border-right: 0;
}

#occasions-view-mode .icon {
	padding-left: 16px;
	font-weight: bold;
	color: #999;
}

#occasions-view-mode .icon:hover,
#occasions-view-mode .selected .icon {
	color: #333;
}


/* Occasions table */

#occasions-block-body {
	position: relative;
}

#occasions-table {
	margin: -10px -10px 0;
	background-color: white;
	border-collapse: separate;
}

#occasions-table th {
	padding: 7px 8px;
	background: url(../img/gradient-header-bg.gif) repeat-x;
	border-top: 1px solid #E2E2E2;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #D6D6D6;
	font-size: 11px;
}

#occasions-table th a {
	display: block;
	background: url(../img/arrow-sprite.gif) no-repeat 0 100px;
	color: #999;
}

#occasions-table th a:hover {
	color: #666;
}

#occasions-table th.sorted a {
	color: #333;
}

#occasions-table th.asc a {
	background: url(../img/arrow-sprite.gif) no-repeat 100% -266px;
}

#occasions-table th.desc a {
	background: url(../img/arrow-sprite.gif) no-repeat 100% -236px;
}

#occasions-table .lease-special td {
	background-color: #EFF8E8; 
}

#occasions-table .brand {
	width: 46px;
}

#occasions-table .brand img {
	display: block;
}

#occasions-table .thumb {
	padding: 4px;
	width: 50px;
}

#occasions-table .model {
	width: auto;
}

#occasions-table .type {
	display: block;
	color: #999;
}

#occasions-table .year,
#occasions-table .establishment {
	width: 90px;
}

#occasions-table .mileage {
	width: 70px;
}

#occasions-table .price {
	min-width: 30px;
}

#occasions-table .details {
	border-right: 0;
}

#occasions-table .sorted {
	font-weight: bold;
	color: #111;
}

#occasions-loading-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: white url(../img/loading.gif) no-repeat 50% 100px;
	opacity: 0.7;
	filter: alpha(opacity=70);
}


/* Occasions block */

#occasions-block {
	margin: 0;
	background: none;
}


/* Occasions photo menubar */

#occasions-photo-menubar {
	margin: -10px -10px 0;
	padding: 0 10px;
	width: 720px;
	height: 29px;
	background: url(../img/gradient-header-bg.gif) repeat-x;
	border-top: 1px solid #E2E2E2;
}

#occasions-photo-sort {
	float: right;
}

#occasions-photo-sort label {
	line-height: 29px;
	font-size: 11px;
	color: #999;
}

#occasions-photo-sort select {
	margin: 0;
	font-size: 11px;
	vertical-align: middle;
	color: #666;
}


/* Occasions photo overview */

#occasions-photo-overview {
	position: relative;
	margin: 0 -10px -10px;
	width: 740px;
	overflow: hidden;
}

.occasions-row {
	padding-bottom: 10px;
	width: 750px;
	overflow: hidden;
}

.overview .occasion {
	position: relative;
	display: block;
	float: left;
	margin-right: 10px;
	margin-left:0px;
	padding: 10px;
	width: 220px;
	background-color: white;
}

.overview .occasion .thumb {
	margin: 0 0 10px;
	width: 220px;
	height: 150px;
}

.occasion span {
	font-weight: bold;
}

.occasion .occasion-title {
	display: block;
	margin: 10px 0 0;
	color: #333;
}

.occasion .occasion-specs {
	display: block;
	margin: 0 0 5px;
	color: #999;
}

.occasion .occasion-price {
	display: block;
	color: #333;
}


/* Occasions search form */

#occasions-search-form {
	margin: 0;
	width: 740px;
	font-size: 12px;
}

#occasions-search-form fieldset {
	position: relative;
	margin: 0;
	padding: 10px 10px 5px 10px;
	width: 720px;
	border-bottom: 1px solid #EEE;
}

#occasions-search-form legend {
	position: absolute !important;
	display: block;
	padding-left: 0;
	padding-right: 0;
	width: 120px !important;
	font-weight: bold;
	color: #333;
}

#occasions-search-form legend span {
	position: absolute;
	display: block;
	padding-top: 4px;
	top: 0;
	left: 0;
	width: 120px;
}

#occasions-search-form fieldset ul {
	float: right;
	width: 600px;
	overflow: hidden;
}

#occasions-search-form li {
	margin: 0 0 5px;
}

#occasions-search-form .column-list li {
	float: left;
	margin: 0 10px 5px 0;
	width: 140px;
}

#occasions-search-form .column {
	float: left;
	margin-right: 10px;
	width: 140px;
}

#occasions-search-form .field-wrapper {
	padding: 2px 0 0 0;
	float: right;
	width: 600px;
	overflow: hidden;
}

#occasions-search-form .field-wrapper h4 {
	margin: 2px 0 5px;
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
	color: #999;
}

#occasions-search-form .field-wrapper p {
	color: #999;
}

#occasions-search-form .field-wrapper ul {
	margin: 0 0 8px;
}

#occasions-search-form label {
	font-weight: normal;
	color: #333;
}

#occasions-search-form .toolbar {
	padding: 20px 10px 20px 130px;
	width: 600px;
	border: 0;
}


/* Occasion gallery */

#occasion-gallery {
	position: relative;
	margin: 0 0 10px;
	width: 490px;
	height: 375px;
	overflow:hidden;
	background-color: black;
	border-top: 5px solid #D7D7D7;
}

#occasion-gallery .label {
	position: absolute;
	margin: 0;
	width: 75px;
	height: 60px;
	top: 10px;
	right: 10px;
	background: none;
}

#gallery-image-scroller {
	width: 490px;
	position:relative;
	height: 315px;
	overflow: hidden;
}

#gallery-image-content {
	width: 98000px;
	height: 315px;
	overflow:hidden;
}

#gallery-image-content .slide {
	float: left;
	width: 490px;
	height: 315px;
	text-align: center;
}

#gallery-image-content img {
	display: block;
	margin: 0 auto;
}

#gallery-navigation {
	width: 490px;
	height: 60px;
	background: url(../img/gallery-sprite.gif) repeat-x;
}

#gallery-navigation .carousel-control {
	display: block;
	float: left;
	width: 30px;
	height: 60px;
	background: url(../img/gallery-sprite.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#gallery-navigation #gallery-prev { background-position: 50% -75px; }
#gallery-navigation #gallery-prev:hover { background-position: 50% -115px; }

#gallery-navigation #gallery-next { background-position: 50% -155px; }
#gallery-navigation #gallery-next:hover { background-position: 50% -195px; }

#gallery-thumbs-scroller {
	float: left;
	width: 428px;
	height: 60px;
	border-left: 1px solid black;
	border-right: 1px solid black;
	overflow: hidden;
}

#gallery-thumbs-content {
	width: 1400px;
	height: 60px;
}

#gallery-thumbs-content a {
	display: inline;
	float: left;
	margin: 5px 0 5px 5px;
	width: 60px;
	height: 50px;
	overflow: hidden;
}

#gallery-thumbs-content img {
	display: block;
}

#gallery-thumbs-content a:hover,
#gallery-thumbs-content a.selected {
	width: 54px;
	height: 44px;
	border: 3px solid #CC9900;
}

#gallery-thumbs-content a:hover img,
#gallery-thumbs-content a.selected img {
	margin: -3px 0 0 -3px;
}


/* Occasion data */

#occasion-data {
	margin: 0 0 10px;
	width: 490px;
}

#occasion-data .tab-content {
	width: 470px;
}


/* Occasion specs tab content */

#occasion-specs {
	padding: 10px 0 0;
	width: 490px;
}

#occasion-specs table.column {
	margin: 0;
	width: 245px;
}

#occasion-specs table.column th,
#occasion-specs table.column td {
	width: 50%;
	background: none;
	border-bottom: 1px solid #E5E5E5;
}

#occasion-specs table.column th {
	color: #999;
}


/* Occasion options tab content */

#occasion-options .checklist {
	margin: 0;
}

#occasion-data .toolbar {
	width: 470px;
	border: 0;
}


/* Occasion navigation */

#occasion-navigation {
	margin: 0 0 10px;
	padding: 10px;
	width: 470px;
	background-color: white;
	overflow: hidden;
}

#occasion-navigation .button {
	float: right;
	margin: 0;
}

#occasion-navigation #occasion-prev { float: left; padding: 0 0 0 25px; background-position: 0 -180px; }
#occasion-prev span { padding: 2px 10px 3px 0; background-position: 100% -180px; }
#occasion-prev:hover { background-position: 0 -200px; }
#occasion-prev:hover span { background-position: 100% -200px; }


/**
 * MEDIABAR ELEMENTS
 * ----------------------------------------
 */

#gallery-block .thumb {
	margin-bottom: 10px;
	width: 220px;
}

#gallery-block .last {
	margin: 0;
}


/* Occasion description */

#occasion-description .block-header {
	padding: 10px;
	height: auto;
	background: none;
	border-bottom: 1px solid #E5E5E5;
}

#occasion-description .block-header h1,
#occasion-description .block-header h2 {
	padding: 0;
	background: none;
}

#occasion-description .block-header h1 {
	margin: 0 0 5px;
}

#occasion-description .block-body {
	border-bottom: 1px solid #E5E5E5;
}

#occasion-description h3 {
	font-size: 12px;
	color: #333;
}

#occasion-description p {
	margin: 0 0 10px;
}

#occasion-description .toolbar {
	border: 0;
}

#occasion-description #occasion-price {
	margin: 0 0 30px;
	padding: 10px 15px;
	width: 190px;
	height: 30px;
	background: url(../img/occasion-price-bg.gif) no-repeat;
	font-size: 20px;
	font-weight: bold;
	text-align: right;
	line-height: 30px;
	color: white;
}

#occasion-price .currency {
	display: none;
}

#occasion-price .unit {
	font-size: 12px;
}

#occasion-actions {
	padding-top: 20px;
}

#occasion-actions ul {
	margin: 0;
	padding: 0;
	width: 220px;
	list-style: none;
}

#occasion-actions li {
	margin: 5px 0 0;
}

#occasion-actions .button {
	margin: 0;
	width: 210px;
	cursor: pointer;
}

#occasion-actions .button span {
	width: 185px;
}


/**
 * FOOTER ELEMENTS
 * ----------------------------------------
 */

#footer p {
	float: left;
	margin: 0;
	line-height: 40px;
}


/* Service navigation */

#service-navigation {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}

#service-navigation li {
	display: inline;
	line-height: 40px;
}

#service-navigation li a {
	text-decoration: none;
	color: #888;
}

#service-navigation li a:hover {
	color: #555;
}


/**
 * LIGHTWINDOW ELEMENTS
 * ----------------------------------------
 */

.lightwindow-wrapper {
	width: 600px;
	background-color: white;
}

div#contact-lightwindow {
	height: 570px;
	background-color: white;
}

#mail-car-lightwindow {
	height: 300px;
	background-color: white;
}

#search-save-lightwindow {
	height: 360px;
	background-color: white;
}

#inner-lightwindow {
	padding: 0 20px;
}

.lightwindow-wrapper h1 {
	padding: 20px 20px 15px 20px;
	background: url(../img/block-heading-bg.gif) repeat-x 0 100%;
	line-height: normal;
}

.lightwindow-wrapper .intro {
	font-size: 16px;
	color: #666 !important;
}

.lightwindow-wrapper form {
	margin: 0;
}

.lightwindow-wrapper input.text,
.lightwindow-wrapper textarea {
	width: 275px;
}

.lightwindow-wrapper #initials {
	width: 155px;
}

/**
 * autoblog
 * ----------------------------------------
 */

#autoblog{
	width: 240px;
	background:white;
}

#autoblog h3{
	font-size:15px;
	font-weight:bold;
	color:#333333;
	padding:10px;
}

#autoblog table{
	padding:0;
	margin:0;	
	width:240px;	
}

#autoblog tr{
	padding:0;
	margin:0;		
}

#autoblog td{
	padding:8px;
	padding-right:0px;
	margin:0;
	overflow:hidden;
}

#autoblog td a{
	background:white;
	padding:0;
	margin:0;
	display:block;
	color:#333333;
	font-size:11px;
}


/*nieuwsarchief*/

#nieuws-archief h3{
	font-size:15px;
	font-weight:bold;
	color:#333333;
	padding:10px;
}

/*Nieuwsfoto's*/

.photo-more{
	margin-top:10px;
	width:205px;
}

/*Occasion block*/

.occasion-header {
	display: block;
	padding: 7px 10px;
	width: 220px;
	background: url(../img/arrow-sprite.gif) no-repeat 221px -50px;
	border-bottom: 1px solid #E5E5E5;
	font-size: 14px;
	font-weight: bold;
	line-height: normal;
	color: #333;
}

.occasion-thumb{
	width:81px;
	height:60px;
	border-right:1px solid #dddddd;
	display:block;
	float:left;
}

.occasion-body{
	float:right;
	width:130px;
}

.occasion-body h3 a{
	font-size:13px;
	color:#333;
	font-weight:bold;
}

.occasion-body p{
	font-size:11px;
}

.occasion-body price{
	font-size:11px;
}

.occasion-content {
	width: 240px;
	border-bottom: 1px solid #E5E5E5;
	overflow: hidden;
}

.occasion-content-inner {
	padding: 10px;
	width: 220px;
	height:65px;
	overflow: hidden;
}


#sidebar {
	padding: 20px 0 0;
}


/**
 * HEADER ELEMENTS
 * ----------------------------------------
 */

#logo {
	border-color: #FCC917;
}
/**
 * SIDEBAR ELEMENTS
 * ----------------------------------------
 */
#menu {
	background: #FCC917;
}

#menu a {
	padding: 0 10px;
	line-height: 30px;
	color: #333;
}


/* Accordion menu */

#accordion-menu {
	margin: 0 0 10px;
	border-top: 1px solid #E5E5E5;
}

#accordion-menu .accordion-content {
	background-color: #F5F5F5;
}

#accordion-menu .accordion-content ul {
	padding: 0 0 0 10px;
}

#accordion-menu .accordion-content li a {
	font-size: 12px;
	color: #666;
}

#accordion-menu .accordion-content li a:hover {
	color: #333;
}

#accordion-menu .accordion-content .selected a {
	font-weight: bold;
	color: #333;
}

#accordion-menu ul.subnav {
	display: none;
	padding: 5px 0;
}

#accordion-menu .selected .subnav {
	display: block;
}

#accordion-menu .subnav li a {
	padding-left: 10px;
	font-size: 11px;
}

#accordion-menu .selected .subnav li a {
	font-weight: normal;
	color: #666;
}

#accordion-menu .selected .subnav li a:hover {
	color: #333;
}

#accordion-menu .selected .subnav .selected a {
	background: url(../img/arrow-sprite.gif) no-repeat -3px -26px;
	font-weight: bold;
	color: #333;
}


/* TOEGEVOEGD door GJ voor Kemperink */
.no-border {
width: 180px;
margin-left: 10px;
}

.no-border, .no-border td {
	border: 0px;
}

.no-border td {
	padding:2px;
}

/* Kemperink Homepage */
#kemperink-intro {
	width: 740px;
	height: 300px;
	background: url(../img/homepage-intro-bg.png) no-repeat;
}

#kemperink-intro .inner {
	float: left;
	width: 500px;
	height: 300px;
	overflow: hidden;
	position:relative;
}

#kemperink-intro h1 {
	margin: 0 0 8px;
	background: url(../img/homepage-intro-header-bg.png) no-repeat;
	font-size: 20px;
	font-weight: normal;
	text-indent: -9999px;
	color: #999;
}

#kemperink-intro h1 span {
	display: block;
	font-weight: bold;
	color: white;
}

#kemperink-intro p {
	margin: 0;
	font-size: 16px;
	color: #999;
}

#kemperink-intro-nav {
	float: left;
	margin: 0;
	padding: 0;
	width: 240px;
	height: 200px;
	margin-top: 40px;
	list-style: none;
	border-top: 1px solid #4A4A4A;
}

#kemperink-intro-nav li {
	width: 240px;
	border-bottom: 1px solid #4A4A4A;
}

#kemperink-intro-nav a {
	display: block;
	padding: 0 0px 0 15px;
	width: 225px;
	padding-top:15px;
	font-size: 14px;
	position: relative;
	font-weight: bold;
	color: #999;
}

.ref-item {
	position:relative;
	float:left;
	width: 480px;
	height:280px;
	padding:10px;
}

.detail-block {
	position: absolute;
	bottom: 0px;
	width: 480px;
	height: 80px;
	left:10px;
}

.detail {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 460px;
	height: 60px;
	padding: 10px;
}

.detail h2 {
	color: #FFFFFF;
	font-size: 12px;
	width: 300px;
	float:left;
}

#kemperink-intro .detail p {
	width: 300px;
	color: #FCC917;
	float:left;
	font-size: 18px;
}

.detail a {
	float:right;
	
}

.shade {
	position: absolute;
	bottom: 0px;
	width: 480px;
	height: 80px;
	background: black;
	opacity:0.4;
	filter:alpha(opacity=40);
	
}

.container {
	width: 9999px;
}

div#brands {
	padding: 10px;
	width: 470px;
	float:left;
	overflow:hidden;
}

/* Brand ticker */

#brand-ticker {
	position: relative; /* Important for offset calculation */
	float: left;
	margin-right: 20px;
	width: 480px;
	height: 70px;
	overflow: hidden;
}

#taxiombouw #brand-ticker {
	width: 830px;
}

#brand-ticker-content {
	margin: 0;
	padding: 0;
	width: 99900px;
	list-style: none;
	overflow: hidden;
}

#brand-ticker-content li {
	float: left;
	margin-right: 10px;
}

#brand-ticker-content li a {
	display: block;
	background-color: white;
}

#brand-ticker-content li a img {
	display: block;
}

.ticker-control {
	display: block;
	float: left;
	margin: 20px 0;
	width: 40px;
	height: 40px;
	background: url(../img/arrow-sprite.gif) no-repeat;
	text-indent: -9999px;
}

div.route form {
	float: left;
	margin: 0px;
}

div.route table {
	margin: 0px;
}

div.route table td{
	border: 0px;
	padding: 4px;
}

div#occasions,
div#voorraad {
	width: 240px;
}

/* Page */
p.introduction {
	color: #666;
	font-size: 16px;
}

#mediabar .block h2 {
	font-size: 20px;
	text-transform: none;
}

h2.bubble,
p.bubble {
	position: absolute;
	z-index: 99999;
	top: 0px;
	left:15px;
}

p.interesse {
	position: relative;
	margin-bottom: -15px;
	left: 0px;
	margin-left: 5px;
}

.page-image img {
	margin: 10px 0px 0px 10px;
}

.page-image {
	position: relative;
}

.loop {
	position:absolute;
	top: -40px;
	left: 180px;
}

.ref-loop {
	position:relative;
	top: -30px;
	left: 188px;
}

.more-images {
	margin: 10px 0px 10px 10px;
	width:210px;
}

div.ref-text {
	padding: 10px 20px 10px 10px;
	font-size: 12px;
	color:#666;
	border-bottom: 1px solid #CCCCCC;
}

p.website {
	padding: 10px;
}

.block h2 a.arrow-link,
h3.header a.arrow-link {
	float:right;
	margin-top:5px;
}

.deal-block h2 a.arrow-link,
#spotlight-deal h2 a.arrow-link {
	float:none;
}


/* Bedrijfswagen ombouw homepage */
#bedrijfsombouw #sticker img {
	margin-top: 10px;
	margin-left:10px;
}



#producten {
	background: #3A3A3A url(../img/producten-label.jpg) no-repeat;
	float:left;
	width:240px;
	height:80px;
	margin: 10px 0px 10px 10px;
}

#producten h4 {
	margin-left: 60px;
	margin-top: 20px;
	margin-bottom: 10px;
	font-size:16px;
	color:#FCC917;
}

#bedrijfsombouw .deal-block {
	float:left;
	margin-right: 10px;
	position:relative;
}

#bedrijfsombouw .last {
	margin-right: 0px;
}

#bedrijfsombouw .deal-block .block-body a,
#bedrijfsombouw .deal-block .block-body p{
	float: none;
}

#bedrijfsombouw #overview {
	float:left;
	width:100%;
}

#bedrijfsombouw .deal-block .bubble span{
	color: #FFF;
}

#bedrijfsombouw .deal-block a{
	float: right;
}

#bedrijfsombouw .deal-block h2{
	background: none;
}

#bedrijfsombouw .deal-block h2 a{
	margin-top: 0px;
	float: right;
}

#producten select {
	margin-left: 60px;
	width:170px;
}

#bedrijfsombouw #brands {
	float:left;
	margin-top:10px;
	height:55px;
}

#bedrijfsombouw #content-span {
	width: 740px;
}

/* TaxiOmbouw */
#taxiombouw #brands {
	float:left;
	margin-top:10px;
	height:55px;
	width: 720px;
}

#taxiombouw #content-span {
	width: 740px;
}

#taxiombouw #showroom {
	float:left;
	width: 240px;
}

#taxiombouw #showroom .bubble {
	margin-top: 10px;
}

#taxiombouw #showroom .big {
	font-size: 16px;
	float:left;
	font-weight:bold;
	padding-left: 10px;
	padding-bottom: 10px;
	margin-top: 15px;
	margin-bottom: 10px;
	border-bottom: 1px solid #E1E1E1;
}

#taxiombouw #showroom a {
	width: 200px;
	margin-left: 10px;
	margin-bottom: 10px;
}


#autoaanpassingen #sticker {
	margin-left: 50px;
	margin-bottom: 20px;
}

div.info-block {
	float:left;
	height:210px;
	width: 240px;
	margin-right: 10px;
	margin-top: 10px;
}

div.info-block h2 p.bubble {
	margin-left:0px;
}

div.info-block h2 {
	background: none;
}

div.info-block p.big {
	color: #333;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #E1E1E1;
	padding-left: 10px;
	font-size: 18px;
}

#autoaanpassingen #content-span {
	width: 740px;
}

div.info-block a {
	margin-bottom: 10px;
	margin-left:10px;
	margin-right: 10px;
	width:210px;
}

#occasion-description .block-header h1,
#occasion-description .block-header h2 {
	border: 0px;
}

.occasion {
	margin: 10px 10px 10px 10px;
	float:left;
}

div.last {
	margin-right:0px;
}

.occ-homepage {
margin-top: 10px;
margin-right:0px;
}

.text-content .block-body h2,.text-content .block-body h1,.text-content .block-body h3 {
	background: none;
	border:0px;
}

p#occ-interest {
	margin-top: -40px;
	margin-left:-15px;
	position:relative;
}

#voorraad h2 {
	background: none;
}

#employees {
	position:relative;
	width: 220px;
	overflow:hidden;
}

#employees-inner {
	width:999999px;
	position:relative;
	float:left;
}

#employees .vcard {
	position:relative;
	float:left;
}

.no-margin {
	margin:0px;
}

div.padding{
	padding:10px;
}