/* svp alle styling toevoegen in looks.css - deze pagina is alleen voor positionering layout en menu */

body, form {
	margin: 0;
	padding: 0;
}

#main {
	position: relative;
	width: 975px;
	margin: 0 auto 0 auto; /*Centreren container*/
	min-height: 450px;
	padding: 0;
}

/* Holly hack for IE6. wordt niet gelezen door IE7 en Firefox. Dwingt minimum hoogte af  \*/
* html #main{ 
	height: 450px; 
}
/* */

#centerColumn {
	margin: 0;
	padding: 0;
	width: 835px;
	float: left;
}

#rightColumn {
	margin: 0;
	padding: 0;
	width: 130px;
	float: right;
}

#header {
	width: 835px;
}

#content {
	height: 100%;
	width: 835px;
	display: table-cell; /* Jakkie bah, maar het fixt de 100%-hoogte in firefox */
	min-height: 450px;
}

.contentcolumn{ /* voegt margin toe aan content */
	margin: 0px 10px 10px 20px; /* top margin moet 0 blijven anders problemen in opera/firefox */
	padding-top: 10px;
}

#right {
}

#footer {
	height: 60px;
	margin-top: 3px;
	text-align: center;
}

.footercolumn {
	margin: 0px 0px 0px 0px; 
}

#footer_wrap { 
	float: left;
	width: 835px;
	height: 60px;
}

#footer_content {
	display: none;
}

#footer_right { 
	float: left;
	width: 130px; /*Width van rechter kolom*/
	margin-left: 0px; /*Zet left margin gelijk aan -(#right: width)*/
	height: 120px;
	display: none;
}


/* header addons **/
#header_wrap { 
	width: 835px;
}

/*menu + submenu */

#menu {
	position: relative;
	display: block;
	width:835px;
	bottom: 0px;
	height: 30px;
	z-index: 40;
}

#headercolumn {
	position: relative;
}

#headercolumn #logowrapper {
	height: 97px;
}

#topmenu {
	position: absolute;
	top: 68px;
	right: 1px;
	height: 30px;
}

/*menu + submenu */
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav {
	margin-top: 0px;
}

#nav a, #nav span {
	display: block;
	min-height: 30px;
	line-height: 30px;
	text-indent: 15px;
	padding-right: 15px;
}


#nav li { /* all list items */
	float: left;
	height: 30px;
	border: 0;
}

#nav li ul, #nav li:visited ul { /* submenu */
	position: absolute;
	background: #FFF;
	left: -999em; /* left plaatst submenu items buiten beeld, gebruik geen display: none want dat wordt niet gelezen door screenreaders */
	visibility: hidden;
	z-index: 50;
}

#nav li:hover ul, #nav li.sfhover ul { /* submenu items in beeld bij hover */
	left: auto;
	visibility: visible;
	z-index: 70;
}

#nav li li a {
	height: 30px;
	line-height: 30px;
	margin: 0;
}

/* top menu */

#topmenu #top_nav {
	float: right;
	height: 22px;
}

/* bottom menu */

#bottom_nav {
	float: right;
}

#bottom_nav a {
 	padding-right: 15px;
	margin-top: 6px;
}

#bottommenu {
	width: 100%;
	height: 30px;
}

/* bottom menu */

#bottom_nav_left {
	float: left;
}

#bottom_nav_left a {
 	padding-right: 15px;
	margin-top: 6px;
}

/* moment aub blokje overlay */
.momentaub_overlay {
	position: absolute;
	left: 50%;
	margin-left: -160px;
	top: 306px;
	width: 170px;
	height: 70px;

	z-index: 3000;
	vertical-align: middle;
	padding-top: 30px;
	padding-left: 10px;
	font-weight: bold;
}

.momentaub_overlay_hidden {
	display: none;
}

.hidden {
	visibility: hidden;
}

div.korting_content {
	width: 994px;
}

div.korting_content td {
	padding-left: 10px;
}

div.korting_model,
div.korting_model_hover {
	display: block;
	width: 974px;
	height: 24px;
	margin: 0 0 0 20px;
	padding: 2px 0 0 0;
	cursor: pointer;
	vertical-align: middle;
}

div.korting_variant,
div.korting_variant_hover {
	display: block;
	width: 954px;
	height: 24px;
	margin: 0 0 0 40px;
	padding: 2px 0 0 0;
	cursor: pointer;	
}

div.korting_serie,
div.korting_serie_hover {
	display: block;
	width: 934px;
	height: 24px;
	margin: 0 0 0 60px;
	padding: 2px 0 0 0;
	cursor: pointer;	
}

div.korting_type,
div.korting_type_hover {
	display: block;
	width: 914px;
	height: 24px;
	margin: 0 0 0 80px;
	padding: 2px 0 0 0;
	cursor: pointer;	
}

td.korting_input_td {
	width: 50px;
	text-align: right;
}
/* svp alle styling toevoegen in looks.css - deze pagina is alleen voor positionering layout en menu */


/* LET OP! svp bij toevoegen styles groeperen op pagina/onderdeel en zoeken of declaratie al bestaat. zo ja, nieuwe styles aan bestaande declaratie toevoegen */

/*generic */

html {
	font: 72%/1.5 Arial, sans-serif;
}

h1, h2, h3, h4, h5 {
	padding: 0;
	margin: 0;
}

p {
	margin: 10px 0px 10px 0px;
}

h1 {
	color: #676767;
	font-size: 1.4em;
	margin-bottom: 0.8em;
	margin-top: 0.8em;
}

h3 {
	color: #676767;
	font-size: 1.1em;
	margin-bottom: 0.6em;
	margin-top: 0.8em;
}

table {
	border-collapse: collapse;
	font-size: 1em;
}

td {
	padding-right: 10px;
}

form, select {
	position: static;
	padding: 0;
}

.postal_code {
	width: 60px;
}

.nak_button {
	padding: 10px;
	cursor: pointer;
}


.momentaub_overlay {
	background-color: #EFEFEF;
	border: 2px solid #CCC;
}

hr.clear {
	clear: both;
	visibility: hidden;
	margin: 0;
	padding: 0;
}

div.clear {
	clear: both;
}

