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


/* Detailansicht - Zurück-/Weiterlinks */

.os_detail_navi , .os_detail_navi_na { display:inline-block ; padding:5px 10px 5px 10px ; margin:0 ; color:#e1e1e1 ; text-decoration:none }
.os_detail_navi1 { width:55% }
.os_detail_navi2 { width:35% }
.os_detail_navi_na { color:#e1e1e1 }
A.os_detail_navi:link , A.os_detail_navi:visited { background:#fff ; display:inline-block ; padding:5px 10px 5px 10px ; margin:0 ; color:#00B0EB ; text-decoration:none }
A.os_detail_navi:hover { background:#00B0EB ; color:#fff ; text-decoration:none }

/* Detailansicht - Innenbereich */

.os_detail_maindiv { padding:0 ; margin: 5px 0 30px 0 ; min-height:320px ; border-top:1px solid #e1e1e1 }
.os_detail_boxscart { float:right ; width:350px }
.os_detail_boxscart h1 { font-size:1.5em ; color:#00B0EB ; font-weight:bold ; margin: 10px 0 20px 0 ; padding: 0 0 20px 8px ; border-bottom:1px dotted #e1e1e1 } 
.os_detail_status h1 { font-size:1.5em ; color:#00B0EB ; font-weight:bold  } 
.os_detail_boxscartdiv { margin: 25px 0 15px 8px  }
.os_detail_boxscarthead { padding:0 15px 10px 8px }
.os_detail_boxgallery { float:left ; width:300px ; text-align:left }
.os_detail_picbigdiv { padding:30px 0 20px 0 }
.os_detail_picgaldiv { padding-top:15px }
#os_detail_piczoom { cursor:pointer }
#os_detail_amountscart { padding:2px ; margin-right:10px ; width:30px }
#detailtmpdel img { display:none }

.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 #00B0EB ; margin-bottom:6px }

A.os_detail_support:link , A.os_detail_support:visited { color:#000 ; text-decoration:underline }
A.os_detail_support:hover { color:#00B0EB ; text-decoration:underline }

.os_detail_cfilter { list-style:none ; padding:0 ; margin-top:30px }
.os_detail_cfilter li { float:left ; text-align:center ; width:170px }
.os_detail_cfilter li img { margin-bottom:10px }
.os_detail_cfilter li A:link , .os_detail_cfilter li A:visited { display:block ; color:#000 ; text-decoration:none ; border:2px solid #fff ; padding:3px ; margin:10px }
.os_detail_cfilter li A:hover { color:#00B0EB ; text-decoration:none ; border:2px solid #e1e1e1 }

.os_detail_price { font-size:1.3em ; font-weight:bold }
.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.9em }
.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_pricetab { padding-top:10px ; margin-top:10px ; border-top:1px dotted #e1e1e1 ; border-bottom:1px dotted #e1e1e1 }
.os_detail_functab { padding:20px 0 0 5px }
.os_detail_functab img { vertical-align:middle }
.os_detail_functab a { text-decoration:none ; padding-left:22px ; margin-right:20px }
.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 2px 0 0 ; display:inline-block ; width:16px ; height:20px ; vertical-align:middle }
.os_detail_functab .socfbook { background:url(./../icon_detail_socfacebookbw.png) no-repeat left top }
.os_detail_functab .socfbook:hover { background:url(./../icon_detail_socfacebook.png) no-repeat left top }
.os_detail_functab .socgplus { background:url(./../icon_detail_socgplusbw.png) no-repeat left top }
.os_detail_functab .socgplus:hover { background:url(./../icon_detail_socgplus.png) no-repeat left top }
.os_detail_functab .soctwitter { background:url(./../icon_detail_soctwitterbw.png) no-repeat left top }
.os_detail_functab .soctwitter:hover { background:url(./../icon_detail_soctwitter.png) no-repeat left top }
.os_detail_options { width:180px }
.os_detail_options_input { width:172px }
#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 td { border-bottom:1px dotted #e1e1e1 ; padding:3px ; line-height:18px }

/* Detailansicht - Reiter */

ul.tabtabstyle { margin:0 !important ; padding: 0 0 0 30px ; height:30px ; border-bottom:1px solid #E1E1E1 }
ul.tabtabstyle li { float:left ; padding:0 ; margin:0 ; list-style-type:none }
ul.tabtabstyle A:link , ul.tabtabstyle A:visited { color:#000 ; float:left ; display:block ; padding:7px 30px 3px 30px ; text-decoration:none ; border:1px solid #E1E1E1 ; border-bottom:0px ; background-color:#f9f9f9 ; margin-right:8px ; position:relative ; top:1px ; height:18px }
ul.tabtabstyle A:hover { color:#000 ; text-decoration:none ; background:#e1e1e1 }
ul.tabtabstyle a.current { background-color:#fff ; border-bottom:1px solid #fff ; color:#000 ; cursor:default ; font-weight:bold  }
div.tabcontentstyle > div { position:relative ; display:none ; border:0 ; padding:30px ; margin-bottom:15px ; background-color:#fff }

.os_detail_text { line-height:1.4 ; font-size:1.083em }
.os_detail_text .attrib { margin-bottom:25px }
.os_detail_text .attrib td { padding:3px 30px 3px 0 }

/* Detailansicht - Rating */

.os_detail_ratelist { border-top:1px dotted #e1e1e1 ; padding:20px 0 0 0 ; margin:20px 0 0 0 }
.os_detail_ratelist img { vertical-align:middle }
.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 : Detail-Zoom */

.zoomPad { position:relative ; float:left ; z-index:99 ; cursor:crosshair }
.zoomPreload { -moz-opacity:0.8 ; opacity: 0.8 ; filter: alpha(opacity = 80) ; color:#333 ; font-size:12px ; font-family:Tahoma ; text-decoration:none ; border: 1px solid #CCC ; background-color:white ; padding:8px ; text-align:center ; background-image: url(./../icon_zoomloader.gif) ; background-repeat: no-repeat ; background-position: 43px 30px ; z-index:110 ; width:90px ; height:43px ; position:absolute ; top:0px ; left:0px ; * width:100px ; * height:49px }
.zoomPup { overflow:hidden ; background-color: #FFF ; -moz-opacity:0.6 ; opacity: 0.6 ; filter: alpha(opacity = 60) ; z-index:120 ; position:absolute ; border:1px solid #CCC ; z-index:101 ; cursor:crosshair }
.zoomOverlay { position:absolute ; left:0px ; top:0px ; background:#FFF ; /*opacity:0.5;*/ z-index:5000 ; width:100% ; height:100% ; display:none ; z-index:101 }
.zoomWindow { position:absolute ; left:110% ; top:40px ; background:#FFF ; z-index:6000 ; height:auto ; z-index:10000 ; z-index:110 }
.zoomWrapper { position:relative ; z-index:110 }
.zoomWrapperTitle { display:block ; background:#184B99 ; color:#FFF ; height:18px ; line-height:18px ; width:100% ; overflow:hidden ; text-align:center ; font-size:10px ;  position:absolute ; top:0px  left:0px ; z-index:120 }
.zoomWrapperImage { display:block ; position:relative ; overflow:hidden ; z-index:110 }
.zoomWrapperImage img { border:0px ; display:block ; position:absolute ; z-index:101 }
.zoomIframe { z-index: -1 ; filter:alpha(opacity=0) ; -moz-opacity: 0.80 ; opacity: 0.80 ; position:absolute ; display:block }
.zoomThumbActive img { }

/* SPEZIAL : Colorbox-Navigation */

#cboxContent #cboxContentpages { position:absolute ; list-style:none ; left:300px ; bottom:-25px }
#cboxContent #cboxContentpages li { float:left }

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


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