@charset "utf-8";
/* CSS Document */

* {
	margin:					0;
	padding:				0;
	border:					none;
}

html {
	height: 100%;
}


body {
	background:				#fff url(../image/bg-body.gif) repeat-x top left;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				11px;
	line-height:			17px;
	color:					#3b3b3b;
}

a {
	color:					#00599d;
	text-decoration:		underline;
}

a:hover {
	color:					#3b3b3b;	
}

p {
	margin:					0 0 20px 0;	
}

h2 {
	font-size:				30px;
	text-transform:			uppercase;
	color:					#00599d;
	margin:					0 0 15px 0;
}

form h3 {
	font-size:				14px;
	margin:					20px 0 15px 0;
	color:					#333;
	text-transform:			uppercase;
	font-weight:			bold;
}

table {
	border-collapse:		collapse;
	border: 				none;
}

.clear {
	clear:					both;
	font:					0/0 serif;
	height:					0;
}

.container {
	width:					1013px;
	min-height:				100%;
	height:					auto !important;
	height: 				100%;
	margin:					26px auto -169px; /* the bottom margin is the negative value of the footer's height */
}

.header {
	height:					0;
	padding:				76px 0 0 0;
	overflow:				hidden;
	width:					633px;
	background:				url(../image/img-logo.gif) no-repeat center left;
	position:				relative;
}

/*opened on saturdays sticker*/
div.sticker {
	position:				absolute;
	top:					0;
	left:					37px;
	width:					99px;
	height:					36px;
	padding:				62px 0 0 120px;
	background:				url(../image/img-zaterdag_geopend.png) no-repeat top left;
}
/* end sticker*/

.visual, 
.visual_sub {
	height:					392px;
	width:					1013px;
	background:				url(../image/bg-visual.jpg) no-repeat bottom left;
	position:				relative;
	color:					#fff;
	margin:					4px 0 35px 0;
}

.visual a {
	color:					#fff;	
}

.visual_sub {
	height:					231px;
}

#occasions .visual_sub {	background:url(../image/img-visual1.jpg) no-repeat bottom left; }
#contact .visual_sub {		background:url(../image/img-visual-contact.jpg) no-repeat bottom left; }
#verhuur .visual_sub {		background:url(../image/img-visual-verhuur.jpg) no-repeat bottom left; }
#inkoop .visual_sub {		background:url(../image/img-visual-inkoop.jpg) no-repeat bottom left; }
#onderhoud .visual_sub {	background:url(../image/img-visual-onderhoud.jpg) no-repeat bottom left; }
#error .visual_sub {		background:url(../image/img-visual-error.jpg) no-repeat bottom left; }


/*MENU*/
.menu {
	position:				absolute;
	width:					524px;
	height:					58px;
	top:					0;
	right:					18px;
}

.menu ul {
	list-style:				none;
}

.menu ul li {
	height:					58px;
	float:					left;
}

.menu ul li a {
	display:				block;
	width:					82px;
	height:					0;
	padding:				58px 0 0 0;
	overflow:				hidden;
	float:					left;
	margin:					0 2px 0 0;
	outline:				none;
}

.menu ul li a.btn-home 		{	background:url(../image/btn-home.jpg) no-repeat top left; }
.menu ul li a.btn-occasions {	background:url(../image/btn-occasions.jpg) no-repeat top left; }
.menu ul li a.btn-inkoop 	{	background:url(../image/btn-inkoop.jpg) no-repeat top left; }
.menu ul li a.btn-verhuur 	{	background:url(../image/btn-verhuur.jpg) no-repeat top left; }
.menu ul li a.btn-onderhoud	{	background:url(../image/btn-onderhoud.jpg) no-repeat top left; width:102px; }
.menu ul li a.btn-contact	{	background:url(../image/btn-contact.jpg) no-repeat top left; }

.menu ul li a:hover, .menu ul li a.active {
	background-position:	0px -58px;	
}

/*VISUAL HOMEPAGE*/
.visual  {
	color:					#fff;
	margin:					0 0 15px 0;
}

