@meta {
	Title : "default style";
}

@import url("colors.css");

HTML,BODY {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	font:normal 8pt arial,helvetica,univers,"zurich bt",sans-serif;
	text-align:left;
	overflow-x:hidden;
}
	* { font-size:100%; }

/*
 *  Containers
 *
 * ======================*/
/* main menu */
#div_menu {
	width:100%;
	height:100%;
	background:url('/public/images/nav/menue_bck.jpg') repeat-x;
}
/* vertical sub-menu (navigation within search-forms) */
#div_subnav {
	display:block;
	position:absolute;
	width:167px;
	left:0;
	top:9px;
	text-align:right;
}
	#div_subnav P {
		line-height:180%;
	}
	#men_txt {
		float:left;
		width:156px;
		border-bottom-style:solid;
		border-bottom-width:1px;
	}
	#men_arr {
		float:left;
		width:4px;
	}
	IMG.men_arr_img {
		width:4px;
		height:8px;
		margin-top:7px;
		margin-left:7px;
	}
#div_proctime {
	display:block;
	position:absolute;
	top:2px;
	left:320px;
}
/* page-logo - to be used in custom-tag mkg_dsplogo_25.cfm */
#div_pglogo {
	display:block;
	margin-top:0;
	margin-bottom:0;
}
/* page title */
#div_pgtitle {
	display:block;
/*	height:50px;*/
	height:auto;
	border:none;
}
/* button line */
#div_btn, #div_back_2 {
	display:block;
	height:30px;
	vertical-align:middle;
	top:2px;
	padding-left:10px;
	position:relative;
	border-right:1px solid white;
}
#div_back_2 P {
	padding-top:7px;
}
/* print */
#div_prnbtn {
	left:.5cm;
	margin-top:10pt;
}
/* window showing up a wait-message */
#div_wait {
	margin-top:90px;
	margin-left:40px;
	width:400px;
	border:1px outset rgb(90,90,90);
	border-right-width:2px;
	border-bottom-width:2px;
	position:absolute;
	z-index:5;
}
/* body for narrowed content (e.g. search-form) */
#div_sfrm {
	margin-left:180px;
}
/* body for wider content (e.g. list-table) */
#div_sres {
	margin-left:2px;
}
/* body for print */
#div_sprn {
	text-align:left;
	width:557px;
	margin:8px;
	margin-top:40px;
}
#div_prnbtn {
	text-align:right;
	z-index:10;
}
/* car list = result table ; width is declared server-side in Application.cfm */
#div_content {
	display:block;
	top:2px;
	float:left;
	clear:both;
	position:relative;
	z-index:1;
}
/* accessories block */
#div_acc {
	display:block;
	margin-top:2px;
	margin-bottom:2px;
	position:relative;
}
/* error-messages */
#div_errmain {
	display:block;
	text-align:center;
	margin-top:40px;
}
#div_err {
	display:block;
	margin-top:10px;
	margin-bottom:10px;
}
/* cart and help */
#div_carthelp {
	display:block;
	top:6px;
	left:0;
	padding-left:8px;
	padding-right:12px;
	position:relative;
	z-index:4;
}
	/* intended to be shown within div_carthelp */
	#div_carthelp #div_cart {
		display:block;
		visibility:visible;
		width:344px;
		float:left;
	}
	/* intended to be shown within div_carthelp */
	#div_carthelp #div_notevis {
		display:inline;
		text-align:right;
		width:297px;
		position:absolute;
		right:2px;
	}
	#div_carthelp #div_note {
		top:0;
		left:0;
		position:relative;
		border:1px solid black;
		margin-top:-1px;
		width:295px;
		text-align:left;
		opacity:.9;
	}
	#div_carthelp P {
		display:inline;
		padding-right:12px;
/*			padding-left:12px;*/
	}
		/* :first-child doesn't work in IE - have to work around: padding-right for all ... */
/*	#div_carthelp #div_cart p:first-child {
			padding-left:0;
		}*/
/* popup-menu dealer's finance offers */
#div_hdlofr {
	position:absolute;
	top:46px;
	left:558px;
	width:103px;
	z-index:10;
}
/* navigation blocks - appears at top and/or at bottom of the content-block, within div_content */
#div_nav_top, #div_nav_bot, #div_dtltitle {
	display:block;
	height:24px;
	padding-left:10px;
	padding-right:3px;
}
	#div_dtltitle, #div_cardata, #div_mailsubj {
		margin-top:2px;
		border-bottom:1px solid white;
		padding-left:10px;
	}
	#div_hdlcontact {
		margin-top:2px;
	}
