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

html	{

		}

body	{
	    color: #2D2D2D;
		font-family: verdana,arial;
		font-size: 11px;
		margin: 0px;
		padding: 15px;
		}

/* ------------------------ 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: 101px;
		padding: 15px 10px;
		margin-bottom: 9px;
		
		margin-top: 15px;
		}

div.middleSection {
		width: 700px;
		background-image: url('images/bg-gradient-light-300.jpg');
		background-repeat: repeat-x;
		background-color: #F8F8F8;
		border: 1px solid #C6C6C6;
		margin: 5px 5px 10px 0px;
		padding: 10px 10px 10px 15px;
		}

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

div.gradientBlock {
	background-image: url('images/bg-gradient-200.jpg');
	background-repeat: repeat-x;
	background-color: #E4E4E4;
	border: 1px solid #D6D6D6;
	margin: 25px auto;
	padding: 5px 10px 10px 20px;
	}

div.gradientBlock h3 {
	margin-bottom: 2px;
	margin-top: 10px;
	}

		
div.footerMenu {
		text-align: right;
		margin-top: 25px;
		}

div.copyright {
		width: 830px;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 15px;
		color: #757575;
		}

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;
		}


/* -------------------------- Anchor ------------------------- */

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

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

a:focus {
		outline: none;
		}

a.highlight {
		color: #3355CC;
		}

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

a img	{
		border: 0px;
		}

a.addition {
		font-style: italic;
		font-size: 10px;
		}

/* -------------------------- hr / line-DIV ------------------------- */

div.line {
		width:97%;
		height: 1px;
		background-color: #B6B6B6;	
		line-height: 1px;
		font-size: 2px;
		border: none;
		padding: 0;
		margin: 0;
		margin-bottom: 10px;
		margin-left: auto; 
		margin-right: auto;
		}	

div.underPgb {
		width: 690px; 
		margin-left: 1px;
		}

div.iblockTitle {
		margin-top: -4px;
		margin-bottom: 10px;
		}		
	
/* -------------------------- Paragraph ------------------------- */

#preLoad {
		margin-top: -10px;
		}



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



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

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

h1 		{
		margin: 0px;
		}

h1.mainTitle {
		font-size: 20px;
		background-color: #FAFAFA;
		color: #3368CC;
		padding-right: 10px;
		display: inline-block;
		position: relative;
		top: 5px;
		}

h2 		{
		margin: 0px;
		}

h2.mainTitle {
		background-color: #FAFAFA;
		color: #3368CC;
		padding-right: 10px;
		display: inline-block;
		position: relative;
		top: 5px;
		}

h2 span.blue {
		font-size: 18px;
		color: #3368CC;
		font-weight: bold;
		}

h3 		{
		margin: 0px;
		color: #555555;
		font-size: 13px;
		}
		
h3.subTitle {
		margin-top: 25px;
		}		

h3.subTitle_advSearch {
		margin-bottom: 15px;
		}	

h4 		{
		margin: 0px;
		color: #555555;
		font-size: 10px;
		*margin-top: -10px;
		*margin-bottom: -10px;
		}

h4.inline {
		display: inline-block;
		}		

h5 		{
		margin: 0px;
		}
 
 
/* -------------------------- List ------------------------- */ 
 
ul		{
		margin-top: 10px;
		}

li 		{
		margin: 5px 0px 5px -25px;
		}

ul.raquote {
		list-style-image: url('images/raquote.png');
		font-style: italic;
		margin-bottom: -10px;
		}
				
ul.hyphen {
		list-style-image: url('images/hyphen.gif');
		}

ol.decimal li {
		list-style-type: decimal;
		margin-left: -20px;
		}

/* -------------------------- Table ------------------------- */ 


/* -------------------------- Anchors ------------------------- */ 

 
a.bold 	{
		font-weight: bold;
		}
		
a.utitle {
		font-style: italic;
		text-decoration: underline;
		text-align: center;
		} 

a.raquote {
		background-image: url('images/raquote.png');
		background-repeat: no-repeat;
		background-position: 0% 50%;
		padding-left: 12px;
		}	

a.adlink {
		display: block;
		margin-top: 10px;	
		font-size: 10px;
		font-style: italic;		
		}			


