/* Group login*/

#sidebarLogin {
        float: left;
        width: 100%;
		background: url(../images/loginHeaderBg.gif) repeat-x top left;
      }

#sidebarHeader {
       margin: 40px 0px 0px 23px;
		font-weight: bold;
		font-size: 13px;
      }

table.search {
	margin: 10px 0px 0px 20px;}

td.search {
	font-weight: bold;
	font-size: 11px;
	padding-right: 5px;
	width: 70px;
	vertical-align: top;}

input.textfieldLogin { width: 119px;}

/* Main Navigation to switch between pages*/
#menu {
        clear: both;
        float: left;
        width: 100%;
        border-bottom: 4px solid #b5b1b1;
      }

#menu ul {
	list-style: none;
	padding: 0;
	margin: 0px; }

#menu li.menu {
	float: left;
	margin-right: 5px; }

#menu li.menu a {
	background:url(../images/mainnaviOff.gif) bottom left no-repeat;
	height: 22px;
	float: left;
	width: 172px;
	display: block;
	font-weight: bold;
	color: #4e4c4c;
	text-decoration: none;
	text-align: center;
	line-height: 25px; }

#menu li.menu a:hover {
	background:url(../images/mainnaviOn.gif) bottom left no-repeat;
	height: 22px;
	float: left;
	width: 172px;
	display: block;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	line-height: 25px; }

#menu li.menu a#active {
	background:url(../images/mainnaviOn.gif) bottom left no-repeat;
	color: #ffffff; }



#loading {
 	width: 100%;
 	height: 100%;
 	background-color: #c0c0c0;
        position: fixed; 
        top: 0; 
        z-index: 100;
 	text-align: center;
}

body {
	margin: 0;
	padding: 0;
	font-family: verdana;
	font-size: 62.5%;
	text-align: left;
	color: #212121;
	background-color: #fff;
}

#wrapper {
	margin: 0;
	position: relative;
	text-align: left;
	height: auto;
	width: 990px;
	padding-left: 0.5em;
  	margin-bottom: 20px;
}

#dochead, #doccontent {
  clear: both;
  margin: 0;
  margin-bottom: 1em;
}


/* paging */
.paging {
  width: 990px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 15px;
}

.paging .link, .paging .active {
  color: #993300;
  text-decoration: none;
}

.paging .active {
  text-decoration: underline;
}

.paging a {
  color: #000;
  text-decoration: none;
}

.paging a:hover {
  color: #993300;
  text-decoration: underline;
}

.paging .summary {
  text-align: left;
}
	
/* breadcrumb */
#top-holder, #update {
  float: left;
	width: 987px;
	margin-bottom: 1em;
	background-color: #fff;
	clear: both;
}

#update {
  margin-top: 0.5em;
}

#icons {float: right;}

#icons a {
    color: #993300;
    font-weight: bold;
    text-decoration: none;
}

#icons a:hover {
    text-decoration: underline;
}

#top-holder div, #top-holder a {
	font-size: 1em;
	color: #414141;
	text-decoration: none;
}

.breadcrumb {
	margin-bottom: 0.5em;
}


/* headers */
h1, h2 {
  font-family: trebuchet, arial, sans;
  font-weight: normal;
  margin: 0.5em;
}

h1 {
  font-size: 2.1em;
}

h2 {
  font-size: 1.8em;
}

h5 {
  font-family: verdana, sans-serif;
  font-size: 1em;
  font-weight: bold;
  margin: 0;
}

/* display box under page title */
#display {
  margin: 0;
  padding: 10px;
  width: 965px;
  background-color: #ececec;
  border: 1px solid #ececec;
}

.display-item {
	background: #ececec url(../images/display_bottom.gif) no-repeat 0 bottom;
	width: 965px;
	margin-bottom: 5px;
	}
	
.display-463-item, .display-463-item-r   {
	background: #ececec url(../images/display_463_bottom.gif) no-repeat 0 bottom;
	float: left; 	
	width: 463px;
	margin-bottom: 15px;
}	

.display-463-item-r {
	float: right;
	margin: 0;
	margin-bottom: 15px;
}

.display-item p, .display-463-item p, .display-463-item-r p{
	margin: 0;
	padding: 0.5em;
}

.display-item a, .display-463-item a, .display-463-item-r a {
	text-decoration:none;
}

.display-item h3 {
 margin: 0;
 padding: 0;
 background: #ececec url(../images/display_top.gif) no-repeat 0 0;
 width: 965px;
 height: 10px;
 text-indent: -9999px;
 font-size: 1px;
}

.display-item h5, .display-463-item h5, .display-463-item-r h5 {
	font-weight:bold;
	margin: 0;
	padding: 0 0.5em;
}

