iframe#like-bike {
	opacity: 0.5;
	*filter: alpha(opacity=50);
	position: absolute;
	left: 492px;
	top: 769px;
	text-align: right;
}

iframe#like-bike:hover {
	opacity: 1;
	*filter: alpha(opacity=0);
}


div.bike_subnavigation {
	width: 936px;
	padding: 6px 0 0 0px;
	border-top: 1px solid #53514a;
	margin-left: 24px;
	overflow: hidden;
	height: 24px;
	font-size: 13px;
	font-weight: bold;
}	

a.navProduct, a.navProductOn {
	display:block;
	height: 20px;
	overflow:hidden;
	*position:relative;
}

a.navProduct img {
	bottom: 20px;
	left:0;
	position:relative;
	*display:inline;
	background-color: #181716;
}


/*--------------start image bug------------------*/

ul#karteireiter .aktiv a.navProduct img {
	background-color: #31302c;
}

/*-------------ende image bug------------------*/
	
a.navProduct:hover img {
	bottom:0;
}

a.navProductOn img {
	bottom: 0;
	left:0;
	position:relative;
	*display:inline;
	}

ul.navProducts {
	border-width:0;
	list-style: none;
	margin:0;
	padding:0;
	position: absolute;
}

ul.navProducts li {
	float: left;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
	width:234px;
}

ul.navProducts ul {
	list-style: none;
	left: -2999px;
	margin:0;
	padding: 0;
	position:absolute;
	z-index: 2000;
}

ul.navProducts ul li {
	background-color: #31302c;
	border-left: none;
	border-right: none;
	border-top: 1px solid #59564E;
	display: block;
	float: left;
	font-size: 11px;
	padding: 9px 0 7px 8px;
}

ul.navProducts li ul {
	margin-left: -8px;
}

ul.navProducts ul li a {
	color: #c9c9c5;
}

ul.navProducts ul li a:hover {
	color: #ffffff;
}

ul#weitersagen,
ul#weitersagen li {
	width: 163px;
}

ul.navProducts ul li.print a {
	background: url(/i/icon-print.gif) 2px 2px no-repeat transparent;
	padding-left: 25px;
}

ul.navProducts ul li.print a:hover {
	background-image: url(/i/icon-print-hover.gif);
}

ul#finanzierung,
ul#finanzierung li {
	width: 224px;
}

ul.navProducts dl {
	margin: 0;
	padding: 0;
}


ul.navProducts dt {
	color: #b0aea7;
	float: left;
	margin: 0;
	padding: 0;
	width: 80px;
}

ul.navProducts dd {
	color: #b0aea7;
	float: left;
	margin: 0;
	padding: 0;
	width: 140px;
}

ul.navProducts dd span {
	color: #ffffff;
}

ul.navProduct li:hover a.navProduct img {
	bottom:0;
}

ul.navProducts li:hover ul {
	left: auto;
}
	


div#bikevergleich a{
	float: left;
	padding-top: 8px;
}

div#bikevergleich a{
	background-image: url(/i/liefer_off.gif);
	background-repeat: no-repeat;
	padding-right: 16px;
	background-position: right 9px;
	*background-position: 10px right;
	color: #b2afa8;


}

div#bikevergleich a:hover{
	background-image: url(/i/liefer_on.gif);
	background-repeat: no-repeat;
	background-position: right 9px;
	*background-position: 10px right;
	color: #fff;
}


div#einsatz {
	margin: 0;
	padding: 8px 0 20px 0;
}

div#printversion {
	margin: 0;
	padding: 0; 
	position: absolute;
	bottom: 3px;
	right: 10px;
	overflow: visible;
	width: 247px;
}

div#printversion ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 247px;
	
}

div#printversion ul li.print a {
	background-image: url(/i/printer_off.gif);
	background-repeat: no-repeat;
	background-position: right 2px;
	padding-right: 20px;
	text-transform: uppercase;
	float: right;
	}
	
	
div#printversion ul li.print a:hover {
	background-image: url(/i/printer_on.gif);
	}
	

div#printversion ul li.tell a {
	background-image: url(/i/tell_a_friend_off.gif);
	background-repeat: no-repeat;
	background-position: right 2px;
	padding-right: 20px;
	text-transform: uppercase;
	float: right;
	margin-bottom: 3px;
	margin-top: 2px;
}


div#printversion ul li.tell a:hover {
	background-image: url(/i/tell_a_friend_on.gif);
	}



div#printversion ul li.print a, 
div#printversion ul li.tell a {
	color: #b2afa8;
	text-decoration: none;
}

div#printversion ul li.print a:hover, 
div#printversion ul li.tell a:hover {
	color: #fff;
	text-decoration: none;
}