/*		#div_hdlcontact TABLE TD {
			padding-left:10px;
		}*/
	#div_mailsubj {
		height:30px;
	}
		#div_mailsubj TABLE TD {
			padding-left:2px;
		}
/* Choose/edit criteria */
#div_criteria, #div_specacc {
	display:block;
	padding-left:1px;
}
	/* der Rand rechts erscheint immer; wenn dieser hier wegfaellt oder geaendert wird, s.a.:
		#div_btn
		.pagetitle
		.err
		Raender (Einzuege) links und rechts sind in den Tabellenspalten unterschiedlich; s. TD.col_rt */
	#div_criteria TD, #div_hdlcontact TD, #div_persdata TD, #div_carnow TD, #div_desire TD, #div_comment P, P.fu_note {
		padding:0 2px 0 10px;
		vertical-align:middle;
		border-right:1px solid white;
		border-bottom:1px solid white;
	}
		#div_car_age TD, #div_specacc TD {
			padding:0 2px 0 0;
			border:none;
		}
		#div_criteria TD.col_rt, #div_hdlcontact TD.col_rt, #div_persdata TD.col_rt, #div_carnow TD.col_rt {
			padding-left:2px;
		}
#div_carfin {
	padding-left:10px;
	margin-bottom:2px;
}
/* contact-form */
#div_teaser {
	padding-left:10px;
}
	#div_teaser TD {
		padding:3px 0 3px 0;
	}
	#div_contactimg {
		position:absolute;
		top:-2px;
		right:-4px;
	}
#div_mailthx {
	display:block;
	margin-top:16px;
	position:relative;
}
	#div_mailthx P {
		line-height:32px;

	}
/* 25.04.2006, hla */
#div_econ_data TD {
	vertical-align:top;
	padding-right:10px;
}
#div_econ_note {
	margin:20px 10px 0 10px;
	border-top:1px solid black;
	font-size:smaller;
}

.lt, .txt {
	text-align:left;
}
.ctr, .date_ {
	text-align:center;
}
.rt, .num {
	text-align:right;
}
.head, .highlight {
	font-weight:bold;
}
.big {
	font-size:110%;
}
.bigger {
	font-size:125%;
}
/* this is necessary to prevent ".sml" being overwritten by IE with -> .warn.sml */
SPAN.sml, TD.sml, P.sml {
	font-size:90%;
	font-weight:normal;
}
.navItem {
	font-weight:bold;
}
	.navItem.active {}
	/* Back-Links */
	.navItem.back {
		border:none;
		vertical-align:middle;
		width:auto;
	}
.pagetitle {
	font-size:110%;
	font-weight:bold;
	font-style:normal;
	text-align:left;
	vertical-align:middle;
	padding-left:10px;
/*	padding-top:2px;*/
	border:none;
	height:30px;
}
	/* not really sub-pagetitle but block-title within page-body */
	.pagetitle.sub {
		height:auto;
		line-height:24px;
		padding-top:0;
		margin-top:2px;
		border-right:1px solid white;
	}
	/* dealer no within pagetitle when in protected mode */
	.pagetitle.hdlnr {
		font-size:90%;
		height:auto;
/*		padding:10px 0 0 10px;*/
	}
	.pagetitle.bcklnk {
		font-size:100%;
		text-align:right;
		vertical-align:middle;
		border:none;
	}
.edit_caption  {
	vertical-align:middle;
	padding-left:2px;
}
.warn {
	font-size:125%;
	font-weight:bold;
	text-align:center;
}
	.warn.sml {
		font-size:100%;
	}
.err {
	font-size:100%;
	font-weight:bold;
	padding-left:6px;
	padding-right:6px;
	text-align:left;
}
	.err.ctr {
		padding:0;
		text-align:center;
	}
	.err.ctr.brd {
		border-right:1px solid white;
	}
	.err.lit {
		font-weight:normal;
	}
/* print-button - switch this to hidden on media=print */
.prnBtn {
	visibility:visible;
}

/*
 *  Elements
 *
 * ======================*/
