@charset "utf-8";
/* CSS Document - Ä - */

/* --- Allgemeines --- */
#konfi_content{
	width:937px;
	background:#fff;
	padding:10px 2px 10px 11px;
}

#mauswahl{
	width:930px;
}

#bodytype{
	width:937px;
}

/* --- Overlay --- */

div#overlay{
  position: fixed;
	top:0px;
	left: 0px;
	width:100%;
	background-color: #68729b;
	z-index: 210;
	opacity:.75;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
}

#compareModelsOverlay,
#cushionDetailOverlay,
#rimDetailOverlay,
#equipDetailOverlay,
#accessoryDetailOverlay,
#emissionsOverlay,
#dealersearchOverlay,
#getofferOverlay{
	z-index: 222;
	position: absolute;
	top: 0px;
	height: 606px;
	width: 950px;
	background-color: #ffffff;
}

#compareModelsOverlay,
#emissionsOverlay,
#dealersearchOverlay,
#getofferOverlay{
	background-color: transparent;
}

#dealersearchOverlay
{
	width: 940px;
	margin-left: -4px;
}

#cushionDetailOverlay .overlaycontent,
#rimDetailOverlay .overlaycontent,
#equipDetailOverlay .overlaycontent,
#accessoryDetailOverlay .overlaycontent{
	background-color: #ffffff;
	height: 570px;
	padding: 16px 20px 10px 20px;
}

#dealersearchOverlay .overlaycontent{
/*	background-color: #ffffff;
	height: 570px;*/
}

#emissionsOverlay .overlaycontent,
#compareModelsOverlay .overlaycontent{
	height: 600px;
	width: 930px;
	overflow: hidden;
	/*background-color: #ffffff;*/
}

#dealersearchOverlay{
    /*    height:670px;*/
}
#dealersearchOverlay .overlaycontent{
		/*		height:700px;*/
}
#dealersearchOverlay .overlaycontent{
/*	overflow: scroll;*/
}
#emissionsOverlay .overlaycontent,
#compareModelsOverlay .overlaycontent{
	overflow: hidden;
}

#compareModelsOverlay .overlaycontent > div.modelltable{
	overflow: scroll;
}

#compareModelsOverlay .snshadow,
#emissionsOverlay .snshadow,
#dealersearchOverlay .snshadow {
        margin-left: 10px;
}

#getofferForm {
	background-color: transparent;
}

table.emissionenkonfi tr.selected td {
	font-weight:bold;
	background:#b7bcd1;
}

.detailCarousel .closebutton{
	position: absolute;
	right: 5px;
	top: 5px;
	cursor: pointer;
}

.detailCarousel .carouselItem,
.detailCarousel .carouselItem.mouseover,
.detailCarousel .carouselItem.selected{
	width: 877px;
	height: 550px;
	padding: 5px;
}

.detailCarousel .carouselItem .elementBorder,
.detailCarousel .carouselItem.mouseover .elementBorder,
.detailCarousel .carouselItem.selected .elementBorder{
	border: 2px solid #b6bbd0;
	height: 540px;
	width: 877px;
	padding: 5px;
}

.detailCarousel .carouselItem .detailtext{
	padding: 3px;
	line-height: 1.3em;
	height: 68px;
}

.detailCarousel .carouselItem .detailtext strong{
	text-transform: uppercase;
}

/* .detailCarousel .carouselItem .image{
	text-align: center;
} */

.detailCarousel .carouselItem .buttons{
	visibility: visible;
	margin: 0px;
	width: 877px;
	position: relative;
}

.detailCarousel .carouselItem .buttons img.check,
.detailCarousel .carouselItem .buttons img.info,
.detailCarousel .carouselItem .buttons img.detail_out,
.detailCarousel .carouselItem .buttons img.previous,
.detailCarousel .carouselItem .buttons img.next{
	border-left: 15px solid #b6bbd0;
	border-right: 15px solid #b6bbd0;
	margin: 0px;
}

.detailCarousel .carouselItem .buttons img.previous{
	position: absolute;
	right: 39px;
}
.detailCarousel .carouselItem .buttons img.next{
	position: absolute;
	right: -14px;
}

/* clearfix
	There's also some CSS for IE Only (all Versions) in konfi.phtml to make clearfix work.
*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}  /* for IE/Mac */

/* --- Startseite - Modellauswahlseite --- */
#mauswahl div.mbox{
	float:left;
	width:186px;
	height:110px;
}

#mauswahl div.bbox{
	float:left;
	width:465px;
	height:300px;
}

#mauswahl div.modellbox{
	float:left;
	width:186px;
	cursor: pointer;
}

#mauswahl .selected .mboxlink .modell .check{
	visibility: visible;
}

#mauswahl .modellbox .check{
	visibility: hidden;
}

#mauswahl div.bodybox{
	float:left;
	width:465px;
	margin-bottom:75px;
	cursor: pointer;
}

#mauswahl .bodybox .check{
	visibility: hidden;
}

#mauswahl .selected .bodyboxlink .body .check{
	visibility: visible;
}

#mauswahl div.mboxlink{
	float:left;
	width:186px;
}

#mauswahl div.bodyboxlink{
	float:left;
	width:465px;
}

#mauswahl div.weiter {
        float:right;
        margin-top:121px;
}

div.mboxlink div.modell{
	width:136px;
	color: #000000;
	font-size: 10px;
	line-height: 14px;
	margin: 0 0 4px 50px;
	overflow: hidden;
}

div.bodyboxlink div.body{
	width:250px;
	color: #000000;
	font-size: 10px;
	line-height: 16px;
	margin: 0 0 4px 150px;
	overflow: hidden;
}

div.mboxlink div.modell > div, div.bodyboxlink div.body > div{
	float:left;
}

div.mboxlink div.linktext, div.bodyboxlink div.linktext{
	border: 2px solid #fff; /* transparent doesn't work in IE6, see: http://acidmartin.wordpress.com/2008/08/24/emulating-border-color-transparent-in-internet-explorer-6/ */
	width: 105px;
	height:30px;
	padding-left: 5px;
	border:2px solid #b6bbd0;
}

div.mboxlink div.linktext h1, div.bodyboxlink div.linktext h1{
	font-size:10px;
	font-weight:bold;
}

div.mboxlink div.linktext p, div.bodyboxlink div.linktext p{
	font-size:10px;
	font-weight:normal;
	line-height:14px;
}