ul.reiter {
	color: #fff;
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	display: block; 
	float: left;
	width: 492px;
	}
		
ul.reiter li {
	float: left;
	width: 156px;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	display: block;
	}
	
ul.reiter li.hier {
	background-color: #181716;
}
	
ul.reiter a {
	color: #fff;
	text-decoration: none;
	 }
/*-------------------------Tabelle Auststattung----------------------*/	


table.ausst {	
	margin: 0;
	font-size: 11px;
	width: 458px;
	}
	
table.ausst td {
	background: url(/i/bg_table_ausstattung.gif) no-repeat;
	height: 24px;
	line-height: 24px;
	padding: 0; 
	vertical-align: top;
}

table.ausst td.term {
	color: #e5e4e2;
}

 
td b {
	color: #7b786d;
}
 
table.ausst img{
	margin: 3px 0 0 0;
	padding: 0;
	display: block;
}

table.profile td a {
	color: #ec8839;
	text-decoration: none;
}	
table.profile td a:hover{
	color: #000000;
	text-decoration: none;
}

table.profile td p{
	padding-right: 10px;
}

/*------------- Tabelle auf weiß----------------------*/


table.weiss td {
	background: url(/i/bg_table_ausstattung_weiss.gif) no-repeat;
	height: 24px;
	line-height: 24px;
	padding: 0; 
	vertical-align: top;
}




p.profile {
	margin-bottom: 20px;
	}	
	

	
	
	
div.headline {
	text-transform: uppercase;
	display: block;
	margin: 24px 0 24px 0;
}


	


/*----------------bikevergleich -----------------*/




div.vergleich_preis {
	font-size: 14px;
	color: #b0aea7;
	font-weight: bold;
	text-transform: uppercase;
	width: 312px;
	border-top: 1px solid #53514a;
	padding: 8px 0;
	float: left;
	margin-top: 20px;
}

div.vergleich_preis_leasing {
	font-size: 14px;
	color: #626057;
	text-transform: uppercase;
	width: 312px;
	border-top: 1px solid #53514a;
	padding: 8px 0;
	float: left;
}


div.vergleich_link {
	width: 312px;
	border-top: 1px solid #53514a;
	padding: 8px 0;
	float: left;
}




select.pull_vergleich {
	width: 276px;
	/* margin-left: 16px; */
	background-color: #2e2e2a;
	color:#b0aea7;
	border: 1px solid #181716;
	font-size: 11px;
}



select.pull_vergleich option:hover {
		background-color: #cd6e22;
		color: #fff; 
}

span.productlink{
	float: left;
	display: block;
	color: #fff;
	font-weight: bold;
	margin-right: 10px;
}

span.productlink a{
	background-image: url(/i/pfeil_vergleich.gif);
	background-repeat: no-repeat;
	padding-right: 16px;
	background-position: right 1px;
}

span.productlink a:hover{
	background-image: url(/i/pfeil_vergleich_on.gif);
	background-repeat: no-repeat;
	color: #ec8839;
	background-position: right 1px;

}



td.head_vergleich{
	padding-left: 24px; 
}
div.shopdetail {
	background-color: fuchsia;	
}

div#highlightsBox {
	background-color: #21201e;
	height:234px;
}

div.highlights {
	background-color: #000000;
	display: inline;
	float: left;
	height: 234px;
	margin:0;
	width: 234px;
}

div.highlight-extra {
	background:url("/i/highlights_decker.png") no-repeat scroll left top transparent;
	cursor:pointer;
	height:234px;
	overflow:hidden;
	padding:0;
	position:relative;
	width:234px;
}

div.highlight-extra-text {
	bottom: 0;
	padding: 10px;
	position: absolute;
}
	
	
div.highlights img{
	/*width: 234px;
	height: 234px;*/
	padding: 0px;
	/*background-color: #000;*/
	}
	
	
div.highlights p {
	margin: 4px 0 10px 0;
	padding: 0;
	font-size: 12px !important;
	font-weight: normal;
	color: #b0aea7 !important;

	}
	
div.highlights p strong {
	text-transform: uppercase;
	font-weight: bold;
}	
				

div#flash {
	width: 960px;
	height: 492px;	
}


div#flash img {
	display: block;	
}



div#ersatz {
	background-repeat: no-repeat;
	background-position: 10px 0;
	width: 740px;
	height: 490px;
	float: left;
}

div#hinweis {
	height: 390px;
	width: 212px;
	float: left;
	text-align: right;
}

div#hinweis h1.modell {
	padding: 0;
	margin: 40px 0 6px 0;
	font-size: 22px;
	text-transform: uppercase;
	font-weight: normal;
	color: #7b786d;
	}

div#hinweis h1.preis {
	font-size: 22px;
	color: #fff;
	padding: 0  0 190px 0;
	margin: 0px;
	font-weight: normal;
}