.visual h3 {
	text-transform:			uppercase;
	font-weight:			bold;
	font-size:				11px;
}

.visual div.leftCol {
	width:					420px;
	height:					100px;
	position:				absolute;
	bottom:					10px;
	left:					31px;
}

.visual div.leftCol table td.left {
	width:					65px;
	font-style:				italic;
}

.visual div.rightCol {
	width:					420px;
	height:					240px;
	position:				absolute;
	top:					80px;
	right:					91px;
}

#index .visual h2 {
	color:					#fff;	
}


/*CARAVANS SPOTLIGHT HOMEPAGE*/
.spotlight {
	margin:					0 0 50px 0;	
}

#index .spotlight {
	margin:					40px 0 0;	
}

.spotlight .last {
	margin:					0 !important;	
}

.spotlight h2 {
	color:					#00599d;
	margin:					0 0 15px 0;	
}

.spotlight .description {
	width:					155px;
	float:					left;
	margin:					0 20px 0 0;
}

.spotlight .spotlight-caravan {
	width:					257px;
	height:					265px;
	background:				url(../image/bg-polaroid.gif) no-repeat top left;
	float:					left;
	padding:				18px 0 0 20px;
	font-size:				13px;
	margin:					0 3px 0 0;
}

.spotlight .spotlight-caravan a {
	text-decoration:		none;	
}

.spotlight .spotlight-caravan img {
	display:				block;
	margin:					0 0 0px 0;
	border:					1px solid #ededed;
}

.spotlight .spotlight-caravan span.caravan-title {
	font-weight:			bold;
	display:				block;
	width:					238px;
	height:					15px;
	color:					#3b3b3b;
}

.spotlight .spotlight-caravan span.caravan-year {
	color:					#3b3b3b;
}

.spotlight .spotlight-caravan span.caravan-price {
	font-size:				16px;
	font-weight:			bold;
	font-style:				italic;
	display:				block;
	width:					238px;
	height:					20px;
	text-align:				right;
	color:					#000;
}

/*occasions*/
.main {
	width:					687px;
	margin:					0 35px 0 0;
	float:					left
}

.main table.occasions {
	width:					687px;
	margin:					10px 0 0 0;
}

.main table.occasions thead tr {
	background:				url(../image/bg-coltop.jpg) no-repeat top left;
	height:					44px;
	color:					#fff;
}

.main table.occasions thead tr th.image {
	height:					44px;	
}

.main table.occasions thead tr th.brand-type {
	width:					290px;	
}

.main table.occasions tbody tr {
	height:					86px;
}

div.sold {
	width:					191px;
	height:					86px;
	background:				url(../image/overlay-sold.png);
	position:				absolute;
	top:					0;
	right:					-557px;
	z-index:				999;
}

.main table.occasions tbody tr td {
	text-align:				center;	
	font-size:				16px;
}

.main table.occasions tbody tr td a {
	color:					#3b3b3b;
	text-decoration:		none;
}

.main table.occasions tbody tr.even {
	background-image:		url(../image/bg-row-even.gif);
	background-repeat:		repeat-x;
	background-position:	top left;	
}

.main table.occasions tbody tr.highlight-odd {
	background-color:		#e5e5e5 !important;	
}

.main table.occasions tbody tr.highlight-even {
	background-image:		url(../image/bg-row-even-hover.gif);
}

.main table.occasions tbody tr td.brand-type {
	text-align:				left;
	padding-left:			30px;
}

.main table.occasions tr .image {
	width:					105px;
	height:					86px;
	position:				relative;
	z-index:				998;
}

.main table.occasions tr .image img {
	display:				block;
	position:				absolute;
	top:					7px;
	left:					10px;
}

.main table.occasions tr div.overlay {
	width:					95px;
	height:					71px;
	margin:					0;
	position:				absolute;
	top:					7px;
	left:					10px;
}

.main table.occasions tr.odd div.overlay {
	background:				url(../image/overlay-odd.png) no-repeat top left;
}

.main table.occasions tr.highlight-odd div.overlay {
	background:				url(../image/overlay-odd-hover.png) no-repeat top left;
}