div.mboxlink div.modell img, div.bodyboxlink div.modell img{
	margin-left: 2px;
	visibility: hidden;
}

div.mboxlink div.select .check, div.bodyboxlink div.select .check{
	visibility: visible;
}

div.mboxlink div.inactive img, div.bodyboxlink div.inactive img{
	visibility: hidden;
}

#mauswahl div.mboxlink > a, #mauswahl div.bodyboxlink > a{
	border:2px solid #b6bbd0;
}


#konfi_outer{
	width:929px;
	/*min-height: 400px;*/
	border-bottom:1px solid #d8d7d5;
	border-left:1px solid #d8d7d5;
}

/* --- Pfadverfolung - Topnav Reiter --- */
#konfi_outer .path{
	display:inline;
	width:928px;
	height:21px;
}
#konfi_outer .path a{
	float:left;
	display:block;
	font-size:11px;
	line-height:21px;
	color:#000;
	text-transform:uppercase;
	padding:0px 0px 0px 8px;
}

/*
Der Hintergrund kommt komplett aus einer Datei (/_gfx/konfi/pathnav_sprite.gif), die
entsprechend des anzuzeigenden Bilds verschoben wird.
- Jede Zeile ist 21px hoch und jedes Element 200px breit
- Zeilenreihenfolge: inactive, visited, active
- Elementreihenfolge: model, engine, colors, rims, equip, accessory, final
*/

/* model */
#konfi_outer .path a.tab_model{
	width:95px;
	background: url(/_gfx/konfi/pathnav_sprite.gif) no-repeat 0 -21px;
}
#konfi_outer .path a.tab_model_long{
	width:87px;
	background: url(/_gfx/konfi/pathnav_long_sprite.gif) no-repeat 0 -21px;
}

/* body */
#konfi_outer .path a.tab_body_long{
	width:114px;
	background: url(/_gfx/konfi/pathnav_long_sprite.gif) no-repeat -200px -21px;
}

/* engine */
#konfi_outer .path a.tab_engine{
	width:97px;
	background: url(/_gfx/konfi/pathnav_sprite.gif) no-repeat -200px 0;
}
#konfi_outer .path a.tab_engine_active{
	width:97px;
	background: url(/_gfx/konfi/pathnav_sprite.gif) no-repeat -200px -42px;
}
#konfi_outer .path a.tab_engine_visited{
	width:97px;
	background: url(/_gfx/konfi/pathnav_sprite.gif) no-repeat -200px -21px;
}
#konfi_outer .path a.tab_engine_long{
	width:92px;
	background: url(/_gfx/konfi/pathnav_long_sprite.gif) no-repeat -400px 0;
}
#konfi_outer .path a.tab_engine_active_long{
	width:92px;
	background: url(/_gfx/konfi/pathnav_long_sprite.gif) no-repeat -400px -42px;
}
#konfi_outer .path a.tab_engine_visited_long{
	width:92px;
	background: url(/_gfx/konfi/pathnav_long_sprite.gif) no-repeat -400px -21px;
}

/* colors */
#konfi_outer .path a.tab_colors{
	width:170px;
	background: url(/_gfx/konfi/pathnav_sprite.gif) no-repeat -400px 0;
}
#konfi_outer .path a.tab_colors_active{
	width:170px;
	background: url(/_gfx/konfi/pathnav_sprite.gif) no-repeat -400px -42px;
}
#konfi_outer .path a.tab_colors_visited{
	width:170px;
	background: url(/_gfx/konfi/pathnav_sprite.gif) no-repeat -400px -21px;
}
#konfi_outer .path a.tab_colors_long{
	width:146px;
	background: url(/_gfx/konfi/pathnav_long_sprite.gif) no-repeat -600px 0;
}
#konfi_outer .path a.tab_colors_active_long{
	width:146px;
	background: url(/_gfx/konfi/pathnav_long_sprite.gif) no-repeat -600px -42px;
}
#konfi_outer .path a.tab_colors_visited_long{
	width:146px;
	background: url(/_gfx/konfi/pathnav_long_sprite.gif) no-repeat -600px -21px;
}

/* rims */
#konfi_outer .path a.tab_rims{
	width:95px;
	background: url(/_gfx/konfi/pathnav_sprite.gif) no-repeat -600px 0;
}
#konfi_outer .path a.tab_rims_active{
	width:95px;
	background: url(/_gfx/konfi/pathnav_sprite.gif) no-repeat -600px -42px;
}
#konfi_outer .path a.tab_rims_visited{
	width:95px;
	background: url(/_gfx/konfi/pathnav_sprite.gif) no-repeat -600px -21px;
}
#konfi_outer .path a.tab_rims_long{
	width:77px;
	background: url(/_gfx/konfi/pathnav_long_sprite.gif) no-repeat -800px 0;
}
#konfi_outer .path a.tab_rims_active_long{
	width:77px;
	background: url(/_gfx/konfi/pathnav_long_sprite.gif) no-repeat -800px -42px;
}
#konfi_outer .path a.tab_rims_visited_long{
	width:77px;
	background: url(/_gfx/konfi/pathnav_long_sprite.gif) no-repeat -800px -21px;
}

p.emptyrimtab{
	font-size:11px;
	color:#e2001a;
	height:177px;
	text-align: center;
}


/* equip */
#konfi_outer .path a.tab_equip{
	width:183px;
	background: url(/_gfx/konfi/pathnav_sprite.gif) no-repeat -800px 0;
}
#konfi_outer .path a.tab_equip_active{
	width:183px;
	background: url(/_gfx/konfi/pathnav_sprite.gif) no-repeat -800px -42px;
}
#konfi_outer .path a.tab_equip_visited{
	width:183px;
	background: url(/_gfx/konfi/pathnav_sprite.gif) no-repeat -800px -21px;
}
#konfi_outer .path a.tab_equip_long{
	width:172px;
	background: url(/_gfx/konfi/pathnav_long_sprite.gif) no-repeat -1000px 0;
}
#konfi_outer .path a.tab_equip_active_long{
	width:172px;
	background: url(/_gfx/konfi/pathnav_long_sprite.gif) no-repeat -1000px -42px;
}
#konfi_outer .path a.tab_equip_visited_long{
	width:172px;
	background: url(/_gfx/konfi/pathnav_long_sprite.gif) no-repeat -1000px -21px;
}

