/* ---------- DETAIL-ANSICHT ---------- */

.os_head_detailmain { margin-top:30px }
.os_main_left_td { display:none }
.os_main_shop { width:100% ; margin:0 ; padding: 0 15px }
.os_content_all .content { padding-top:1px }
.os_detail_navi_na { color:#e1e1e1 }
.os_prod_topnavi { border-top: 1px solid #e1e1e1 ; border-bottom: 1px solid #e1e1e1 }
.os_prod_topnavi .row { padding: 8px 0 }

/* FOOT-BLOCK */

.os_foot_detailrating { background:#E5E5E5 }
.os_foot_detailrating .os_foot_detailrating_wrapper { padding-top:10px ; margin:20px 0 20px 0 ; max-height:400px ; overflow:auto }

/* Detailansicht - Gallery */

.os_detail_maindiv .os_detail_boxgallery .os_detail_picbigdiv img { width:100% ; height:auto }
.os_detail_maindiv .os_detail_boxgallery .os_detail_picbigdiv .os_detail_mark1 { position:absolute ; top:0 ; right:0 ; color:#fff ; background:#CA334F ; padding:4px ; -webkit-border-radius: 5px ; -moz-border-radius: 5px ; border-radius: 5px }

.os_detail_maindiv .os_detail_boxgallery .slickdets-for .slick-prev:before { content: "\f104" ; color:#000 }
.os_detail_maindiv .os_detail_boxgallery .slickdets-for .slick-next:before { content: "\f105" ; color:#000 }
.os_detail_maindiv .os_detail_boxgallery .slickdets-for .slick-dots { position:relative ; bottom:0 ; margin: 10px 0 30px 0 }
.os_detail_maindiv .os_detail_boxgallery .slickdets-for span { position:absolute ; top:0 ; left:0 ; background:#f1f1f1 ; padding: 2px 5px ; font-size:0.917em }
.os_detail_maindiv .os_detail_boxgallery .slickdets-for { display:none ; opacity:0 ; transition: opacity 0.1s }
.os_detail_maindiv .os_detail_boxgallery .slickdets-for.slick-initialized { display:block ; opacity:1 }

.os_detail_maindiv .os_detail_boxgallery .slickdets-nav .slick-prevV { margin-left:12px }
.os_detail_maindiv .os_detail_boxgallery .slickdets-nav .slick-nextV { margin-left:12px }
.os_detail_maindiv .os_detail_boxgallery .slickdets-nav img { cursor:pointer }
.os_detail_maindiv .os_detail_boxgallery .slickdets-nav * { outline:none }
.os_detail_maindiv .os_detail_boxgallery .slickdets-nav div.slick-current img { border:1px solid #E73D00 }
.os_detail_maindiv .os_detail_boxgallery .slickdets-nav .os_detail_galpicact { border:1px solid #E73D00 ; margin: 0 6px 6px 0 }

@media screen and (min-width:1330px){

	.os_detail_maindiv .os_detail_boxgallery .slickdets-for { width:564px !important }
}

@media screen and ( min-width:992px ){

	.os_detail_maindiv .os_detail_boxgallery .slickdets { margin-right:30px }
	.os_detail_maindiv .os_detail_boxgallery .slickdets-nav { display:none ; opacity:0 ; transition: opacity 0.1s }
	.os_detail_maindiv .os_detail_boxgallery .slickdets-nav.slick-initialized { display:block ; opacity:1 }
}

@media screen and ( max-width:991px ) {

	.os_detail_maindiv .os_detail_boxgallery .slickdets-nav { display:none }	
}

/* Detailansicht - Innenbereich */

.os_detail_status h1 { font-size:1.5em ; color:#000 ; font-weight:bold  } 

.os_detail_maindiv .os_detail_boxscart .os_detail_boxscartdiv input { color:#000 }
.os_detail_maindiv .os_detail_boxscart .os_detail_boxscartdiv select { color:#000 }
.os_detail_maindiv .os_detail_boxscart .os_detail_boxscartdiv .os_detail_boxscarthead { line-height:24px }
.os_detail_maindiv .os_detail_boxscart .os_detail_boxscartdiv .os_detail_vendor { float:right ; margin: -10px 0 0 20px }
.os_detail_maindiv .os_detail_boxscart .os_detail_boxscartdiv .os_detail_vendor img { width:125px ; height:auto }
.os_detail_maindiv .os_detail_boxscart .os_detail_boxscartdiv h1 { font-size:1.500em ; margin: 10px 0 25px 0 ; font-weight:600 ; line-height:1.3 } 
.os_detail_maindiv .os_detail_boxscart .os_detail_boxscartdiv .os_detail_spedition { float:right ; width:60px ; margin-right:20px } 

#os_detail_amountscart { padding:2px ; margin-right:10px ; width:40px ; height:40px ; text-align:center }
#detailtmpdel { margin:20px 0 10px 0 ; line-height:10px }
#detailtmpdel img { display:none }
#detailtmpbut { margin: 30px 0 30px 0 }

.os_detail_toptable {  border-width:1px ; border-style:solid ; border-color:#e1e1e1 } 
.os_detail_toptabletd { padding:4px ; padding-left:10px ; padding-right:10px ; font-weight:bold }
.os_detail_galpic { border:1px solid #E1E1E1 ; margin-bottom:6px }
.os_detail_galpicact { border:1px solid #547EB3 ; margin-bottom:6px }

.os_detail_price { font-size:1.333em ; font-weight:bold }
.os_detail_pricevk { padding-left:10px }
.os_detail_pricevk b { font-size:1.3em ; font-weight:bold ; color:#E73D00 }
.os_detail_oldprice { padding-bottom:15px }
.os_detail_oldprice img { margin: -5px 0 0 15px ; vertical-align:middle }
.os_detail_tax { padding:15px 0 15px 0 ; font-size:0.750em }
.os_detail_tax a { text-decoration:none }
.os_detail_sprice table { border:0 ; border-collapse:separate ; border-spacing:2px }
.os_detail_sprice td { background:#e1e1e1 ; padding:3px }
.os_detail_vars { padding-top:15px }
.os_detail_vars table { width:100% }
.os_detail_vars table tr td { padding: 4px 0; white-space: nowrap; vertical-align: top; }
.os_detail_vars table tr td:first-child { padding-right:25px }
.os_detail_vars table tr td:last-child { width:100%; }
.os_detail_vars .os_detail_varcbox { height: 80px; overflow:hidden; border: solid lightgray 1px; border-radius:5px; margin-top:2px; }
.os_detail_vars .os_detail_varcbox img { width:100%; }
.os_detail_pricetab { padding-top:10px ; margin-top:25px ; line-height:25px ; border-top:1px solid #e1e1e1 }
.os_detail_pricetab span { display:block }
.os_detail_pricetab .pricetab td { padding:4px 30px 4px 0 }
.os_detail_pricetab .desc { padding:20px 10px }
.os_detail_functab { margin: 10px 0 20px 0 ; padding-top: 15px ; border-top:1px solid #e1e1e1 }
.os_detail_functab img { vertical-align:middle }
.os_detail_functab .text-right a { text-decoration:none ; padding-left:22px }
.os_detail_functab .mail { background:url(./../icon_detail_mail.png) no-repeat left center }
.os_detail_functab .print { background:url(./../icon_detail_print.png) no-repeat left center }
.os_detail_functab .send { background:url(./../icon_detail_send.png) no-repeat left center ; margin-right:10px }
.os_detail_functab .save { background:url(./../icon_detail_save.png) no-repeat left center }
.os_detail_functab .social { padding:0 ; margin:0 0 0 10px ; display:inline-block ; width:20px ; height:20px ; vertical-align:middle ; background-size: 20px 20px !important }
.os_detail_functab .socmail { background:url(./../main/detail_social_mail.png) no-repeat left top }
.os_detail_functab .socfbook { background:url(./../main/detail_social_facebook.png) no-repeat left top }
.os_detail_functab .socgplus { background:url(./../main/detail_social_gplus.png) no-repeat left top }
.os_detail_functab .soctwitter { background:url(./../main/detail_social_twitter.png) no-repeat left top }
.os_detail_functab .socprinterest { background:url(./../main/detail_social_pinterest.png) no-repeat left top }
.os_detail_options { width:100% ; padding:5px ; -webkit-border-radius: 5px ; -moz-border-radius: 5px ; border-radius: 5px }
.os_detail_options_input { width:312px }
#os_detail_butscart , #os_detail_amountscart { display:inline ; vertical-align:middle }
.os_detail_cross { border:0 ; border-top:1px dotted #e1e1e1 ; border-collapse:separate ; border-spacing:0 ; width:100% }
.os_detail_cross input { vertical-align:middle }
.os_detail_cross td { border-bottom:1px dotted #e1e1e1 ; padding:3px ; line-height:18px }
.os_detail_cross td a { font-weight:600 }

/* Detailansicht - Reiter und Artikellisten */

.os_detail_icons { padding: 15px 0 25px 0 }
.os_detail_icons img { margin-right:6px }
.os_detail_descdiv { margin-top:10px ; margin-bottom:15px }
.os_detail_descdiv .nav-pills { border-collapse:collapse }
.os_detail_descdiv .tab-content .active { border:1px solid #e1e1e1 ; border-top:0 ; padding: 15px 30px 30px 30px ; margin-top:-1px }
.os_detail_descdiv .nav-pills li { border:1px solid #e1e1e1 }
.os_detail_descdiv .nav-pills li a { -webkit-border-radius:0px ; -moz-border-radius:0px ; border-radius:0px ; background:#f2f2f2 }
.os_detail_descdiv .nav-pills li a:hover { background:#e1e1e1 }
.os_detail_descdiv .nav-pills li.active a { color:#000 ; background:#fff ; font-weight:bold }
.os_detail_descdiv .nav-pills li.active { border-bottom:1px solid #fff }
.os_detail_descdiv .panel { -webkit-border-radius:0 ; -moz-border-radius:0 ; border-radius:0 ; -webkit-box-shadow:none ; -moz-box-shadow:none ;	box-shadow:none }
.os_detail_descdiv .panel-heading a { display:block }
.os_detail_descdiv .panel-body { padding:20px }

#os_dettab_desc1 { font-size:1.083em ; line-height:1.5 }
#os_dettab_desc1 .vendimg { float:right ; margin: 0 0 10px 10px }
#os_dettab_desc1 .attrib { margin-bottom:15px }
#os_dettab_desc1 .attrib td { padding-right:20px }
#os_dettab_desc1 a { text-decoration:underline }

.os_detail_offerwrapper { border:1px solid #e1e1e1 ; padding:15px 30px 30px 30px }
.os_detail_offerwrapper h4 { color:#000 ; margin-bottom:25px ; font-weight:600 }
.os_detail_offerwrapper .nav-pills { border-collapse:collapse }
.os_detail_offerwrapper .tab-content .active { border:1px solid #e1e1e1 ; border-top:0 ; padding: 25px 10px 25px 10px ; margin-top:-1px }
.os_detail_offerwrapper .nav-pills li { border:1px solid #e1e1e1 }
.os_detail_offerwrapper .nav-pills li a { -webkit-border-radius:0px ; -moz-border-radius:0px ; border-radius:0px }
.os_detail_offerwrapper .nav-pills li.active a { color:#000 ; background:#fff ; font-weight:bold }
.os_detail_offerwrapper .nav-pills li.active { border-bottom:1px solid #fff }

/* HACK : http://stackoverflow.com/questions/31472946/displaying-single-bxslider-within-bootstrap-tabs */
.os_detail_offerwrapper .tab-content > .tab-pane , .os_detail_offerwrapper .nav-pills > .pill-pane { display:block ; height:0 ; overflow-y:hidden }
.os_detail_offerwrapper .tab-content > .active , .os_detail_offerwrapper .nav-pills > .active { height:auto } 

.os_detail_offerwrapper .listwrap { width:225px ; text-align:center }
.os_detail_offerwrapper .listwrap .listthumb { margin:0 10px 10px 10px }
.os_detail_offerwrapper .listwrap .listtitle { height:50px ; overflow:hidden ; font-weight:600 }
.os_detail_offerwrapper .listwrap .listprice { padding-top:10px }
.os_detail_offerwrapper .listwrap .listpold { color:#990000 ; font-weight:normal ; display:inline-block ; padding-left:15px }
.os_detail_offerwrapper .thumb { width:80% ; height:auto }

/* Detailansicht - Rating */

.os_detail_foot .os_detail_ratelist { border-top:1px solid #CACACA ; padding:25px 0 12px 0 ; margin:13px 0 0 0 }
.os_detail_foot .os_detail_ratelist img { vertical-align:middle }
.os_detail_foot .os_detail_rateform td { padding:4px 5px 3px 0 }

/* Detailansicht - Eingepackt-Meldung bei nicht-Ajax-Einpacken */

#os_detail_message { margin-bottom:15px ; color:#008000 ; font-weight:bold ; border:1px solid #008000 ; background:#D9FFD9 ; text-align:center  }
#os_detail_message a { display:block ; text-decoration:none ; color:#008000 ; padding:15px } 

/* SPEZIAL : Rückgabeseite nach Einpacken ohne Ajax (shop_scart_status.html) */

.os_detail_status_left { float:left ; width:400px }
.os_detail_status_left img { padding-left:30px }
.os_detail_status_right { float:right  ; width:500px ; padding-top:15px }

/* SPEZIAL : Youtube-Video responsive */

.os_detail_youtube { position:relative ; padding-bottom:56.25% ; height:0 ; overflow:hidden ; width:100% ; height:auto }
.os_detail_youtube iframe { position:absolute ; top:0 ; left:0 ; width:100% ; height:100% }
.os_detail_youtube.ratio4x3 { padding-bottom:75% }

/* SPEZIAL : Anpassungen kleine Ansicht */

@media screen and ( max-width:767px ) {

	.os_detail_foot .os_foot_detaillist h2 { font-size:2em }
	.os_detail_foot .os_foot_detaillist li img { margin:0 6px 0 6px }

}

/* ---------- END ---------- */