html { height: 100%; margin-bottom: 1px; }

body {
	text-align: center;
	margin: 0px; padding: 0px;
	overflow: -moz-scrollbars-vertical;
	background: #999 url('../images/bg.gif') repeat-y;
	background-position: center top;
	padding-bottom: 100px;
}

body, #page, div {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	color: #1D739F;
}

#page { // Horizontale position
	position: relative;
	top: 0px;
	width: 950px; height: 100%;
	margin-right: auto; 
	margin-left: auto;
	margin-top: 0px;
	padding: 0px; margin-bottom: 60px;
	text-align: left;
}

#pageContainer {
	position: relative;
	width: 950px;
	top: 0px; left: 0px;
}

#header {position: relative;}

/*-------- General styles -----------*/
H1 {font: normal 25px verdana, arial, helvetica, sans-serif; color: #6B6B6B; margin: 0px 0px 5px 0px;}
H1.pageTitle {font: normal 28px verdana, arial, helvetica, sans-serif; color: #CCC; margin: 15px 0px 5px 0px;}
H1.uitgave {font: normal 28px verdana, arial, helvetica, sans-serif; margin: 0px 0px 5px 0px;}
H2 {font: normal 20px verdana, arial, helvetica, sans-serif; color: #6B6B6B; margin: 0px 0px 20px 0px;}
H3 {font: bold 14px Verdana; color: #6B6B6B; margin: 0px;}
H4 {font: bold 12px Verdana; color: #6B6B6B; margin: 0px 0px 4px 0px;}
H5, H6 {font: bold 11px Verdana; color: #6B6B6B; margin: 0px;}
P {margin: 0px;}
FORM {margin: 0px;}
IMG {border: 0px;}
HR {height: 1px; clear: both;border-left: none; border-right: none; border-top: 1px solid #DADADA; border-bottom: none;}
HR.rulerspace {height: 1px; clear: both;border-left: none; border-right: none; border-top: 1px solid #DADADA; border-bottom: none; margin: 10px 0px;}
a {text-decoration: none; color: #777; coloooor: #145190;}
a:hover {text-decoration: underline; color: #777;}
a.arrow {background: #FFF url('../images/arrow_link.gif') no-repeat; background-position: 0px 3px; padding-left: 8px;}
a.arrowback {background: #FFF url('../images/arrow_linkback.gif') no-repeat; background-position: 0px 3px; padding-left: 8px;}

ul.animlinks {margin-top: 0px;}

.whitespace {margin: 0px 10px 15px 10px;}

/*-------- PAGE LAYOUT -----------*/
#contentContainer {overflow: auto; width: 950px; clear: both;}
#contentContainer #col1 {width: 530px; float: left; padding: 10px 0px 0px 10px;}
#contentContainer #col2 { width:375px; float: left; padding: 10px 0px 0px 10px; }
#contentContainer #col2 h1 { margin:15px 0 0; }

/*-------- PAGE LAYOUT -----------*/
#contentContainerVervolg {overflow: auto; width: 950px; clear: both;}
#contentContainerVervolg #col1 {width: 320px; float: left; padding-right: 23px; text-align: left; font-transform: uppercase;}
#contentContainerVervolg #col2 {width: 498px; float: left; padding: 18px 0px 0px 0px;}

#banners {position:absolute; left: 840px; top: 0px; width: 110px; height: 250px; z-index: 5;}

#footer { width: 948px; margin:35px auto 0; clear: both; }
.footerblock { float:left; padding:10px 37px; color:#777; }

/*
#footer div {padding-top: 5px;}
#footer img {margin-right: 15px;}
*/

/*-------- TAB TOP MENU -----------*/
#tabbar {position:absolute; right: 271px; top: 226px; text-align: left; z-index: 5;}
#tabbar a {color: #FFF; text-decoration: none; padding: 0px 11px; letter-spacing: 1px; font: 600 12px Arial, Verdana, Helvetica;  }
#tabbar a:hover {color: #000; text-decoration: none; padding: 0px 11px; letter-spacing: 1px;}
#tabbar a.active {color: #000; text-decoration: none; padding: 0px 11px; letter-spacing: 1px;}

#tabbar ul, #tabbar li {list-style: none outside; margin: 0px; padding: 0px; float: left; display: block;}

/*-------- OCCASIONS -----------*/
.occasionlijst {padding: 10px 10px 10px 20px;}
.occasion {width: 890px; padding: 10px 0px 10px 0px; border-top: 1px solid #78b3d2; clear: left;}
.occasionAfbeelding {position:relative; width: 155px; height: 100px; overflow: hidden; float: left; margin-right: 10px; margin-bottom: 10px; }
.vergrootglas {position:absolute; right: 0px; bottom: 0px; width: 155px; height: 100px; z-index: 5;}
.occasionTable {table-layout: fixed;}
.legendTable {table-layout: fixed; width: 875px; }
.occasionTable td {vertical-align: top;}
.occasionTable .omschrijving {width: 345px; padding-right: 20px;}
.legendTable .omschrijving {width: 505px; padding-right: 20px; font-weight: bold; color: #333;}
.occasionTable .prijs, .legendTable .prijs {width: 80px; font-weight: bold; color: #333;}
.occasionTable .datum, .legendTable .datum {width: 80px; font-weight: bold; color: #333;}
.occasionTable .kmstand, .legendTable .kmstand {width: 80px; font-weight: bold; color: #333;}
.occasionTable .icon, .legendTable .icon {width: 85px; font-weight: bold; color: #333;}

.occasionDetail {padding: 10px 20px 10px 20px;}
table.occasionDetail {padding: 0px; margin-top: 20px;}
table.occasionDetail td {vertical-align: top;}
table.specificaties {margin-bottom: 20px;border-bottom: 1px solid #E7F1F7;}
table.specificaties td {border-top: 1px solid #E7F1F7;}
table.specificaties td.c2 {color: #333;}

.thumbs {margin-top: 4px;}
.thumbs .preloadImage {width: 116px; background: #FFF url('../images/loading.gif') no-repeat center; height: 87px; margin-left: 5px; margin-bottom:4px; float: left;}
.thumbs .preloadImage:first-child {width: 116px; height: 87px; margin-left: 0px; float: left;}
.thumbs .emptyThumb {width: 116px; height: 87px; margin-left: 5px; float: left;}
.thumbs .emptyThumb:first-child {width: 116px; height: 87px; margin-left: 0px; float: left;}

#occasions-homepage,
#occasions-thumbs { float:left; }
#occasions-thumbs ul { margin:0; padding:0 }
#occasions-thumbs ul li { display:inline; list-style:none; }

#occasions-thumbs .homepageThumb { width:86px; height:64px;	float:left;	padding: 0 4px 4px 0; background: #FFF url('../images/loading.gif') no-repeat center; }

.preloadImage img {	display: none; }

#occasions-arrow { float:left; width:377px; background:url('../images/arrow.gif') 0px 0px no-repeat; }
#occasions-arrow:hover { background-position:0px -40px; }
#occasions-arrow a { display:block; padding:8px 10px; font: bold 16px arial, helvetica, sans-serif; color:#fff; text-decoration:none; }
#occasions-arrow a:hover { color:#000; }

.preloadOccasion { width: 155px; height: 100px; background: #FFF url('../images/loading.gif') no-repeat center; }
.preloadOccasion img { width: 155px;	display: none; }

/*-------- FORMS -----------*/
input.button {cursor:pointer;cursor:hand; padding-bottom: 2px; height: 22px;}
input.button:hover {cursor:pointer;cursor:hand;}
.formTable td {padding: 5px 10px; border-top: 1px solid #FFF;}
.formTable tr td:first-child {padding: 5px 10px; border-top: 1px solid #FFF;}
.xsformbuilder_simple_textbox, .xsformbuilder_large_textbox {width: 300px;}

/*---------- ZOEKEN -------------*/
#zoekForm {margin: 0px 5px 15px 5px;}
#zoekBox {width: 102px; margin: 0px 4px 0px 0px; padding: 1px 1px; float: left;}
#zoekButton {clear: right;}