div#hinweis p{
	text-transform: uppercase;
	font-size:9px;
	color: #7b786d;
	line-height: 12px;
	margin-bottom: 20px;
}

div#hinweis p a{
	color: #cd6e22;
	}


/*----------------FINANZIERUNG + IN DEN WK---------------------*/



div#wk { 
	float: right;
	background-color: #cd6e22;
	height: 24px;
	margin-top: -6px;
	padding: 8px 10px 0 10px;
	text-align: right;
	font-weight: normal;
	color: #f2c199;	
}

div#wk span.summe { 
	padding: 0 4px 0 4px;
	background-image: url(/i/wk_wk.gif);
	background-repeat: no-repeat;
	padding-right: 20px;
	font-weight: normal;
	background-position: right 2px;
	color: #fff;
}


a:hover div#wk  {
	color: #7b4214;
}

a:hover div#wk span.summe {
	color: #181716;
	background-image: url(/i/wk_wk_hover.gif);
}







span.in_wk_full {
	margin-top: -6px;
	float: left;
	padding-top: 6px;
	height: 22px;
}


span.in_wk_full a {
	background-image: url(/i/wk_hinzu.gif);
	background-repeat: no-repeat;
	background-position:  right -1px;
	padding-right: 20px;
}

span.in_wk_full a:hover {
	background-image: url(/i/wk_hinzu_hover.gif);

}


span.in_wk{
	float: right;
	display: block;
	color: #fff;
	font-weight: bold;
	margin-right: 10px;
}

span.in_wk a{
	background-image: url(/i/in_wk_on.gif);
	background-repeat: no-repeat;
	padding-right: 22px;
	background-position: right -1px;
}

span.in_wk a:hover{
	background-image: url(/i/in_wk_off.gif);
	background-repeat: no-repeat;
	color: #ec8839;
	background-position: right -1px;

}

span.package {
	float: right;
	display: block;
	color: #fff;
	font-weight: bold;
	margin-right: 10px;
}

span.in_wk_soldout{
	float: right;
	display: block;
	color: #fff;
	font-weight: bold;
	margin-right: 10px;
	background-image: url(/i/in_wk_on.gif);
	background-repeat: no-repeat;
	padding-right: 22px;
	background-position: right -1px;
	opacity: 0.4;
}

span.soldout a {
	float: right;
	display: block;
	color: #fff;
	font-weight: bold;
	margin-right: 14px;
	background-image: url(/i/i_info_on.gif);
	background-repeat: no-repeat;
	padding-right: 18px;
	background-position: right 4px;
}

span.soldout a:hover {
	background-image: url(/i/i_info_off.gif);
}




div#soldout_notice {
	display: none;
	/*opacity: 0.3;*/
	background-color: #cd6e22;
	width: 224px;
	height: 160px;
	padding: 0 10px 10px 10px;

	position: absolute;
	top: 576px;
	right: 0;
}

div#soldout_notice p {
	color: #fff;
}

div#soldout_notice span a {
	background-image: url(/i/button_soldout_close_cross.gif);
	background-repeat: no-repeat;
	padding-right: 22px;
	background-position: right 2px;
}

div#soldout_notice a {
	position: absolute;
	bottom: 4px;
	right: 10px;
}








div.big {
	padding: 0 20px 10px 0;	
}

div.big p{
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;	
	margin: 0 0 0 0;
	color: #b0aea7;
}

div.big a{
	font-size:12px;
	background-image: url(/i/hinweis_off.gif);
	background-repeat: no-repeat;
	padding-right: 16px; 
	background-position: right 1px;
	*background-position: 2px right;
	text-transform: uppercase;
	font-weight: bold;
	}
	
div.big a:hover{	
	background-image: url(/i/hinweis_on.gif);
	background-repeat: no-repeat;
	padding-right: 16px;
	background-position: right 1px;
	*background-position: 2px right;	
	}
	
	
	
	
/*----------------Accordion---------------------*/

div#accordion{
	margin: 20px 0 20px 0;
	line-height: 15px;
	}


h3.toggler{
	overflow: hidden;
	font-size: 11px;
	color: #ec8839;
	padding: 3px 0 0 0;
	margin:  0;
	border-top: #e5e4e2 solid 1px;
	text-transform: uppercase;
	cursor: pointer;

	}

h3.toggler:hover {
	overflow: hidden;
	color: #31302c;
	cursor: pointer;
	}
	
	
div.element{
	margin: 2px 10px 10px 0px !important;
	overflow: hidden; 
	}
div.element a{	
	color: #ec8839;
	}	

div.element a:hover{	
	text-decoration: underline;
	}	



div.element p{
	margin:7px 0 8px 0;
	}