/* link styles */

a img {
	border: none;
}

a.link {
	display: block;
	color: #666;
	text-indent: 14px;
	text-decoration: none;
	background: transparent url(/buttons/option.png) no-repeat 0px 5px;
}

a.inline_link {
	display: inline;
	color: #666;
	text-decoration: underline;
}

a.inline_grey_link {
	display: inline;
	color: #666;
	padding-left: 14px;
	text-decoration: none;
	background: transparent url(/buttons/option.png) no-repeat 0% 50%;
}

.button {
	border:solid 1px #ddd;
	text-transform:uppercase;
	font-size:80%;
	cursor:pointer;
	background-color: #eee;
}

a {
	color:#676767;
}

p {
	font-size: 1em;
}

input.submit_button {
	margin-top: 15px;
	margin-bottom: 15px;
}

.label {
	width:150px;
	vertical-align:top;
	font-weight:bold;
}

#block_prices .label {
	vertical-align:top;
	font-weight:bold;
	width:auto;
}

.nak_link a {
	display: block;
	line-height: 20px;
	color: #666;
	text-indent: 14px;
	text-decoration: none;
	background: transparent url(/buttons/option.png) no-repeat 0px 6px;
}

.nak_link_right a {
	display: block;
	line-height: 20px;
	color: #666;
	text-indent: 14px;
	text-decoration: none;
	background: transparent url(/buttons/option.png) no-repeat 0px 6px;
	float: right;
}

/* meldingen */

.error {
	color: #F00;
}

.warning {
	color: #676767;
}

.message {
	color: green;
}

/* error messages */

#nak_error {
	color: #F00;
}

#nak_error ul li {
	list-style-type: none;
}

/* header */

#headercolumn {
	background-color: #FFF;
	margin: 0;
	padding: 0;
}

#header_wrap {
}

#headercolumn #logowrapper {
	background-image: url(/images/dochters/cosmoautodirect/logo.jpg);
	background-position: right;
	background-repeat: no-repeat;
	background-color: #fff;
	border: 1px solid #bbb;
	border-top: none;
	border-bottom: none;
	cursor: pointer;
}

#headercolumn a.logo {
}

#headercolumn #ticker_holder {
	display: inline-block;
	float: left;
	width: 340px;
	height: 74px;
	margin-top: 31px;
	margin-left: 0px;
}

#right #partners_holder {
	margin-bottom: 10px;
}

#right #partnersdiv {
	width: 85px;
	height: 85px;
	padding: 17px 17px 18px 18px;
	background-color: #ffffff;
}

#right #partners {
	height: 132px;
	margin: 0px 0px 0px 0px;
}

/* top menu */

.topmenuLeft {
	float: left;
	padding: 3px;
	padding-left: 8px;
	padding-top: 4px;
}

#topmenu {
}

#topmenu #top_nav {
	margin-top: 7px;
	background-image: url(/images/dochters/top_nav.png);
	behavior: url(/css/iepngfix.htc);
}

#topmenu ul {
	/* hasLayout moet false zijn [IE6] */
	margin: 0;
	padding: 0;
	margin-left: 14px;
}

#topmenu li {
	display: block;
	float: left;
	height: 22px;
 	padding-right: 15px;
	background: transparent;
}

#topmenu a {
	display: block;
	margin: 3px 0;
	padding-right: 14px;
	line-height: 16px;
	font-weight: bold;
	text-decoration: none;
	font-size: 0.9em;
	border-right: 1px solid #666;
	color: #666;
}

#topmenu li.last a {
	border-right: none;
	padding-right: none;
}

/* menu */

#menu {
	background: transparent url(/images/dochters/cosmoautodirect/home_item_bg.gif) repeat-x 0px 0px;
}

#menu ul#nav a, #menu .menuButton {
	text-decoration: none;
	font-weight: bold;
	color: #fff;
}

#menu ul#nav a:hover {
	color: #999;
}

/* dropdown submenu menu styles */

#menu ul#nav ul {
	background: transparent url(/images/submenu_bg.gif) repeat-x top right;
	width: 165px;
}

#menu ul#nav li {
	background: transparent url(/images/dochters/cosmoautodirect/menu_item.png) no-repeat right center;
}

#menu ul#nav li.last {
	background-image: none;
}

#menu ul#nav li li {
	width: 165px;
}

#menu ul#nav ul li {
	background: transparent;
}

#menu ul#nav ul a {
	color: #fff;
	text-decoration: none;
	background: transparent;
}

#menu ul#nav ul a:hover {
	color: #2D2D2D;
	text-decoration:none;
	background: #E8E8E8;
}

#content {
	background-color: #FFF;
	background-image: url(/images/dochters/content_bg.png);
	background-repeat: repeat-x;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	padding-bottom: 0;
}

#contentwrapper {
	border: 1px solid black;
}

/* footer */

#bottommenu {
	background-image: url(/images/dochters/footer.png);
	background-position: bottom left;
}

#footer_content {
	display: none;
}

#footer {
	
}

#footer_right {
	background-color: #FFF;
}

#footer #bottom_nav, #footer #bottom_nav_left {
	/*margin-top: 5px;*/
}

#footer #bottom_nav {
	padding-right: 19px;
}

#footer #bottom_nav_left {
	padding-left: 7px;
}

#footer li {
	display: block;
	background: transparent url(/images/footermenu_bg.gif) no-repeat 0px 5px;
	float: left;
}

#footer a {
	display: block;
	color: white;
	text-decoration: none;
	text-indent: 14px;
	float: left;
	font-size: 0.95em;
}

#footer .ad {
	display: inline;
	float: left;
	height: 60px;
	width: 268px;
	border: 1px solid #CCC;
	margin-right: 10px;
}

#footer .last {
	margin-right: 0;
}

/* banner right */

.rightcolumn {
	position: relative;
	display: block;
	margin: 10px 0px 20px 10px;
}

.bannerholder {
	display: block;
	float: left;
	width: 100%;
	height: 600px;
	background-color: transparent;
}

/* inlog */

.inlogMessage {
}

.inlogErrorMessage {

}

/* home content */

.home_content {
	display: block;
	position: relative;
}