/* -------------------------- Images ------------------------- */ 

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

img.preLoad {
		height: 0px;
		width: 0px;
		visibility: hidden;
		}

img.info {
		vertical-align: middle;
		margin-bottom: 2px;
		}


img#logo {
	    width: 250px;
		}	
		
img#star {
	    height: 15px;
	    width: 15px;
	    vertical-align: bottom;
		}
				
img#freeStickerAd {
		width: 100px;
		}


/* -------------------------- Label ------------------------- */

		
label.itemTitle {
		display: block;
		font-weight: bold;	
		}
 
 
/* -------------------------- Span ------------------------- */
 

span.buttonGoBack {
		display: inline-block;
		font-weight: bold;
		background-color: #DDE9FF;
		border: 1px solid #3355CC;
		padding: 4px;
		text-align: center;
		width: 120px;
		}

span.buttonGoBack:hover {		
		background-color: #FAFAFA;
		color: #3355CC;
		text-decoration: none;
		}

span.bold {
		font-weight: bold;
		}

span.italic {
		font-style: italic;
		}

span.underline {
		text-decoration: underline;
		}

span.noBold {
		font-weight: normal;
		}

span.addition	{
		font-size: 10px;
		font-style: italic;
		}
				
/* -------------------------- Select ------------------------- */
select 	{
		border: 1px solid #B6B6B6;
		font-family: Arial, Helvetica, arial;
		}

select:hover, 
input:focus, 
select:focus {
		background-color: #DDE9FF;
		}
		
select.range
 		{
		width: 150px;
		}

select.item
 		{
		width: 150px;
		*width: 145px;
		}

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

select.options {
		width: 245px;
		}

optgroup {
		margin-top: 5px;
		}

/* ond. van makeAd */
#selectMake,
#selectModel,
#selectType {
		width: 190px;
		}

select.mpclist {
		width: 154px;
		} 	

/* -------------------------- Input ------------------------- */

input.indent {
		margin-left: 25px;
		}
	
input[type = 'text'],
input[type = 'password'] {
		border: 1px solid #B6B6B6;
		width: 150px;
		padding-left: 2px;
		}
	
input[type = 'text']:hover,
input[type = 'password']:hover {
		background-color: #DDE9FF;
		}

input[type = 'radio'] {
		width: 15px;
		}

input[type = 'checkbox'] {
		width: 15px;
 		}


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;
		}


input[type = 'file'] {
	
		}	

input[type = 'password'] {
		
		} 	
		
input[type = 'submit'] {
		
		} 			

/* Verwijder outline */
button::-moz-focus-inner,
input[type='reset']::-moz-focus-inner,
input[type='button']::-moz-focus-inner,
input[type='submit']::-moz-focus-inner,
input[type='file'] > input[type='button']::-moz-focus-inner {
    	border: none;
		}

input.b2l {
		font-family: verdana, arial;
		font-size: 10px;
		background: none; 
		border: none; 
		padding: 0;
		margin-left: -2px;
		margin-right: -2px;
		font-style: italic; 
		color: #3355CC;
		}

input.b2l:hover  {
		color: #5577EE;
		text-decoration: underline;
		}	
 	 

/* -------------------------- Textarea ------------------------- */

textarea {
		border: 1px solid #B6B6B6;	
		font-family: Arial, Helvetica, arial;
		font-size: 11px;
		resize: none;
		min-height: 100px;
		overflow: auto;
 		}	
 	
 		
 		
/* -------------------------- Submitbuttons ------------------------- */



input.submit {
		border: 1px solid #3355CC;
		background-color: #DDE9FF;
		outline: none; 
		}		

input.submit:hover, 
input.submit:focus 
		{
		background-color: #FAFAFA;
		color: #3355CC;
		text-decoration: none;
		outline: none;
		}
		
input.submitButton,
a.submitButton {
	font-family: verdana, arial;
	background-image: url('images/bg-submitbutton.jpg');
	background-repeat: repeat-x;
	background-color: #DDE9FF;
	border-top: 1px solid #3366CC;
	border-right: 1px solid #003366;
	border-bottom: 1px solid #003366;
	border-left: 1px solid #3366CC;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	outline: none; 
	}