.main table.occasions tr.even div.overlay {
	background:				url(../image/overlay-even.png) no-repeat top left;
}

.main table.occasions tr.highlight-even div.overlay {
	background:				url(../image/overlay-even-hover.png) no-repeat top left;
}

.main table.occasions tr td span.brand,
.main table.occasions tr td span.type {
	display:				block;
	/*width:					150px;*/
	height:					5px;
	text-align:				left;
}

.main table.occasions tr td span.brand {
	font-style:				italic;	
}

.main table.occasions tr td span.type {
	font-weight:			bold;
	font-size:				18px;
}

#occasions .spotlight {
	margin:					0;
	width:					257px;
	float:					left;
}

#occasions .spotlight .spotlight-caravan {
	width:					257px;
	height:					265px;
	background:				url(../image/bg-polaroid.gif) no-repeat top left;
	float:					none;
	padding:				18px 0 0 20px;
	font-size:				13px;
	margin:					0 0 10px 0;
}

div.block {
	margin:					20px 0 0;	
}

/* OCCASIONS DETAIL */
h2.brand {
	font-size:				22px;
	text-transform:			none;
	color:					#3b3b3b;
	margin:					0 0 5px 0;
	font-style:				italic;
}

.occasion_detail {
	width:					433px;
	float:					left;
	margin:					0 30px 0 0;
}

dl {
	font-size:				12px;
	line-height:			22px;
	font-weight:			bold;
	clear:					both;
	margin:					0 0 20px 0;
}

dl dt {
	float:					left;
	width:					150px;
	color:					#999;
	border-bottom:			1px solid #E5E5E5;
}

dl dd {
	width:					283px;
	float:					left;
	color:					#666;
	border-bottom:			1px solid #E5E5E5;
}

.occasion_picture {
	width:					550px;
	float:					left;
	padding:				27px 0 0;
}

div.picture {
	width:					549px;
	height:					431px;
	background:				url(../image/bg-picture.gif) no-repeat top left;
	position:				relative;
}

div.picture img.large {
	position:				absolute;
	left:					27px;
	top:					26px;
}

div.picture img.sold {
	position:				absolute;
	bottom:					10px;
	right:					9px;
}

/* Javascriptslider: Last photos */
.thumbs {
	position:				relative;
	height:					160px;
	margin:					0;
}

.thumbs div.wrapper {
	overflow:				hidden;
	height:					117px;
	padding:				20px;
	margin:					0 0 0 40px;
}

.thumbs div.absolute {
	position:				absolute;
	height:					117px;
	width:					427px;
	overflow:				hidden;	
}

.thumbs ul {
	position:				absolute;
	top:					0px;
	left:					0px;
	list-style:				none;
	width:					5000px;
}

.thumbs ul li {
	float:					left;
	width:					137px;
	height:					117px;
	margin:					0 8px 0 0;
}

.thumbs ul li a.image {
	display:				block;
	width:					121px;
	height:					103px;
	background:				url(../image/bg-thumb.jpg) no-repeat top left;
	padding:				14px 0 0 16px;
}

.thumbs ul li a:hover.image {
	background-position:	0 -117px;
}

.thumbs a.nav-left, .thumbs a.nav-right {
	width:					26px;
	height:					103px;
	display:				block;
	position:				absolute;
	outline:				0;
	top:					28px;
}

.thumbs a.nav-left {
	background:				url(../image/btn-nav-left.jpg) no-repeat top left;
	left:					10px;
}

.thumbs a.nav-right {
	background:				url(../image/btn-nav-right.jpg) no-repeat top left;
	left:					513px;
}

/* CONTACT */
#contact .main {
	width:					600px;
}

#contact .spotlight {
	width:					378px;
	float:					left;
}

#contact .spotlight span.accent {
	display:				block;
	color:					#00599D;
	font-weight:			bold;
}

#contact .spotlight strong {
	display:				block;	
}

#contact .spotlight div.col {
	float:					left;
	width:					180px;
}

/* VERHUUR */
#verhuur .main {
	width:					609px;	
}