/* accessory */
#konfi_outer .path a.tab_accessory{
	width:109px;
	background: url(/_gfx/konfi/pathnav_sprite.gif) no-repeat -1000px 0;
}
#konfi_outer .path a.tab_accessory_active{
	width:109px;
	background: url(/_gfx/konfi/pathnav_sprite.gif) no-repeat -1000px -42px;
}
#konfi_outer .path a.tab_accessory_visited{
	width:109px;
	background: url(/_gfx/konfi/pathnav_sprite.gif) no-repeat -1000px -21px;
}
#konfi_outer .path a.tab_accessory_long{
	width:92px;
	background: url(/_gfx/konfi/pathnav_long_sprite.gif) no-repeat -1200px 0;
}
#konfi_outer .path a.tab_accessory_active_long{
	width:92px;
	background: url(/_gfx/konfi/pathnav_long_sprite.gif) no-repeat -1200px -42px;
}
#konfi_outer .path a.tab_accessory_visited_long{
	width:92px;
	background: url(/_gfx/konfi/pathnav_long_sprite.gif) no-repeat -1200px -21px;
}

/* final */
#konfi_outer .path a.tab_final{
	width:124px;
	background: url(/_gfx/konfi/pathnav_sprite.gif) no-repeat -1200px 0;
}
#konfi_outer .path a.tab_final_active{
	width:124px;
	background: url(/_gfx/konfi/pathnav_sprite.gif) no-repeat -1200px -42px;
}
#konfi_outer .path a.tab_final_visited{
	width:124px;
	background: url(/_gfx/konfi/pathnav_sprite.gif) no-repeat -1200px -21px;
}
#konfi_outer .path a.tab_final_long{
	width:85px;
	background: url(/_gfx/konfi/pathnav_long_sprite.gif) no-repeat -1400px 0;
}
#konfi_outer .path a.tab_final_active_long{
	width:85px;
	background: url(/_gfx/konfi/pathnav_long_sprite.gif) no-repeat -1400px -42px;
}
#konfi_outer .path a.tab_final_visited_long{
	width:85px;
	background: url(/_gfx/konfi/pathnav_long_sprite.gif) no-repeat -1400px -21px;
}


/* --- Errormeldungen --- */
#konfierrortop{
	width:929px;
	height:22px;
	font-size:11px;
	color:#e2001a;
	text-align:center;
	padding:0;
        position:absolute;
        left:10px;
        top:37px;
}
#konfierror{
	width:929px;
	height:22px;
	font-size:11px;
	color:#e2001a;
	text-align:center;
	padding-top:10px;
}


/* --- Variantenseite --- */
#varianten{
	width:925px;
	margin-left:4px;
}

#filterbox{
	float:left;
	width:305px;
	margin-bottom:20px;
}

/* New Layout of filterbox without filterlast class */
div.box {
	overflow: hidden;
	width: 298px;
}
div.filter {
	width:142px;
	margin: 0px 2px 25px 0px;
}
	div.filter div.item {
		color: #000000;
		font-size: 10px;
		line-height: 16px;
		margin: 4px 0 4px 0;
		/* padding-left: 4px; */
		overflow: hidden;
	}

	div.filter .inactive .text{
		color: #d8d7d5;
	}


	div.filter .singlefilter .text{
		color:#000000;
	}

		div.filter div.item * { float: left; }
		div.filter div.item div.text {
			border: 2px solid #fff; /* transparent doesn't work in IE6, see: http://acidmartin.wordpress.com/2008/08/24/emulating-border-color-transparent-in-internet-explorer-6/ */
			width: 92px;
			padding-left: 2px;
		}
		div.filter div.item img {
			margin: 0px 0px 0px 2px;
			visibility: hidden;
		}
	div.filter h1 {
		font-size:11px;
		font-weight:bold;
		color:#000000;
		line-height:26px;
		text-transform:uppercase;
		border-bottom:1px solid #d8d7d5;
		padding: 0px 0px 0px 4px;
		margin: 0px 10px 0px 0px;
	}

		div.filter div.selected .check {
			visibility: visible;
		}

		div.filter div.inactive img{
			visibility: hidden;
		}

#reconfigurecar{
	cursor: pointer;
}

#output{
	float:left;
	width:618px;
}
	#output div.linetop{
		width:614px;
		padding:0 2px;
	}
	#output div.line {
		width:614px;
		margin-bottom: 4px;
		border-bottom: 1px solid #d8d7d5;
	}

		#output div.line div { float: left; }
		#output div.line div.items { width: 565px; border:2px solid #FFF } /* active: #B6BBD0; */
			#output div.line div.items div { /* this replaces div.listcontent */
				color:#000000;
				font-size:10px;
				font-weight:normal;
				line-height:16px;
				padding-left:10px;
				cursor: pointer;
			}
		#output div.line div.buttons { width: 44px; }
			#output div.line div.buttons img {
				margin-left: 2px;
				visibility: hidden;
				cursor: pointer;
			}
	#output div.selected div.buttons img {
		visibility: visible;
		cursor: pointer;
	}
	#output div.hasengines .listhl{
		color:#000000;
	}
	#output div.listhl{
		float:left;
		font-size:11px;
		font-weight:bold;
		color:#b3b3b3;
		line-height:26px;
		text-transform:uppercase;
		border-bottom:1px solid #d8d7d5;
		padding-left:10px;
		margin-bottom:9px;
	}
	#output div.listspacer{
		width:618px;
		font-size:1px;
		line-height:3px;
		border-top:1px solid #d8d7d5;
		margin-bottom:5px;
	}
	#output div.motor{
		width:119px;
	}
	#output div.version{
		width:121px;
	}
	#output div.ps{
		width:90px;
	}
	#output div.getriebe{
		width:97px;
	}
	#output div.preishl{
		width:135px;
	}
	#output div.preis{
		width:86px;
		text-align:right;
		padding-right: 2px;
	}

	#output div.motor_no_motor{
		display: none;
	}
	#output div.version_no_motor{
		width:150px;
	}
	#output div.ps_no_motor{
		width:120px;
        text-transform: none;
	}
	#output div.getriebe_no_motor{
		width:127px;
	}
	#output div.preishl_no_motor{
		width:165px;
	}
	#output div.preis_no_motor{
		width:116px;
		text-align:right;
		padding-right: 2px;
	}

	#output .listhl .sorticon{
		position: relative;
		top: -2px;
		left: 8px;
		cursor: pointer;
	}