input.submitButton { 
	margin: 10px 0px 10px 0px;
	padding: 4px 25px;
	}
a.submitButton { 
	margin: 0px 0px 10px 0px;
	padding: 4px 7px;
	}
input.submitButton:hover,
a.submitButton:hover {
	background-image: url('images/bg-submitbutton-hover.jpg');
	background-repeat: repeat-x;
	background-color: #FAFAFA;
	border: 1px solid #3355CC;
	color: #3355CC;
	text-decoration: none;
	outline: none;
	}



/* -------------------------- Alert ------------------------- */
	
	
div.error_Alert {
	background-image: url('../images/bg-checkValue.jpg');
	background-repeat: repeat-x;
	background-color: #FFBBBB;
	border-top: solid 1px #DD0000;
	border-right: solid 1px #CC0000;
	border-bottom: solid 1px #CC0000;
	border-left: solid 1px #DD0000;
	padding: 6px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	}	

div.succes_Alert {
	background-image: url('../images/bg-succesAlert.jpg');
	background-repeat: repeat-x;
	background-color: #AFFF9F;
	border-top: solid 1px #00CC00;
	border-right: solid 1px #009900;
	border-bottom: solid 1px #009900;
	border-left: solid 1px #00CC00;
	padding: 6px;
	text-align: center;
	margin-left: auto;
	margin-left: auto;
	margin-bottom: 10px;
	}	













div.adlink {
		padding: 6px 0px 0px 0px;
		font-style: italic;
		font-size: 10px;
		margin-bottom: -5px;
		}

div.headerMenu {
		border: 0px solid #757575;
		padding: 5px;
		position: absolute;
		top: 10px;
		left: 10px;
		text-align: left;
		}

div.logo {
		display: inline-block;
		margin-left: 520px;
		margin-top: 10px;
		}

pre 	{
		font-family: verdana;
		font-size: 10px;
		margin: 3px 5px;
		}



		
/* OKE */
div.center {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		}

div.divider span {
		font-weight: bold;
		background-color: #F8F8F8;
		padding-right: 10px;
		}

div.divider div {	
		margin-top: -4px;
		}	
/* einde */	
	
		


input.goBack {
		font-family: verdana, arial;
		background-color: #DDE9FF;
		border: 1px solid #3355CC;
		padding: 4px 10px 4px 10px;
		font-weight: bold;
		}

input.goBack:hover {
		background-color: #FAFAFA;
		color: #3355CC;
		text-decoration: none;
		}		

div.goBack {
		float: left;
		}


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













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

div.adblock_title {
		margin: 5px;		
		}

div.bold {
		font-weight: bold;
		}



div.small {
		width: 100px;
		}

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

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

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

div.selectType 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.carTypes {
		padding-top: 5px;
		padding-bottom: 5px;
		}

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

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.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;
		}


/* 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 #####
 * ============================================================ */


/* Tabmenu */

span.tab {
		background-color: #F8F8F8;
		display: inline-block;
		padding: 5px 8px;
		border: 1px solid #C6C6C6;
		font-weight: bold;
		border-bottom: 1px solid #F8F8F8;
		}
	
span.tabPassive {
		background-color: #E8E8E8;
		border-bottom: 1px solid #D6D6D6;
		}	






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

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


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


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: 10px;
		padding-top: 5px;
		margin-bottom: 20px;
		}

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

div.row-vehicleData {
		font-size: 11px;
		padding-left: 10px;
		padding-bottom: 7px;
		}
	
div.vehicleData_Options_title {
		display: inline-block;
		zoom: 1;
		*display: inline;
		vertical-align: top;
		width: 90px;
		}		

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

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;

		}

/* font-color later verwijderen! */
div.vehicleData_Options	{
		width: 200px;
		}

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



/* 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.contactForm {
		*width: 13px; /* IE */
		*margin: 3px 1px 3px 3px; 
		width: 15px;
		}

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


/* ID ID ID ID ID ID ID ID ID ID ID */

#mailformSubmit {
		margin-left: 115px;
		margin-top: 10px;
		}
		
#contactInfo_Email {

		}		

#stickerVb_hp {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	}


/* ------------------------ Dit mag later weg !! ----------------------- */


/* ------------------------ . Einde weg ----------------------- */