.display-463-item h3, .display-463-item-r h3 {
 margin: 0;
 padding: 0;
 background: #ececec url(../images/display_463_top.gif) no-repeat 0 0;
 width: 463px;
 height: 10px;
 text-indent: -9999px;
 font-size: 1px;
}


/* header for all columns */
.head {
  margin: 0;
  background-color: #ececec;
  width: 100%;
  height: 33px;
}

.head img .sort {
	padding-top: 12px;
	border: 0;
	padding-left: 5px;
}

.head, .head a {
  margin: 0;
  padding: 0;
  font-weight: bold;
  text-decoration: none;
  color: #000;
}

.head a:hover {
  color: #993300;
  text-decoration: underline;
}

.head a.selected {
	color: #993300;
	text-decoration: underline;
}

/* no border for the classes and alignment of singel line vs double line*/
.head .foto, .head .merk, .head .bouwjaar, .head .kmstand, .head .prijs, .head .ats-landelijk, .head .ats-regio, .head .aanbieder, .head .statijd, .head .vergelijkbaar, .head .hits {
  border-right: 1px solid #ececec;
  padding-left: 3px;
  height: 22px;
}

.head .foto, .head .merk, .head .bouwjaar, .head .kmstand, .head .prijs, .head .aanbieder, .head .statijd, .head .afstand, .head .vergelijkbaar, .head .hits {
  padding-top: 10px;
  text-align: left;
}

.vpe .head .vergelijkbaar {  
  border-right: 1px solid #ececec;
  text-align: center;
  padding-top: 3px;
}

/* fixed columns */
.foto {
  float: left;
  width: 66px;
  border-right: 1px solid #d9d9d9;
  text-align: center;
}

.head .foto {
	width: 66px;
}

.merk {
  float: left;
  width: 210px;
  border-right: 1px solid #d9d9d9;
}

.head .merk {
	width: 210px;
}

.bouwjaar {
  float: left;
  width: 70px;
  border-right: 1px solid #d9d9d9;
  text-align: center;
}

.kmstand {
  float: left;
  width: 70px;
  border-right: 1px solid #d9d9d9;
  text-align: center;
}

.prijs {
  float: left;
  width: 56px;
  border-right: 1px solid #d9d9d9;
  text-align: right;
  padding-right: 3px;
}

.head .bouwjaar, .head .kmstand {
  width: 70px;
}

.head .prijs {
    width: 56px;
}

.ats-landelijk {
  float: left;
  width: 90px;
  border-right: 1px solid #d9d9d9;
  text-align: right;
  padding-right: 3px;
  font-weight: bold;
}

.ats-regio {
  float: left;
  width: 90px;
  border-right: 1px solid #d9d9d9;
  text-align: right;
  padding-right: 3px;
  font-weight: bold;
}

.head .ats-landelijk, .head .ats-regio {
	width: 90px;
	text-align: left;
}

/* top5 */
.top5, .cpe {
  width: 985px;
  margin: 0;
  padding: 0;
  border: 1px solid #d9d9d9;
}

.top5 .vergelijkbaar {
  float: left;
  width: 200px;
  text-align: center;
  border: 0;
}

.head .vergelijkbaar {
  width: auto;
}

/* concurrenten prijs evalutie (cpe) */
.aanbieder {
  float: left;
  width: 150px;
  border-right: 1px solid #d9d9d9;
  text-align: left;
  font-weight: normal;
}

.head .statijd {
  width: 55px;
}

.statijd {
  float: left;
  width: 55px;
  text-align: right;
  font-weight: bold;
  border-right: 1px solid #d9d9d9;
}

.head .afstand {
  width: 56px;
}

.afstand {
  float: left;
  width: 56px;
  text-align: right;
  font-weight: bold;
}

/* voertuig prijs evalutie (vpe) */

.vpe .head .vergelijkbaar {
	width:  96px;	
}

.vergelijkbaar {
  float: left;
  width: 95px;
  text-align: center;
  font-weight: bold;
  border-right: 1px solid #d9d9d9;
}

.hits {
  float: left;
  width: 50px;
  text-align: center;
  font-weight: bold;
  border-right: 1px solid #d9d9d9;
}

.statijd {
  float: left;
  width: 50px;
  text-align: center;
  font-weight: bold;
}

/* hidden div zoekprofielen */
#zoekprofielen {
    cursor: pointer;
}

/*  */
.att {
  color: #993300;
  font-weight: bold;
  text-decoration: none;
}

.att:hover {
	text-decoration: underline
}

.foto, .merk, .bouwjaar, .kmstand, .prijs, .ats-landelijk, .ats-regio, .aanbieder, .statijd, .vergelijkbaar, .hits {
  padding: 3px;
  height: 56px;
}

