/* ---------------------- Main Comments ---------------------- */


/* ---------------------- HTML + Body ---------------------- */

html	{

		}

body	{
	    background: #fff;
		background-image: url('images/');
		background-position: 50% 0%;
		background-attachment: fixed;
	    color: #2D2D2D;
		font-family: verdana,sans-serif;
		font-size: 11px;
		margin: 0px;
		padding: 15px;
		}

/* ============================================================
 * ##### General Styles #####
 * Layout
 * Basic Styles
 * Specific Styles
 * ============================================================ */

/* -------------------------- Headers ------------------------- */

h1 		{
		margin: 0px;
		}

h2 		{
		margin: 0px;
		}

h3 		{
		margin: 0px;
		color: #555555;
		font-size: 13px;
		}

h4 		{
		margin: 0px;
		font-size: 12px;
		*margin-top: -10px;
		*margin-bottom: -10px;
		}

h5 		{
		margin: 0px;
		}

/* Select */
.selectMake,
.selectModel,
.modelDescription 
select {
		width: 200px;
		vertical-align: top;
		}

input {
		width: 100%;
		}

input, 
select 	{
		width: 150px;	
		color: #2D2D2D;
		}
	
input[type = 'text'], 
select 	{
		border: 1px solid #B6B6B6;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 100%;
		}
	
input[type = 'text']:hover, 
select:hover, 
input:focus, 
select:focus {
		background-color: #DDE9FF;
		}

input.checkbox {
		/* for IE alignment */f
		display: block;
		float: left;
		clear: left;
		height: 12px; /* for IE alignment */
		width: 12px; /* for IE alignment */
		padding: 0px;
		margin: 0px;
		margin-right: 4px;

		}

img.border {
    	border: 1px solid #426CFF;
		}

select.range
 		{
		width: 150px;
		}

select.item
 		{
		width: 200px;
		*width: 195px;
		}


select.small {
		width: 120px;
		vertical-align: top;
		}

select.options {
		width: 245px;
		}

optgroup {
		margin-top: 5px;
		}

/* link */
a 		{
		color: #2D2D2D;
		text-decoration: none;
		}

a:hover	{
		color: #3355CC;
		text-decoration: underline;
		}

a.highlight {
		color: #3355CC;
		}

a.highlight:hover {
		color: #5577EE;
		}

a img	{
		border: 0px;
		}

/* Horizontal Row */
hr 		{
		border: 0;
		color: #D6D6D6;
		background-color: #D6D6D6;
		height: 1px;
		}

/* Paragraph */
p		{
		margin-left: 10px;
		}

p.addition {
		font-size: 10px;
		font-style: italic;
		margin: 0px;
		}

/* span */
span	{
		font-size: 11px;
		font-weight: normal;
		}

/* Textarea */
textarea {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 100%;
		}

div 	{
		border: 0px solid #666666;
		}


/* ============================================================
 * General Styles
 * ##### Layout #####
 * Basic Styles
 * Specific Styles
 * ============================================================ */

/* ------------------------ Main Layout ----------------------- */

div.topSection {
		background-image: url('images/bg-gradient-100.png');
		background-repeat: repeat-x;
		background-color: #FFFFFF;
		border: 1px solid #C6C6C6;
		width: 815px;
		height: 100px;
		padding: 15px 10px;
		margin-bottom: 9px;
		}

div.bodySection {
		width: 650px;
		background-color: #F8F8F8;
		border: 1px solid #C6C6C6;
		margin: 5px 5px 10px 0px;
		padding: 10px 10px 10px 10px;
		}

div.footerSection {
		width: 815px;
		background-color: #F8F8F8;
		border: 1px solid #C6C6C6;
		padding: 10px;
		margin-top: 3px;
		}

div.searchresults_box {
		position: fixed;
		top: 265px;
		left: 685px;
		background-color: #FFFFFF;
		width: 140px;
		border: 1px solid #666666;	
		padding: 10px;
		text-align: center;
		font-size: 12px;
		}

div.adbox_right_fixed {
		position: fixed;
		top: 380px;
		left: 685px;
		width: 250px;
		height: 250px;
		padding: 10px 10px 25px 10px;
		text-align: center;
		font-size: 12px;
		}

/* ------------------------ Sub Layout ----------------------- */

div.col-wide {
		margin: 5px 0 0 0;	
		padding: 10px;
		}

div.col-half {
		width: 300px;
		display: inline-block;
		zoom: 1;
		*display: inline;
		*margin-left: 5px;
		vertical-align: top;
		}

div.col-onethird {
		width: 200px;
		display: inline-block;
		zoom: 1;
		*display: inline;
		margin-right: 4px;
		vertical-align: top;
		}

div.col-onefourth {
		width: 150px;
		display: inline-block;
		zoom: 1;
		*display: inline;
		vertical-align: top;
		}