div.element p  a.smoothbox {
	text-decoration: none;
	}
	
div.element p  a.smoothbox:hover {
	text-decoration: underline;
	}
	
div.element p  a.smoothbox span {
	color: #181716;
	}

div.element p a.smoothbox:hover span {
	color: #181716;
	}
	
div.element ul {
	padding: 0px;
	margin:7px 0 8px 0;
	list-style: none;
	}
	
div.element ul li {
	margin-bottom:10px;
	}
/*-------------------Testberichte---------------------------*/

div#testbericht_container{
	overflow: hidden;
	width: 936px;
	margin-top: 24px;
	}


div.testteaser {
	width: 224px;
	margin: 0 0 0 0;
	padding: 0 10px 0 0;
	float: left;
	line-height: 15px;
	}
	
div.testteaser div.logobox{
	height: 34px;
	margin-top: 1px;
	margin-bottom: 1px;
	position: relative;
	}	

/*
div.testteaser div.logobox img{
	position: absolute;
	bottom: 0px;
	left: 0px;
	}
*/
	
div.testteaser h1 {
	margin: 0px 0 2px 0;
	padding: 0;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;

	}
div.testteaser p{
	/* color: #817e76; */
	color: #95938a;
	margin: 0px 10px 0 0;
	line-height: 15px;
	}
	
div.testteaser a{
	color: #ec8839;
	}

div.testteaser a:hover{
	color: #fff;
	}

div.testuebersicht {
	margin-bottom: 20px;
	padding: 10px 0 0 10px;	
	color: #8e8b80;
	font-size: 10px;	
	}
	
div.testuebersicht a{
	color: #ec8839;
	font-size: 10px;	
	}

div.testuebersicht a:hover{
	color: #000000;
	font-size: 10px;	
	}
/*-------------------Fussnote---------------------------*/

div.footnote {
	width: 936px;
	height: auto;
	float: left;
	margin: 36px 0 12px 24px;
	padding: 10px 0 0 0;
	display: block; 
	border-top: 1px solid #53514a;
	display: inline;
	}



div.footnote dl {
	margin: 0;
	padding: 0;

}


div.footnote p{
	margin: 0px 0 2px 0px;
	font-size: 10px;
	line-height: 13px;
	color: #51504c;
	padding-right: 10px;
}

div.footnote p a {
	/* color: #ec8839; */
	color: #b4b1a9;
	text-decoration: underline;
}

div.footnote p a:hover {
	* color: #000; 
	
}

div.footnote dl dt{
	 margin: 0 0 0 -12px;
	 padding: 0;
	 float: left;
	 width: 12px;
}

div.footnote dl dd{
	margin: 0;
	padding: 0;
}



/*///////////////////////////////////////////////////KARTEI/////////////////////////////////////////////////////*/	

div#kartei {
	margin: 50px 0 16px 0;
	padding: 32px 0px 0px 0px; /* padding-top ergibt sich aus der Höhe der Karteireiter */
	position: relative;
	}
				
/*--------- Karteireiter ----------*/
					
ul#karteireiter {
	left: 0px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
	z-index: 1;
	}
					
ul#karteireiter li { /* fix in ie6.css */
	float: left;
	}
					
ul#karteireiter li.aktiv {
	background-color: #31302c;
	}

ul#karteireiter li.aktiv a {
	color: #fff;
	}
					
ul#karteireiter li a {
	color: #95938a;
	display: block;
	line-height: 20px; /* steuert die Höhe der Kartereiter */
	outline: none;
	padding: 8px 24px 0px 24px;
	font-weight: bold;
	text-decoration: none;
	height: 24px;
	}
					
ul#karteireiter li a:hover {
	text-decoration: none;
	color: #fff;
	}
				
/*--------- Karteikarten ----------*/
								
/* Container für die Karteikarten */

div#karteikarten { /* fix in ie6.css */
	background-color: #31302c;
	margin: 0px;
	overflow: hidden;
	padding: 30px 0 20px 24px;
	}
						
div#karteikarten div.karteikarte {
    background-color: transparent;
    display: none;
    margin: 0px;
    padding: 0px;
    }

div#karteikarten div#karte1.karteikarte {
    display: block;
    }
    
div#karteikarten div.karteikarte div.framepic {
	margin-bottom: 40px;
}    
    
div#karteikarten div.karteikarte a{
	color: #cd6e22;
	background-image: none;
	text-decoration: none;
}    

div#karteikarten div.karteikarte a:hover {
	color: #fff !important;
	text-decoration: none;
}       				

div.thumb-wp {
	float: left;
	margin: 0 1px 10px 0;
	

}


div.thumb-wp a {
	color: #b0aea7!important;
	float: left;
	margin: 10px 10px 0 0px;
	font-size: 11px;
}