.home_left, .home_right {
	display: inline; /* display: inline lost de IE6 double margin bug op */
	position: relative;
	min-height: 510px;
	margin-right: 10px;
}

.home_left {
	width: 420px;
	float: left;
}

.home_right {
	width: 330px;
	float: right;
}

.home_item {
	position: relative;
	width: 100%;
}

.home_item h2 {
	width: 100%;
	font-size: 1em;
	color: #666;
	text-indent: 12px;
}

.home_item_holder {
}

.home_item_content {
	position: relative;
}

/*items */

.nieuwe_auto_zoeken, .hoe_werkt_het, .intro {
	display: inline; /* display: inline lost de IE6 double margin bug op */
	position: relative;
	min-height: 180px;
	margin: 10px 0px 10px 0px;
}

.nieuwe_auto_zoeken, .hoe_werkt_het {
	float: left;
}

.nieuwe_auto_zoeken {
	width: 320px;
	margin-top: 20px;
	border: 1px solid #CCC;
	background-image: url(/images/dochters/nieuwe_auto_zoeken.png);
	background-repeat: repeat-x;
	background-position: bottom left;
}

.snelzoekerLos .nieuwe_auto_zoeken {
	margin-top: 0;
}

.nieuwe_auto_zoeken .home_item_content {
	margin: 10px 10px 10px 10px;
}

.nieuwe_auto_zoeken .label {
	width: 130px;
}

.nieuwe_auto_zoeken .snelzoeken_veld {
	width: 130px;
}

.nieuwe_auto_zoeken .home_item h2, .aanbiedingen .home_item h2 {
	height: 24px;
	vertical-align: middle;
	background-color: #ddd;
	background-image: url(/images/dochters/cosmoautodirect/home_item_bg.gif);
	background-repeat: repeat-x;
	color: white;
	padding-top: 5px;
}

.snelzoekerLos .nieuwe_auto_zoeken .home_item h2 {
	height: 29px;
}

.hoe_werkt_het, .intro {
	width: 420px;
}

.intro {
	margin-bottom: 30px;
	margin-top: 0;
	height: auto;
	min-height: 0px;
}

.hoe_werkt_het h2 {
	font-size: 1.4em;
	font-weight: bold;
	padding-bottom: 4px;
	margin-left: 0;
	text-indent: 0px;
	height: auto;
}

#home-snelzoeken .zoeken td {
	padding-top: 10px;
}

.home_item_content ul {
	margin: 0;
	padding: 0;
}

.home_item_content li {
	list-style-type: none;
	background: transparent url(/buttons/option.png) no-repeat 0px 5px;
	margin: 0;
}

.home_item_content  li a {
	display: block;
	color: #666;
	margin: 0 0 0 14px;
	text-decoration: none;
	line-height: 1.3em;
}

.home_item_content  ul.wat li a {
	display: block;
	color: #666;
	margin-left: 14px;
	margin-bottom: 4px;
	text-decoration: none;
	line-height: 1.3em;
}

.leesverder a {
	display: block;
	position: absolute;
	bottom: 10px;
	right: 10px;
	height: 20px;
	line-height: 20px;
	width: 112px;
	color: #666;
	text-indent: 14px;
	text-decoration: none;
}

.home_content .aanbieding {
	display: inline;
	position: relative;
	float: left;
	width: 360px;
	margin: 10px 20px 0px 0px;
}

.home_content .aanbieding1 {
	margin: 10px 20px 10px 0px;
}

.home_content .aanbieding2 {
	margin: 10px 20px 10px 0px;
}

.home_content .aanbieding table {
	border-collapse: collapse;
	margin-top: 5px;
	margin-bottom: 10px;
	width: 340px;
}

.home_content .aanbieding td {
	height: 14px;
	font-size: 0.8em;
	width: 100px;
}

.home_content .aanbieding td.mmt {
	font-weight: bold;
	font-size: 1em;
	line-height: 1.1em;
	width: 200px;
}

.aanbieding td.prijs_normaal, .aanbieding td.korting, .aanbieding td.prijs_nak {
	text-align: right;
}

.aanbieding .leesverder a {
	right: 18px;
}

.geenfoto160x120 {
	width: 160px;
	height: 120px;
	background: transparent url(/images/geenfoto160x120.gif) no-repeat top left;
}

.geenfoto200x150 {
	width: 200px;
	height: 150px;
	background: transparent url(/images/geenfoto160x120.gif) no-repeat top left;
}

.home_content .advertentie {
	display: inline;
	position: relative;
	float: left;
	width: 300px;
	height: 250px;
	min-height: 250px;
	margin: 10px 20px 10px 0px;
	border: none;
	background-color: transparent;
}

.nieuwsberichten { /*op home */
	display: inline;
	position: relative;
	float: left;
	width: 380px;
	/*height: 150px;*/
	min-height: 150px;
	margin: 10px 20px 10px 0px;
	background: #FFF url(/images/home_item_bg_bottom_380.gif) no-repeat bottom left;

}

.nieuwsberichten ul {
	width: 355px;
	float: left;
}

.partners { /* alleen op home */
	position: relative;
	display: block;
	float: left;
	width: 380px;
	height: 150px;
	margin: 10px 20px 10px 0px;
	background: #FFF url(/images/home_item_bg_bottom_380.gif) no-repeat bottom left;
}

/* geen idee? */

.special_offer_block {
	background-color:#fc9;
}

#images img {
	border:1px solid #ddd;
}

.label2 {
	font-weight:bold;
}

#price_block {
	border:1px solid #ddd;
	display:block;
}

/* detailpagina */

#detailpagina_menu {
	position: relative;
	display: block;
	text-align: right;
	margin: 10px 20px 14px 0;
	height: 20px;
	width: 770px;
}

#detailpagina_menu a {
	display: inline-block;
	margin-right:10px;
}

.detail_buttons_info {
	padding-top:5px;
	width:100%;
	text-align:right;
}

.log_stamp {
	width:130px;
}

.log_actor {
	width:130px;
	color: #666;
}

.add_free_option {
	background:url(images/add.png);
	border:0px;
	width:20px;
	cursor:pointer;
}