div.col-twothird {
		margin-left: 210px;
		}

div.submitArea {
		height: 46px;
		}

div.submitButton {
		background-color: #DDE9FF;
		float: right;
		border: 1px solid #3355CC;
		padding: 4px 40px 4px 40px;
		margin: 10px 0 30px 0;
		font-weight: bold;
		}

div.submitButton:hover {
		background-color: #FAFAFA;
		color: #3355CC;
		}

div.submitButton_fixed {
		background-color: #DDE9FF;
		text-align: center;
		border: 1px solid #3355CC;
		margin: 10px 5px 0px 5px;
		padding: 4px 20px 4px 20px;
		font-weight: bold;
		}

div.submitButton_fixed:hover {
		background-color: #FAFAFA;
		color: #3355CC
		}

div.goBack {
		float: left;
		}


/* ============================================================
 * General Styles
 * Layout
 * ##### Basic Styles #####
 * Specific Styles
 * ============================================================ */

div.adblock_col-half {
		width: 298px;
		height: 250px;
    	border: 1px solid #9bb4e2;
		background-color: #E8E8E8;
		text-align: center;
		}

div.bold {
		font-weight: bold;
		}

div.divider {
		margin: -2px 0 10px 0;
		}

div.maintitle {
		color: #3368CC;
		padding: 10px 0px;
		}
div.small {
		width: 100px;
		}

div.spacer {
		display: inline-block;
		zoom: 1;
		*display: inline;
		width: 12px;
		height: 100%;
		}

div.bgblend {
		display: inline-block;
		zoom: 1;
		*display: inline;
		background-color: #F8F8F8;
		padding: 0 10px 0 0;
		font-weight: bold;
		position: relative; 
		z-index: 2;
		}

div.bottomalign {
		margin-top: 11px;
		}

div.modelDescription {
		margin: 5px;
		display: inline-block;
		zoom: 1;
		*display: inline;
		}

div.modelDescription input {
		width: 200px;
		}

div.modelSelection {
		margin: 10px 0 0 0;
		}

div.selectMake {
		display: inline-block;
		zoom: 1;
		*display: inline;
		margin: 5px;
		}

div.selectModel {
		display: inline-block;
		zoom: 1;
		*display: inline;
		margin: 5px;
		}

div.selectModel_hp {
		}

div.checkbox {
		padding: 6px 0px 6px 5px;
		}

div.carTypes {
		padding-top: 5px;
		padding-bottom: 5px;
		}

div.typeTitle {
		margin-top: 5px;
		}

div.itemTitle {
		font-weight: bold;
		}	

div.itemTitleSmall {
		margin-left: 10px;
		margin-top: -12px;
		margin-bottom: 2px;
		font-style: italic;
		border-bottom: 1px solid #DFDFDF;
		}

div.titleDark {
		background-color: #D4D4D4; 	
		padding-left: 5px;
		border-top: 1px solid #9D9D9D;	
		border-bottom: 1px solid #606060;
		}

div.subDiv {
		margin: 5px 0px 8px 5px;
		font-size: 11px;
		padding: 0px;
		}

div.darkbg {
		background-color: #E8E8E8;
		}

div.smallcontrast {
		background-color: #F2F2F2;
		border-left: 1px solid #E4E4E4;
		border-right: 1px solid #E4E4E4;
		}

div.border-bottom {
		border-bottom: 1px solid #E4E4E4;
		}

div.tabmenu {
		margin-top: -35px;
		margin-bottom: 10px;
		}

div.tab {
		border: 1px solid #666666;
		background-color: #E8E8E8;
		padding: 5px 10px 3px 10px;
		display: inline-block;
		zoom: 1;
		*display: inline;
		margin-left: -2px;
		font-weight: bold;
		}

div.tab:hover {
		border: 1px solid #666666;
		background-color: #F6F6F6;
		}

div.tab_active {
		border-bottom: 1px solid #F8F8F8;
		background-color: #F8F8F8;
		display: inline-block;
		zoom: 1;
		*display: inline;
		font-weight: bold;
		}

div.tab_active:hover {
		border-bottom: 1px solid #F8F8F8;
		}

/* Label */


label.subDiv {
		margin-left: 5px;
		}

/* Horizontal Row */
hr.divider {
		text-align: right; 
		margin-right: 0px;
		margin-top: -4px;
		*margin-top: -10px;
		}

/* ============================================================
 * General Styles
 * Layout
 * Basic Styles
 * ##### Specific Styles #####
 * ============================================================ */


div.carImg {
		height: 30px;
		background-repeat: no-repeat;
		background-position: 10px 0px;			
		}

div.sedan {
		background-image: url(images/sedan.gif);
		margin-top: 8px;
		}

div.hatchback {
		background-image: url(images/hatchback.gif);
		margin-top: 3px;	
		}

div.smallcar {
		background-image: url(images/smallcar.gif);
		margin-top: 6px;	
		}

