@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{
	z-index: 222;
	position: absolute;
	top: 0px;
	height: 606px;
	width: 950px;
	background-color: #ffffff;
}

#compareModelsOverlay,
#emissionsOverlay,
#dealersearchOverlay{
	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;
}

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 .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:460px;
}

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


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