#vergleich{
	float:right;
	width:285px;
	line-height:30px;
	margin:10px 0 0 70px;
}

#comparemodels{
	cursor: pointer;
}

#vergleich .inactive{
	cursor: default;
}

/* --- Farben- und Polsterseite --- */

#farbenpolster{
	width:925px;
	margin:0px 0px 0px 4px;
}


div.farbencontainer{
	width:925px;
	padding:0;
	margin:0px 4px 0px 0px;
}


div.farbencontainer h1{
	width:917px;
	font-size:11px;
	font-weight:bold;
	line-height:26px;
	color:#000000;
	text-transform:uppercase;
	border-bottom:1px solid #d8d7d5;
	margin-bottom:7px;
	padding-left:4px;
}

div.farbenbox{
	float:left;
	margin:0 60px 7px 0;
}
div.polsterbox{
	float: left;
	margin: 0 60px 7px 0;
}

div.farbenbox h2, div.polsterbox h2{
	font-size:11px;
	font-weight:bold;
	line-height:14px;
	color:#000000;
	text-transform:uppercase;
	padding-left:4px;
	margin:0 0 4px 0;
}

div.paketbox h2{
	font-size:11px;
	font-weight:bold;
	line-height:14px;
	color:#000000;
	text-transform:uppercase;
	padding-left:0px;
	margin:0 0 4px 0;
}

span.nobold{
	font-weight:normal;
}

div.farbe{
	float:left;
	width:60px;
	padding:4px 1px;
	cursor: pointer;
	margin-bottom: 20px;
}

.farbe .elementBorder{
	border:2px solid #ffffff;
	height:89px;
	width: 53px;
	padding: 2px;
}

div.polster{
	float:left;
	margin:0px 1px 20px 0px;
	padding:1px 1px 0 1px;
	cursor: pointer;
	width: 93px;
}

.polster .elementBorder{
	border:2px solid #ffffff;
	height: 96px;
	width: 85px;
	padding: 2px;
}

div.paket{
	float:left;
	width:148px;
	height:131px;
	margin-right:3px;
	padding:3px 1px 0 1px;
	cursor: pointer;
	margin-bottom: 20px;
	background-color: #ffffff;
}

.paket .elementBorder{
 border: 2px solid #ffffff;
 padding: 2px;
 width: 143px;
 height: 131px;
}

div.paketbox{
	padding:0 0 0 0;
	margin:0 0 15px 0px;
}

.farbenbox .selected .elementBorder{
	border:2px solid #ffffff;
}
.polsterbox .selected .elementBorder,
.paketbox .selected .elementBorder{
	border:2px solid #ffffff;
}

.farbenbox .mouseover .elementBorder,
.polsterbox .mouseover .elementBorder,
.paketbox .mouseover .elementBorder{
	border:2px solid #b6bbd0;
}

.farbenbox .inactive,
.polsterbox .inactive,
.paketbox .inactive{
	cursor: default;
}

.farbe .colorarea {
	width:53px;
	height:90px;
}

.farbe .colorarea img{
	background: none;
}

.farbenbox .selected .buttons .info,
.farbenbox .selected .buttons .detail,
.polsterbox .selected .buttons .info,
.polsterbox .selected .buttons .detail,
.paketbox .selected .buttons .info,
.paketbox .selected .buttons .detail{
	visibility: hidden;
}

.farbenbox .mouseover .buttons .info,
.farbenbox .mouseover .buttons .detail,
.polsterbox .mouseover .buttons .info,
.polsterbox .mouseover .buttons .detail,
.paketbox .mouseover .buttons .info,
.paketbox .mouseover .buttons .detail{
	visibility: visible;
}

.farbenbox .selected .buttons,
.farbenbox .mouseover .buttons,
.polsterbox .selected .buttons,
.polsterbox .mouseover .buttons,
.paketbox .selected .buttons,
.paketbox .mouseover .buttons{
	visibility: visible;
}

.farbe .buttons {
	width:61px;
	background-color: #fff;
	visibility: hidden;
}
.polster .buttons,
.paket .buttons{
	width:93px;
	height: auto;
	visibility: hidden;
	clear: both;
}

.farbe .buttons img {
	border-left: 4px solid #b6bbd0;
	border-right: 5px solid #b6bbd0;
	margin-right: 3px;
}
.polster .buttons img,
.paket .buttons img{
	border-left: 4px solid #b6bbd0;
	border-right: 4px solid #b6bbd0;
	margin-right: 3px;
}

.farbe .buttons .info{
	margin-right: 0px;
}

.polster .buttons .check,
.paket .buttons .check{
	border-left: 5px solid #b6bbd0;
}

.polster .buttons .detail,
.paket .buttons .detail{
	border-right: 6px solid #b6bbd0;
	margin-right: 0px;
}

.polster .detailimage,
.paket .detailimage{
	position:absolute;
	width: 400px;
	height: 462px;
	top: 340px;
	left: 240px;
	border:1px solid #dad7d4;
	padding: 6px;
	background-color: #ffffff;
}

.polster .detailimage img,
.paket .detailimage img{
	border: 0px;
	padding: 0px;
	margin: 0px;
}


/* Kombination Farbe/Packet (Layer-Boxen) */

.packagecolor{
	border: 1px solid #ffffff;
	float: left;
	margin: 2px;
	padding: 1px;
	cursor: pointer;
}

/* Kombination Paket/Polster (Layer-Boxen) */

.cushionpackage{
	border: 1px solid #ffffff;
	float: left;
	margin: 2px;
	padding: 1px;
	cursor: pointer;
}

.cushionpackage_mouseover{
	border: 1px solid #b6bbd0;
}

.cushionpackage_package{
/*	height: 45px;*/
	width: 78px;
}

.cushionpackage_color{
	height: 30px;
	width: 78px;
}

/* Kombination Farbe/Polster (Layer-Boxen) */

.cushioncolor{
	border: 1px solid #ffffff;
	float: left;
	margin: 2px;
	padding: 1px;
	cursor: pointer;
}

.cushioncolor_mouseover{
	border: 1px solid #b6bbd0;
}

.cushioncolor_color{
	width: 47px;
	height: 30px;
}

