/*** reset stuff (c) by meyerweb.com ***/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
/*, table, caption, tbody, tfoot, thead, tr, th, td*/
body { /*line-height: 1em;*/ }
ol, ul { list-style: none; }
li { display: list-item; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
/*** basic settings ***/
#body,.body {}
#page,.page { text-align: left; }
#topnav { text-align: right; }
#content { overflow: hidden; position: relative; }
#content #col1, #content #col2, #content #col3 { position: relative; float: left; display: table-cell; }
.fixfloat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.fixfloat { display: block; }
br.fixfloat { font-size: 0px; line-height: 0px; float: none; clear: both; width: 0px; height: 0px; margin: 0px; padding: 0px; }
#header, #nav, #footer { clear: both; }
#footer { position: relative; clear: both; }
.boxes { overflow: hidden; position: relative; }
.b50l, .b25l, .b33l, .b38l, .b66l, .b75l, .b62l { float: left; }
.b50r, .b25r, .b33r, .b38r, .b66r, .b75r, .b62r { float: right; margin-left: -5px; }
.b20l, .b40l, .b42l, .b60l, .b80l { float: left; }
.b20r, .b40r, .b42r, .b60r, .b80r { float: right; margin-left: -5px; }
.b25l, .b25r { width: 25%; }
.b33l, .b33r { width: 33.333%; _width: 32%; }
.b50l, .b50r { width: 50%; *width: 49.9%; }
.b66l, .b66r { width: 66.666%; }
.b75l, .b75r { width: 75%; }
.b38l, .b38r { width: 38.2%; }
.b62l, .b62r { width: 61.8%; }
.b20l, .b20r { width: 20%; }
.b40l, .b40r { width: 40%; }
.b42l, .b42r { width: 41.8%; }
.b60l, .b60r { width: 60%; }
.b80l, .b80r { width: 80%; }
.b100 { width: 100%; padding: 5px 0; margin: 0; }
.boxc, .boxcb, .boxcc { padding: 0 5px; margin: 0; }
.b100 .boxcc { padding: 5px 10px; margin: 0; }
.boxccb { padding: 0 10px; margin: 0; }
.boxcl, .boxclb { padding: 0 10px 0 0; margin: 0; }
.boxcr, .boxcrb { padding: 0 0 0 10px; margin: 0; }
div.boxes > div { position: relative; padding-bottom: 2000px !important; margin-bottom: -2000px !important; }
/*** special css from configuration/script ***/
body{background-color:#E6E6E6;color:#000000;text-align:center;}
#body,.body{margin:0px auto 0px;min-width:960px;max-width:1300px;width:80%;border:1px solid #A5A5A5;}
#header{height:130px;position:relative;z-index:20;}
#header img{position:absolute;top:0px;left:10px}
#content{padding: 0 200px 0 200px;position:static;z-index:10;}
#content #col1{width:100%;}
#content #col2{width:200px;right:200px;margin-left:-100%;}
#content #col3{width:200px;margin-right:-200px;}
div.miniProductImage,span.miniProductImage{width:50px;height:50px;}
div.smallProductImage,div.productImage,span.smallProductImage,span.productImage{width:150px;height:150px;}
#ibox1{margin-top:8px;}
#ibox2{margin-top:8px;}
#ibox4{margin-top:8px;}
#ibox5{margin-top:8px;}
#ibox6{margin-top:8px;}
#ibox7{margin-top:8px;}
#ibox8{margin-top:8px;}
#ibox9{margin-top:8px;}
#ibox10{margin-top:8px;}
#ibox11{margin-top:8px;}
#ibox12{margin-top:8px;}
#ibox13{margin-top:8px;}
#ibox14{margin-top:8px;}
#ibox16{margin-top:8px;}
#ibox100{margin-top:8px;}
#ibox101{margin-top:8px;}
#ibox102{margin-top:8px;}
#ibox103{margin-top:8px;}
#ibox105{margin-top:8px;}
#ibox106{margin-top:8px;}
#ibox107{margin-top:8px;}
#ibox108{margin-top:8px;}
#ibox109{margin-top:8px;}
#ibox110{margin-top:8px;}
#ibox111{margin-top:8px;}
#ibox112{margin-top:8px;}
#ibox113{margin-top:8px;}
#ibox114{margin-top:8px;}
#ibox115{margin-top:8px;}
#ibox116{margin-top:8px;}
#ibox117{margin-top:8px;}
#ibox118{margin-top:8px;}
#ibox1016{margin-top:8px;}
#ibox1015{margin-top:8px;}
#ibox1013{margin-top:8px;}
#ibox1011{margin-top:12px;}
#ibox1025{margin-top:0px;}
#ibox1009{margin-top:8px;}
#ibox1008{margin-top:8px;}
#ibox1006{margin-top:8px;}
#ibox1005{margin-top:8px;}
#ibox1004{margin-top:8px;}
#ibox1003{margin-top:8px;}
#ibox1002{margin-top:8px;}
#ibox1000{margin-top:8px;}
#ibox1017{margin-top:8px;}
#ibox1019{margin-top:0px;}
#ibox1023{margin-top:0px;}
#ibox1024{margin-top:0px;}
body { font-size: 12px; font-family: "Arial", "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, sans-serif; text-align: center; padding-top:0px !important; margin-top:0px !important; } /*"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;*/
h1 { color: #333333; font-size: 16px; margin: 0 0 10px; }
h2 { color: #333333; font-size: 14px; margin: 0 0 10px; }
h3 { color: #333333; font-size: 12px; margin: 0 0 10px; }
h4 { color: #333333; font-size: 12px; margin: 0 0 5px; }
/*******************************************************************************************/
/* Forms */
.xoForm { margin: 0; padding: 0; position: relative; z-index: 1 !important; } /* reset stuff */
/* Some generals and more resets */
.xoForm fieldset { border: none; margin: 0px; padding: 0px; }
.xoForm fieldset legend { margin: 0px; padding: 0px; }
.xoForm .formRow, .xoForm .buttonRow { margin: 0; padding: 0; clear: both; }
.xoForm:after, .xoForm .buttonRow:after, .xoForm .formRow:after, .xoForm .formRow .multiField:after, .xoForm .inlineLbl:after { content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden; }
.xoForm .inlineLbl, .xoForm .inlineLbls .inlineLbl, .xoForm .blockLbls .inlineLbl { width: auto; float: none; margin: 0; display: block; }
.xoForm .inlineLbl input, .xoForm .inlineLbls .inlineLbl input, .xoForm .blockLbls .inlineLbl input { border: none; padding: 0; margin: 0; }
.xoForm label,
.xoForm .label,
.xoForm .blockLbls label,
.xoForm .blockLbls .label { display: block; float: none; padding: 0; line-height: 100%; width: auto; cursor: pointer; }
.xoForm .textInput, .xoForm .blockLbls .textInput, .xoForm .blockLbls .fileUpload, .xoForm .selectInput, .xoForm .blockLbls .selectInput, .xoForm .blockLbls select, .xoForm textarea, .xoForm .blockLbls textarea { float: left; }
.xoForm .formHint, .xoForm .blockLbls .formHint { float: right; margin: 0; clear: none; }
.xoForm .multiField, .xoForm .blockLbls .multiField { width: auto; float: left; }
.xoForm .multiField .inlineLbl, .xoForm .blockLbls .multiField .inlineLbl { display: block; margin: 0 0 .5em 0; }
.xoForm .multiField .blockLbl, .xoForm .blockLbls .multiField .blockLbl { float: left; width: auto; margin: 0; }
.xoForm .multiField .blockLbl .textInput, .xoForm .multiField .blockLbl .selectInput, .xoForm .multiField .blockLbl select, .xoForm .blockLbls .multiField .blockLbl .textInput, .xoForm .blockLbls .multiField .blockLbl .selectInput, .xoForm .blockLbls .multiField .blockLbl select { width: 100%; margin: 0; }
.xoForm .inlineLbls label, .xoForm .inlineLbls .label { float: left; margin: 0; padding: 0; line-height: 100%; position: relative; }
.xoForm .inlineLbls .textInput, .xoForm .inlineLbls .fileUpload, .xoForm .inlineLbls .selectInput, .xoForm .inlineLbls select, .xoForm .inlineLbls textarea { float: left; }
.xoForm .inlineLbls .formHint { clear: both; float: none; }
.xoForm .inlineLbls .multiField { float: left; }
.xoForm .inlineLbls .multiField .inlineLbl {}
.xoForm .inlineLbls .multiField .blockLbl {}
.xoForm .inlineLbls .multiField .blockLbl .textInput,
.xoForm .inlineLbls .multiField .blockLbl .selectInput,
.xoForm .inlineLbls .multiField .blockLbl select { display: block; width: 100%; float: none; }
.xoForm .inlineLbls .multiField select { float: left; }
.xoForm label em, .xoForm .label em, .xoForm .blockLbls label em, .xoForm .blockLbls .label em { position: absolute; left: -7px; }
.xoForm .inlineLbls label em, .xoForm .inlineLbls .label em { display: block; position: absolute; left: auto; right: 5px; font-style: normal; font-weight: bold; }
.xoForm .inlineLbl em { position: absolute; left: 7px; }
.xoForm #errorMsg, .xoForm .error {}
.xoForm #errorMsg dt, .xoForm #errorMsg h3 {}
.xoForm #errorMsg dd {}
.xoForm #errorMsg ol {}
.xoForm #errorMsg ol li {}
.xoForm .errorField {}
.xoForm #OKMsg {}
.xoForm .col { float: left; }
.xoForm .col.first {}
.xoForm .col.last {}
.uma-thurman { position: absolute; top: -10000em; left: -10000em; }
.xoForm fieldset { border: 1px solid #BEBEBE; padding: 10px 10px 10px 10px; background: #FFFFFF; margin-top: 10px; }
.xoForm fieldset fieldset { background: #EEEFE9; padding: 10px 10px 10px 10px; margin-top: 10px; }
.xoForm fieldset legend { color: #333; font-weight: bold; font-size: 100%; margin: 0; padding: 0; }
.xoForm .formRow { padding: 5px 10px; }
.xoForm .buttonRow { padding: 5px 10px; text-align: right; }
.xoForm .resetButton { float: left; }
.xoForm .primaryAction { font-weight: bold; }
.xoForm .focused { background: #FFFCDF; }
.xoForm .inlineLbl input, .xoForm .inlineLbls .inlineLbl input, .xoForm .blockLbls .inlineLbl input { float: left; margin: 0 .4em 0 0; }
.xoForm .inlineLbl span { float: left; width: 90%; }
.xoForm .blockLbls .formRow {}
.xoForm label, .xoForm .blockLbls label, .xoForm .blockLbls .label { margin: 0 0 .5em 0; }
.xoForm .textInput, .xoForm .blockLbls .textInput, .xoForm .blockLbls .fileUpload { width: 53%; }
.xoForm .textInputList, .xoForm .blockLbls .textInputList { width: 25%; }
.xoForm .selectInput, .xoForm select, .xoForm .blockLbls .selectInput, .xoForm .blockLbls select { width: 53.5%; }
.xoForm textarea, .xoForm .blockLbls textarea { width: 53%; height: 12em; }
.xoForm .formNote, .xoForm .blockLbls .formNote { width: 90%; font-size: .9em; color: #777777; position: relative; top: -.5em; }
.xoForm .formHint, .xoForm .blockLbls .formHint { width: 45%; font-size: .9em; color: #777777; position: relative; top: -.5em; }
.xoForm .multiField, .xoForm .blockLbls .multiField { width: 53%; }
.xoForm .multiField .inlineLbl, .xoForm .blockLbls .multiField .inlineLbl { display: block; margin: 0 0 .5em 0; }
.xoForm .multiField .blockLbl, .xoForm .blockLbls .multiField .blockLbl { width: 30%; margin: 0 10px 0 0; }
.xoForm .multiField .blockLbl .textInput, .xoForm .multiField .blockLbl .selectInput, .xoForm .multiField .blockLbl select, .xoForm .blockLbls .multiField .blockLbl .textInput, .xoForm .blockLbls .multiField .blockLbl .selectInput, .xoForm .blockLbls .multiField .blockLbl select { width: 100%; margin: .3em 0 0 0; }
.xoForm .inlineLbls .formRow {}
.xoForm .inlineLbls label, .xoForm .inlineLbls .label { width: 45%; margin: 0 0 0 0; }
.xoForm .inlineLbls .textInput, .xoForm .inlineLbls .fileUpload { width: 45%; }
.xoForm .inlineLbls .selectInput, .xoForm .inlineLbls select { width: 45.8%; }
.xoForm .inlineLbls textarea { width: 45%; height: 12em; }
.xoForm .inlineLbls .formHint { margin-top: 0; margin-left: 47%; font-size: .9em; color: #777777; }
.xoForm .inlineLbls .multiField { width: 46%; margin: 0 0 .3em 0; }
.xoForm .inlineLbls .multiField .inlineLbl { display: block; margin: 0 0 .5em 0; }
.xoForm .inlineLbls .multiField .blockLbl { float: left; width: 26%; margin: 0 3% 0 0; }
.xoForm .inlineLbls .multiField .blockLbl .textInput, .xoForm .inlineLbls .multiField .blockLbl .selectInput, .xoForm .inlineLbls .multiField .blockLbl select { width: 100%; margin: .3em 0 0 0; }
.xoForm .formRow .textInput:focus { outline: none; }
.xoForm .formRow textarea:focus { outline: none; }
.xoForm div.focused .formHint { color: #333333; }
.xoForm .col { width: 47.9%; margin: 0 2% 20px 0; }
.xoForm .col.first { width: 49%; float: left; clear: none; }
.xoForm .col.last { width: 49%; float: right; clear: none; margin-right: 0; }
.xoForm #errorMsg { background: #FFDFDF; border: 1px solid #DF7D7D; border-width: 1px 0; margin: 0 0 1.5em 0; padding: 7px; }
.xoForm .error { background: #FFDFDF; border: 1px solid #DF7D7D; border-width: 1px 0; }
.xoForm #errorMsg dt, .xoForm #errorMsg h3 { margin: 0 0 .5em 0; font-size: 100%; line-height: 100%; font-weight: bold; color: #AF4C4C; }
.xoForm #errorMsg dd { margin: 0; padding: 0; }
.xoForm #errorMsg ol { margin: 0; padding: 0; }
.xoForm #errorMsg ol li { margin: 0; padding: 2px; list-style-position: inside; border-bottom: 1px dotted #DF7D7D; position: relative; }
.xoForm #errorMsg a { color: #CC0000; font-weight: normal; }
.xoForm .errorField { color: #AF4C4C; margin: 0 0 6px 0; padding: 4px; background: #FFBFBF; }
.xoForm #OKMsg { background: #C8FFBF; border: 1px solid #A2EF95; border-width: 1px 0; margin: 0 0 1.5em 0; padding: 7px; }
.xoForm #OKMsg p { margin: 0; }
.xoForm { margin-top: 1.5em; }
.xoForm .errorField { font-weight: bold; }
.xoForm .multiField, .xoForm .blockLbls .multiField { width: 60%; }
.xoForm .formHint, .xoForm .blockLbls .formHint { width: 40%; margin-top: .3em; float: left; }
.xoForm .textInput, .xoForm .selectInput, .xoForm select, .xoForm textarea, .xoForm .textInputList { border: 2px solid #DFDFDF; background:#FFFFFF; }
.xoForm .textInput.block { width: 99%; margin-top: .3em; }
.formRow.focused .textInput { border-color: #DFD77D; }
.xoForm .buttonRow button { float: right; }
.xoForm label.bold { font-weight: bold; }
.xoForm .formRow p img { float: left; margin: 0 10px 0 0; }
.xoForm .formRow p a img { float: none; margin: 0 5px 5px 0; vertical-align: middle; }
.xoForm textarea.block { width: 99%; }
.xoForm legend span { display: block; padding: 5px; background: #EEEFE9; border: 1px solid #BEBEBE; }
/*****************************************************************************************
******************************************************************************************
** ab hier standard.css
******************************************************************************************
*****************************************************************************************/
/* Layout */
#body { background:#FFFFFF; }
#body ul { list-style-type: none; }
#page { padding:10px; }
#header { display: block; background: url(../images/layout/header-bg.jpg) repeat-x; }
#headSearch { height: 30px; background: url(../images/layout/search_bg.png) repeat-x; overflow: visable; /*position: relative;*/ clear: left; }
#footer { padding-bottom:60px; }
/* Infobar Bottom */
#infobar_toggle { width: 42px; height: 18px; margin: 0px auto; position: absolute; top: -18px; left: 50%; cursor: pointer; }
.in { background: url(../images/layout/infobar-toggle.png) no-repeat 0 0; }
.out { background: url(../images/layout/infobar-toggle.png) no-repeat 0 -24px; }
.infobar-floater { background: #ADBEEC url(../images/layout/infobar.gif) repeat-x left top; border-top: 1px solid #6275B2; bottom:0; height: 50px; left:0; padding-top: 1px; position: fixed; width: 100%; z-index: 10; }
.infobar { margin: 0 auto; position: relative; width: 990px; }
#fbshare { padding:10px 0 0 10px; }
#infobar-social { float:left; margin:0 0 0 10px; }
#infobar-social li { display:inline; float:left; margin:12px 10px 0 0; }
#infobar-social li a { width:24px; height:23px; margin:0 10px 0 0; padding:0px; float:left; display:inline; }
li a#infobar-twitter { background:url(../images/layout/infobar-twitter.gif) no-repeat; margin:0; padding:0; }
li a#infobar-facebook { background:url(../images/layout/infobar-facebook.gif) no-repeat; margin:0; padding:0; }
li a#infobar-rss { background:url(../images/layout/infobar-rss.gif) no-repeat; margin:0; padding:0; }
#infobar-user { float:left; width:360px; margin:0; overflow:hidden; background:url(../images/layout/infobar-info.png) no-repeat 20px 10px; padding:5px 20px 8px 55px; }
#infobar-user p { margin:0px auto; float:none; }
#infobar-user span { display:block; text-align:left; padding:3px 0 0 0; }
#infobar-user a { font-weight:bold !important; color:#FFFFFF; }
#infobar-cart { float:right; width:420px; margin:0; }
#infobar-cart a { float:right; margin:4px 10px 0 0; padding:10px 30px 10px 10px; background:#5E6AA6 url(../images/layout/infobar-cart.png) no-repeat 97% center; border:1px solid #FFFFFF; text-transform:uppercase; text-decoration:none !important; font-size:17px; color:#FFFFFF; }
#infobar-cart a:hover { background:#717CB7 url(../images/layout/infobar-cart.png) no-repeat 99% center; }
#infobar-cart .inactive { background:#CCCCCC url(../images/layout/infobar-cart.png) no-repeat 97% center; cursor:default; }
#infobar-cart a.inactive:hover { background:#CCCCCC url(../images/layout/infobar-cart.png) no-repeat 97% center; cursor:default; }
/* /Infobar Bottom */
#footer { text-align: left; }
#footer .boxes { border:1px solid #E3E3E3; background:#6975A5; padding:4px; color:#FFFFFF; }
#footer .boxes a { color:#FFFFFF !important; }
#footer .bar { text-align: center; margin-bottom:15px; margin-top:15px; }
#footer .bar a, #footer a:link, #footer a:visited { text-decoration: none; text-transform: uppercase; color: #525D8A; font-weight: bold; padding-left:5px; padding-right:5px; }
#footer .bar a:hover { text-decoration: underline; }
#footer .tl, #footer .tr, #footer .bl, #footer .br { position: absolute; width: 20px; height: 20px; }
#footer .tl { top: -2px; left: -2px; background: url(../images/layout/footer_tl.png) no-repeat; }
#footer .tr { top: -2px; right: -2px; background: url(../images/layout/footer_tr.png) no-repeat; }
#footer .bl { bottom: -2px; left: -2px; background: url(../images/layout/footer_bl.png) no-repeat; }
#footer .br { bottom: -2px; right: -2px; background: url(../images/layout/footer_br.png) no-repeat; }
#footer a { color: #525D8A; text-decoration: none; font-weight: bold; }
#footer a:hover { text-decoration: underline; }
.footer_extra { color:#009900; }
#content { padding-top:10px !important; }
.cbl, .cbr { position: absolute; display: block; width: 30px; height: 30px; }
.cbl { bottom: -1px; left: -2px; background: url(../images/layout/corner_bl.png) no-repeat; }
.cbr { bottom: -1px; right: -2px; background: url(../images/layout/corner_br.png) no-repeat; }
.boxesb { }
.boxclb { border-right: 1px solid #C7C7C7; padding: 0; }
.boxcrb { padding: 0; }
.boxc { padding: 0 5px; vertical-align: top; }
.boxcl { padding: 0 5px 0 0; vertical-align: top; }
.boxcr { padding: 0 0 0 5px; vertical-align: top; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.right input, .right select { float: right; }
span.incart input, span.incart select { float: none !important; }
img.contentImage, img.boxImage { border: 1px solid #6A6A6A; }
input.input { border: 1px solid #6A6A6A; }
span.pdfinfo { font-size: 10px; }
div.agb { background: #FFFFFF; border: 1px solid #C7C7C7; padding: 5px; margin: 0 0 10px 0; height: 150px; overflow: auto; }
/*******************************************************************************************/
/* ProductImages */
.productImage, .miniProductImage, .smallProductImage { display: block; position: relative; }
.productImage { margin: 0 10px 5px 0; }
.news .productImage { float: left; }
.miniProductImage { float: left; margin: 0 10px 5px 0; }
.smallProductImage { margin: 0 auto 5px; }
a.zoomicon,a.infoicon,a.wishicon,span.zoomclose{ background-image:url(../images/icons/icons.png); background-repeat:no-repeat; margin:0; padding:0; border:0; display:block; width:20px; height:20px; position:absolute; }
a.zoomicon{background-position:0px -182px;top:3px;left:3px;}
a.zoomicon:hover{background-position:0px -202px;}
a.infoicon{background-position:0px -222px;bottom:1px;right:-21px;}
a.wishicon{background-position:0px -242px;bottom:23px;right:-21px;}
.listingstyle3 a.infoicon,.listingstyle4 a.infoicon{right:1px;bottom:-21px;}
.listingstyle3 a.wishicon,.listingstyle4 a.wishicon{right:23px;bottom:-21px;}
.listingstyle1 .textInput, .listingstyle2 .textInput, .listingstyle3 .textInput, .listingstyle4 .textInput,
.listingstyle1 .selectInput, .listingstyle2 .selectInput, .listingstyle3 .selectInput, .listingstyle4 .selectInput { float: none !important; width: 40px !important; margin-right: 5px; }
.catlistingstyle1 .textInput, .catlistingstyle1 .selectInput, .catlistingstyle2 .textInput, .catlistingstyle2 .selectInput,
.catlistingstyle3 .textInput, .catlistingstyle3 .selectInput, .catlistingstyle4 .textInput, .catlistingstyle4 .selectInput,
.productOptionsTable .textInput { float: none !important; width: 40px !important; margin-right: 5px; }
.catlistingstyle1 input, .productOptionsTable input {margin:0 5px;}
.hdots { background: url(../images/layout/dot_bottom.png) repeat-x left bottom; width: 100%; }
.vdots { background: url(../images/layout/dots_vertical.png) repeat-y right top; }
/*******************************************************************************************/
/* headLoginBasket */
div#header div#headLoginBasket { padding:5px; float: right; *width: 400px; padding: 0px; margin: 0 10px 5px 0; overflow: hidden; font-size:11px; color:#000000; border: 1px solid #ABB6DE; background: #ABB6DE; position:relative; }
div#header div#headLoginBasket a { font-size: 11px; color:#545454; padding-right:5px; }
div#header div#headLoginBasket img { position: static; margin: 5px 0 0 2px;}
div#headLoginBasket div#headLogin { background:#BCC7EF; float: left; line-height: 16px; min-height:80px; text-align: left; padding: 3px 5px 3px 5px; margin:4px 2px 4px 4px; *width: 230px; }
div#headLoginBasket div#headBasket { background:#BCC7EF; float: left; line-height: 16px; min-height:80px; text-align: left; padding: 3px 5px 3px 5px; margin:4px 4px 4px 2px; *width: 130px; }
div#headBasket #headBasket-title { background: url(../images/icons/cart.png) no-repeat; font-weight: bold; font-size: 11px; color:#FFFFFF; margin:0 0 4px 0; padding: 0px 0px 0px 20px; border-bottom:1px solid #E8E7E8; text-transform:uppercase; }
div#headBasket .open_cart { float:left; }
div#headLogin form { clear: both; display: inline; }
div#headLogin input.input { width: 80px; display:inline; font-size: 11px; margin:0 5px 0 0; padding:3px 1px 3px 1px; border: 1px solid #B5B5B5; }
div#headLogin input.submit { float: right; margin: 5px 2px 0px 0px; }
div#headLogin #headLogin-title { background: url(../images/icons/user.png) no-repeat; font-weight: bold; font-size: 11px; color:#FFFFFF; margin:0 0 4px 0; padding: 0px 0px 0px 20px; border-bottom:1px solid #E8E7E8; text-transform:uppercase; }
div#headBasket span { display:block; }
/*******************************************************************************************/
/* headNav - Navigation */
#top_navi { width: 100%; position: relative; height: 22px; padding-top: 7px; overflow: hidden; z-index: 1; }
#top_navi ul { padding: 0px; margin: 0px; right: 10px; position: absolute; }
#top_navi ul li { display: inline; margin: 0px; }
#top_navi a, #top_navi a:link, #top_navi a:visited { padding-left: 3px; padding-right: 3px; text-decoration: none; color: #FFFFFF; font-size: 11px; }
#top_navi a:hover { text-decoration: underline; }
#top_navi .special-sonderangebot { background: url(../images/icons/coins.png) no-repeat left center; padding-left: 15px; font-weight: bold; }
#top_navi .special-highlight { background: url(../images/icons/light-bulb.png) no-repeat left center; padding-left: 15px; font-weight: bold; }
#top_navi .special-neu { background: url(../images/icons/bell.png) no-repeat left center; padding-left: 15px; font-weight: bold; }
/*
#headNav { height: 30px; background: #DDDDDD; }
div#headNav ul { padding: 0; margin: 0; height: 28px; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; background: url(../images/layout/head_ul_bg.png) repeat-x; overflow: hidden; }
div#headNav ul li { display: inline; margin: 0px; }
div#headNav ul li.nav0 a, div#headNav ul li.nav0active a { display: block; float: left; height: 22px; background: url(../images/layout/head_ul_bg-li.png) repeat-x; padding: 6px 14px 0 15px; margin: 0px; border-right: 1px solid #FFFFFF; font-weight: bold; text-decoration: none; color: #000000; }
div#headNav ul li.nav0active a, div#headNav ul li.nav0 a:hover { background: url(../images/layout/head_ul_bg.png) repeat-x; color:#FFFFFF; }
*/
#headNav { position: relative; background: #7E97B2; width: 100%; z-index: 100; }
ul.dropdown { position: relative; width: 100%; height: 28px; border-style: solid; border-color: #FFF; border-top-width: 1px; border-bottom-width: 1px; z-index: 101; }
ul.dropdown li { font-weight: bold; float: left; background: #7E97B2; }
ul.dropdown li a { text-decoration: none; margin: 0; white-space: nowrap; line-height: 28px; text-indent: 10px; padding: 0 10px 0 0; }
ul.dropdown li.showall,
ul.dropdown li.showall:hover { background: url(../images/layout/dropdown_bg.png) repeat-x 0 -28px; width: 200px; border-right: 1px solid #FFF; }
ul.dropdown li.showall a { display: block; }
ul.dropdown li.showall li a { width: auto; height: 22px; line-height: 22px; }
ul.dropdown li.showall:hover { }
ul.dropdown li.showall:hover li:hover { background: #F5C77F; }
ul.dropdown li.showall:hover li li { background: #7E97B2; }
ul.dropdown li.showall:hover li li:hover { background: #F5C77F; }
ul.dropdown a:hover { color: #000; }
ul.dropdown a:active { color: #000; }
ul.dropdown li a { display: block; color: #000; }
ul.dropdown li:hover,
ul.dropdown a:hover { position: relative; }
ul.dropdown li:hover a { color: #000; }
ul.dropdown li li:hover { }
ul.dropdown ul { display: none; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li { font-weight: normal; background: #7E97B2; color: #000; border-bottom: 1px solid #474747; float: none; }
/* IE 6 & 7 Needs Inline Block */
* html ul.dropdown li a,
*+html ul.dropdown li a { display: inline-block; width: 100%; float: none; }
ul.dropdown ul ul,
ul.dropdown ul ul ul,
ul.dropdown ul ul ul ul,
ul.dropdown ul ul ul ul ul { position: absolute; left: 100%; top: 0; }
ul.dropdown li:hover ul,
ul.dropdown a:hover ul { display: block; }
ul.dropdown ul,
ul.dropdown li:hover ul ul,
ul.dropdown li:hover li:hover ul ul,
ul.dropdown li:hover li:hover li:hover ul ul,
ul.dropdown li:hover li:hover li:hover li:hover ul ul,
ul.dropdown ul,
ul.dropdown a:hover ul ul,
ul.dropdown a:hover a:hover ul ul,
ul.dropdown a:hover a:hover a:hover ul ul,
ul.dropdown a:hover a:hover a:hover a:hover ul ul { left: -9999px; }
ul.dropdown li:hover ul, ul.dropdown a:hover ul { left: 0; }
ul.dropdown li:hover li:hover ul,
ul.dropdown li:hover li:hover li:hover ul,
ul.dropdown li:hover li:hover li:hover li:hover ul,
ul.dropdown li:hover li:hover li:hover li:hover li:hover ul,
ul.dropdown a:hover a:hover ul,
ul.dropdown a:hover a:hover a:hover ul,
ul.dropdown a:hover a:hover a:hover a:hover ul,
ul.dropdown a:hover a:hover a:hover a:hover a:hover ul { left: 100%; margin: 0; padding: 0; }
/* IE6 workarounds */
* html ul.dropdown a { line-height: 28px; height: 28px; float: left; }
* html ul.dropdown a.showall { float: none; }
* html ul.dropdown table { position: absolute; left: 0; top: 28px; height: 0; width: 0; border: 0; border-collapse: collapse; margin: 0; }
* html ul.dropdown table a { line-height: 22px; height: 22px; background-image: none; float: none; }
* html ul.dropdown table table { /*position: absolute;*/ left: 100%; top: 0; height: 0; width: 0; border: 0; border-collapse: collapse; margin: 0; }
/** html ul.dropdown table, * html ul.dropdown tr, * html ul.dropdown table td { margin: 0 !important; padding: 0 !important; }
* html ul.dropdown table { position: absolute; left: 0; height: 0; width: 0; border-collapse: collapse; }
* html ul.dropdown table table { left: 99%; }
* html ul.dropdown li.showall ul li a { background: green; }*/
/* /Flyout Menü */
ul.dropdown li a { background-image: url(../images/layout/dropdown_bg.png); white-space: nowrap; }
ul.dropdown li.nav0 a,
ul.dropdown li.nav0active a { display: block; border-right: 1px solid #FFFFFF; font-weight: bold; text-decoration: none; color: #000; }
ul.dropdown li.showall ul,
ul.dropdown li.nav0 ul,
ul.dropdown li.nav0active ul { width: 200px; border-top: 1px solid #FFF; }
ul.dropdown li.showall ul ul,
ul.dropdown li.nav0 ul ul,
ul.dropdown li.nav0active ul ul { border: 0; }
ul.dropdown li.nav0 a { background-repeat: repeat-x; background-position: 0 0; }
ul.dropdown li.nav0:hover a,
ul.dropdown li.nav0active a { background-position: 0 -28px; }
ul.dropdown li.showall li a,
ul.dropdown li.nav0:hover li.nav1 a,
ul.dropdown li.nav0active li.nav1 a,
ul.dropdown li.nav0active li.nav1active a { background-image: none; }
ul.dropdown li.nav1 a,
ul.dropdown li.nav1active a { padding: 0; border-width: 0; font-weight: normal; line-height: 22px; text-indent: 5px; }
ul.dropdown a.showall { background: url(../images/layout/showall.png) no-repeat 95% 50%; padding: 0; }
/* bgiframe hack für IE7 */
*+html #headNav ul ul {azimuth: expression(this.shimmed = this.shimmed || 'shimmed:'+this.insertAdjacentHTML('beforeBegin','<iframe src="javascript:'+"''"+'" style="filter:alpha(opacity=0); padding:0; margin:0; border:0;"></iframe>'),'inherit');}
*+html #headNav iframe {position:absolute; left:-9999px; top:0;}
*+html #headNav :hover iframe {left:expression(this.nextSibling.offsetLeft);top:expression(this.nextSibling.offsetTop);width:expression(this.nextSibling.offsetWidth);height:expression(this.nextSibling.offsetHeight);}
/*******************************************************************************************/
/* headSearch - Navigation */
div#headSearch form#quicksearch { position: relative; z-index: 99; display: block; width: 213px; height: 27px; margin: 0px; padding: 0px 0 0 2px; float: left; background: url(../images/layout/head_a_ov.png) repeat-x; }
div#headSearch form#quicksearch input#quicksearchvalue { margin: 4px 0px 0px 3px; height:17px; float: left; width: 182px; border: 1px solid #DDDDDD; font-size: 10px; }
div#headSearch form#quicksearch input#quicksearchsubmit { margin: 7px 0 0 0; float: left; }
div#headSearch { color: #222222; }
div#headSearch a { display: block; float: left; height: 24px; padding: 6px 10px 0 10px; /* border-right: 1px solid #FFFFFF; */ font-weight: normal; text-decoration: none; color: #222222; }
div#headSearch a:hover { text-decoration:underline; }
div#headSearch label { font-weight: normal; padding: 6px 5px 0 0; display: block; float: left; }
div#headSearch select { margin: 4px 0 0 0; font-size: 12px; }
div#headSearch form#headCurrency { float: left; padding: 0 10px; }
div#headSearch div#headLanguage { float: left; padding: 0 10px; /* border-left: 1px solid #FFFFFF; */ }
div#headSearch div#headLanguage span { font-weight: normal; padding: 6px 0 0 0; display: block; float: left; }
div#headSearch div#headLanguage a { display: block; float: left; border: 0px; text-decoration: none; padding: 6px 0 0 5px; }
div#headSearch div#headLanguage a img { vertical-align: middle; }
ul.suggestResults {display:block;position:absolute;top:0;left:0;border:1px solid #BEBEBE;padding:0px;margin:0px;z-index:9001;list-style-type: none;background:#FFFFFF;}
ul.suggestResults li.resultItem {margin:0px;padding:5px;position:relative;height:52px;cursor:pointer;z-index:9002;display:block;}
ul.suggestResults li.resultItem.odd {background-color:#B0BFEB;}
ul.suggestResults li.resultItem.even {background-color:#9BACE0;}
ul.suggestResults li.resultItem.hover {background-color:#8A9AC9; }
ul.suggestResults li.resultItem.hover .text a { color:#FFFFFF !important; }
ul.suggestResults li.resultItem a { border-width: 0px !important; float: left; margin:0px !important; padding:0px !important; display: inline !important; }
ul.suggestResults li.resultItem img {float:left;margin-right:10px;}
ul.suggestResults li.resultItem p {margin:0px;padding:0px;}
ul.suggestResults li.resultItem p strong {font-weight:bold;text-decoration:underline;}
ul.suggestResults li.resultItem p.extra {font-size: 10px;font-style:italic;position:absolute;bottom:3px;right:3px;margin:0;padding:0;height:12px; line-height:12px;}
div#imagepreloader{display:none;}
/*******************************************************************************************/
/* col1 - Content */
#product_info_popup a, #content a { color: #525D8A; font-weight: bold; text-decoration: none; }
#col1c a.boxLink:hover, #col2c a.boxLink:hover, #col3c a.boxLink:hover { text-decoration:underline; }
#col2c h3 a, #col3c h3 a { color: #3D4F92; }
#col1c { padding-left:15px; padding-right:15px; padding-top:10px; padding-bottom:10px; }
#col1c h1 { margin: 0 0 10px 0; }
.index-title { border: 1px solid #BEBEBE; font-size: 14px; font-weight:bold; height: 20px; padding: 5px 5px 1px 5px; margin: 0 0 5px 0; background: #C7C7C7 url(../images/layout/ul_box_bg.png) repeat-x; }
div#catBar { margin: 0 0 10px 0; background:#EEEEEE; border:1px solid #CECECE; }
div#catBar .index-title { border:none; background:none; padding-top:10px; }
div#catBar div.boxes { margin: 0; }
div#catBar p { padding: 0; margin:5px; }
a.catLink { display: block; background:#FFFFFF; text-align: center; padding: 5px; margin: 0 0 10px; color: #6975A5; text-decoration: none; border: 1px solid #DDDDDC; }
a.catLink:hover { text-decoration: underline !important; }
#col1c h1.pageHeading { border: 1px solid #BEBEBE; padding: 10px; background: #F5F5F5; }
#col1c .cols2 h1.box { margin-top: 0px; }
#col1c span.spacer { display: block; height: 10px; line-height: 10px; }
#col1c h2, #col1c p { margin: 0 0 10px 0; }
#col1c a { color: #525D8A; font-weight: bold; text-decoration: none; }
#col1c div.cols2 { /* background: url(../images/layout/dots_vertical.png) repeat-y center 0px; */ margin: 10px 0px !important; }
div#col1c p.breadcrumb { padding: 10px; }
div#col1c div.banner { padding: 10px; border: 1px solid #C7C7C7; color: #737373; }
div#col1c div.banner h2 { font-size: 12px; font-weight: bold; }
div#col1c div.boxes { padding: 0; margin: 0 0 10px 0; }
div#col1c > div.boxesb { margin-bottom: 10px; }
div#col1c div.contentBox { border: 1px solid #BEBEBE; padding: 10px; margin: 0 0 10px 0; }
div.contentBox p { padding: 5px 0; }
p.icon { vertical-align: middle; }
p.icon img { vertical-align: middle; /*float: left;*/ }
/*******************************************************************************************/
/* col2 - Navigation */
div#col2c { }
div#col2c li a { display: block; font-weight: normal; }
div#col2c li a.active { font-weight: bold; }
div#col2c ul, div#col2c ol, div#col2c li, div#col2c dl { margin: 0; padding: 0; list-style-type: none; }
div#col2c ul.nav { margin:0px; padding:0px; }
div#col2c ul.nav li { padding-left:3px; padding-right:3px; margin: 0; background:#E1E1E1; }
div#col2c ul.nav li a span { cursor: pointer; display: block; }
div#col2c ul.nav li a { font-size:12px; padding-top:3px; padding-bottom:3px; padding-left:15px; display: block; color: #000000; background: url(../images/icons/nav0.png) no-repeat 5px 4px; }
/* Root */
div#col2c ul.nav li.nav0 a { background: url(../images/icons/nav0.png) no-repeat 4px 6px; font-weight: normal; color:#121212 !important; }
/* / Root */
div#col2c ul.nav li.nav0active a.active { background: url(../images/icons/nav1.png) no-repeat 5px 6px; font-weight:normal; color:#6975A5 !important; }
div#col2c ul.nav li.nav0active a { background: url(../images/icons/nav1.png) no-repeat 4px 6px; font-weight:normal; color:#6975A5 !important; border-bottom:1px dotted #CECECE; }
div#col2c ul.nav1 li.nav1 a { background: url(../images/icons/nav0.png) no-repeat 10px 6px; padding-left:20px; font-weight:normal; color: #121212 !important; }
div#col2c ul.nav1 li.nav1active a.active { background: url(../images/icons/nav1.png) no-repeat 10px 6px; padding-left:20px; font-weight:normal; color:#6975A5 !important; }
div#col2c ul.nav1 li.nav1active a { background: url(../images/icons/nav2.png) no-repeat 8px 6px; padding-left:20px; font-weight:normal; color:#6975A5; }
div#col2c ul.nav2 li.nav2 a { background: url(../images/icons/nav0.png) no-repeat 20px 6px; padding-left:30px; font-weight:normal; color: #121212 !important; }
div#col2c ul.nav2 li.nav2active a.active { background: url(../images/icons/nav1.png) no-repeat 20px 6px; padding-left:30px; font-weight:normal; color:#6975A5 !important; }
div#col2c ul.nav2 li.nav2active a { background: url(../images/icons/nav2.png) no-repeat 18px 6px; padding-left:30px; font-weight:normal; color:#6975A5; }
div#col2c ul.nav3 li.nav3 a { background: url(../images/icons/nav0.png) no-repeat 30px 6px; padding-left:40px; font-weight:normal; color: #121212 !important; }
div#col2c ul.nav3 li.nav3active a.active { background: url(../images/icons/nav1.png) no-repeat 30px 6px; padding-left:40px; font-weight:normal; color:#6975A5 !important; }
div#col2c ul.nav3 li.nav3active a { background: url(../images/icons/nav2.png) no-repeat 28px 6px; padding-left:40px; font-weight:normal; color:#6975A5; }
div#col2c ul.nav4 li.nav4 a { background: url(../images/icons/nav0.png) no-repeat 40px 6px; padding-left:50px; font-weight:normal; color: #121212 !important; }
div#col2c ul.nav4 li.nav4active a.active { background: url(../images/icons/nav1.png) no-repeat 40px 6px; padding-left:50px; font-weight:normal; color:#6975A5 !important; }
div#col2c ul.nav4 li.nav4active a { background: url(../images/icons/nav2.png) no-repeat 38px 6px; padding-left:50px; font-weight:normal; color:#6975A5; }
div#col2c ul.nav li a:hover, div#col2c ul.nav li a.active:hover { text-decoration:underline; }
/*******************************************************************************************/
/* col3 - Right */
div#col3c { }
#col3c a.boxLink { color: #3D4F92; }
div#col3c div.basket { margin: 0 0 10px 0; padding: 10px 0 0 0; border: 1px solid #C7C7C7; background: #FFFFFF; }
div#col3c div.box { margin: 0 0 10px 0; padding: 10px 0 0 0; border: 1px solid #C7C7C7; background: #F5F5F5; }
div#col3c div.box form { display: block; margin: 0 10px 0 10px; padding: 5px 0 5px 0; }
div#col3c div.basket p { margin: 0 10px 0 10px; padding: 5px 0 5px 0; }
div#col3c div.box p { margin: 0 10px 0 10px; padding: 0 0 10px 0; }
div#col3c div.box h2 { text-align: left; margin: 0 8px 0 8px; padding: 0 0 5px 0; color: #5C5C5C; text-transform: uppercase; font-size: 12px; font-weight: bold; background: url(../images/layout/dot_bottom.png) repeat-x left bottom; }div#col3c div.box h3 { margin: 5px 10px 5px 10px; color: #666666; font-weight: bold; font-size: 12px; }
div#col3c div.basket p a, div#col3c div.box p a { display: block; padding: 0 0 0 18px; clear: left; color: #666666; text-decoration: none; background: url(../images/icons/arrow-000-medium.png) no-repeat left top; }
div#col3c div.basket p a { margin-top: 5px; }
div#col3c div.basket p.line, div#col3c div.box p.line { background: url(../images/layout/dot_bottom.png) repeat-x left bottom; }
div#col3c select, div#col3c input { /*width: 100%;*/ }
/*******************************************************************************************/
div#col2c .xoForm , div#col3c .xoForm, div#col2c fieldset , div#col3c fieldset { background: none; border-width: 0px; margin: 0px; padding: 0px; }
div#col2c fieldset .textInput, div#col3c fieldset .textInput { margin: 0px; width: 98%; }
div#col2c fieldset .selectInput, div#col3c fieldset .selectInput { margin: 0px; width: 100%; }
/*******************************************************************************************/
div.boxes p.line { background: url(../images/layout/dot_bottom.png) repeat-x left bottom; margin: 0 5px; padding: 10px 5px; }
.line { background: url(../images/layout/dot_bottom.png) repeat-x left bottom; }
div.line { font-size: 1px; line-height: 1px; height: 1px; margin: 0; padding: 0; display: block; }
hr.line { border: 0px; background: #C7C7C7; margin: 0 0 10px 0; height: 1px; }
div.boxes p.box { border: 1px solid #C7C7C7; border-top-width: 0px; margin: 0; }
div.yellowbar { background: url(../images/layout/yellowbar_bg.png) repeat-x; height: 62px; overflow: hidden; border-top: 1px solid #C7C7C7; border-bottom: 1px solid #C7C7C7; padding: 6px 0; margin: 0; }
span.quantity { display: block; padding: 0px 5px 4px 5px; }
span.price { display: block; text-align: right; margin: 0px 0 0 0; padding: 0px 5px 4px 0px; background: url(../images/layout/yellowbar_dots.png) repeat-y right top; }
span.pioldprice { font-size: 10px; display:block; margin: 0 5px; text-decoration: line-through; }
span.piprice { font-size: 16px; color: #525D8A; font-style: italic; font-weight: bold; display:block; margin: 0 5px; }
span.piinfo { font-size: 12px; display:block; margin: 0 5px; }
span.pisaving { font-size: 10px; margin: 0 5px; }
form#product select { margin: 0 0 5px 0; }
form#product h3 { margin: 0 0 5px 0; }
.product h3 { margin: 0 0 5px; }
div#col1c .tabwrapper ul.tabbednav { margin: 0; padding: 5px 5px 0 0px; overflow: hidden; }
.tabwrapper { padding-bottom:10px; }
div#col1c .tabwrapper ul.tabbednav li { float: left; color: #525D8A; font-weight: bold; margin: 8px 0 0 0; }
div#col1c .tabwrapper ul.tabbednav li a { display: block; color: #525D8A; font-weight: bold; padding: 0 10px; text-decoration: none; }
div#col1c .tabwrapper ul.tabbednav li.active { float:left; margin: 0px 0 0 0; padding: 0 0 2px 9px; border-left:1px solid #C7C7C7; border-top:1px solid #C7C7C7; background-color:#E3E3E3; }
div#col1c .tabwrapper ul.tabbednav li.active a { display: block; padding: 7px 14px 3px 4px; text-decoration: none; font-weight: bold; color: #525D8A; border-right:1px solid #C7C7C7; margin-bottom:-2px; }
div#col1c .tabwrapper .tabwrap .tabcontent { border: 1px solid #C7C7C7; padding: 10px; margin: 0 0 0px 0; }
/********************************
*** Boxen Typ4 - newXO **********
********************************/
#col2c span a, #col3c span a { color: #3D5778; text-decoration: none; }
#col2c .box-title span a { color: #2C324A; }
#col2c span.clear, #col3c span.clear { clear: both; display: block; }
#col2c span.clear a, #col3c span.clear a { background: none; }
.box4 { margin: 10px 0 10px; padding: 0; border: 1px solid #C7C7C7; background-color: #EEEFE9; }
.box4 p { margin-bottom:5px; margin-top:5px; padding-left:10px; padding-right:10px; }
.box4 p a:hover { text-decoration:underline !important; }
.box4 .box-title { margin: 0; padding-top:5px; padding-bottom:5px; padding-left:28px; padding-right:5px; color: #FFFFFF; font-size: 12px; font-weight: bold; border: none; background: url(../images/layout/cat_bg.gif) repeat-x left top; border-bottom:1px solid #FFFFFF; }
.box4 .box-title span a { color: #FFFFFF !important; }
.box4 .box-subtitle { margin: 10px 10px 0px 10px; color: #3D4F92; font-weight: bold; font-size:12px; }
.box4 .box-subtitle a { color: #3D4F92; text-decoration: none; }
.box4 .box-subtitle a:hover { text-decoration:underline !important; }
.box4 img.thumb { display: block; width: 82px; border: 1px solid #6A6A6A; margin: 0 5px 5px 0; }
.box_only4 { margin: 10px 0 0 0; padding: 0; border: 1px solid #C7C7C7; background-color: #F5F5F5; }
.box_only4 p { margin: 0 10px; padding: 10px 0; }
.box_only4 .box-title { display: none; }
.content4 { margin: 0px; padding: 0; background-color: #F5F5F5; }
.content4 p { margin-bottom:5px; margin-top:5px; padding-left:10px; padding-right:10px; }
.content4 .box-title { margin: 0; padding-top:5px; padding-bottom:5px; padding-left:28px; padding-right:5px; color: #FFFFFF; font-size: 12px; font-weight: bold; border: none; background: url(../images/layout/cat_bg.gif) repeat-x left top; border-bottom:1px solid #FFFFFF; }
.content4 .box-title span a { color: #FFFFFF !important; }
.content_only4 { margin: 10px 0 0 0; padding: 0 10px; }
.content_only4 .box-title { display: none; }
#col2c .box4, #col2c .box_only4, #col2c .content4, #col2c .content_only4 { }
div.box4 p a.boxLink, div.box_only4 p a.boxLink, div.content4 p a.boxLink, div.content_only4 p a.boxLink { display: block; padding: 0 0 0 18px; clear: left; color: #3D4F92; text-decoration: none; background: url(../images/icons/arrow-000-small.png) no-repeat left top; }
img.icon { float: right; margin: 5px 5px 0 0; border-width: 0; }
div p.trusted a { text-decoration: none; color: #5C5C5C; }
div p.trusted a img { float: right; }
/* Listing Startseite */
.product { position: relative; text-align: left; padding: 5px 0px; min-height: 150px; height: auto; }
.product span.badge-topnew { position: absolute; top: 5px; right: 0px; display: block; width: 50px; height: 50px; background: url(../images/layout/badge_topnew.png) no-repeat; }
.product span.badge-highlight { position: absolute; top: 5px; right: 0px; display: block; width: 50px; height: 50px; background: url(../images/layout/badge_highlight.png) no-repeat; }
div.buttonsleft { width: 40%; float: left; }
div.buttonsright { width: 60%; float: left; text-align: right; }
div.buttonsright span { vertical-align: middle; padding: 0px 2px; display: inline-block; }
div.buttonsright input { vertical-align: middle; }
div.buttonsleft img, div.buttonsleft input.image, div.buttonsright img, div.buttonsright input.image { margin: 0px 0px 2px 0px; padding: 0px 0px 0px 0px; vertical-align: middle; float: none; }
div.buttonsright input.image { vertical-align: top; margin: 0px; }
/* Listing Categories */
.catlistingstyle2 .product { border: 1px solid #BEBEBE; background: #F5F5F5; text-align: center; min-height: 340px; padding: 10px; }
.catlistingstyle2 .product h3 { height: 40px; }
.catlistingstyle2 .product .imagecontainer { border: 1px solid #DFDFDF; background: #FFFFFF; text-align: center; margin: 0px; }
.catlistingstyle2 .product .imagecontainer .productImage { margin: 5px auto; }
.catlistingstyle3 .product .product-box,
.catlistingstyle3 .product .product-head,
.catlistingstyle3 .product .product-foot,
.catlistingstyle3 .product .product-foot div { background: transparent url(../images/layout/list3.png) no-repeat top right; }
.catlistingstyle3 .product { padding: 0 0 0 12px; margin: 0 0 .5em; }
.catlistingstyle3 .product h3 { padding: 0 40px 0 0; margin: 0 0 .5em; height: 30px; }
.catlistingstyle3 .product .product-box { position: relative; padding: 10px 0 0 0; margin: 0px; height: 100%; *height: 320px; }
.catlistingstyle3 .product .product-head { position: absolute; left: 0px; top: 0px; width: 12px; margin-left:-12px; height: 100%; _height:1600px; /* arbitrary long height, IE 6 */ background-position: top left; }
.catlistingstyle3 .product .product-foot { position: relative; width: 100%; }
.catlistingstyle3 .product .product-foot,
.catlistingstyle3 .product .product-foot div { height: 30px; /* height of bottom cap/shade */ font-size:1px; }
.catlistingstyle3 .product .product-foot { background-position: bottom right; }
.catlistingstyle3 .product .product-foot div { position: relative; width: 12px; /* bottom corner width */ margin-left: -12px; background-position: bottom left; }
.catlistingstyle3 .product span.badge-topnew { position: absolute; top: 0px; right: 0px; display: block; width: 60px; height: 60px; background: url(../images/layout/badge_topnew2.png) no-repeat; }
.catlistingstyle3 .product span.badge-highlight { position: absolute; top: 0px; right: 0px; display: block; width: 60px; height: 60px; background: url(../images/layout/badge_highlight2.png) no-repeat; }
.catlistingstyle5 { border: 1px solid #DDDEE0; padding: 2px; margin: 0 0 20px; }
.catlistingstyle5 form, .catlistingstyle5 .boxes, .catlistingstyle5 img { margin: 0 !important; padding: 0 !important; }
.catlistingstyle5 h1.box { margin: 0 !important; }
.catlistingstyle5 h3 { margin: 0; }
.catlistingstyle5 input { vertical-align: middle; }
.catlistingstyle5 .textInput { width: 50px; }
.catlistingstyle5 span.x { line-height: 20px; padding: 0; margin: 0 5px; display: inline; }
.catlistingstyle5 span.theprice { font-weight: bold; line-height: 20px; margin-right: 5px; }
.catlistingstyle5 span.pricelabel { font-weight: bold; line-height: 20px; }
.catlistingstyle5 .boxcl, .catlistingstyle5 .boxcr { padding: 10px; }
.catlistingstyle6 {}
.catlistingstyle6 h3 { margin: 0 0 5px; }
.catlistingstyle6 input { vertical-align: middle; }
.catlistingstyle6 .textInput { width: 50px; }
.catlistingstyle6 img { margin: 0 auto 5px; }
.catlistingstyle6 span.x { line-height: 20px; padding: 0; margin: 0 5px; display: inline; }
.catlistingstyle6 span.theprice { font-weight: bold; line-height: 20px; margin-right: 5px; }
.catlistingstyle6 span.pricelabel { font-weight: bold; line-height: 20px; }
.catlistingstyle6 .productImage { width: 99%; height: 200px; display: block; text-align: center; border: 1px solid #DDDEE0; margin: 0 0 10px; padding: 5px 0; }
.catlistingstyle6 .productImage a, .catlistingstyle6 .productImage a img, .catlistingstyle6 .productImage img { margin: 0; padding: 0; }
/* Productlisting */
.listingstyle5 {}
.listingstyle5 h3 { margin: 0 0 5px; }
.listingstyle5 input { vertical-align: middle; }
.listingstyle5 .textInput { width: 50px; }
.listingstyle5 img { margin: 0 auto 5px; }
.listingstyle5 span.x { line-height: 20px; padding: 0; margin: 0 5px; display: inline; }
.listingstyle5 span.theprice { font-weight: bold; line-height: 20px; margin-right: 5px; }
.listingstyle5 span.pricelabel { font-weight: bold; line-height: 20px; }
.listingstyle5 .productImage { width: 99%; height: 200px; display: block; text-align: center; border: 1px solid #DDDEE0; margin: 0 0 10px; padding: 5px 0; }
.listingstyle5 .productImage a, .listingstyle5 .productImage a img, .listingstyle5 .productImage img { margin: 0; padding: 0; }
/* Listing Productseite */
div#listingcolumns div.product { padding: 10px 5px; margin: 0px; height: 250px; text-align: center; }
div#listingcolumns div.boxcl, div#listingcolumns div.boxc { background: url(../images/layout/dots_vertical.png) repeat-y right 0px; }
div#listingcolumns div.boxes { margin: 0px; }
div#listingcolumns div.line { background: url(../images/layout/dot_bottom.png) repeat-x 0px 0px; margin: 5px 0px; height: 1px; line-height: 1px; }
/* /Listing Productseite */
div.contentBoxHead { background: url(../images/layout/ul_box_bg.png) repeat-x; height: 20px; /*border: 1px solid #C7C7C7; border-bottom-width: 0px;*/ margin: 0; padding: 6px 5px 0 5px; font-weight: bold; color: #525D8A; }
div.contentBoxHead a { font-weight: bold; color: #525D8A; text-decoration: none; }
/*** Thumbs ***/
img.bigthumb { display: block; border: 1px solid #6A6A6A; margin: auto; margin-bottom: 5px; }
img.smallthumb { border: 1px solid #6A6A6A; float: left; margin: 0 5px 5px 0; clear: both; }
a.all { background:#6471A1; display: block; padding: 3px 0 2px 0; text-align: right; color: #FFFFFF !important; text-decoration: none; border-right: 5px solid #6471A1; font-weight: bold; }
a.all span { display: inline; padding: 2px 15px 1px 5px; background: url(../images/icons/arrow-315-medium.png) no-repeat right; }
a.all span:hover { text-decoration:underline; }
/***************************/
/*** Breadcrumb ***/
/***************************/
div.breadcrumb { margin-top:5px; margin-bottom:5px; border-bottom: 1px dotted #CECECE; padding: 0 0 5px 21px; background: url(../images/icons/home.png) no-repeat; font-weight: normal; color: #666666; font-size:11px; }
div.breadcrumb span { white-space: nowrap; }
div.breadcrumb span a { color: #8B9CCC; font-weight: normal; text-decoration: none; font-size:11px; }
div.breadcrumb span a:hover { text-decoration: underline; }
/***************************/
/*** Kategorie & Listing ***/
/***************************/
div.info { min-height: 30px; border-top: 1px dotted #C7C7C7; border-bottom: 1px dotted #C7C7C7; padding: 10px 10px 10px 50px; background: #FFFFCC url(../images/icons/info.png) no-repeat 10px 10px; margin: 0 0 10px 0; }
div.error { min-height: 30px; border-top: 1px dotted #CC0000; border-bottom: 1px dotted #CC0000; padding: 10px 10px 10px 20px; background: url(../images/icons/alert.png) no-repeat; }
div.warning { border-top: 1px dotted #C7C7C7; border-bottom: 1px dotted #C7C7C7; padding: 10px 10px 10px 50px; background: url(../images/icons/alert.png) no-repeat; }
div.product h3 a,
div.listingcolumns h3 a,
div.listingstyle1 h3 a,
div.listingstyle4 h3 a { color: #525D8A; text-decoration: none; }
div.listingstyle4 div { margin: 0; padding: 0; }
div.listingstyle4 form { display: block; border: 1px solid #C7C7C7; margin: 0 0 10px; padding: 0px; overflow: hidden; }
div.listingstyle4 form .boxes { margin: 0px !important; padding: 0px !important; }
div.listingstyle4 form .fixfloat { margin: 0px; padding: 0px; }
div.listingstyle4 form div.boxes div.b75l { background-color: #F5F5F5; margin: 0; }
div.listingstyle4 form div.boxes div.b75l div.boxcl,
div.listingstyle4 form div.boxes div.b75l div.boxcr { padding: 5px 5px 5px 5px; margin: 0px; }
div.listingstyle4 form div.boxes div.b25r { background-color: #FFFFFF; }
div.listingstyle3 form.product { border: 1px solid #BEBEBE; }
div.listingstyle3 span.productImage, div.listingstyle4 span.productImage { margin: 5px auto 21px; }
/* index news */
li.stickynews { background: #FFFFFF url(../images/layout/dot_bottom.png) repeat-x 0px bottom; padding: 5px 0px; }
li.stickynews h2 { color: #525D8A; }
li.stickynews span.newsdate { display: block; font-size: 10px; margin-bottom: 5px; }
li.news { background: #FFFFFF url(../images/layout/dot_bottom.png) repeat-x 0px bottom; padding: 5px 0px; }
li.news img, li.stickynews img { float: left; margin: 0px 10px 10px 0px; }
li.news span.newstitle { display: block; }
li.news span.newsdate { display: block; font-size: 10px; }
ul.news { margin: 0; padding: 0; list-style: none; }
ul.news li { background: #FFFFFF url(../images/layout/dot_bottom.png) repeat-x 0px bottom; margin: 0; padding: 5px 0px; }
li.news { font-size: 10px; }
li.news a { display: block; font-size: 12px; }
/* /index news */
/* Product Browser */
/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage { display: block; width: 18px; height: 18px; float: left; margin: 75px 5px; cursor: pointer; background-repeat: no-repeat; background-image: url(../images/icons/icons.png); background-repeat: no-repeat; }
a.next, a.nextPage { clear:right; float: right; }
a.disabled { }
div.productbrowser { height: 220px; overflow: auto; position: relative; margin: 0px 20px; }
div.productbrowser ul.items { width: 20000em; height: 220px; position: absolute; margin: 0; padding: 0; list-style: none; }
div.productbrowser ul.items li.item { float: left; display: block; width: 190px; height: 220px; margin: 0px 5px; position: relative; text-align: center; }
div.productbrowser ul.items li.item span { margin: 0px auto 5px; }
div.productbrowser ul.items li.item span img { width: 100%; height: 100%; }
div.productbrowser ul.items li.item.first { margin-left: 0px; }
div.productbrowser ul.items li.item.last { margin-right: 0px; }
div#col1c .tabcontent a.prev, .productImages a.prev { background-position: 0px -262px; }
div#col1c .tabcontent a.prev:hover, .productImages a.prev:hover { background-position: 0px -280px; }
div#col1c .tabcontent a.next, .productImages a.next { background-position: 0px -298px; }
div#col1c .tabcontent a.next:hover, .productImages a.next:hover { background-position: 0px -316px; }
/* /Product Browser */
/*** Warenkorb/Merkzettel ***/
#col2c ul.tabbednav, #col3c ul.tabbednav { background: #FFFFFF url(../images/layout/basket_ul_bg.png) repeat-x 0px 10px; height: 30px; margin: 0; padding: 10px 0 0 0; overflow: hidden; }
#col2c ul.tabbednav li, #col3c ul.tabbednav li { display: inline; color: #525D8A; float: left; padding: 0; margin: 0;}
#col2c ul.tabbednav li a, #col3c ul.tabbednav li a { float: left; color: #525D8A; font-weight: bold; padding: 0; text-decoration: none; }
#col2c ul.tabbednav li a span, #col3c ul.tabbednav li a span { cursor: pointer; }
#col2c ul.tabbednav li a.left, #col3c ul.tabbednav li a.left { background: url(../images/layout/basket_left_bg.png) no-repeat left 8px; height: 23px; padding: 6px 5px 0 5px; }
#col2c ul.tabbednav li a.left span, #col3c ul.tabbednav li a.left span { display: block; float: left; padding: 3px 4px 0px 4px; _display: inline; }
#col2c ul.tabbednav li a.right, #col3c ul.tabbednav li a.right { background: url(../images/layout/basket_right_bg.png) no-repeat right 8px; height: 23px; padding: 6px 5px 0 5px; }
#col2c ul.tabbednav li a.right span, #col3c ul.tabbednav li a.right span { display: block; float: left; padding: 3px 4px 0px 4px; _display: inline; }
#col2c ul.tabbednav li.active a, #col3c ul.tabbednav li.active a { background: url(../images/layout/basket_li_left_bg.png) no-repeat left top; margin: 0; padding: 0 0 7px 9px; }
#col2c ul.tabbednav li.active a span, #col3c ul.tabbednav li.active a span { display: block; _display: inline; float: left; background: url(../images/layout/basket_li_right_bg.png) no-repeat right top; padding: 9px 14px 6px 4px; text-decoration: none; font-weight: bold; color: #525D8A; }
#col2c div.tabcontent, #col3c div.tabcontent { border: 1px solid #C7C7C7; border-top: 0px; margin: 0 0 10px 0; }
#col2c div.tabcontent p, #col3c div.tabcontent p { padding: 10px; }
#col2c div.tabcontent p a.boxLink, #col3c div.tabcontent p a.boxLink { display: block; padding: 0 0 0 18px; clear: left; color: #3D4F92; text-decoration: none; background: url(../images/icons/arrow-000-medium.png) no-repeat left top; }
#col2c div.tabcontent div.carttotal, #col3c div.tabcontent div.carttotal { padding: 5px 10px; }
/*div#col3c div.tabcontent table { margin-bottom: 10px; }
div#col3c div.tabcontent table tr td { border-bottom: 1px solid #C7C7C7; padding: 2px; font-size: 10px; }
div#col3c div.tabcontent table tr.head td { background: #FFFFFF; font-weight: bold; color: #5C5C5C; }
div#col3c div.tabcontent table tr.row0 td { background: #F5F5F5; vertical-align: top; }
div#col3c div.tabcontent table tr.row1 td { background: #FFFFFF; vertical-align: top; }
div#col3c div.tabcontent table tr td.left { }
div#col3c div.tabcontent table tr td.right { border-left: 1px solid #C7C7C7;}
div#col3c div.tabcontent table tr.head td.right { border-left: 0px; }
div#col3c div.tabcontent table tr td a { color: #5C5C5C; }
div#col3c div.tabcontent p a.boxLink:hover { text-decoration: underline; }*/
/* pagination */
ul.pagination { height: 20px; margin: 0px; padding: 2px 0px 1px 0px; list-style: none; float: right; }
ul.pagination li { display: inline; float: left; margin: 0px 1px; padding: 0px; }
ul.pagination li a { color: #525D8A; border: 1px solid #C7C7C7; padding: 2px 5px; }
ul.pagination li a:hover { background: #C7C7C7; }
ul.pagination li span { color: #FFFFFF; border: 1px solid #C7C7C7; background: #525D8A; padding: 2px 5px; font-weight: bold; }
/* /pagination */
/* product_info */
#productinfopopup { position: relative; }
#productinfopopup span.zoomclose { top: 5px; right: 5px; background-position: 0px -406px; z-index: 1000; }
p#next_previous { margin: 0 0 5px; }
p#next_previous img { vertical-align: middle; margin: 0 5px; }
.productinfo { margin-bottom: 5px; text-align: left; }
.productinfo .boxes { margin: 0px !important; }
.productinfo .boxesb { overflow: hidden; }
.productinfo .inlineLbls .formRow { padding-right: 0; padding-left: 0; }
.productinfo .b60r { width: 60% !important; margin-right: -1px; }
.productinfo .b40l { width: 40% !important; }
.productinfo .b66l { width: 58% !important; padding-right:15px; }
.productinfo .b33r { width: 40% !important; }
.productinfo h1 { color:#606F9A; font-size:18px; border-bottom:1px solid #CECECE; padding-bottom:5px; }
.productinfo p { margin: 0px !important; padding: 0 0 10px 0; }
.productinfo .border { border-width: 1px; }
.productinfo .noborder { border-width: 0px; }
.productDescription { min-height: 100px; height: auto; padding: 10px 10px 0 10px; }
.productBasket { min-height: 50px; padding: 10px 10px 10px 10px; position: relative; vertical-align: middle; border:1px solid #CECECE; }
.productBasket .b60l { border-right:1px dotted #CECECE; padding-right:10px; width:54%; }
.productBasket span.financing { display: block; float: right; padding: 2px 5px; border: 1px solid #C7C7C7; position: absolute; top: -10px; right: 0px; }
.productBasket span.financing a { background: url(../images/icons/calculator.png) no-repeat; padding: 0px 2px 0px 18px; }
.productBasket span.financing a:hover { color: #525D8A !important; }
.productBasket .right { vertical-align:middle; }
.productBasket .right span { display:block; float:left; height:20px; line-height:20px; }
.productBasket .right input.textInput { width:40px; margin:0 5px 5px; }
.productBasket .right input.addtocart, .productBasket .right button { float:left; }
.txtPriceInfo { font-size:11px; padding-top:5px; padding-bottom:5px; line-height:12px; }
.productQtyPrices { padding: 5px; min-height: 50px; margin:0px 0px 13px; }
.productQtyPrices table tr { background:url(../images/icons/arrow-315-small.png) no-repeat left 50%; }
.productQtyPrices table tr td { padding-left:10px; }
.productQtyPrices table tr td .right { font-weight:bold; }
* html .productQtyPrices table tr { background:none; }
.productQtyPrices table td { padding-left:5px; text-indent: 5px; }
#products_price_table { }
.productOptions { padding: 10px 10px 10px 10px; }
.productOptions .formRow .formNote { clear: left; padding-top: 10px; float: none !important; width: 100% !important; }
.productOptionsTable { padding: 10px 10px; }
.productOptionsTable table thead { border-bottom: 1px solid #C7C7C7; }
.productOptionsTable table thead td { font-weight: bold; }
.productOptionsTable table tbody td { border-bottom: 1px solid #C7C7C7; }
.productOptionsTable table tbody td input.textInput { float: right; margin-left: 5px; }
.productBonus { padding: 10px 10px 0 10px; min-height: 50px; }
.productButtons { padding: 10px 10px 10px 10px; }
.productImages { padding: 10px 0px 10px 0px; border:1px solid #CECECE; }
.productReviews { padding: 10px 10px 10px 10px; }
.productReviews img { vertical-align: bottom; }
.productRecensions { padding: 10px 10px 10px 10px; }
.productInformations { padding: 5px 5px 5px 5px; }
.productInformations table tr td.left { padding: 2px 2px 2px 5px; vertical-align: top; font-size: 12px; font-weight: bold; }
.productInformations table tr td.right { padding: 2px 5px 2px 2px; text-align: left; vertical-align: top; font-size: 12px; }
.productButtons a { float: left; height: 26px; margin: 1px; padding-right:5px; line-height: 26px; background: url(../images/layout/button_link_bg.png) repeat-x 0 0; border:1px solid #CECECE; }
.productButtons a:hover { background-position: 0 -26px; }
.productButtons a span { display: block; line-height: 26px; padding: 0 0 0 26px; background-image: url(../images/icons/icons.png); background-repeat: no-repeat; cursor: pointer; width:110px; }
.productButtons p.none a { background: none; display: inline; margin: 0px; padding: 0px; float: none; border: none; }
span.wishlist { background-position: 0px 0px; }
span.reviews { background-position: 0px -78px; }
span.pdf { background-position: 0px -26px; }
span.inquiry { background-position: 0px -130px; }
span.tellafriend { background-position: 0px -52px; }
span.article { background-position: 0px -104px; }
span.information { background-position: 0px -156px; }
span.affiliate { background-position: 0px -422px; }
#description.tabcontent ul { list-style-type: disc; margin-left: 15px; }
#description.tabcontent ol { list-style-type: decimal; margin-left: 20px; }
/* /product_info */
/*productBookmarks*/
.productBookmarks { padding: 10px 10px 10px 10px; }
.productBookmarks span#bookmark { font-weight: bold; }
.productBookmarks a { display: block; float: left; width: 20px; height: 20px; overflow: hidden; margin: 0 1px 1px 0; padding: 0; background: url(../images/layout/socialbookmarks.png) no-repeat; }
a.wong { background-position: 0px -20px; }
a.wong:hover { background-position: 0px 0px; }
a.delicious { background-position: -20px -20px; }
a.delicious:hover { background-position: -20px 0px; }
a.folkd { background-position: -40px -20px; }
a.folkd:hover { background-position: -40px 0px; }
a.furl { background-position: -60px -20px; }
a.furl:hover { background-position: -60px 0px; }
a.google { background-position: -80px -20px; }
a.google:hover { background-position: -80px 0px; }
a.linkarena { background-position: -100px -20px; }
a.linkarena:hover { background-position: -100px 0px; }
a.blinklist { background-position: -120px -20px; }
a.blinklist:hover { background-position: -120px 0px; }
a.oneview { background-position: -140px -20px; }
a.oneview:hover { background-position: -140px 0px; }
a.yahoo { background-position: -160px -20px; }
a.yahoo:hover { background-position: -160px 0px; }
a.yigg { background-position: -180px -20px; }
a.yigg:hover { background-position: -180px 0px; }
a.webnews { background-position: -200px -20px; }
a.webnews:hover { background-position: -200px 0px; }
a.technorati { background-position: -220px -20px; }
a.technorati:hover { background-position: -220px 0px; }
a.infopirat { background-position: -240px -20px; }
a.infopirat:hover { background-position: -240px 0px; }
a.twitter { background-position: -260px -20px; }
a.twitter:hover { background-position: -260px 0px; }
a.stumbleupon { background-position: -280px -20px; }
a.stumbleupon:hover { background-position: -280px 0px; }
/* jquery slideshow(s) */
/*imagegallery*/
div#productImagePopup { position: fixed; background-color: #FFFFFF; padding: 10px; -webkit-box-shadow: 0px 0px 8px #111111; }
div#productImagePopup span.zoomclose { background-position: 0px -406px; display: block; width: 19px; height: 16px; cursor: pointer; position: absolute; top: 10px; right: 10px; }
div#productImagePopup div#popupImageGallery { position: absolute; top: 10px; left: 10px; width: 112px; }
div#productImagePopup div#popupImageGallery img { border: 2px solid #BEBEBE; margin: 0px 2px 2px 0px; cursor: pointer; float: left; }
div#productImagePopup div#popupImageGallery img.hover, div#productImagePopup div#popupImageGallery img.active { border: 2px solid #5C5C5C; }
div#productImagePopup div#popupImage {}
div.productImages div#galleryViewImage { text-align: center; }
div.productImages div#galleryViewImage img { margin: 0px auto; }
div.productImages div#gallery { position: relative; height: 52px; margin: 5px 5px; text-align: left; overflow: auto; }
div.productImages a.next, div.productImages a.prev { margin: 25px 5px; }
div.productImages div.items { height: 52px; text-align: center; margin: 0 0px; padding: 0px; width: 20000em; position: absolute; }
div.productImages div.items img { border: 1px solid #C7C7C7; float: left; margin: 0px 1px 0px 0px; padding: 0px; cursor: pointer; width: 50px; position: relative; }
div.productImages div.items img.hover, .productImages div.items img.active { border: 1px solid #5C5C5C; }
div#productImageZoom { display: none; border-bottom: 1px solid #C7C7C7; padding: 0px; text-align: center; }
div#productImageZoomBar { height: 15px; overflow: hidden; text-align: right; padding: 10px 10px 0px 10px; color: #C7C7C7; }
div#productImageZoomBar span { cursor: pointer; color: #525D8A; }
div#productImageZoomBar span#zoomprev.false { cursor: default; color: #C7C7C7; }
div#productImageZoomBar span#zoomnext.false { cursor: default; color: #C7C7C7; }
div#productImageZoomBar span#zoomclose { background: url(../images/icons/zoomclose.png) no-repeat right top; padding: 0px 24px 0px 0px; }
div#productImageZoomContent { text-align: center; }
div#productImageZoomContent div.imageZoom { margin: 0px auto; position: relative; display: inline-block; }
div#productImageZoomContent div.imageZoom img { cursor: pointer; }
div#productImageZoomContent div.imageZoom span.zoom { position: absolute; right: 0px; bottom: 0px; display: none; width: 30px; height: 30px; background: url(../images/icons/loupe.png) no-repeat; cursor: pointer; }
div#galleryViewImage div.imageZoom { margin: 0px auto; position: relative; display: inline-block; }
div#galleryViewImage div.imageZoom img { cursor: pointer; }
div#galleryViewImage div.imageZoom span.zoom { position: absolute; right: 0px; bottom: 0px; display: none; width: 30px; height: 30px; background: url(../images/icons/loupe.png) no-repeat; cursor: pointer; }
div#galleryViewImage div.imageZoom span.zoomclose { position: absolute; right: -25px; top: -5px; background-position: 0px -406px; display: block; width: 19px; height: 16px; cursor: pointer; }
div.productImagePopup { display: none; position: fixed; left: 50%; top: 50%; padding: 15px; -webkit-box-shadow: 0px 0px 8px #111111; background: #FFFFFF; width: 0px; height: 0px; text-align: center; overflow: auto; }
div.productImagePopup small { font-size: 77%; }
div.productImagePopup h3 { float: left; font-size: 116%; }
div.modalOverlay { background-color: #000000; }
div.productImagePopup div.popupClose { background: url(../images/icons/zoomclose.png) no-repeat right top; padding: 0 26px 0 0; color: #525D8A; cursor: pointer; float: right; }
div.jqZoomTitle { z-index: 5000; text-align: center; font-size: 11px; font-family: Tahoma; height: 16px; padding-top: 2px; position: absolute; top: 0px; left: 0px; width: 100%; color: #FFF; background: #999; }
.jqZoomPup { overflow: hidden; background-color: #FFF; -moz-opacity: 0.6; opacity: 0.6; filter: alpha(opacity = 60); z-index: 10; border-color: #c4c4c4; border-style: solid; cursor: crosshair; }
.jqZoomPup img { border: 0px; }
.preload { -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(../images/zoomloader.gif); background-repeat: no-repeat; background-position: 43px 30px; width: 90px; *width:100px; height: 43px; *height: 55px; z-index: 10; position: absolute; top: 3px; left: 3px; }
.jqZoomWindow { border: 1px solid #999; background-color: #FFF; }
/*recensions*/
.productRecensions ul#viewRecensions { margin: 0px; padding: 0px; width: 90%; min-height: 100px; float: left; }
.productRecensions ul#viewRecensions li.item { display: none; margin: 0px; padding: 0px; line-height: 14px; height: 100px; }
.productRecensions ul#viewRecensions li.last { display: block; margin: 0px; padding: 0px; line-height: 14px; height: 100px; }
.productRecensions ul#viewRecensions li.item h4 { font-size: 12px; font-weight: bold; }
.productRecensions ul#viewRecensions li.item p {}
.productRecensions ul#viewRecensions li.item p a { color: #EDAA13; text-decoration: none; }
.productRecensions ul#viewRecensions li.item p a:hover { color: #EDAA13; text-decoration: underline; }
.productRecensions div#fader { display: none; margin: 0px; padding: 0px; width: 10%; float: right; height: 100px; position: relative; }
.productRecensions div#fader div#reviewprev { width: 12px; height: 16px; position: absolute; top: 0px; left: 5px; background: url(../images/icons/arrow_review_up_inactive.png) no-repeat; }
.productRecensions div#fader div#reviewnext { width: 12px; height: 16px; position: absolute; bottom: 0px; left: 5px; background: url(../images/icons/arrow_review_down_inactive.png) no-repeat; }
.productRecensions div#fader div#reviewprev.hover { background: url(../images/icons/arrow_review_up_active.png) no-repeat; cursor: pointer; }
.productRecensions div#fader div#reviewnext.hover { background: url(../images/icons/arrow_review_down_active.png) no-repeat; cursor: pointer; }
/* /jquery slideshow(s) */
/* shopping cart */
form#cart_quantity { border: 0px solid #C7C7C7; float: none; }
form#cart_quantity table { border-collapse: collapse; }
form#cart_quantity table tr.tr0 { background: #FFFFFF; }
form#cart_quantity table tr.tr1 { background: #F5F5F5; }
form#cart_quantity table tr.tr0 td, form#cart_quantity table tr.tr1 td { border-bottom: 1px solid #C7C7C7; }
table td { padding: 5px; vertical-align: top; }
table thead { background: #C7C7C7; border-bottom: 1px solid #C7C7C7; }
table thead td { font-weight: bold; }
table tbody tr.formRow td { border-bottom: 1px solid #C7C7C7; }
/*table tbody td.formRow input { float: right !important; margin-left: 5px; }
table tbody td.formRow a img { float: right !important; margin-left: 5px; }
table tbody td.formRow a img.contentImage { float: left !important; margin: 0px; }*/
table tbody tr.formRow td input { vertical-align: middle; }
table tbody tr.formRow td input.textInput { float: none; margin-right: 5px; vertical-align: middle; }
table tbody tr.formRow td span { vertical-align: middle; }
table tbody tr.formRow td span.ampel { float: none; margin-bottom: 5px; }
table tbody tr.formRow td a img { margin-left: 5px; }
table tbody tr.formRow td a img.contentImage { float: left; margin: 0px; }
div#col1c div#cartStep1,
div#col1c div#cartStep2,
div#col1c div#cartStep3,
div#col1c div#cartStep4,
div#col1c div#cartStep5 { width: 16%; height: 35px; float: left; padding: 0 0 0 4%; margin: 0 0 5px 0; color: #C7C7C7; }
div#col1c div#cartStep1.active,
div#col1c div#cartStep2.active,
div#col1c div#cartStep3.active,
div#col1c div#cartStep4.active,
div#col1c div#cartStep5.active { font-weight: bold; color: #5C5C5C; }
div#col1c div#cartStep1 { background: url(../images/icons/cart_sw.png) no-repeat; }
div#col1c div#cartStep2 { background: url(../images/icons/package_sw.png) no-repeat; }
div#col1c div#cartStep3 { background: url(../images/icons/coins_sw.png) no-repeat; }
div#col1c div#cartStep4 { background: url(../images/icons/cart.png) no-repeat; }
div#col1c div#cartStep5 { background: url(../images/icons/tick_sw.png) no-repeat; }
div#col1c div#cartStep1.active { background: url(../images/icons/cart.png) no-repeat; }
div#col1c div#cartStep2.active { background: url(../images/icons/package.png) no-repeat; }
div#col1c div#cartStep3.active { background: url(../images/icons/coins.png) no-repeat; }
div#col1c div#cartStep4.active { background: url(../images/icons/cart.png) no-repeat; }
div#col1c div#cartStep5.active { background: url(../images/icons/tick.png) no-repeat; }
div#col2c div#cartStep1,
div#col2c div#cartStep2,
div#col2c div#cartStep3,
div#col2c div#cartStep4,
div#col2c div#cartStep5 { height: 25px; margin: 10px 0 0 0; padding: 0 0 0 30px; color: #C7C7C7; background-repeat: no-repeat; background-position: 10px 0px; }
div#col2c div#cartStep1.active,
div#col2c div#cartStep2.active,
div#col2c div#cartStep3.active,
div#col2c div#cartStep4.active,
div#col2c div#cartStep5.active { font-weight: bold; color: #5C5C5C; }
div#col2c div#cartStep1 { background-image: url(../images/icons/cart_sw.png) }
div#col2c div#cartStep2 { background-image: url(../images/icons/package_sw.png) }
div#col2c div#cartStep3 { background-image: url(../images/icons/coins_sw.png) }
div#col2c div#cartStep4 { background-image: url(../images/icons/cart.png) }
div#col2c div#cartStep5 { background-image: url(../images/icons/tick_sw.png) }
div#col2c div#cartStep1.active { background-image: url(../images/icons/cart.png) }
div#col2c div#cartStep2.active { background-image: url(../images/icons/package.png) }
div#col2c div#cartStep3.active { background-image: url(../images/icons/coins.png) }
div#col2c div#cartStep4.active { background-image: url(../images/icons/cart.png) }
div#col2c div#cartStep5.active { background-image: url(../images/icons/tick.png) }
div#col2c div#checkout a { font-weight: bold; color: #2C324A; text-decoration: none; }
/* /shopping cart */
ul.addressbook { margin: 0px; padding: 0px; }
ul.addressbook li { margin: 0px; padding: 0px; font-size: 10px; }
ul.addressbook li.line { background: url(../images/layout/dot_bottom.png) repeat-x left bottom; }
ul.addressbook li#selected { background-color: #C8FFBF; }
ul.addressbook li a { display: block; padding: 5px; }
.shopping_cart_basket { background-image: url(../images/layout/shopping-cart-basket.png); background-repeat: no-repeat; width:120px; height:120px; float:right; }
.shopping_cart_final { background-image: url(../images/layout/shopping-cart-final.png); background-repeat: no-repeat; width:120px; height:120px; float:right; display:block; }
.open_cart { background:#8D9EDC; margin:0px; border:1px solid #263970; }
.open_cart, .open_cart a, .open_cart a:link, .open_cart a:visited { color:#FFFFFF !important; font-size:12px; text-decoration:none !important; padding: 2px 10px; margin:0; text-align: center; }
.open_cart:hover { background:#388BD0; }
/* buttons */
button.login { float: right; margin:0px; }
button { background: #8D9EDC; color: #FFFFFF; font-size: 11px; font-weight:normal !important; margin: 0 0 0 5px; padding: 2px 10px; display: inline; cursor: pointer; line-height: 18px !important; border:1px solid #263970; }
button:hover { background: #A2B2EA; }
#col2c button, #col3c button { background: #8D9EDC; color: #FFFFFF; font-size: 11px; font-weight: bold; margin: 0 0 0 5px; padding: 2px 5px; display: inline; cursor: pointer; line-height: 18px !important; border:1px solid #263970; }
button.addtocart { padding: 6px 8px 6px 28px; margin: 0 5px 0 10px; background:#8D9EDC url(../images/icons/cart.png) no-repeat 5px center; font-weight:bold !important; border:1px solid #263970; color:#FFFFFF; }
button.addtocart:hover { background:#A2B2EA url(../images/icons/cart.png) no-repeat 5px center; }
span.x { width: 10px; }
/* Button ab Kasse */
#account_edit button, #col1c .buttonRow a.button span.bleft span.bright, #col1c .buttonRow button { background: #8D9EDC; color:#FFFFFF; font-weight:bold; padding:7px 15px 7px 15px; margin:0; font-size:14px; }
#account_edit button:hover, #col1c .buttonRow a.button span.bleft span.bright:hover, #col1c .buttonRow button:hover { background: #A2B2EA; }
.buttons_shopping_chart { border-top: 8px solid #8D9EDC; padding-top:6px; }
a.button { float: left; display: inline; }
.right .soldout, .right .onrequest, .right .onlogin, .right .noprice, .right a.button { /*float: right;*/ display: inline; }
.right a.button { float: right; display: inline; }
a.button span.bleft { margin: 0px 1px 1px 0px; padding: 0px 0px 0px 5px; display: block; float: left; cursor: pointer; line-height: 18px; height: 18px; }
a.button span.bleft span.bright { background: #8D9EDC; color: #FFFFFF; margin: 0px; padding: 0px 10px; display: block;float: left; cursor: pointer; font-size: 11px; line-height: 19px; height: 19px; border:1px solid #263970; }
a.button span.bleft span.bright:hover { background: #A2B2EA; }
a.soldout, .right a.button { float: left; display: inline; }
a.soldout span.bleft , a.soldout span.bleft { background: url(../images/buttons/soldout-l.png) no-repeat left center; margin: 0px 1px 1px 0px; padding: 0px 0px 0px 29px; display: block; float: left; cursor: pointer; line-height: 18px; height: 18px; }
a.soldout span.bleft span.bright, a.soldout span.bleft span.bright { background: url(../images/buttons/soldout-r.png) repeat-x right center; color: #FFFFFF; margin: 0px; padding: 0px 10px 0px 5px; display: block; float: left; cursor: pointer; font-size: 11px; line-height: 18px; height: 18px; }
a.onrequest span.bleft , a.onrequest span.bleft { background: url(../images/buttons/onrequest-l.png) no-repeat left center; margin: 0px 1px 1px 0px; padding: 0px 0px 0px 29px; display: block; float: left; cursor: pointer; line-height: 18px; height: 18px; }
a.onrequest span.bleft span.bright, a.onrequest span.bleft span.bright { background: url(../images/buttons/onrequest-r.png) repeat-x right center; color: #FFFFFF; margin: 0px; padding: 0px 10px 0px 5px; display: block; float: left; cursor: pointer; font-size: 11px; line-height: 18px; height: 18px; }
a.onlogin span.bleft , a.onlogin span.bleft { background: url(../images/buttons/onlogin-l.png) no-repeat left center; margin: 0px 1px 1px 0px; padding: 0px 0px 0px 29px; display: block; float: left; cursor: pointer; line-height: 18px; height: 18px; }
a.onlogin span.bleft span.bright, a.onlogin span.bleft span.bright { background: url(../images/buttons/onlogin-r.png) repeat-x right center; color: #FFFFFF; margin: 0px; padding: 0px 10px 0px 5px; display: block; float: left; cursor: pointer; font-size: 11px; line-height: 18px; height: 18px; }
a.noprice span.bleft , a.noprice span.bleft { background: url(../images/buttons/noprice-l.png) no-repeat left center; margin: 0px 1px 1px 0px; padding: 0px 0px 0px 29px; display: block; float: left; cursor: pointer; line-height: 18px; height: 18px; }
a.noprice span.bleft span.bright, a.noprice span.bleft span.bright { background: url(../images/buttons/noprice-r.png) repeat-x right center; color: #FFFFFF; margin: 0px; padding: 0px 10px 0px 5px; display: block; float: left; cursor: pointer; font-size: 11px; line-height: 18px; height: 18px; }
/* /buttons */
/* pricestring */
span.declaration { display: inline; font-size: 11px; line-height: 30px; }
span.oldprice { display: inline; font-size: 11px; line-height: 18px; color:#CC0000; }
.box4 .oldprice { line-height: 16px; }
span.pricelabel { display: inline; font-size: 11px; line-height: 25px; }
.box4 .pricelabel { font-weight:bold; font-size:13px; display:block; text-align:left; background:url(../images/icons/exclamation.png) no-repeat left center; padding-left:18px; padding-top:2px; padding-bottom:2px; color:#CC0000; }
/* Angebote Box */
#ibox5 span.theprice { color:#CC0000; padding-left:15px; font-size:18px; }
#ibox5 .priceinfo { padding-left:15px; }
span.theprice { font-size: 16px; font-weight: bold; color: #525D8A; display:inline; }
.price_style #col3c { line-height: 16px; }
.price_style { line-height: 35px; }
span.saveprice { display: block; clear: left; font-size: 11px; color:#339933; }
.box4 .saveprice { line-height:20px; }
span.priceinfo { display: block; font-size: 9px; }
span.baseprice { display: block; font-size: 9px; }
span.quantityprice { display: block; font-size: 9px; margin-bottom: 5px; }
span.bonusnotice { display: block; margin-bottom:10px; }
p.bonusnotice { margin-bottom:10px; padding-bottom:10px;}
span.incart { display: block; text-align: right; margin-top: 10px; }
/* speziell für productinfo: */
.productinfo span.declaration { display: inline; }
.box4 .declaration { line-height: 16px; }
.productinfo span.oldprice { display: inline; }
.productinfo span.pricelabel { display: inline; }
.productinfo span.theprice { display: inline; font-size: 24px; font-weight: bold; color: #525D8A; line-height:34px;}
.productOptionsTable span.theprice { font-size: 16px;}
.productinfo span.saveprice { display: block; clear: left; }
.productinfo span.priceinfo { display: block; font-size: 9px; }
.productinfo span.baseprice { display: block; font-size: 9px; }
.productinfo span.quantityprice { display: none; font-size: 9px; }
/* speziell für productlisting -> newstyle2 */
#newstyle2 span.right { text-align: right; display: block; }
#newstyle2 span.declaration { }
#newstyle2 span.oldprice { }
#newstyle2 span.pricelabel { }
#newstyle2 span.theprice { }
#newstyle2 span.priceinfo { display: block; }
#newstyle2 span.saveprice { display: block; clear: none; }
#newstyle2 span.baseprice { display: block; }
#newstyle2 span.quantityprice { display: block; }
/* /pricestring */
.xoForm.text .textInput { width: 50px; margin-right: 5px; }
.xoForm fieldset { margin-top: 0px; }
.xoForm fieldset .boxes { margin: 0px; }
.xoForm fieldset .boxes fieldset { padding-top: 0px; margin-top: 0px; }
#product_info_popup { background: #FFFFFF; width: 5px; overflow: hidden; z-index: 8999; padding: 10px; margin: 0px; border:1px solid #3D4F92; }
#product_info_popup .zoomclose { border:3px solid #CC0001; background:url(../images/icons/minus-circle.png) no-repeat center center !important; cursor:pointer; }
#product_info_popup:hover { border:3px solid #1E2C60; padding:8px; }
#product_info_popup .xoForm { z-index: 9000; padding: 0px; margin: 0px; }
.none {display:none;}
.small { font-size: 10px; }
.optionimage { float: left; display: block; width: 100px; height: 90px; padding: 3px; text-align: center; }
.optionimage img { width: 60px; height: 60px; }
.optionimage label { height: 30px; display: block; }
a.edit { background: url(../images/icons/edit.png) no-repeat; padding-left: 21px; }
a.delete { background: url(../images/icons/delete.png) no-repeat; padding-left: 21px; }
/*****************************************************************************************
******************************************************************************************
** ende standard.css
******************************************************************************************
*****************************************************************************************/
* html ul.dropdown table td { margin: 0 !important; padding: 0 !important; }
*.b100r .boxcr, .b100l .boxcr, .b100r .boxcl, .b100l .boxcl { margin: 0 !important; padding: 0 !important; } /* fix 4 news/upcoming products */
table[align="center"] { margin-right: auto; margin-left; auto; }