#verhuur .main table.occasions {
	width:					100%;	
}

#verhuur .main table.occasions thead tr {
	background:				url(../image/bg-coltop-609.jpg) no-repeat top left;	
}

#verhuur .main table.occasions tbody tr {
	height:					50px;	
}

#verhuur ul.extra {
	margin:					20px 0 0 20px;
	list-style-type:		square;
}

#verhuur .spotlight {
	float:					left;	
	width:					369px;
}

#verhuur .spotlight p.mapping {
	/*font-weight:			bold;*/
	font-style:				italic;
	margin:					0 0 40px 0;
}

/* onderhoud */
#onderhoud .main {
	width:					609px;	
	float:					left;
}

#onderhoud .spotlight {	
	margin:					40px 0 0;	
}

#onderhoud .side {
	float:					left;
	width:					369px;
}

/* FOOTER */
.footer, .push {
	margin:					20px 0 0 0;
	height: 				169px;
}

.footer {
	background:				url(../image/bg-footer.jpg) repeat-x bottom left;
}

.footer .footer-content {
	margin:					0 auto;
	width:					1013px;
	position:				relative;
}

.footer hr {
	height:					0;
	border:					0;
	border-top:				1px solid #e0e0e0;
	margin-bottom:			20px;
}

.footer div.col {
	width:					130px;
	float:					left;
	margin:					0 40px 0 0;
}

.footer div.col strong {
	display:				block;	
}

.footer div.col p {
	margin:					0 0 10px 0;	
}

.footer a.credits {
	display:				block;
	position:				absolute;
	top:					79px;
	right:					0;
	text-decoration:		none;
	color:					#868686;
}

.footer a:hover.credits {
	color:					#3b3b3b;
}

/* FORMS */
form {
	margin:					20px 0 0 0;
}

label {
	width:				135px;
	height:				25px;
	margin-right:		10px;
	padding:			0 10px 0 0;
	float:				left;
	clear:				left;
	font-size:			95%;
	color:				#414043;
	text-align:			left;
	font-weight:		normal;
}

label.focus {
	border:				none !important;
	color:				#00599D;
}

.focus {
	border:				1px solid #00599D !important;
}

select, input, textarea {
	font-size:			11px;
	font-family:		"Trebuchet MS", Verdana, Arial;
	color:				#414043;
	width:				322px;
	margin:				0 0 10px 0;
	padding:			5px 0 0 5px;	
	float:				left;
	border:				1px solid #C4C4C4;
}

select {
	width:				334px;	
}

select option {
	padding:			3px;	
}

input.submit {
	cursor:				pointer;
	border:				0;
	margin:				10px 0 0 100px;
	padding:			0;
	border:				0;
	background:			url(../image/btn-send.gif) no-repeat;
	width:				92px;
	height:				44px;
	outline:			none;
}

input {
	display:				block;
	float:					left;
	height:					15px;
	margin:					0 0 10px 0;
	padding:				3px 5px;
	font:					11px Verdana, Arial, Helvetica, sans-serif;
	border:					1px solid #C4C4C4;
}

input.small {
	width:					90px;
}

input.default {
	width:					280px;
}

input.radio {
	width:					30px;
	float:					left;
	display:				block;
	border:					none;
}

input.hidden {
	display:				none;
}

label.contact {
	clear:					none;
	float:					left;
	width:					150px;
	margin:					0 10px 0 0;
	text-align:				left;
	font-weight:			bold;
	color:					#666;
	display:				block
}

label.radio {
	width:					120px;
	text-align:				left;
	padding-left:			10px;
	float:					left;
	clear:					none;
}

textarea {
	float:					left;
	display:				block;
	overflow:				auto;
	width:					280px;
	height:					200px;
	padding:				5px;
	font:					11px/18px Verdana, Arial, Helvetica, sans-serif;
	color:					#333;
	margin:					0 0 8px 0;
	border:					1px solid #C4C4C4;
}

p.error {
	display:				block;
	padding:				10px;
	border:					1px dotted #900;
	color:					#900;
	font-weight:			bold;
}