.cushioncolor_cushion{
	height: 30px;
	width: 78px;
}

/* --- Felgenseite --- */

#felgencontainer{
	width:925px;
	padding:0px 0px 0px 4px;
}

#felgen_outer{
	width:917px;
	border-bottom:1px solid #d8d7d5;
	border-left:1px solid #d8d7d5;
}

.felgenpath{
	/*display:inline;*/
	width:917px;
	height:21px;
	background:url(/_gfx/konfi/felgennav_bg.gif) repeat-x 0 0;
}

.felgenpath a{
	float:left;
	display:block;
	font-size:11px;
	line-height:21px;
	color:#000;
	text-transform:uppercase;
	padding-left:8px;
}

.felgenpath a.tab_serie{
	width:72px;
        color:#000;
	background:url(/_gfx/konfi/felgennav_sprite.gif) no-repeat 0 21px;
}

.felgenpath a.tab_leichtmetall{
	width:153px;
        color:#000;
	background:url(/_gfx/konfi/felgennav_sprite.gif) no-repeat -250px 21px;
}

.felgenpath a.tab_komplett{
	width: 151px;
        color:#000;
	background:url(/_gfx/konfi/felgennav_sprite.gif) no-repeat -500px 21px;
}

.felgenpath a.tab_stahl{
	width:104px;
        color:#000;
	background:url(/_gfx/konfi/felgennav_sprite.gif) no-repeat -750px 21px;
}

.felgenpath a.tab_all{
	width:113px;
        color:#000;
	background:url(/_gfx/konfi/felgennav_sprite.gif) no-repeat -1000px 21px;
}

.felgenbox{
	width:913px;
	padding:15px 0px 0px 0px;
	margin:0px 0px 15px 4px;
}

.felge{
	float:left;
	width:89px;
	height:148px;
	margin-right:1px;
	padding:6px 1px 0 1px;
	cursor: pointer;
	margin-bottom: 25px;
}

.felge .elementBorder{
	width:84px;
	height:148px;
	border:2px solid #ffffff;
	padding: 2px;
}

.felge_empty{
	float:left;
	width:84px;
	height:148px;
	margin-right:1px;
	margin-bottom: 4px;
	padding:6px 1px 0 1px;
	margin-bottom: 20px;
}

.felgenbox .inactive{
	cursor: default;
}
.felgenbox .selected .elementBorder{
	border:2px solid #ffffff;
}
.felgenbox .mouseover .elementBorder{
	border:2px solid #b6bbd0;
}

.felgenbox .selected .buttons .info,
.felgenbox .selected .buttons .detail{
	visibility: hidden;
}
.felgenbox .mouseover .buttons .info,
.felgenbox .mouseover .buttons .detail{
	visibility: visible;
}
.felgenbox .selected .buttons,
.felgenbox .mouseover .buttons{
	visibility: visible;
}

.felge h2{
	font-size:10px;
	font-weight:bold;
	color:#000000;
	text-transform:uppercase;
	padding:0 0 0 1px;
	margin:0;
}

.felge p{
	font-size:10px;
	font-weight:normal;
	color:#000000;
	text-transform:uppercase;
	padding:0 0 0 1px;
	margin:0 0 8px 0;
	height: 30px;
}

.felge .buttons {
	width:95px;
	height: auto;
	background-color: #fff;
	visibility: hidden;
}

.felge .buttons img {
	border-left: 4px solid #b6bbd0;
	border-right: 4px solid #b6bbd0;
	margin-right: 3px;
}

.felge .buttons .check{
	border-left: 5px solid #b6bbd0;
}

.felge .buttons .detail{
	border-right: 5px solid #b6bbd0;
}


/* --- Zubehoerseite --- */

#zubehoercontainer{
	width:925px;
	padding-left:4px;

	/* added, because no accessory is selectable */
	height: 300px;
	font-weight: bold;
	text-align: center;
}

#zubehoer_outer{
	width:917px;
	border-bottom:1px solid #d8d7d5;
	border-left:1px solid #d8d7d5;
}

div.zubehoerpath{
	/*display:inline;*/
	width:917px;
	height:21px;
	background:url(/_gfx/konfi/felgennav_bg.gif) repeat-x 0 0;
}

div.zubehoerpath a{
	float:left;
	display:block;
	font-size:11px;
	line-height:21px;
	color:#000;
	text-transform:uppercase;
	padding-left:8px;
}

div.zubehoerpath a.tab_aussen{
	width:87px;
        color:#000;
	background:url(/_gfx/konfi/zubehoernav_sprite.gif) no-repeat 0 21px;
}

div.zubehoerpath a.tab_innen{
        width:72px;
        color:#000;
	background:url(/_gfx/konfi/zubehoernav_sprite.gif) no-repeat -150px 21px;
}

div.zubehoerpath a.tab_infotainment{
	width:128px;
        color:#000;
	background:url(/_gfx/konfi/zubehoernav_sprite.gif) no-repeat -300px 21px;
}

div.zubehoerpath a.tab_sicherheit{
	width:112px;
        color:#000;
	background:url(/_gfx/konfi/zubehoernav_sprite.gif) no-repeat -450px 21px;
}

div.zubehoerpath a.tab_transport{
	width:134px;
        color:#000;
	background:url(/_gfx/konfi/zubehoernav_sprite.gif) no-repeat -600px 21px;
}

div.zubehoerbox{
	width:913px;
	padding:15px 0 0 0;
	margin:0 0 15px 4px;
}

div.zubehoer{
	float:left;
	width:148px;
	height:161px;
	margin-right:2px;
	padding:3px 1px 0 1px;
	cursor: pointer;
	margin-bottom: 30px;
	background-color: #ffffff;
}

.zubehoer .elementBorder{
	width:143px;
	height:161px;
	padding: 2px;
	border:2px solid #ffffff;
}

.zubehoerbox .inactive{
	cursor: default;
}

.zubehoerbox .selected .elementBorder{
	border:2px solid #ffffff;
}

.zubehoerbox .mouseover .elementBorder{
	border:2px solid #b6bbd0;
}

.zubehoerbox .selected .buttons .info,
.zubehoerbox .selected .buttons .detail{
	visibility: hidden;
}

.zubehoerbox .mouseover .buttons .info,
.zubehoerbox .mouseover .buttons .detail{
	visibility: visible;
}