.remove_free_option {
	background:url(/images/remove.png);
	border:0px;
	width:20px;
	cursor:pointer;
}

.free_option_input {
	border: #7F9DB9 1px solid;
}

.free_option_input_error {
	border: #00F000 1px solid;
}

.free_option_input_small {
	width: 64px;
}

.label_color {
	width:50px;
}

.detail_pagina {
	float: left;
	border-top: none;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	width: 790px;
	margin: 0;
	background-color: #fff;
	z-index: 10;
}

.tab_content {
	margin: 14px 14px 14px 14px
}

.detail_pagina h1 {
	font-weight:bold;
	font-size:1.1em;
	margin: 0px 0px 10px 0px;
	color: #000;
}

.detail_pagina h2 {
	font-weight: bold;
	font-size: 1.2em;
	margin: 5px 0px 5px 0px;
	color: #000;
}

.detail_pagina h3 {
	font-size: 1em;
	color: #000;
	margin: 15px 0px 15px 0px;
	font-weight: bolder;
}

.lease select {
	width: 450px;
}

.lease .lease_label {
	width: 180px;
}

#back_to_mijnNAK {
	cursor:pointer;
}

/* tabjes van detailpagina */

.tabs {
	padding: 0px;
	margin: 0px;
	margin-top: 8px;
	height: 25px;
	list-style: none;
	border-bottom: 1px solid #ddd;
	background-color: transparent;
}

ul.detailstabs {
	width: 792px;
}

ul.beheertabs {
	width: 100%;
}

.tabs li {
	width: auto;
	float: left;
	margin: 0 -16px 0 0;
}

.tabs li a {
	display: block;
	position: relative;
	text-decoration: none;
	float: left;
}

.tabs li a em {
	display: block;
	height: 25px;
	float: left;
	padding: 0 30px 0 0;
	background: transparent url(/images/tab4.png) right top;
	position: relative;
	z-index: 1;
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	color: #000;
	line-height: 25px;
	border-bottom: 0px solid #DDDDDD;
	white-space: nowrap;
}

.tabs li a b {
	display: block;
	width: 21px;
	float: left;
	height: 25px;
	background: transparent url(/images/tab4.png) left top;
	position: relative;
	z-index: 2;
}

.tabs li a.algemeen {
	z-index: -10;
}

.tabs li a.fotos {
	z-index: -20;
}

.tabs li a.specificaties {
	z-index: -30;
}

.tabs li a.inruilauto {
	z-index: -40;
}

.tabs li a.afleverpakket {
	z-index: -50;
}

.tabs li a.onlangs_bekeken {
	z-index: -60;
}

.tabs li a.ook_interessant {
	z-index: -70;
}

.tabs li a:hover {
	border: none;
	z-index: 7;
	cursor: pointer;
	float: left;
}

.tabs li a:hover b {
	background-position: left center;
	float: left;
}

.tabs li a:hover em {
	background-position: right center;
	color: #777777;
}

.tabs li a.selected, .tabs li a.selected:hover {
	border: 0;
	z-index: 8;
	cursor: default;
	float: left;
}

.tabs li a.selected b, .tabs li a.selected:hover b {
	background-position: left bottom;
	float: left;
	border: none;
	padding-bottom: 1px
}

.tabs li a.selected em, .tabs li a.selected:hover em {
	background-position: right bottom;
	color: #000;
	float: left;
	border: none;
	padding-bottom: 1px;
}

/* details tabs */

.block {
	border: 1px solid #ddd;
	margin-top: 10px;
	display: block;
	padding: 10px;
	background-color: #fff;
}

.innerTabs {
    border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

/* uitleg onderaan pagina's � acties */

#actions {
	float: left;
	width:770px;
	margin-top: 10px;
}

#levertijd {
	padding-bottom:10px;
}


#actions .detail_button {
	float: right;
}

/* details tab algemeen - summary */

#block_summary {
	margin: 0;
}

#details_summary {
	width: 100%;
}

.valign_top {
	vertical-align:top;
}

.dealer_prijs_label {
	vertical-align:bottom;
	font-size: 1.20em;
	font-weight:bold;
	text-align:right;
	padding-top:10px;
}

.dealer_prijs {
	vertical-align:bottom;
	font-size: 1.20em;
	font-weight:bold;
	padding-top:10px;
}

.nak_prijs_label {
	vertical-align:bottom;
	font-size: 1.20em;
	font-weight:bold;
	text-align:right;
	padding-top:10px;
}

.nak_prijs {
	vertical-align:bottom;
	height:100%;
	font-size: 1.20em;
	font-weight:bold;
	padding-top:10px;
}

#block_summary table.voertuig_wrapper{

}

#block_summary #photo_ {
	cursor: pointer;
}

#block_summary #thumbs {
	padding-top: 2px;
}

#block_summary #thumb {
	cursor: pointer;
	margin: 0px;
	padding: 0px;
}

#block_summary #meer_fotos {
	text-align: right;
}

#block_summary #thumb img {
	width:60px;
	height:45px;
}


#block_summary #details {
	padding-left:10px;
}

/* details tab ook interessant */

.block_vehicle {
	border: 1px solid #ddd;
	margin-top: 10px;
	display: block;
	width: 100%;
	height: 164px; /* hoogte nodig om float te clearen */
}

.block_vehicle.special_offer {
	background-color: #dae1ea;
}

.block_vehicle img.small_photo{
	float: left;
	display: inline-block; /*helpt tegen IE double margin bug */
	border:1px solid #ddd;
	cursor:pointer;
	margin: 10px 10px 10px 10px;
}

.block_vehicle .voertuig_wrapper{
	float: left;
	width: 576px;
	margin-top: 10px;
}

.block_vehicle td{
	padding-right: 15px;
	width: 150px;
}

.block_vehicle td.label{
	padding-right: 15px;
	width: 150px;
}

/* details tab inruilauto */

#inruilauto_block {
	border:1px solid #ddd;
}

#afleverpakket_block {
	border:1px solid #ddd;
}

#uitleg_block {
	border:1px solid #ddd;
}

.naam_volledig {
	font-weight:bold;
	font-size:110%;
	padding:10px 0px 20px 0px;

}