div.station {
		background-image: url(images/stationwagon.gif);
		margin-top: 7px;		
		}

div.mpv {
		background-image: url(images/mpv.gif);
		}

div.suv {
		background-image: url(images/suv.gif);
		margin-top: 6px;
		}

div.cabrio {
		background-image: url(images/cabrio.gif);
		margin-top: 8px;
		}

div.sport {
		background-image: url(images/sportwagen.gif);	
		margin-top: 7px;	
		}

div.selectEntertainment 
		{
		padding-top: 8px;
		padding-left: 25px;	
		padding-bottom: 8px;
		}

div.non_smoking {
		padding-left: 10px;
		}
			



/* ========== Nog verwerken ==========*/



ul.raquote {
		list-style-image: url('images/raquote.png');
		}

div.compulsoryFields {
		margin-left: 5px;
		}

div.mileAge {
		width: 175px;
		}

div.text {
		margin-bottom: 20px;
		*margin-top: -15px;
		*margin-bottom: 0px;
		}

div.inline-block {
		display: inline-block;
		zoom: 1;
		*display: inline;
		vertical-align: top;
		}

div.optionGroup {
		margin-top: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		}

div.selectClimateControl {
		margin: 5px 0 10px 0; 
		}

div.selectMultimedia {
		margin-top: 5px;
		margin-bottom: 10px;
		}

div.selectNavigation,
div.selectCarkit,
div.selectSeatLining {
		margin-top: 5px;
		margin-bottom: 5px;
		*margin-left: 4px;
		}

div.multimediaSubs {
 		vertical-align: top;
		display: inline-block;
		zoom: 1;
		*display: inline;
		}

div.bottom {
		vertical-align: bottom;
		}	

input.bottom {
		vertical-align: bottom;
		}	

label.bottom {
  		vertical-align: bottom;
		}

label.smaller {
		font-size: 11px;
		}

div.infoTextarea_Other {
		font-size: 11px;
		margin-left: 10px;
		}

div.contactForm {
    	border: 1px solid #9bb4e2;
		background-color: #E8E8E8;
		font-size: 11px;
		padding: 6px;
		padding-bottom: 12px;
		margin-bottom: 20px;
		}

div.contactForm_Title {
		display: inline-block;
		zoom: 1;
		*display: inline;
		width: 100px;
		vertical-align: top;
		margin-top: 5px;
		}

div.contactForm_Field {
		display: inline-block;
		zoom: 1;
		*display: inline;
		vertical-align: top;
		margin-top: 3px;
		margin-bottom: 3px;
		}

div.contactInfo_Data {
		display: inline-block;
		zoom: 1;
		*display: inline;
		vertical-align: top;
		}

div.contactInfo_Title {
		width: 100px;
		display: inline-block;
		zoom: 1;
		*display: inline;
		vertical-align: top;
		}

div.photoViewer_small {
    	border: 1px solid #9bb4e2;
		background-color: #E8E8E8;
		text-align: center;
		padding: 6px;
		margin-bottom: 15px;
		}

div.row-vehicleData {
		font-size: 11px;
		padding-left: 10px;
		padding-bottom: 7px;
		}

div.smalltitle {
		font-size: 11px;
		font-weight: bold;
		margin-top: 5px;
		}

div.thumbnail {
		border: 0px;
		text-align: center;
		vertical-align: top;
		display: inline-block;
		zoom: 1;
		*display: inline;
		margin-top: 5px;
		margin-bottom: 1px;
		*margin: 0px 1px;
		}

div.thumbnail_main {
		border: 0px;
		margin-bottom: 2px;
		}

div.thumbnail img {
    	border: 1px solid #6688FF;
		}

div.thumbnail img {
		width: 66px;
		}

div.col-vehicleData {
		width: 330px;
		display: inline-block;
		zoom: 1;
		*display: inline;
		vertical-align: top;
		margin-right: 10px;
		}

/* font-color later verwijderen! */
div.vehicleData	{
		font-weight: bold;
		color: red;
		}

/* font-color later verwijderen! */
div.vehicleData_Options	{
		color: red;
		}

div.contactInfo {
		margin-left: 10px;
		font-style: italic;
		}

font.priceTag {
		float: right;
		margin-top: -25px;
		color: #3368CC;
		font-size: 16px;
		}


/* Auto verkopen | basiskenmerken */
div.power {
		display: inline-block;
		}

div.smoking {
		display: inline-block;
		}

div.mileAge {
		width: 155px;
		display: inline-block;
		zoom: 1;
		*display: inline;
		*margin-right: 5px;
		}

input.noPadding {
		*width: 13px; /* IE */
		height: 13px; /* IE */
		*margin: 3px 1px 3px 3px; 
		}

label.addition {
		/* for IE alignment */
		font-style: italic;
		font-size: 11px;
		margin-left: 5px;
		}