.zubehoerbox .selected .buttons,
.zubehoerbox .mouseover .buttons{
	visibility: visible;
}

.zubehoer h2{
	font-size:11px;
	font-weight:bold;
	color:#000000;
	line-height:14px;
	text-transform:none;
	padding:0 0 0 1px;
	margin:0;
	height: 42px;
}

.zubehoer p{
	font-size:10px;
	font-weight:normal;
	color:#000000;
	text-transform:uppercase;
	padding:0 0 0 1px;
	margin:0 0 8px 0;
}

.zubehoer .buttons {
	width: 152px;
	visibility: hidden;
	clear: both;
}

.zubehoer .buttons img {
	border-right: 14px solid #b6bbd0;
	border-left: 14px solid #b6bbd0;
	margin-right: 3px;
}

.zubehoer .buttons img.detail {
	margin-right: 0px;
	border-right: 15px solid #b6bbd0;
}


/* --- Letzte Seite - Zusammenfassung --- */

#output .lastimageblock{
	padding-left:5px;
}
#output .lasthl{

        width:600px;
	font-size:11px;
	font-weight:bold;
	color:#000;
	line-height:17px;
	text-transform:uppercase;
	border-bottom:1px solid #d8d7d5;
	padding:2px 10px 3px 5px;
	margin-bottom:9px;
}

#output a.lastlink{
	color:#556297;
	background:transparent url(/_gfx/konfi/lastlink_pfeil.gif) no-repeat 100% 1px;
	padding-right:16px;
}
#output .lastsuggest a.lastlink{
	font-weight:bold;
}

#output div.variantenhinweis{
	width:490px;
	text-align:center;
	padding-left:90px;
	margin-top:-8px;
}

#output div.variantenhinweis p{
	width:450px;
	font-size:11px;
	padding: 5px 0 5px 0;
}

#output div.summe{
	background:#d8d7d5;
}

#output div.lasthl div{
	float:right;
	width:100px;
}

#output div.lastcopy p{
	font-size:11px;
	margin-bottom:20px;
	padding-left:5px;
}

#output div.fussnote, {
	margin:20px 0;
	padding-left:5px;
}

#felgencontainer .fussnote,
#zubehoercontainer .fussnote,
#varianten .fussnote,
#farbenpolster .fussnote,
#zusatzausstattung  .fussnote{
	margin:10px 0 10px 0;
	padding-left:0px;
}

#zusatzausstattung  .fussnote{
	margin:10px 0 10px 0;
	padding-left:5px;
}

#output .fussnote p,
#felgencontainer .fussnote p,
#zubehoercontainer .fussnote p,
#varianten .fussnote p,
#farbenpolster .fussnote p,
#zusatzausstattung .fussnote p
{
	font-size:9px;
	margin-bottom:10px;
}


/* --- Buttons --- */
div.emissionnav{
	width:174px;
	padding:0 0 0 4px;
	margin:14px 0 10px 0;
}

div.emissionnav a{
	display:block;
	width:100%;
	color: #000;
	font-size:11px;
	font-weight:normal;
	background:url(/_gfx/weiter_pfeil.gif) no-repeat 93% 50%;
	text-decoration:none;
}

#konfifooter{
	width:937px;
	line-height:30px;
	margin:2px 0;
}

#konfifooter div.neu{
	float:left;
	width:259px;
	margin-right:556px;
}

#konfifooter div.weiter{
	float:left;
	width:122px;
}

#konfifooter div.weiter > a{
	display:block;
	width:115px;
	line-height:20px;
}
/*
#slider {
	height: 132px;
}
*/

.tn #snslide #slidercontent{
	background-color: #ffffff;
	padding: 10px 2px 10px 17px;
}

.tn #snslide #slidercontent div{
	border: 0px;
}

.tn #snslide #slidercontent .listitem{
	clear: both;
}

.tn #snslide #slidercontent .finalprice{
	clear:both;
    padding: 16px 0 16px 0;
	font-weight: bold;
}

.tn #snslide #slidercontent .desc{
	float: left;
	width: 126px;
	line-height: normal;
}

.tn #snslide #slidercontent .price{
	line-height: normal;
	text-align: right;
}

/**
 * Prototip Style - more in file /js/prototip/styles.js
 */
/* the default style */
.prototip .hyu {
	width: 250px;
	color: #000;
}
.prototip .hyu .toolbar {
	background: #f1f1f1;
	font-weight: bold;
}
.prototip .hyu .title { padding: 5px; }
.prototip .hyu .content {
	padding: 5px;
	background: #fff;
}

div.selectModelbox {
	width:698px;
	position: absolute;
	top: 23px;
	padding-left:232px;
	background: transparent;
}



.dropdowshadow {
	float: left;
	display: inline;
	background: url(/_gfx/dropdownshadow.png) no-repeat bottom right;
}

.dropdowshadow .droptop {
	background: url(/_gfx/shadowtop.png) no-repeat top left;
	padding: 0px 7px 7px 0px;
}


div.selectModel, div.selectModelfc {
	width:213px;


/*	position: relative;*/
}
div.selectModelfc {
	margin-left: 213px;
}

div.selectModel p{
	height:48px;
	padding-left:5px;
	background: url(/_gfx/konfi/selectModel_on.gif) no-repeat 0 0;
	font-size:9px;
	color:#153c80;
	line-height:15px;
}

div.selectModel p.empty{
	height:33px;
	font-size:11px;
	color:#000000;
	text-align: center;
	padding-top: 15px;
	text-transform:uppercase;
}






.modelList{
	width: 212px;
	background-color: #FFFFFF;
	border-left: 1px solid #d8d7d5;
	font-size: 9px;

}

.modelListEntry, .modelListEntryData{
	color:#636062;
	text-transform: none;
	background-color: #FFFFFF;
	line-height: 1.3em;
	padding: 3px 2px 3px 5px;
}


.modelListEntryselected, .modelListEntryDataselected{
	color:#d8d7d5;
	text-transform: none;
	background-color: #FFFFFF;
	line-height: 1.3em;
	padding: 3px 2px 3px 5px;
}

.modelListEntry:hover, .modelListEntryData:hover {
	color: #153c80;
	background-color: #b7bcd1;
	cursor: pointer;
}


#ihrauto .lasthl div{
	text-align: right;
}

#ihrauto .finalimageblock{
	/*height: 160px;*/
	width: 150px;
	float: left;
	margin: 0 0 10px 0;
}