.samenvatting_naam {
	font-weight:bold;
	font-size:110%;
	padding:0px 0px 20px 0px;
	margin:0px;
}

.hide {
	display:none;
	visibility:hidden;
}

#thumbs .thumb {
	cursor:pointer;
}

#thumbs .thumb img{
	width:200px;
}
 
/* details tab onlangs bekeken */

.onlangs_bekeken_voertuig {
	border:1px solid #ddd;
	padding:10px;
	margin:10px;
	float:left;
	cursor:pointer;
}

.onlangs_bekeken_voertuig img{
	border:1px solid #ddd;
}

.onlangs_bekeken_voertuig .type_naam {
	padding-top:5px;
	text-align:center;
	width:160px;
}

.som {
	background-image:url('/images/som.png');
	background-repeat:no-repeat;
	background-position:right;
}

.optie_rij_1 {
	clear:both;
	width:100%;
	height:22px;
	background-color: transparent;
}

.optie_rij_2 {
	clear:both;
	width:100%;
	height:22px;
	background-color: transparent;
}

.optie_rij_1_mouseover,
.optie_rij_2_mouseover {
	clear:both;
	width:100%;
	height:22px;
	background-color: #d8d8d8;
}

.optie_naam {
	width: 630px;
}

.optie_naam_selected {
	width: 630px;
	font-weight: bold;
}

.optie_prijs_selected {
	font-weight: bold;
}

.optie_prijs_readonly {
	text-align:right;
}

.optie_prijs_readonly {
	text-align:right;
}

/* zoeken */

#zoekvelden, #zoekveldenUitgebreid {
	border: 1px solid #ddd;
	padding: 3px;
	margin: 5px 5px 5px 0px;
	background-color: white;
}

#zoekvelden .label, #zoekveldenUitgebreid .label {
	font-weight: bold;
}

#zoekvelden .tm, #zoekveldenUitgebreid .tm {
	margin-left: 8px;
}

whel.submitButton {
	border: 1px solid #ddd;
	background-color: #dedede;
}

input.zoeken {
	float:right;
}

/* Zoeken: energielabel-slider */

#slider {
	float: left;
	width: 16px;
	position: relative;
}

#sliderBar {
	position: absolute;
	top: 0px;
	left: 3px;
	width: 6px;
	z-index: 5;
}

#sliderbackground {
	background-image: url(/images/sliderbackground_selected.png);
	position: absolute;
	left: 3px;
	width: 6px;
	z-index: 10;
}

#sliderPointer1 {
	position: absolute;
	top: 5px;
	left: 0px;
	width: 16px;
	height: 10px;
	background-image: url(/images/slider_pointer.png);
	z-index: 20;
}

#sliderPointer2 {
	position: absolute;
	top: 116px;
	left: 0px;
	width: 16px;
	height: 10px;
	background-image: url(/images/slider_pointer.png);
	z-index: 20;
}

#eLabelImages {
	float: right;
	width: 168px;
}

#eLabelHidden {
	clear: both;
	display: none;
}

a.optionButton {
	display: inline-block;
	width: auto;
	height: 20px;
	line-height: 20px;
	background: transparent url(/buttons/option.png) no-repeat 0px 6px;
	text-indent: 0px;
	text-decoration: underline;
	color: #666;
	margin: 0px 10px 0px 0px;
	padding-left: 16px;
}

/* resultaten zijbalk, houdt verfijner en vergelijker rechts */

.zijbalk_top {
	width: 200px;
	height: 70px;
}

.zijbalk {
	width: 200px;
	height: auto;
	display: inline-block;
	float: left;
	margin-top: 4px;
}

.zijbalk_top a.link {
	vertical-align: baseline;
}

/* resultaten */

.resultaten {
	width: 570px;
	height: auto;
	display: inline-block;
	float: left;
	margin-left: 16px;
}

.resultTable {
	border-collapse: collapse;
}

.resultTable th {
	text-align: right;
	padding-right: 15px;
}

.resultTable th a {
	display: block;
	color: #666;
	text-decoration: none;
}

.resultTable td.sort {
	height: 34px;
}

.resultTable .separator td {
	height: 6px;
	background-color: transparent;
}

.resultTable .makeModelSeparator td {
	vertical-align: middle;
	font-weight: bold;
	background-color: #efefef;
	padding-bottom: 10px;
}

.resultTable .makeModelSeparator img {
	margin: 6px 10px 0px 10px;
	float: left; 
}

.resultTable .makeModelSeparator a {
	color: black;
	text-decoration: none;
}

.resultTable .omschrijving {
	margin-top: 12px;
}

.resultTable .resultUpper td { 
	border-top: 1px dashed #AAA;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #efefef;
	cursor:pointer;
}

.resultTable .resultLower td{ 
	padding-left: 15px;
	padding-right: 15px;
	background-color: #efefef;
	cursor:pointer;
}

.resultTable .specialOffersPresent td{ /*aanbieding in normale resulttable */
	padding: 4px 15px 4px 15px;
	background-color: #DAE1EA;
	cursor:pointer;
}

/* resultaten aanbiedingen */

.specialOffer, .resultTable .specialOffer td{
	background-color: #DAE1EA;
	cursor:pointer;
}

.specialOfferLarge {
	background-color: #DAE1EA;
}

.resultTable .previousModel {
	color: #666;
}

/* resultaten paginering */

.pages_holder {
	height: 20px;
	margin-bottom: 0px;
}
.pages {
	color: #aaa;
}

.pages .pageLink {
	color: #aaa;
	text-decoration: none;
	padding: 2px;
}

.pages .currentPage {
	color: #000;
	font-weight: bold;
	padding: 2px;
}

.serie {
	cursor: pointer;
	padding: 15px;
}

.uitleg {
	border: 1px solid #ddd;
	padding: 10px;
	margin: 5px 0px 5px 0px;
	clear: both;
	background-color: white;
}

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

/* verfijner */

.verfijner_holder {
	border: 1px solid #ddd;
	width: 198px;
	height: auto;
	background-color: white;
}

.verfijner_holder_aanbiedingen {
	border: 1px solid #ddd;
	width: 198px;
	height: 170px;
	background-color: white;
}