P {
	margin:0;
}
	P.user_info {
		font-weight:bold;
		text-align:center;
		padding:8pt 0 8pt 0;
	}
FORM {
	display:inline;
}
TABLE {
	border-collapse:collapse;
	border:none;
	empty-cells:show;
	height:auto;
}
SELECT {
	font-size:8pt;
	border:1px groove silver;
}
	/* Firefox bezieht diese Angabe auf die max. Breite der Bezeichnungen ; s. _w3std.css */
	SELECT.acc_sel {
		width:100%;
	}
A, IMG {
	border:none;
}
/* Standard links */
A {
	display:inline;
	cursor:pointer;
	text-decoration:underline;
}
	A.menu, A.undo, A.fwrd, A.back {
		text-decoration:none;
	}
	A.fwrd, A.back {
		padding:2px 10px;
	}
	A.fwrd {
		background:url('images/arr_2rt_red.gif') 0 50% no-repeat;
	}
	A.back {
		background:url('images/arr_2lt_red.gif') 0 50% no-repeat;
	}
		A.back.pgt {
			padding-right:2px;
		}
	IMG.car_img {
		border-left:1px inset gray;
		border-right:1px inset silver;
		height:360px;
/*	Der Asterisk ist eigentlich ein Fehler und wird auch vom W3-CSS-Validator angemeckert.
		Der korrekte Wert auto fuehrt aber im IE zur Falschdarstellung. */
		width:*;
/*		width:auto;*/
	}
	IMG.car_thumb {
		vertical-align:top;
		height:160px;
		width:*;
/*		width:auto;*/
	}
INPUT {
	font:normal 8pt arial,helvetica,univers,"zurich bt",sans-serif;
}
	INPUT.btn {
		border:1px outset silver;
	}
		INPUT.btn.go {
		}
		INPUT.btn.stop {
		}
	/* Buttons that looks like a link */
	INPUT.btnAsLink {
		border:none;
		margin-bottom:1px;
		background:inherit;
		cursor:pointer;
	}
		INPUT.btnAsLink.over {
		}
INPUT.text {
	text-align:left;
	border:1px groove black;
}
	INPUT.text.num  {
		text-align:right;
	}

TEXTAREA {
	font-size:8pt;
	border:1px groove black;
}

HR {
	width:100%;
	text-align:center;
	height:1px;
	color:black;
	background:black;
	border:none;
}

ACRONYM {
	cursor:help;
}

SPAN.note {
	text-decoration:underline;
}

/* block of car-details */
DIV.dtl_block {
	display:block;
	margin-top:3px;
/*	border-top:2px solid white;*/
	z-index:2;
}

/*
 *  Table-Header-Cells
 *
 * ======================*/
TH {
	font-weight:bold;
}
	/* Bild-Ueberschrift */
	TH.img_title  {
		vertical-align:middle;
		border:1px outset white;
		font-weight:bold;
		text-align:center;
	}
	/* Spalten-Titel z.B. f. Tabellen */
	TH.col_title {
/*		border:1px outset white;*/
		font-weight:bold;
		text-align:left;
		line-height:22px;
		padding:1px 2px 1px 2px;
	}
		TH.col_title.num {
			text-align:right;
		}
		TH.col_title.ctr {
			text-align:center;
		}
		TH.col_title.lnk {
			cursor:pointer;
			text-decoration:none;
		}
		TH.col_title.buttonOver {
			cursor:pointer;
			text-decoration:none;
			padding:2px 1px 0 3px;
		}
		TH.col_title.btn_pressed {
			border:1px solid black;
		}
		/* title f. calkulation-table */
		TH.col_title.c {
		}
		/* column title for accessories-selects -- general sub-title ? */
		TH.col_title.acc {
			border:none;
			padding-left:3px;
			line-height:18px;
		}
	TH.highlight  {
		font-weight:bold;
		text-align:left;
		border-bottom:1px solid rgb(0,0,0);
	}


/*
 *  Table-Content-Cells
 *
 * ======================*/
TD {
	vertical-align:middle;
	text-align:left;
}
	/* content */
	TR.cartblrow TD, TD.ver8 {
		padding:0 2px 0 2px;
	}
	/* column right */
	TD.col_rt {
		padding-left:2px;
	}
	TD.col_foot  {
	}
	/* financing data */
	TD.fin_data {
		font-weight:normal;
		text-align:right;
	}
	TD.fin_rate {
	}