#ihrauto .finalimageblock .finaldesc{
	font-size:11px;
	height: 60px;
	line-height: 1.2em;
    padding-right:4px;
}


/* Händlersuche */
#dealersearchtop {
        height:90px;
        width:775px;
}
#dealersearchtop div.topwrapper {
        padding-top:35px;
        padding-left:240px;
}
#dealersearchtop .imgshadow {
        float:right;
}
#dealersearchtop input {
        width:300px;
}
#dealersearchleft {
        float:left;
        width:240px;
}
#dealersearchleft > div {
        margin-left:5px;
}
#searchresult {
        width:219px;
        line-height:120%;
}
/*
#dealersearchcontent {
        float:left;
        width:668px;
}*/
#map_canvas {
        width:668px;
        height:400px;
}
#dealersearchlinks {
        margin-top:45px;
        line-height:150%;
}
#mapactionoverviewback, #mapactionoverviewprint, #mapactiondetailprint {
        width:200px;
}
#mapactionacceptdealer {
        position:relative;
        top:-20px;
        left:413px;
        width:260px;
}
#drivingdirections {
        clear:both;
}


/* compare Models */
div.comparenav{
	display:inline;
	width:930px;
	height:21px;
}

div.comparenav  a.active{
	display:block;
	float:left;
	width:185px;
	height:16px;
	font-size:11px;
	color:#000000;
	background:transparent url(/_gfx/konfi/comparenav_active.gif) no-repeat 0 0;
	text-transform:uppercase;
	padding:4px 0 0 12px;
}

div.comparenav  a.inactive{
	display:block;
	float:left;
	width:185px;
	height:16px;
	font-size:11px;
	color:#000000;
	background:transparent url(/_gfx/konfi/comparenav_inactive.gif) no-repeat 0 0;
	text-transform:uppercase;
	padding:4px 0 0 12px;
}

div.comparecontent{
	background:#ffffff;
	padding:5px 0 0 0;
}
div.comparecontent sub{
        position:relative;
        left:0;
        top:2px;
}
table.vergleichsheader{
	padding-top:53px;
	width:930px;
	margin:0;
	background-color:#ffffff;
}

table.emissionsheader{
	width:930px;
	margin:0;
	background-color:#ffffff;
}

table.vergleichsheader td.fc,table.emissionsheader td.fc{
	width:232px;
	padding:0;
}

table.vergleichsheader td,table.emissionsheader td{
	width:216px;
	padding:0;
}

table.vergleichsheader td.lc,table.emissionsheader td.lc{
	width:18px;
	padding:0;
	vertical-align:top;
}

div.compareoutput{
	overflow:scroll;
	width:930px;
	height:470px;
}

div.emissionoutput{
	overflow:scroll;
	width:930px;
	height:388px;
}

table.emissionenkonfi{
	margin:0 0 8px 0;
	font-size:10px;
	color:#020202;
}

table.emissionenkonfi thead, table.emissionenkonfi th{
	background-color:#dad7d4;
}

table.emissionenkonfi th{
	font-weight:bold;
	line-height:18px;
	padding:2px 0 0 10px;
}

table.emissionenkonfi tr,table.emissionenkonfi td{
	line-height:18px;
	border-bottom:1px solid #dad7d4;
}

table.emissionenkonfi td{
	border-left:1px solid #dad7d4;
	padding:2px 0 0 10px;
}

table.emissionenkonfi td.center{
	text-align:center;
	border-left:1px solid #dad7d4;
	padding:2px 0 0 0;
}

table.emissionenkonfi td.fc  {
	border-left:none;
	padding:2px 0 0 10px;
}

table.outputtable{
	width:912px;
	font-size:10px;
	margin:0;
	background-color:#ffffff;
}

table.outputtable td.fc{
	width:223px;
}

table.outputtable td{
	width:220px;
}

table.outputtable td.lc{
	width:18px;
}

table.outputtable td.fc{
	border-left:none;
	padding:2px 0 0 5px;
	text-align:left;
}

table.outputtable thead, table.outputtable th{
	background-color:#dad7d4;
}

table.outputtable th{
	font-weight:bold;
	line-height:26px;
	padding:2px 0 0 5px;

}

table.outputtable tr, table.outputtable td{
	line-height:18px;
	border-bottom:1px solid #dad7d4;
}

table.outputtable td{
	border-left:1px solid #dad7d4;
	padding:2px 0 0 5px;
	text-align:center;
	vertical-align:middle;
}

table.outputtable td.second{
	padding-left:12px;
}

table.outputtable td.lc{
	border-left:none;
	padding:0;
}

div.comparefooter{
	width:930px;
	height:28px;
	background-color:#ffffff;
	padding:10px 0 0 0;
}

div.comparefooter div.legende{
	float:left;
	width:227px;
    height:28px;
	padding-left:5px;
}

div.comparefooter div.konfigurieren{
	float:left;
	width:220px;
	padding:0 1px 0 0;
}

div.emissionentextkonfi {
	background-color:#ffffff;
	padding:10px;
}

div.emissionentextkonfi > p{
	font-size:10px;
	line-height:12px;
}

#emissionprint {
	display:none;
}
/*
.tn #sn a {
background:none;
color:#5B5A58;
display:block;
width:100%;
}

.tn #sn a:hover, .tn #sn a.active {
	font-weight:bold;
	color:#172c6d;
	background:#b5bdd0 url(/_gfx/navi_pfeil.gif) no-repeat center right;
}
*/

div.getoffernav{
	display:inline;
	width:930px;
	height:21px;
}

div.getoffernav  a.active{
	display:block;
	float:left;
	width:185px;
	height:16px;
	font-size:11px;
	color:#000000;
	background:transparent url(/_gfx/konfi/comparenav_active.gif) no-repeat 0 0;
	text-transform:uppercase;
	padding:4px 0 0 12px;
}

div.getoffernav  a.inactive{
	display:block;
	float:left;
	width:185px;
	height:16px;
	font-size:11px;
	color:#000000;
	background:transparent url(/_gfx/konfi/comparenav_inactive.gif) no-repeat 0 0;
	text-transform:uppercase;
	padding:4px 0 0 12px;
}

div.getoffercontent{
	background-color:#ffffff;
	padding:5px 0 0 0;
}

#getofferform {
}