.verfijner {
	margin: 0px 10px 10px 10px;
}

.verfijner h3 {
	text-align: left;
}

.verfijner select {
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	width: 180px;
}

.verfijner input {
	margin-top: 15px;
	margin-left: 0px;
	margin-right: 0px;
	width: 180px;
}

.verfijner input.verfijn {
	width: auto;
}

#option_block table {
	width: 100%;
	border-collapse: collapse;
}

#option_block td.optionCheckbox {
	width: 28px;
}
 /*merkenpagina */
#series_holder {
	width: auto;
}

#series {
	width: 100%;
	min-height: 250px;
	display: block;
}

#series_holder h3 {
	width: 763px;
	border-bottom: 1px solid #AAA;
	line-height: 26px;
	font-size: 1.1em;
	color: #666;
	margin-bottom: 10px;
	text-indent: 4px;
}

#series_holder #series {
	margin-top: 10px;
}

#series_holder .serie {
	cursor: pointer;
	width: 248px;
	float: left;
	padding: 0;
	margin-right: 10px;
}

#series_holder .serie h2{
	background-color: navy;
	background-image: url(/images/dochters/cosmoautodirect/home_item_bg.gif);
	background-repeat: repeat-x;
	width: 250px;
	height: 28px;
	font-size: 1.1em;
	color: #FFF;
	text-indent: 10px;
	line-height: 28px;
}

.serie_holder {
	margin-top: 0;
	width: 248px;
	background-color: #FFF;
	border-left: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	border-right: 1px solid #DDD;
}

#series_holder .aanbieding {
	width: 763px;
	height: 214px;
	background: transparent;
	margin-bottom: 10px;
}

#series_holder .aanbieding h2 {
	background-color: navy;
	background-image: url(/images/dochters/cosmoautodirect/home_item_bg.gif);
	background-repeat: repeat-x;
	width: 763px;
	height: 28px;
	font-size: 1.1em;
	color: #FFF;
	text-indent: 10px;
	line-height: 28px;
}

.aanbieding_holder {
	margin-top: 0;
	width: 761px;
	background-color: #FFF;
	border-left: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	border-right: 1px solid #DDD;
}

#series_holder .aanbieding_holder img {
	float: left;
	margin-right: 10px;
	margin-left: 5px;
}

#series_holder .aanbieding_holder .details {
	margin: 10px 10px 10px 10px;
	float: left;
}

#zoekenSerie {
	width: 100%;
	display: block;
	min-height: 60px;
}

/* mijn nak */

.inloggen .email {
	width:150px;
}

.inloggen .wachtwoord {
	width:150px;
}

.inloggen table {
	margin-bottom: 16px;
}

table#mijn_nak {
	width: 100%;
	border-collapse: collapse;
}

table#mijn_nak td {
	font-size: 1em;
	padding: 4px 10px 4px 4px;
	background-color: #EFEFEF;
	border-bottom: 1px dashed #AAA;
	border-right: 1px solid #FFF;
}

table#mijn_nak tr.aanbieding td{
	font-size: 1em;
	padding: 4px 10px 4px 4px;
	background-color: #DAE1EA;
	border-bottom: 1px dashed #AAA;
}

table#mijn_nak td.photo {
	width: 160px;
	border-left: 1px solid #AAA;
	padding: 4px 4px 4px 4px;
}

table#mijn_nak td.mmt {
	width: 180px;
	padding-top:10px;
}

table#mijn_nak td.prijslabel{
	font-size: 1em;
	border-right: 0;
}

table#mijn_nak td.prijs {
	font-size: 1em;
}

table#mijn_nak td.leverdatum{
	border-right: 1px solid #AAA;
}

table#mijn_nak .right {
	text-align: right;
}

table#mijn_nak .offertes_header th, #mijn_nak .bestellingen_header th {
	text-align: left;
	font-size: 1em;
	padding: 4px 10px 4px 4px;
	color: #666;
	padding-top: 20px;
	border-bottom: 1px solid #aaa;
}

.aanbieding_opmerking {
	float:right;
	padding-top:10px;
}

table#mijn_nak .detailsLink {
	padding-top:10px;
}

table#mijn_nak .inruilLink {
	padding-bottom:10px;
}

/*afleverpakket kiezen */

.block .afleverpakket ul {
	margin: 0;
	padding: 0;
}

.block .afleverpakket li {
	list-style-type: none;
	background: transparent url(/buttons/option.png) no-repeat 0px 5px;
	display: block;
	margin-left: 0px;
	text-decoration: none;
	line-height: 1.3em;
	text-indent: 17px;
}

.block .afleverpakket a {
	display: block;
	margin-left: 620px;
}

.block .afleverpakket div.prijs {
	font-size: 1.1em;
	margin-top: 20px;
	font-weight: bold;
}

/* dealers aanbiedingen */

.small {
	font-size: 0.75em;
}

.priceField {
	width: 80px;
}

.specialOfferForm {
	width: 300px;
	float: left;
}

#pricesOptions {
	border: 1px solid #ddd;
	float: right;
	width: 475px;
}

.dealerSpecialOfferTable {
	width: 100%;
	margin-top: 20px;
	border-collapse: collapse;
	background-color: #eee;
}

.dealerSpecialOfferTable td {
	vertical-align: top;
	border: 1px solid #DDD;
	padding-left: 3px;
}

.dealerSpecialOfferTable th {
	text-align: left;
	background-color: #ddd;
	padding-left: 3px;
}

.dealerSpecialOfferTable tr.separator td {
	background-color: #fff;
	border: none;
	height: 5px;
}

/* aanbiedingen beheer */

.beheerSpecialOfferTable {
	width: 100%;
	float: left;
}

.beheerSpecialOfferTable th {
	text-align: left;
}

.beheerSpecialOfferDetailsRight {
	float: right;
}

.beheerSpecialOfferDetailsRight table {
	width: 400px;
	margin-right: 150px;
}

.beheerSpecialOfferDetailsRight td {
	vertical-align: top;
	width: 50%;
}

.beheerSpecialOfferDetailsTable {
	width: 400px;
}

.beheerSpecialOfferOptionTable {
	width: 100%;
}

