/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error { color: #f00; }

.field-validation-valid { display: none; }

.input-validation-error { border: 1px solid #f00; background-color: #fee; }

.validation-summary-errors { font-weight: bold; color: #f00; }

.validation-summary-valid { display: none; }

a { color: #ccc; }
a:hover { color: #eee; text-decoration: underline; }
hr { margin: 5px 0 5px 0; }
dl { float: left; width: 100%; text-align: left; }
.span5 div { float: left; color: white; margin: 1% 0 1% 1%; }


.contact-form { float: left; color: white; }
.contact-form label, .contact-form p { float: left; width: 100%; text-align: left; margin: 5px 0 5px 0; }
.contact-form input, .contact-form select { float: left; width: 100%; }
.contact-form textarea { width: 100%; height: 200px; }
.unserteam h1 { color: #fff; font-size: 1.6em; margin: 10px 0 0 0; }
.unserteam h2 { font-size: 1.3em; color: #ccc; margin: 45px 0 0 0; }
.content-wrapper { margin: 10px 0 10px 0; }
dl dt { float: left; width: 17%; text-align: right; }
dl dd { float: left; width: 80%; margin: 0 0 0 3%; }
@media(max-width:768px){
	dl dt {  width: 100%%;text-align:left;  }
dl dd { width: 100%; }
}
.unserteam dl dd { float: left; width: 80%; margin: 0 0 0 0; }
.unserteam dl dt { float: left; width: 100%; text-align: left; }

.storyContent { color: white; }
.storyContent h1 { float: left; margin: 0; }
.storyContent .featureStoryDate { float: right; margin: 22px 0 0 0; }
.storyContent hr { clear: both; }
.featureStoryDate { font-weight: bold; }
.gebrauchtedaten .anfrageForm form { width: 100%; }
.gebrauchtedaten .anfrageForm label { width: 25%; text-align: left; line-height: 12px; float: left; min-height: 26px; padding: 15px 0 0 0; }
.gebrauchtedaten .anfrageForm input { width: 30%; margin: 2% 40% 2% 5%; }
.gebrauchtedaten .anfrageForm textarea { width: 50%; height: 200px; margin: 2% 10% 2% 5%; }
.gebrauchtedaten dl { width: 40ex; }
.gebrauchtedaten dl dt { clear: both; float: left; width: 15ex; }
.gebrauchtedaten dl dd { float: left; width: 20ex; }
.gallery { width: 70%; }
.accordionButton { float: left; width: 100%; font-size: 1.5em; font-weight: bold; border-bottom: thin solid #666; margin: 0 0 10px 0; }
input.submit { width: 100%; }

div.marke_overview_base { width: 290px; height: 220px; position: relative; box-shadow: 0px 0px 30px black inset; margin: 15px 5px 0px 0px; float: left; border: thin solid #262626; }
div#marke_overview_base_id { color: rgb(176, 176, 176); }
div.marke_overview_base span { box-shadow: 0px 0px 10px 0px black; width: 100%; height: 50px; line-height: 50px; position: absolute; top: 0px; left: 0px; background: rgb(0,0,0); padding: 0px 0px 0px 10px; font-size: 20px; font-weight: bold; text-align: left; }


div.small_marke_overview_base { width: 150px; height: 50px; position: relative; margin: 15px 15px 0px 0px; float: left; border: thin solid #4a4a4a; }
div.small_marke_overview_base span { width: 140px; height: 50px; line-height: 50px; position: absolute; top: 0px; left: 0px; background: rgb(0,0,0); padding: 0px 0px 0px 10px; font-size: 20px; font-weight: bold; text-align: left; }

div.small_marke_overview_base:hover span { color: #b0b0b0; background: rgb(20,20,20); }
div.small_marke_overview_base:hover { border: thin solid #b0b0b0; }

div.marke_overview_base:hover span { color: #b0b0b0; background: rgb(20,20,20); }
div.marke_overview_base:hover { border: thin solid #b0b0b0; }

div.motkat_nav div.selected { border: thin solid #b0b0b0; color: #b0b0b0; }
div.motkat_nav div.selected span { background: rgb(20,20,20); color: white; }
div.addNameRightLeft { position: absolute; right: -300px; top: 670px; -webkit-transform: rotate(-270deg); -moz-transform: rotate(-270deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=4); font-size: 100px; width: 1000px; height: 350px; color: rgba(255,255,255,0.5); }
div.trennlinie_motkat { margin: 0 0 12px 24px; padding: 0px 0px 10px 0px; border-top: thin solid #47b93; }

/*Motorradkatalog*/
div.motkat h3.boxmaintitle { color: #fff; font-family: Arial,Impact,sans-serif; font-size: 24px; font-weight: bold; text-align: left; text-transform: uppercase; margin: 10px 0px 10px 0px; }

div.motkat div.motkat_nav { display: block; width: 100%; margin-bottom: 15px; position: relative; clear: both; float: none; }
div.motkat div.motkat_nav h2 { font-size: 18px; font-weight: normal; margin: 0 0 12px 12px; text-transform: uppercase; font-weight: bold; color: #ccc; font-size: 20px; border-bottom: red thin solid; padding: 0px 0px 10px 0px; background: none; }
div.motkat div.motkat_nav a { color: #343434; display: block; float: left; letter-spacing: 1px; line-height: 28px; margin: 0 0 0 10px; text-decoration: none; }
div.motkat div.motkat_nav a:hover { text-decoration: underline; }
div.motkat div.motkat_nav a.active { color: #C30C25; }
div.motkat div.motkat_content { /*width:930px;*/ /*float:left;*/ margin: 0px 0px 0px 25px; margin-right: 10px; /*min-height:1000px;*/ height: auto !important; /*height:1000px;*/ min-height: 350px; }
div.motkat_content div.oneentry { float: left; margin: 0 32px 40px 0; position: relative; }
div.motkat_content div.last { margin: 0; }
div.motkat_content div.oneentry div.imgcontainer { border: 1px solid #D1D1D1; display: block; overflow: hidden; width: 182px; background: #fff url('/Content/no_image_middle.jpg') no-repeat scroll 50% 50%; }
div.motkat_content div.oneentry div.imgcontainer a { color: #fff; display: block; height: 113px; width: 162px; }
div.motkat_content div.oneentry a.detail { color: black; display: block; line-height: 36px; margin-top: 7px; padding-left: 15px; text-decoration: none; position: absolute; bottom: 0px; left: 0px; font-weight: bold; background: rgba(255,255,255,0.7); width: 100%; }
div.motkat_content div.oneentry a:hover { text-decoration: underline; }

div.motkatdetail { width: 960px; text-align: left; }

div.motkatdetail div.imagecontainer { display: block; width: 440px; margin: 0 auto; float: left; margin-top: 20px; }
div.motkatdetail div.datacontainer { /*background: none repeat scroll 0 0 #fff;*/ display: block; font-family: Arial,Helvetica,sans-serif; font-size: 12px; line-height: 150%; width: 440px; margin: 0px 30px 0px 0px; text-align: left; float: left; }
div.motkatdetail div.imagecontainer img.thumbnail { margin-right: 5px; margin-top: 5px; }
div.motkatdetail div.datacontainer div.techdatname { float: left; font-weight: bold; margin-left: 10px; padding: 3px 0; width: 40%; }
div.motkatdetail div.datacontainer div.techdatname:first-letter { text-transform: uppercase; }
div.motkatdetail div.datacontainer div.techdatvalue { float: left; padding: 3px 0; width: 50%; }

div.motkatdetail h1 { color: #cc0000; margin: 0px 0px 10px 0px; }

div.xml_list_motorradkatalog_type { text-align: center; color: #4C689F; font-size: 15px; padding-top: 10px; }
div.motkatlist a.xml_rent_a_bike_list_table_row { display: block; widht: 100%; font-size: 11px; background: #EFF2F7; padding: 4px; border-bottom: 2px solid #fff; }
div.motkatlist a.xml_rent_a_bike_list_table_row:hover { color: #fff; background: #4C689F; }
div.motkatlist span { cursor: pointer; color: #000; }
div.motkatlist span.modell { width: 300px; display: inline-block; zoom: 1; *display: inline; border-right: 2px solid #fff; color: #4C689F; }
div.motkatlist span.leistung { width: 55px; display: inline-block; zoom: 1; *display: inline; margin-right: 40px; border-right: 2px solid #fff; text-align: right; padding-right: 4px; }
div.motkatlist span.gewicht { width: 55px; display: inline-block; zoom: 1; *display: inline; margin-right: 0px; border-right: 2px solid #fff; text-align: right; padding-right: 4px; }
div.motkatlist span.preis { width: 135px; display: inline-block; zoom: 1; *display: inline; text-align: right; }
div.motkatlist { /*width:930px;*/ /*float:left;*/ margin-right: 20px; overflow: hidden; }
div.motkatlist a.xml_rent_a_bike_list_table_row:hover span { color: #fff; }

div.xml_rent_a_bike_list_table_row_header span.modell { color: #000; }
div.xml_item_motorradkatalog_title { font-size: 21px; padding-bottom: 4px; }
.titel_used_detail { font-weight: bold; font-size: 1.5em; }

a.backlink { }
.text_used_content, .image_used_content { float: left; width: 100%; font-size: 1.2em; }
.bikeCatGallery { width: 100%; }
.galerien a { margin: 5px 5px 5px 5px; display: block; float: left; }

#kps_mainSlider { width: 100%; height: 100px; }
#kps_mainSlider a { float: left; }
#kps_mainSlider img { margin: 0 2px 0 2px; }
#smallImages { width: 100%; height: 95px; overflow: hidden; margin: 10px 0 0px 0; position: relative; box-shadow: 5px 7px 30px -6px black; }
a.small-slider-buttonleft, a.small-slider-buttonright { width: 20px; height: 100px; position: absolute; top: 0px; z-index: 999; }
a.small-slider-buttonleft { left: 0px; background: url("/Content/images/image-left-slider.png") rgba(255,255,255,0.8); }
a.small-slider-buttonright { right: 0px; background: url("/Content/images/image-right-slider.png") rgba(255,255,255,0.8); }
#bigImage { width: 100%; height: auto; overflow: hidden; position: relative; min-height: 531px; background: url("/Content/images/ajax-loader-white.gif") no-repeat 50% 50%; }
#bigImage img { width: 100%; }
.image_used_content { background: #555; position: relative; }
span.bg_text { position: absolute; top: 0; left: 10px; font-size: 3em; font-weight: bold; text-transform: uppercase; color: rgba(255,255,255,0.2); }
.controll_main-left, .controll_main-right { position: absolute; height: 150px; width: 100px; top: 40%; }
.controll_main-left { left: -100px; background: url("/Content/images/big-image-left.png") no-repeat 50% 50% rgba(255,255,255,0.6); }
.controll_main-right { right: -100px; background: url("/Content/images/big-image-right.png") no-repeat 50% 50% rgba(255,255,255,0.6); }
span.name { float: left; width: 100%; margin: 20px 0 0 0; }
.name h1 { float: right; font-size: 2.5em; font-weight: bold; text-transform: uppercase; margin: 0 10px 0 0; }
.name h2 { float: right; font-weight: bold; font-size: 1.5em; }
nav ul { list-style: none; }
nav ul li { float: left; position: relative; }
nav ul li ul.second_layer_nav { display: none; visibility: hidden; z-index: 999; position: absolute; top: 40px; background: rgba(0,0,0,0.8); padding: 10px 10px 20px 10px; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #c3c3c3; left: 0px; }
ul.second_layer_nav li { width: 100%; float: left; text-align: left; border-bottom: thin solid #333; padding: 5px 10px 5px 10px; }
ul.second_layer_nav li a { color: #c3c3c3; }
nav ul li:hover ul { display: block; visibility: visible; }
.cta-brochure { padding: 10px 0 10px 40px; background: url("/Content/images/pdf-icon.png") no-repeat; }
.ctaButton1 { padding: 10px 0 10px 40px; background: url("/Content/images/fb.png") no-repeat; }
.accordionCta { float: right; }
.controll_main-left { left: 0px; }
.controll_main-right { right: 0px; }

#kps_mainSlider .blur { box-shadow: 0px 0px 20px 10px rgba(0,0,0,1) inset; opacity: 0.3; -webkit-transition: opacity 0.4s linear, -webkit-transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out; -moz-transition: opacity 0.4s linear, -moz-transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out; -o-transition: opacity 0.4s linear, -o-transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out; -ms-transition: opacity 0.4s linear, -ms-transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out; transition: opacity 0.4s linear, transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out; }
#kps_mainSlider .active { -webkit-transition: opacity 0.4s linear, -webkit-transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out; -moz-transition: opacity 0.4s linear, -moz-transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out; -o-transition: opacity 0.4s linear, -o-transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out; -ms-transition: opacity 0.4s linear, -ms-transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out; transition: opacity 0.4s linear, transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out; }
.price strike { color: #555; }
.shoei_content { padding: 0 5px 0 5px; }
.imggallery img { width: 100%; }

.galleryImage { float: left; width: 141px; border: thin solid #d2d2d2; overflow: hidden; margin: 4px; -webkit-transition: opacity 0.4s linear, -webkit-transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out; -moz-transition: opacity 0.4s linear, -moz-transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out; -o-transition: opacity 0.4s linear, -o-transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out; -ms-transition: opacity 0.4s linear, -ms-transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out; transition: opacity 0.4s linear, transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out; }
.bikeimage img { width: 100%; }
.bigimage_single { height: 342px; overflow: hidden; width: 98%; }
.blur { -webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px); opacity: 0.4; }
.pagination li { float: left; list-style: none; padding: 10px; border: thin solid #040404; background: #333; color: white; margin: 10px 5px 10px 5px; box-shadow: 0px 8px 20px -10px black; }
.pagination li a { color: white; }

table.bikekat-techdat {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  color: white;
}

table.bikekat-techdat tr td.col1 {
  width: 17%;
  text-align: right;
  line-height: 1.42857
}

table.bikekat-techdat tr td.col2 {
  padding-left: 3%;
  text-align: left;
}


.oeffnungszeiten {
	font-size: 10px;
	margin: 5px 0 0 0;
	float: left;
}
.oeffnungszeiten dt {
	width: 20% !important;
	text-align: left !important;
	padding: 0.5rem !important;
}

.oeffnungszeiten dd {
	margin: 0 !important;
	padding: 0.5rem !important;
}

.oeff-bemerkung {
	color: white;
	font-size: 12px;
}

.oeffnungszeiten {
	font-size: 12px !important;
}