/*
 * Slider Image
 */
 .konfi_sliderimage{
	width: 238px; height: 11px; border: 0
}


/*
 * Garage
 */
/*globalnav*/

#garage_tabs {
	float:left;
    font-size: 11px;
    line-height: 21px;
	width:100%;
	list-style:none;
    margin:0;
	padding:0;
    z-index:1;
    position:relative;

}

#garage_tabs li {
	float:left;
    height:20px;
    border-left:1px solid #c2c9DA;
    border-bottom :1px solid #c2c9DA;
}


#garage_tabs li.activ {
    border-left:1px solid #b6bbd0;
    border-bottom :1px solid #fff;
}

#garage_tabs li.visited {
    border-left:1px solid #b6bbd0;
    border-bottom :1px solid #b6bbd0;
}

#garage_tabs .tab_garage {
    position:relative;
    z-index:2;
    padding-left:7px;
	float:left;
    display:block;
	text-decoration:none;
    font-size: 11px;
    line-height: 19px;
    -moz-box-shadow: 3px 3px 4px #777;
    -webkit-box-shadow: 3px 3px 4px #777;
    box-shadow: 3px 3px 4px #777;
    /* adding behavior for IE is done in JavaScript */
    /*behavior: url(/css/PIE.htc);*/
    border-bottom:1px solid #c2c9DA;
    border-top:1px solid #c2c9DA;
    background-color: #c2c9DA;
    color:#000;
}

#garage_tabs a.activ {
    border-bottom:1px solid #fff;
    border-top:1px solid #b6bbd0;
    background-color:#fff;
}


#garage_tabs A.visited {
    border-bottom:1px solid #b6bbd0;
    border-top:1px solid #b6bbd0;
    background-color:#b6bbd0;
}


#garagecontainer {
    border-left:1px solid #b6bbd0;
    width:930px;
    -moz-box-shadow: 3px 3px 4px #777;
    -webkit-box-shadow: 3px 3px 4px #777;
    box-shadow: 3px 3px 4px #777;
    z-index:2;
    position:relative;
    top:21px;
    behavior: url(/css/PIE.htc);
}

div.garagelogin {
    margin: 26px 0 7px 256px;
}

div.garagecontenttreefirst {
	margin-left:58px;
	width:247px;
	float: left;
}

div.garagecontenttree {
	margin-left:28px;
	width:247px;
	float: left;
}

 #lostpasswdhl,
 #lostpass,
 #erstregistrierenhl,
 #register {
     padding-top:26px;
 }

 #emaillostpasswd div p {
     padding-bottom:18px;
 }

#container{
	width:937px;
	padding:10px 2px 10px 11px;
}

.shadow {
    -moz-box-shadow: 3px 3px 4px #777;
    -webkit-box-shadow: 3px 3px 4px #777;
    box-shadow: 3px 3px 4px #777;
    behavior: url(/css/PIE.htc);
    position: relative;
    zindex:10;
    background-color:#fff;
}

.bottomright {
    display:block;
    position: absolute;
    bottom: 8px;
    right: 8px;
}

.bottomrighttop {
    display: block;
    position: absolute;
    bottom: 28px;
    right: 8px;
}

#entry_visual {
    height: 341px;
    width: 950px;
    background: url(/_gfx/konfi/garage_bg_soft.jpg);
}

#entry_visual_wrapper {
    left: 207px;
    top: 108px;
    width: 600px;
    position: relative;
}

dl.envkv {
    font-weight: normal;
    color: #ababab;
}

dl.envkv span {
    float: left;
    clear: both;
}

div.HLdisplaybox dl.envkv {
    margin-top: 10px;
    padding-right: 6px;
}

div.displayboxinnerhigh dl.envkv {
    width: 239px;
}

dl.envkv dt {
    float: left;
    clear: both;
}

dl.envkv dt.milage {
    margin-left: 20px;
}

dl.envkv dd {
    float: right;
}

#garagecontainer div.fussnote,
#content_blue_tabbed div.fussnote {
    margin-top: 30px;
    padding: 0 68px 20px 60px;
}

#content_blue_tabbed div.fussnote {
    padding-bottom: 40px;
}

#output div.fussnote {
    padding:  0;
}

#content_blue_tabbed div.fussnote p,
#garagecontainer div.fussnote p {
    font-size: 9px;
    margin-bottom: 10px;
    text-align: justify;
}

#output div.fussnote p {
    text-align: left;
}

dl.consumption,
dl.costs {
    clear: both;
    padding:  5px 13px 3px 5px;
    border-top: 1px solid #D8D7D5;
    display: inline-block;
    width: 600px;
}

dl.consumption dt,
dl.consumption dd {
    padding: 5px 0 8px 0;
}

dl.consumption dl dt,
dl.consumption dl dd {
    padding: 0 0 13px 0;
}

dl.costs dt,
dl.costs dd {
    padding: 9px 0 12px 0;
}

dl.costs dl dt,
dl.costs dl dd {
    padding: 0;
}

dl.consumption dt {
    float: left;
    width: 167px;
    font-weight: bold;
}

dl.consumption dl dt {
    width: 84px;
    font-weight: normal;
}

dl.consumption dl dd {
    width: 89px;
    float: left;
    text-align: right;
    margin-right: 100px;
}

dl.consumption dl dd.emphasis {
	font-size:12px;
	font-weight:bold;
}

dl.costs dl {
    clear: both;
}

dl.costs dt {
    float: left;
    clear: right;
    width: 450px;
}

dl.costs dd {
    font-weight: bold;
    text-align: right;
}

dl.costs dl dt {
    float: left;
    text-align: left;
    font-weight: normal;
}

dl.costs dt.left {
    padding-bottom: 5px;
}

dl.costs dd.left {
    float: none;
}

dl.consumption dl {
    display: inline-block;
    padding-bottom: 0;
}

dl.consumption dd {
    float: left;
    width: 433px;
}

dl.first {
    border: none;
    padding-top: 1px;
}

dt.first,
dd.first {
    padding-top: 0;
}

dl.consumption  dl.last {
    padding-bottom: 0;
}

dl.consumption  dl.last dt,
dl.consumption  dl.last dd {
   padding-bottom: 1px;
}


dl.costs dt.date,
dl.costs dd.date {
    font-weight: bold;
}

dl.consumption .last {
    padding: 0;
}