#dossiertable .aanbieding {
	background-image: url('/images/aanbieding.png'); 
	background-repeat: no-repeat;
	padding-left: 4px;
	background-position: 0px 4px;
}

.normaal {
	padding-left: 4px;
}

/* rest? spv pagina / onderdeel toevoegen dmv opmerking */

.onbekend {
	font-style:italic;
	color:gray;
}

.label2 {
	width:200px;
	vertical-align:top;
}

.detail {
	vertical-align:top;
	font-weight:normal;
}

.detail_padding {
	vertical-align:top;
	font-weight:normal;
	padding-right:50px;
}

#specificaties .label {
	width:180px;
	vertical-align:top;
}

#specificaties .detail {
	width:200px;
	vertical-align:top;
}

.price {
	text-align:right;
	vertical-align:top;
}

.prijs_veld {
	text-align:right;
	width:60px;
}

.detail_button {
	padding:10px;
}

.detailbutton {
	float:right;
}

.button_left {
	float:left;
	padding:10px;
}

#specificaties {
	padding:0px;
}

#images {
	text-align:center;
	text-align: -moz-center;
}

#block_summary #images {
	text-align:left;
}

#block_summary #images #thumbs {
	text-align:left;
	padding-top:0px;
	width:100%;
}

#large_image {
	width:640px;
}

#images #thumbs {
	text-align:left;
	width:640px;
	margin-top:3px;
}

.align_right {
	text-align:right;
}

.som {
	text-align:right;
}

.max_width {
	width:100%;
}

/* zoeken */

#zoekveldenUitgebreid {
	display: none;
}

#zoekvelden table, #zoekveldenUitgebreid table {
	width: 100%;
}

#zoekvelden table td, #zoekveldenUitgebreid table td {
	width: 25%;
	padding-right: 0;
}

#zoekvelden select, #zoekveldenUitgebreid select {
	width: 160px;
}

/* resultaten */

.resultTable {
	width: 100%;
}

.resultTable .right {
	text-align: right;
}

.pages {
	float: right;
}

/* beheer */

#legenda {
	padding-top:10px;
	float:right;
	clear:both;
}

#paging {
	float:right;
	padding-top:20px;
	padding-bottom:20px;
}

.navigation {
	font-size:13pt;
}

.disabled {
	color:#DEDEDE;
}

#paging a {
	text-decoration:none;
}

.delete_order_button{
	background:url(/images/verwijderen.png);
	border:0px;
	width:20px;
	cursor:pointer;
	color:red;
}

.block_beheer {
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding:10px;

}

#dossiertable .id{
	padding-left:5px;
	width:18px;
	padding-right:5px;
}

#dossiertable .color{
	padding-left:12px;
	height:22px;
}

#dossiertable .link a {
	color:black;
}

.default {
	background-color:white;
}

.hover {
	background-color:#EEE;
}

#dossiertable th {
	text-align:left;
	margin:2px;
}

#dossiertable {
	width:100%;
}

#dossiertable th{
	border-bottom:1px solid black;
}

/* dealergedeelte */

.aanbieding_toevoegen_dropdown {
	width: 200px;
}

table.specialOfferTable{
	margin-top: 10px;
}

table.specialOfferTable td {
	padding-bottom: 4px;
}

#freeOptions {
	padding: 10px;
}

/* beheer */

.aflpakketten {
	float: left;
	width: 50%;
}

.aflpakketten_details {
	width: 75%;
}

table.kortingen {
	float: left;
	width: 33%;
}

.korting {
	width: 100%;
}

a.openinruil {
	cursor: pointer;
	display: block;
	height: 23px;
	width: 187px;
	background: url(/buttons/inruilauto_invoeren.png) no-repeat 0px 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.inruildata {
	min-height: 400px;
	float: left;
	width: 100%;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background-color: #fff;
}

.inruiltable {
	width: 100%;
	margin: 10px;
}

#dossiertable {
	width:100%;
}

#dossiertable td {
	border-bottom:solid 1px #CCC;
	cursor:pointer;
}

.orderformulier_versturen {
	padding-left:10px;
	padding-right:10px;
}

/* bestelpagina */

#algemene_voorwaarden {
	height:400px;
	width:97%;
	overflow:auto;
	border:1px solid gray;
	padding: 10px 10px 10px 10px;
}

.inruiltable th {
	text-align:left;
}

/*invoer inruildata */
.voertuigdetails {
	float: right;
	margin-left: 10px;
	clear: right;
}

.kentekendata {
	width: 300px;
}

/*leesverder aanbiedingspagina */
.leesverderaanbieding a {
	display: block;
	float:left;
	margin-top:90px;
	height: 20px;
	line-height: 20px;
	width: 130px;
	color: #666;
	text-indent: 14px;
	text-decoration: none;
	background: transparent url(/buttons/option.png) no-repeat 0px 6px;
}

#bottom_nav_left ul {
	margin-left: 20px;
	padding-left: 0px;
}

#bottom_nav ul {
	margin-left: 12px;
	padding-left: 0px;
}

.no_break {
	white-space: nowrap;
}

.select_dealer {
	padding-left:10px;
	padding-right:10px;
}

#bestel_button {
	cursor:pointer;
}

#confirm_order {
	position: absolute;
	left: 50%;
	margin-left: -280px;
	margin-top:-350px;
	width: 400px;
	z-index: 3000;
	background-color: #ddd;
	border: 2px solid #bbb;
	vertical-align: middle;
	padding: 10px;
	display:none;
}

#confirm_order #buttons {
	float:right;
	margin:10px;
}

#confirm_order #ja {
	cursor:pointer;
}

#confirm_order #nee {
	cursor:pointer;
	padding-left:10px;
}

.information_icon {
	cursor: pointer;
	width: 16px;
	height: 16px;
}

#information_box {
	position: absolute;
	left: 50%;
	width: 250px;
	background-color: #ddd;
	border: 2px solid #ccc;
	z-index: 3000;
	vertical-align: middle;
	padding: 10px;
	font-weight: bold;
	display:none;
}

#close_icon {
	background: url('/buttons/close_icon.png');
	width:16px;
	height:16px;
	float:right;
	cursor:pointer;
	margin-left: 3px;
	margin-bottom: 3px;
}