.row, .grey-row, .darkgrey-row {
  margin: 0;
  padding: 0;
  width: 985px;
  height: 62px;
  clear: both;
  border-bottom: 1px solid #ececec;
}

.grey-row {
  background-color: #ececec;
}


/* concurrenten active car */
.darkgrey-row {
  background-color: #858585;
  color: #fff;
}



/* powered by autovista */

#autovista {
  float: right;
  margin: 1.4em;
  margin-right: 0.1em;
}

/* footer */
#footer {
	width: 990px;
	text-align: center;
}

#footer hr {
	width: 300px;
	height: 0;
	border: 0;
	border-top: 1px solid #000;
}

#footer a, #footer .dot {
	font-family: Arial, Helvetica, sans-serif;
	color: #414141;
	text-decoration: none
}

#footer .dot {
	color: #993300;
}

/* forms and fieldsets */


form.vpe, form.dpe, form.profile {
	border: 0;
	margin: 0;
	padding: 0.5em;
}

form.vpe fieldset {
  border: 0;
  width: 330px;
}

form.profile fieldset {
	border: 0;
	width: 444px;
}

form.dpe fieldset {
	border: 0;
}

legend {	
	margin: 0 0 .5em 0;
	padding: 0;
	float: left;
        font-family: trebuchet, arial, sans;
	font-size: 1.4em;
	font-weight: bold;
	color: #333;
	line-height: 1.7em;
	clear: both;
	width: 444px;
}

fieldset {
	border: 0;
}

fieldset ol, fieldset ul {
	margin: 0;
	padding: 0;
}

fieldset li, fieldset ul li {
	list-style: none;
	margin-bottom: 0.7em;	
}

li.regio {
	clear: both;}

fieldset label  {
	display: inline-block;
	padding-top: 2px;
	width: 118px;
	font-weight: bold;
	vertical-align: middle;
	float: left;
}

fieldset input, fieldset select {
	font-size: 1.1em;
	width: 200px;
}

fieldset input {
	font-size: 1.1em;
	width: 196px;
}

fieldset input.search {
	font-size: 1.1em;	
	font-weight: bold;
	width: 100px;
	float: right;
        margin-right: 12px; 
}

fieldset fieldset {
	margin: 0;
	padding: 0;
	float: left;
	margin-bottom: 1.1em;	
}

fieldset fieldset label {
	width: 200px;
	margin-left: 121px;
	line-height: 9px;
	vertical-align: top;
}

form.dpe fieldset fieldset label {
	width: 240px;
	margin-left: 151px;
}

fieldset fieldset input.checkbox, fieldset li input.checkbox {
  margin: 0;
  padding: 0;
  height: auto;
  width: 14px;
  margin-right: 5px;
}

fieldset fieldset label.checkbox, fieldset li input.checkbox  {
  line-height: 14px;
  vertical-align: text-top;
}

/* form with class profile */
form.profile fieldset li, form.profile fieldset ul li  {
	display: inline-block;
	color: #000;
	border-bottom: 1px solid #ececec;
	line-height: 18px;
	width: 430px;
        clear: both;
}

form.profile fieldset li div, form.profile fieldset ul li div {
        clear: none;
        float: left;
}

form.profile fieldset li div a, form.profile fieldset ul li div a {
	color: #000;
	text-decoration: none;
}

form.profile fieldset li div a:hover, form.profile fieldset ul li div a:hover {
	color: #930;
	text-decoration: underline;
}

form.profile fieldset li div.remove, form.profile fieldset ul li div.remove {
	float: right;	
}

form.profile fieldset li#zoekprofielen, form.profile fieldset li.zoekprofielen {
         border: 0;
}

form.profile fieldset li#zoekprofielen {
        font-weight: normal;
}

form.dpe fieldset fieldset {
	display: inline-block;
	color: #000;
	line-height: 18px;
	width: 394px;
	margin-right: 13px;
}

li.double, li.divide {
	float: left;
	font-weight: bold;
}

li.divide {	
	margin: 0;
	vertical-align: middle;
	line-height: 170px;
	padding: 10px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

form.dpe li label {
	width: 150px;
}

form.dpe input.search {
	margin-right: 85px;
}

/* dealer prijsevaluatie result */
#resultimage {
 float: left;
}

#resultlisting {
 margin: 0;
 margin-top: 75px;
 padding: 0;
 float: right; 
 width: 300px;
}

#resultlisting div {
line-height: 10px;
 margin-bottom: 0.25em;
}


/* force padding on zoekopdrachtnaam */
#zoeknaam {
	margin-top: 0.7em;
}


/* clear */
.clear {clear: both;}

/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}