#ew-bikefinder-wrapper { position:relative; padding-top:45px;}
#ew-bikefinder-form-container {
	position:absolute;
	right:0;
	margin-top:-45px;
	background:#000;
	width:200px;
	z-index:1;
	padding:0 24px;
}
#ew-bikefinder-form-container h3 {
	font-size:20px;
	color:#fff;
	line-height:32px;
	padding:7px 0 6px;
	cursor:pointer;
}
#ew-bikefinder-form-container h3:after {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 41px;
	content: '-';
	background: white;
	color: black;
	padding: 4px 0 0 15px;
	font-size: 50px;
	font-weight: normal;
}
#ew-bikefinder-form-container h3.closed:after {
	content:'+';
	font-size:30px;
	padding-top:6px;
	height:39px;
}
.ew-bikefinder-selection {
	position:relative;
	margin:10px 0 0 -14px;
}
.ew-bikefinder-selection fieldset {
	margin: 0;
	display: block;
	border-bottom:1px solid #333;
}
.ew-bikefinder-selection fieldset legend {
	font-size: 16px;
	padding: 3px 0 3px 14px;
	margin-bottom: 0;
	background: #000;
	color:#c6c5c5;
	border: none;
}
.ew-bikefinder-selection fieldset legend:hover { background:#333; }
.ew-bikefinder-selection fieldset legend.open {
	background:#fff!important;
	color:#003466!important;
}
.ew-bikefinder-selection label, .ew-bikefinder-selection input[type=radio] {
	display: block;
	float: left;
	height: auto;
}
.ew-bikefinder-selection input[type=radio] { clear:left; }
html.js .ew-bikefinder-selection label {
	margin-bottom:0;
	position: relative;
	white-space:nowrap;
	float:none;
}
html.js .ew-bikefinder-selection label span {
	font-size: 10px;
	width: 16px;
	height: 16px;
	display: inline-block;
	border-radius: 10px;
	margin: 0 0 0 10px;
	background: #fff;
	cursor: pointer;
	color: black;
	padding: 1px 0 0 0px;
	line-height: 16px;
	text-align: center;
}
html.js .ew-bikefinder-selection .fieldset-wrapper.open label span {
	background:#000;
	color:#fff;
}
html.js .ew-bikefinder-selection .fieldset-wrapper {
	position:relative;
	overflow:hidden;
}
html.js .ew-bikefinder-selection .fieldset-wrapper .form-radios {
	display:none;
	background: white;
	border: 1px solid #EFEFEF;
	max-height: 300px;
	min-width: 178px;
	overflow-y: scroll;
	position:absolute;
	-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.8);
	box-shadow:0 0 10px rgba(0, 0, 0, 0.8);
}
html.js .ew-bikefinder-selection .fieldset-wrapper .form-radios.selected {
	position:relative;
	overflow-y: hidden;
	border: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
html.js .ew-bikefinder-selection .fieldset-wrapper .form-radios.selected .form-type-radio {
	padding-left: 13px;
	position:relative;
	overflow:hidden;
	height:25px;
}
html.js .ew-bikefinder-selection .fieldset-wrapper .form-radios.selected { background:#000; }
html.js .ew-bikefinder-selection .fieldset-wrapper .form-radios.selected label { color:#c6c5c5; }
html.js .ew-bikefinder-selection .fieldset-wrapper.open .form-radios { z-index:1; }
html.js .ew-bikefinder-selection .fieldset-wrapper.open .form-type-radio {
	padding: 5px 13px 3px;
	overflow: hidden;
	margin: 5px 0;
}
html.js .ew-bikefinder-selection .fieldset-wrapper.open .form-type-radio:hover { background:#eee; }
html.js .ew-bikefinder-selection .fieldset-wrapper.open .form-type-radio:hover .ew-bikefinder-radio.unchecked { background:#999; }
html.js .ew-bikefinder-selection .ew-bikefinder-radio {
	clear: left;
	width: 9px;
	height: 9px;
	float: left;
	display: block;
	border: 1px solid #999;
	border-radius: 8px;
	margin: 3px 5px 4px 0;
	background: #fff;
	cursor:pointer;
}
html.js .ew-bikefinder-selection .ew-bikefinder-radio.checked {
	background: #90DB12;
	width:10px;
	height:10px;
	border:none;
}
.ew-bikefinder-selection .ajax-progress-throbber {
	display:none!important;
	position:absolute;
	text-indent:-9999px;
}
#ew-bikefinder-results {
	width: 700px;
	float:left;
	position:relative;
	padding:15px;
	background:#fff;
}
html.js #ew-bikefinder-results { display:none; }
.ew-bikefinder-bike {
	width: 230px;
	height: 150px;
	padding-bottom: 25px;
	margin-bottom: 25px;
	position:relative;
	float: left;
}
.ew-bikefinder-bike a.ew-bikefinder-link {
	display:block;
	width: 100%;
	height: 100%;
	background: #fff url(images/loading.gif) center center no-repeat;
}
/*.ew-bikefinder-bike a.haendlersuche {
	display:none;
	position:absolute;
	top: 1px;
	left: 0;
	padding: 0 4px;
	background: #fff;
	font-size: 15px;
	z-index:10000;
	color: #fff;
	background-color: #003466;
	margin:-38px 0 0 -85px;
}
.bikefinder-bike:hover a.haendlersuche { display:inline-block; }*/
.ew-bikefinder-bike img.ew-bikefinder-bike-thumb {
	width: 100%;
	display:block;
	background:#fff;
}
.ew-bikefinder-bike .ew-bikefinder-bike-title {
	position:absolute;
	bottom: 0;
	text-align: center;
	width: 100%;
	height: 25px;
	font-size: 12px;
}
.ew-bikefinder-bike .ew-bikefinder-bike-image-container {
	position:absolute;
	display:none;
	top: 50%;
	left: -85px;
	width: 400px;
	height: 250px;
	margin-top: -125px;
	background: #fff url(images/loading.gif) center center no-repeat;
	z-index: 9999;
	-moz-box-shadow: 0 0 10px black;
	-webkit-box-shadow: 0 0 10px black;
	box-shadow: 0 0 10px black;
}
.ew-bikefinder-bike img.ew-bikefinder-bike-image {
	display:none;
	width:100%;
	height:100%;
}
.ew-bikefinder-bike-data { display:none; }
#ew-bikefinder-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff url(images/loading.gif) center center no-repeat;
	margin: 0;
	display:none;
	z-index: 99999;
}


.step {
	position:relative;
	width:100%;
	border:1px solid #ccc;
}
#ew-bikefinder-preselection {
	position:relative;
	overflow:hidden;
	margin-bottom:70px;
}
.preselection {
}
#ew-bikefinder-preselection h3 {
	position:absolute;
	top:0;
	left:0;
	font-size:30px;
	padding:16px 18px 16px 36px;
	background:#dadada;
	font-family:AvantageBold;
	cursor:pointer;
}
#ew-bikefinder-preselection h3:after {
	content: "";
	position: absolute;
	right: -28px;
	border-width: 28px 0 28px 28px;
	border-style: solid;
	border-color: transparent #dadada;
	display: block;
	width: 0;
	top: 50%;
	margin-top: -28px;
}
#ew-bikefinder-preselection #preselection-fahrer h3 {left:0;z-index:2;padding-left:18px;}
#ew-bikefinder-preselection #preselection-gelaende h3 {left:140px;z-index:1;}
#ew-bikefinder-preselection #preselection-fahrstil h3 {left:321px;z-index:0;}
#ew-bikefinder-preselection #preselection-fahrstil h3:after {display:none;}
#ew-bikefinder-preselection .preselection.active h3, #ew-bikefinder-preselection .preselection.selected h3 {background:#fff;}
#ew-bikefinder-preselection .preselection.active h3:after, #ew-bikefinder-preselection .preselection.selected h3:after {border-color:transparent #fff;}
.choices {
	display:none;
	padding:16px;
	margin-top:56px;
	background:#fff;
	overflow:hidden;
}
.active .choices {display:block;}
.active .choices.vivisble-choices {display:block;}
.active .choices.hidden-choices {display:none;}
.choices:after {
	float:none;
	clear:both;
	display:block;
}
.choice {
	position:relative;
	float:left;
	margin:0 0.15%;
	padding:0 0 5px;
	cursor:pointer;
	text-align:center;
}
.choice img {
	position:relative;
	width:100%;
	opacity:0.8;
}
.choice:hover img, .choice.chosen img {opacity:1;}
.choice.chosen img {opacity:1;}
.choice:hover {background:rgba(0, 0, 0, 0.05);}
.choice.chosen {background:rgba(144, 219, 18, 0.6);}

.choices-1 .choice {width:99.7%;}
.choices-2 .choice {width:49.7%;}
.choices-3 .choice {width:33%;}
.choices-4 .choice {width:24.7%;}
.choices-5 .choice {width:19.7%;}
.choices-6 .choice {width:16.3%;}