.acctable {
	width: 100%;
}

.acctable td {
	vertical-align:top;
	width: 50%;
}

.status {
	width:500px;
}

.delete_icon {
	border: 1px solid #FFFFFF;
	float: right;
	opacity: 0.6;
	filter: alpha(opacity = 60);
}

.delete_icon:hover {
	border: 1px solid #676767;
	float: right;
	opacity: 1;
	filter: alpha(opacity = 100);
}

.delete_icon_disabled {
	border: 1px solid #FFFFFF;
	float: right;
	opacity: 0.5;
	filter: alpha(opacity = 50);
	cursor: default;
}

.delete_message {
	height: 100px;
	width: 250px;
	overflow: auto;
	margin-left: 4px;
}

/* algemene voorwaarden */
#voorwaarden01 {
	background-image: url('/pdf/voorwaarden01.gif');
	height: 1052px;
	width: 744px;
	border-bottom:5px solid #F5F6F6;
}

#voorwaarden02 {
	background-image: url('/pdf/voorwaarden02.gif');
	height: 1052px;
	width: 744px;
	border-bottom:5px solid #F5F6F6;
}

#voorwaarden03 {
	background-image: url('/pdf/voorwaarden03.gif');
	height: 1052px;
	width: 744px;
	border-bottom: 5px solid #F5F6F6;
}

#voorwaarden04 {
	background-image: url('/pdf/voorwaarden04.gif');
	height: 1052px;
	width: 744px;
	border-bottom: 5px solid #F5F6F6;
}

#voorwaarden05 {
	background-image: url('/pdf/voorwaarden05.gif');
	height: 1052px;
	width: 744px;
	border-bottom: 5px solid #F5F6F6;
}

#voorwaarden06 {
	background-image: url('/pdf/voorwaarden06.gif');
	height: 1052px;
	width: 744px;
	border-bottom: 5px solid #F5F6F6;
}

#voorwaarden07 {
	background-image: url('/pdf/voorwaarden07.gif');
	height: 1052px;
	width: 744px;
	border-bottom: 5px solid #F5F6F6;
}

#voorwaarden08 {
	background-image: url('/pdf/voorwaarden08.gif');
	height: 1052px;
	width: 744px;
	border-bottom: 5px solid #F5F6F6;
}

#voorwaarden09 {
	background-image: url('/pdf/voorwaarden09.gif');
	height: 1052px;
	width: 744px;
	border-bottom: 5px solid #F5F6F6;
}

#voorwaarden10 {
	background-image: url('/pdf/voorwaarden10.gif');
	height: 1052px;
	width: 744px;
}

#pdf_icon {
	background-image: url('/images/pdf_icon.gif');
	background-repeat: no-repeat;
	background-position: 450px 0px;
	height:53px;
	width:500px;
	vertical-align:bottom;
	padding-bottom:20px;
	cursor:pointer;
}

/* nieuws */

.newsItem {
	clear: both;
	border: 1px solid #ddd;
	background-color: white;
	margin-bottom: 20px;
	padding: 10px;
}

.newsItem .title {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 5px;
}

.newsItem img {
	margin-right: 10px;
}

.newsItem div div {
	min-height: 120px;
}

.dashes {
	margin-top: 25px;
	height: 1px;
	background-image: url('/images/dochters/dash.png');
	background-repeat: repeat-x;
}

.home_left .dashes {
	width: 418px;
	margin-bottom: 10px;
}

.home_right .dashes {
	width: 320px;
	margin-top: 20px;
}

#place_order_bottom {
	float: left;
	width: 770px;
	margin-top: 10px;
}

div.block_place_order {
	text-align: right;
}

table#default_remarks {
	width: 90%;
}

table#default_remarks td {
	padding-top: 2px;
	padding-bottom: 2px;
}

table#default_remarks input.text {
	width: 100%;
}

table#default_remarks textarea {
	width: 100%;
	margin-bottom: 10px;
}

/* Beheer -> kortingen lijst */
div.korting_make {
	font-weight: bold;
	font-size: 13px;
}

div.korting_model_hover,
div.korting_variant_hover,
div.korting_serie_hover,
div.korting_type_hover {
	background-color: #EEE;
}

div.optiondivs {
	display: block;
	border: 1px solid #DDDDDD;
	padding-top: 10px;
}

#option_block ul.tabs {
	height: 25px;
	width: 720px;
	border: none;
}

div.optiondiv {
	display: none;
}

div.showdiv {
	overflow:hidden;
	display: block;
}

.tabs li.button_opties {
	float: right;
	padding-top: 3px;
}

div.options_total_list {
    padding-top: 10px;
	font-weight: bold;
	font-size: 16px;
}

div.subtotal_item_name {
	float: left;
	margin-left: 8px;
	font-size: 14px;
	color: gray;
	text-indent: 14px;
	background-image:url('/images/dochters/option_subtotal_listitem.png');
	background-repeat:no-repeat;
	background-position:left;
}

div.subtotal_item_static {
	float: right;
	font-size: 14px;
	color: gray;
}

div.subtotal_item_price {
	float: right;
	margin-left: 8px;
	font-size: 14px;
	color: gray;
	width: 44px;
	text-align: right;
}

div.options_subtotal {
    padding: 10px;
	height: 32px;
	font-size: 16px;
	font-weight: bold;
}

div.option_plus_sign {
	float:right;
	width:40px;
	font-weight: normal;
	font-size: 16px;
	color: gray;
}

.dealer_prijs {
	white-space: nowrap;
}

td.dealer_deleted {
	color: red;
}

body {
	background-color: #dcdcd2;
}

h1, .home_item h2 {
	color: #F81D3D;
}

#menu {
	background: url(/images/dochters/cosmoautodirect/home_item_bg.jpg) repeat-x 0px 0px;
}

#menu ul#nav a:hover {
	color: #cccccc;
}

.nieuwe_auto_zoeken .home_item h2 {
	background-image: url(/images/dochters/cosmoautodirect/home_item_bg.jpg);
}

#bottommenu {
	background-image: url(/images/dochters/cosmoautodirect/footer.png);
}