* { font-family: 'Roboto', Verdana, Arial, Helvetica, Sans-Serif; font-size: 16px; color: #555555; } html { height: 100%; overflow-y: scroll; } body { height: 100%; margin: 0px; color: #000000; } form { display: inline; margin: 0px; padding: 0px; } textarea { resize: vertical; } img { border: 0; border-style: none; } table { padding: 0px; border-spacing: 0px; border: 0; border-style: none; } tr { padding: 0px; } th { padding: 0px; } td { padding: 0px; } a:link, a:visited { text-decoration: none; } a:active, a:hover { text-decoration: underline; } .nobr { white-space: nowrap; } a.arrow { display: block; padding-left: 11px; background-image: url(img/arrow.gif); background-position: 0px 7px; background-repeat: no-repeat; } .clear { clear: both; } .posLeft { float: left; } .posRight { float: right; } .posRelative { position: relative; } .mainWrapper { width: 100%; min-height: 100%; background-position: center top; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; } .mainWrapper .headerWrapperBG { width: 100%; background-color: rgba(220,157,40,0.9); } .mainWrapper .headerWrapperBG .headerWrapper { position: relative; width: 940px; margin-left: auto; margin-right: auto; height: 115px;} .mainWrapper .navigationWrapperBG { width: 100%; background-color: rgba(226,226,226,0.9);} .mainWrapper .navigationWrapperBG .navigationWrapper { width: 940px; margin-left: auto; margin-right: auto; height: 50px; } .mainWrapper .categoryWrapperBG { width: 100%; } .mainWrapper .categoryWrapperBG .categoryWrapper { width: 940px; margin-left: auto; margin-right: auto; height: 50px; background-color: rgba(220,157,40,0.9); padding: 0px; -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); } .mainWrapper .contentWrapperBG { } .mainWrapper .contentWrapperBG .contentWrapper { background-color: rgba(226,226,226,0.5); position: relative; width: 940px; margin: 0px auto; min-height: 500px; padding-bottom: 20px; -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); } .mainWrapper .contentWrapperBG .contentWrapper .leftContentWrapper { float: left; width: 0px; margin-right: 20px; } .mainWrapper .contentWrapperBG .contentWrapper .rightContentWrapper { float: right; width: 0px; } .mainWrapper .footerWrapperBG { } .mainWrapper .footerWrapperBG .footerWrapper { width: 940px; margin-left: auto; margin-right: auto; background-color: rgba(126,133,140,0.9); } .layoutWrapper { table-layout: fixed; width: 940px; height: 100%; overflow: hidden; } .marginTop { height: 15px; } .marginTop td { font-size: 0px; line-height: 0px; } .marginTop .leftWrapper { width: 0px; } .marginTop .middleWrapper { width: 940px; } .marginTop .rightWrapper { width: 0px; } .bannerWrapper { height: 86px; background-color: #ffffff; } .menuWrapper .leftWrapper, .menuWrapper .middleWrapper, .menuWrapper .rightWrapper { height: 23px; background-color: #dddddd; background: -moz-linear-gradient(top, #dddddd, #d0d0d0); background: -ms-linear-gradient(top, #dddddd, #d0d0d0); background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#d0d0d0)); background: -webkit-linear-gradient(top, #dddddd, #d0d0d0); background: -o-linear-gradient(top, #dddddd, #d0d0d0); background: linear-gradient(top, #dddddd, #d0d0d0); } .menuWrapper .leftWrapper { -moz-border-radius: 6px 0px 0px 6px; -khtml-border-radius: 6px 0px 0px 6px; -webkit-border-radius: 6px 0px 0px 6px; -o-border-radius: 6px 0px 0px 6px; border-radius: 6px 0px 0px 6px; } .menuWrapper .rightWrapper { -moz-border-radius: 0px 6px 6px 0px; -khtml-border-radius: 0px 6px 6px 0px; -webkit-border-radius: 0px 6px 6px 0px; -o-border-radius: 0px 6px 6px 0px; border-radius: 0px 6px 6px 0px; } .mainWrapper { background-color: #ffffff; } .mainWrapper .leftWrapper { width: 0px; padding-top: 15px; background-color: #ffffff; } .mainWrapper .middleWrapper { width: 940px; margin: 0px; padding: 0px 0px 20px 0px; } .mainWrapper .rightWrapper { width: 0px; padding-top: 15px; background-color: #ffffff; } .bottomWrapper .leftWrapper, .bottomWrapper .middleWrapper, .bottomWrapper .rightWrapper { height: 23px; line-height: 23px; background-color: #eeeeee; background: -moz-linear-gradient(top, #eeeeee, #e0e0e0); background: -ms-linear-gradient(top, #eeeeee, #e0e0e0); background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#e0e0e0)); background: -webkit-linear-gradient(top, #eeeeee, #e0e0e0); background: -o-linear-gradient(top, #eeeeee, #e0e0e0); background: linear-gradient(top, #eeeeee, #e0e0e0); } .bottomWrapper .leftWrapper { -moz-border-radius: 6px 0px 0px 6px; -khtml-border-radius: 6px 0px 0px 6px; -webkit-border-radius: 6px 0px 0px 6px; -o-border-radius: 6px 0px 0px 6px; border-radius: 6px 0px 0px 6px; } .bottomWrapper .rightWrapper { -moz-border-radius: 0px 6px 6px 0px; -khtml-border-radius: 0px 6px 6px 0px; -webkit-border-radius: 0px 6px 6px 0px; -o-border-radius: 0px 6px 6px 0px; border-radius: 0px 6px 6px 0px; } .marginBottom { height: 30px; } .middleInnerWrapper { margin: 0px 20px 0px 20px; } .box .boxTitle { line-height: 23px; color: #ffffff; font-weight: bold; background-color: #01a9ec; text-indent: 10px; background: -moz-linear-gradient(top, #01b7ff, #01a9ec); background: -ms-linear-gradient(top, #01b7ff, #01a9ec); background: -webkit-gradient(linear, left top, left bottom, from(#01b7ff), to(#01a9ec)); background: -webkit-linear-gradient(top, #01b7ff, #01a9ec); background: -o-linear-gradient(top, #01b7ff, #01a9ec); background: linear-gradient(top, #01b7ff, #01a9ec); } .box .boxContent { padding: 5px 10px 10px 10px; background-color: #eeeeee; margin: 0px 0px 15px 0px; } .mainWrapper .leftWrapper .box { width: 0px; } .mainWrapper .rightWrapper .box { width: 0px; overflow: hidden; } span.inputField { margin: 0px; padding: 0px; } input.inputField, textarea.inputField, span.inputField select { margin: 0px; font-family: 'Roboto', Verdana, Arial, Helvetica, Sans-Serif; font-size: 16px; background-color: #ffffff; border: 1px solid #dc9d28; } input.inputField, textarea.inputField { padding: 3px; } span.inputField select { padding: 2px; } input.inputField:focus, textarea.inputField:focus, span.inputField select:focus, input.inputField:hover, textarea.inputField:hover, span.inputField select:hover { border: 1px solid #dc9d28; background-color: #f0faff; } span.inputField.missing { color: #ff0000; } input.inputField.missing, textarea.inputField.missing, span.inputField.missing select { margin: 0px; border: 2px solid #ff0000; } input { vertical-align: middle; } .inputQty { text-align: right; width: 32px; } .inputQtyUnitId { } .inputQtySpacer { line-height: 2px; font-size: 2px; } .backorderMsg { color: #777777; font-size: 10px; } .backorderMsg a { color: #777777; font-size: 10px; text-decoration: underline; } .backorderMsg a:hover { color: #dc9d28; } input.button { padding: 2px 6px 2px 6px; cursor: pointer; font-size: 15px; color: #ffffff; background-color: #b99d6e; border: none; -moz-border-radius: 3px 3px 3px 3px; -khtml-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; font-family: 'Roboto Slab', Verdana, Arial, Helvetica, Sans-Serif; } input.button.primary { color: #ffffff; background-color: #a1af26; font-family: 'Roboto Slab', Verdana, Arial, Helvetica, Sans-Serif; } .tableHeader td, .tableHeader th { padding: 5px; white-space: nowrap; font-weight: bold; color: #444444; background-color: #e5e5e5; } .tableHeader a { color: #444444; text-decoration: underline; } .tableRow td { padding: 0px 5px 0px 5px; } .tableRow a:hover { color: #dc9d28; } .tableRow0 td {} .tableRow1 td {} .tableRowSeparator { height: 12px; } .tableRowSeparator div { height: 2px; font-size: 2px; margin: 5px 0px 5px 0px; padding: 0px; background-color: #e5e5e5; } .tableRowSpace { height: 6px; } .tableRowSpace div { height: 1px; font-size: 1px; margin: 0px 0px 5px 0px: padding: 0px; } .itemList .itemName, .itemList .itemName span { font-size: 18px; color: #000000; font-family: 'Roboto Slab', Verdana, Arial, Helvetica, Sans-Serif; } .itemList .itemDescription {} .itemList .itemNo { white-space: nowrap; font-family: 'Roboto Slab', Verdana, Arial, Helvetica, Sans-Serif; } .itemList .availability { font-size: 12px; } .itemList .availability img { vertical-align: middle; margin-top: 3px; } .itemList span.price_prefix { color: #777777; font-size: 9px; font-weight: normal; } .itemList span.price_without_discounts { color: #555555; font-size: 14px; font-weight: bold; text-decoration: none; } .itemList span.price_with_discounts { color: #555555; font-size: 14px; font-weight: bold; text-decoration: none; } .itemList span.price_discount { color: #777777; font-size: 9px; font-weight: normal; } .itemList span.price_surcharge { color: #777777; font-size: 9px; font-weight: normal; } .itemList span.total_discount { color: #777777; font-size: 9px; font-weight: normal; } .itemList span.total_surcharge { color: #777777; font-size: 9px; font-weight: normal; } .itemList span.pe { color: #777777; font-size: 9px; font-weight: normal; } .itemList span.mwst { color: #777777; font-size: 9px; font-weight: normal; } .itemList span.mwst a { color: #777777; font-size: 9px; font-weight: normal; text-decoration: underline; } .itemList span.mwst a:hover { color: #dc9d28; } .itemList span.min_qty { } .itemList span.sales_unit { } .itemList span.qty_per_unit { } .itemListTableView .header td { padding: 5px; white-space: nowrap; font-weight: bold; color: #444444; background-color: #e5e5e5; border-bottom: 10px solid white; } .itemListTableView .row0 td { padding: 0px 5px 0px 5px; } .itemListTableView .row1 td { padding: 0px 5px 0px 5px; } .itemListTableView div.linie { height: 2px; font-size: 2px; margin: 10px 0px 10px 0px; padding: 0px; background-color: #e5e5e5; } .itemListTableView img.icon { max-width: 100px; max-height: 100px; } .itemListTableView input.imgbutton { margin-bottom: 1px; vertical-align: text-bottom; } .itemListGridView td.itemBox { vertical-align: top; padding: 5px; background-color: #eeeeee; } .itemListGridView td.icon { width: 100px; height: 105px; vertical-align: top; } .itemListGridView img.icon { max-width: 100px; max-height: 100px; } .itemListGridView input.imgbutton { margin-bottom: 1px; vertical-align: text-bottom; } .itemListGridView td.hgap { width: 1px; height: 10px; font-size: 1px; } .itemListGridView td.hgap div { width: 1px; height: 10px; font-size: 1px; } .itemListGridView td.vgap { width: 10px; height: 1px; font-size: 1px; } .itemListGridView td.vgap div { width: 10px; height: 1px; font-size: 1px; } .lineItems .itemName { font-size: 18px; font-weight: bold; color: #000000; font-family: 'Roboto Slab', Verdana, Arial, Helvetica, Sans-Serif; } .lineItems .itemDescription {} .lineItems .price_without_discounts {} .lineItems .price_discount {} .lineItems .price_surcharge {} .lineItems .price_with_discounts {} .lineItems .nextprice_without_discounts { display: block; padding-top: 5px; font-size: 10px; color: #999999; } .lineItems .nextprice_discount { font-size: 10px; color: #999999; } .lineItems .nextprice_surcharge { font-size: 10px; color: #999999; } .lineItems .nextprice_with_discounts { font-size: 10px; color: #999999; } .lineItems .total_without_discounts {} .lineItems .total_discount {} .lineItems .total_surcharge {} .lineItems .total_with_discounts {} .lineItems span.min_qty { } .lineItems span.sales_unit { } .lineItems span.qty_per_unit { } .lineItems div.availability div.image { float: left; margin: 2px 5px 0px 0px; } .checkoutOrderPrintView .itemName { font-size: 11px; font-weight: normal; color: #555555; font-family: 'Roboto Slab', Verdana, Arial, Helvetica, Sans-Serif; } .customerDocument .lineItemName {} .customerDocument .lineItemDescription {} .backorderList .lineItemName {} .backorderList .lineItemDescription {} div#hover-container { display: none; position: absolute; z-index: 1000; margin: 0px; padding: 0px; border: 1px solid black; } div#hover-container img { display: block; margin: 0px; padding: 0px; } div.banner { width: 940px; overflow: hidden; } div.horizontalCategoryList { position: relative; } div.horizontalCategoryList ul { list-style-type: none; margin: 0px; padding: 0px; text-align: right; } div.horizontalCategoryList li.level0 { float: left; padding: 0px; margin-right: 1px; height: 50px; } div.horizontalCategoryList li.level0.marken { float: left; padding: 0px; margin-left: 20px; margin-right: 1px; height: 50px; } div.horizontalCategoryList li .trenner { padding: 0px; width: 0px; border-right: 2px solid #000000; height: 15px; margin-top: 18px; } div.horizontalCategoryList li.level1 { padding-bottom: 1px; margin: 0px; } div.horizontalCategoryList li a { display: block; text-decoration: none; color: #555555; } div.horizontalCategoryList li a:hover { text-decoration: none; } div.horizontalCategoryList li.level0 a, div.horizontalCategoryList li.level0 span { padding: 0px 6px; } div.horizontalCategoryList li.level1 a { padding: 3px 13px 3px 10px; text-align: left; color: #000000; font-size: 16px; line-height: 22px; } div.horizontalCategoryList li.level0 a:hover { background-color: #dc9d28; color: #000000; } div.horizontalCategoryList li.level1 a:hover { background-color: rgba(197,154,75,0.8); } div.horizontalCategoryList li ul { position: absolute; top: 50px; visibility: hidden; z-index: 20; padding: 3px 0px 4px 0px; filter:Alpha(opacity:100, finishopacity:90, style:2); } div.horizontalCategoryList li:hover, div.horizontalCategoryList li.hover { background-color: rgba(220,157,40,0.9); } div.horizontalCategoryList li:hover ul, div.horizontalCategoryList li.hover ul { visibility: visible; background-color: rgba(220,157,40,0.8); } div.horizontalCategoryList a.level0, div.horizontalCategoryList span.level0 { color: #000000; font-weight: bold; font-size: 18px; line-height: 50px; text-transform: uppercase; } div.horizontalCategoryList li.marken:hover { background-color: rgba(220,157,40,0.8); } div.horizontalCategoryList li.marken span.level0 { color: #dc9d28; } div.horizontalCategoryList li.marken ul { background-color: rgba(220,157,40,0.8); } div.horizontalCategoryList li.marken ul li a { color: #ffffff; font-family: 'Roboto', Verdana, Arial, Helvetica, Sans-Serif; font-weight: normal; font-size: 12px; line-height: 15px; } div.horizontalCategoryList li.marken ul li:hover a { color: #ffffff; background-color: rgba(197,154,75,0.8); } div.horizontalCategoryList li.marken:hover span.level0 { color: #ffffff; } div.quickSearch { float: right; height: 47px; position: relative; padding-top: 3px; } div.quickSearch input.inputField { width: 95px; margin-bottom: 0px; } div.quickSearch .button { margin-bottom: 0px; } div.quickSearch #autocompleteAligner { position: absolute; top: 40px; } div.quickSearch #autocompleteWrapper { position: absolute; } div.quickSearch .ui-autocomplete { white-space: nowrap; border: 1px solid #dc9d28; background-color: #ffffff; } div.quickSearch .ui-menu .ui-menu-item a { font-weight: bold; } div.quickSearch .ui-menu .ui-menu-item a.ui-state-focus, div.quickSearch .ui-menu .ui-menu-item a.ui-state-active, div.quickSearch .ui-menu .ui-menu-item a.ui-state-focus span, div.quickSearch .ui-menu .ui-menu-item a.ui-state-active span { color: #ffffff; background-color: #dc9d28; margin: 0px; } div.quickSearch .ui-menu .ui-menu-item a span.searchTerm { font-weight: normal; } div.quickSearch .searchInCategory { margin-top: 5px; } div.quickSearch .searchInCategory select { width: -20px; margin-top: 2px; } #searchStr { border: 2px solid #dc9d28; width: 123px; height: 17px; } div.quickSearch .imgbutton { margin-left: 6px; } .quickSearch .label { font-size: 11px; color: #dc9d28; } div.verticalCategoryList {} div.verticalCategoryList .box .boxContent { padding-left: 0px; padding-right: 0px; } /* Ueberschreibe die Box-Vorgaben */ div.verticalCategoryList a { display: block; padding: 3px 0px 3px 10px; } div.verticalCategoryList a:hover { text-decoration: none; } div.verticalCategoryList a.nav0 { padding-left: 10px; } div.verticalCategoryList a.nav1 { padding-left: 20px; } div.verticalCategoryList a.nav2 { padding-left: 30px; } div.verticalCategoryList a.nav3 { padding-left: 40px; } div.verticalCategoryList a.nav4 { padding-left: 50px; } div.verticalCategoryList a.nav5 { padding-left: 60px; } div.verticalCategoryList a.nav6 { padding-left: 70px; } div.verticalCategoryList a.nav7 { padding-left: 80px; } div.verticalCategoryList a.sub:hover, div.verticalCategoryList a.sub_a, div.verticalCategoryList a.sub_a:hover, div.verticalCategoryList a.main:hover, div.verticalCategoryList a.main_a, div.verticalCategoryList a.main_a:hover { color: #dc9d28; background-color: #ffffff; } div.leftdoc {} div.leftdoc a { text-decoration: underline; } div.leftdoc a:hover { color: #dc9d28; } div.breadcrumbs { margin: 10px 0px 0px 0px; padding: 5px 10px 5px 12px; font-size: 10px; color: #999999; background-image: url(img/breadcrumbs.gif); background-position: 0px 9px; background-repeat: no-repeat; } div.breadcrumbs span.active span { font-size: 10px; font-weight: normal; } div.breadcrumbs span.active a { font-size: 10px; font-weight: normal; } div.breadcrumbs span.active a:hover { color: #dc9d28; text-decoration: underline; } div.breadcrumbs span.active span.separator { color: #777777; font-size: 10px; font-weight: normal; } div.breadcrumbs span.visited span { color: #777777; font-size: 10px; font-weight: normal; } div.breadcrumbs span.visited a { color: #777777; font-size: 10px; font-weight: normal; } div.breadcrumbs span.visited a:hover { color: #dc9d28; text-decoration: underline; } div.breadcrumbs span.visited span.separator { color: #777777; font-size: 10px; font-weight: normal; } div.breadcrumbs span.not_visited span { color: #c0c0c0; font-size: 10px; font-weight: normal; } div.breadcrumbs span.not_visited span.separator { color: #c0c0c0; font-size: 10px; font-weight: normal; } h1, h1 span { margin: 0px; padding: 40px 20px 12px 0px; font-size: 28px; font-weight: bold; color: #000000; text-transform: uppercase; line-height: 50px; font-family: 'Roboto', Verdana, Arial, Helvetica, Sans-Serif; } h2, h2 span { margin: 0px; padding: 40px 20px 12px 0px; font-size: 28px; font-weight: bold; color: #000000; text-transform: uppercase; line-height: 50px; font-family: 'Roboto', Verdana, Arial, Helvetica, Sans-Serif; } h3, h3 span { margin: 0px 0px 3px 0px; padding: 0px; font-size: 16px; font-weight: bold; color: #000000; font-family: 'Roboto Slab', Verdana, Arial, Helvetica, Sans-Serif; } div.doc { margin: 0px 0px 15px 0px; padding: 0px; } div.doc a { text-decoration: underline; } div.subCategoryList * { font-size: 10px; } div.subCategoryList a { display: block; } div.subCategoryList a:hover { text-decoration: none; } div.subCategoryList { margin: 0px 0px 15px 0px; padding: 0px; } div.subCategoryList td.header { width: 33%; line-height: 23px; padding-left: 10px; background-color: #dddddd; } div.subCategoryList .header { -moz-border-radius: 6px 6px 0px 0px; -khtml-border-radius: 6px 6px 0px 0px; -webkit-border-radius: 6px 6px 0px 0px; -o-border-radius: 6px 6px 0px 0px; border-radius: 6px 6px 0px 0px; background: -moz-linear-gradient(top, #dddddd, #d0d0d0); background: -ms-linear-gradient(top, #dddddd, #d0d0d0); background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#d0d0d0)); background: -webkit-linear-gradient(top, #dddddd, #d0d0d0); background: -o-linear-gradient(top, #dddddd, #d0d0d0); background: linear-gradient(top, #dddddd, #d0d0d0); } div.subCategoryList td.hover { background-color: #eeeeee; } div.subCategoryList td.hover { -moz-border-radius: 6px 6px 0px 0px; -khtml-border-radius: 6px 6px 0px 0px; -webkit-border-radius: 6px 6px 0px 0px; -o-border-radius: 6px 6px 0px 0px; border-radius: 6px 6px 0px 0px; background: -moz-linear-gradient(top, #eeeeee, #eeeeee); background: -ms-linear-gradient(top, #eeeeee, #eeeeee); background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#eeeeee)); background: -webkit-linear-gradient(top, #eeeeee, #eeeeee); background: -o-linear-gradient(top, #eeeeee, #eeeeee); background: linear-gradient(top, #eeeeee, #eeeeee); } div.subCategoryList td.header a { color: #555555; font-size: 11px; font-weight: bold; } div.subCategoryList td.hover a { color: #dc9d28; } div.subCategoryList td.image { width: 33%; padding: 6px 5px 4px 5px; background-color: #eeeeee; } div.subCategoryList td.image a { display: block; height: 104px; line-height: 100px; text-align: center; } div.subCategoryList td.image img { vertical-align: middle; } div.subCategoryList td.subs { width: 33%; padding: 3px 5px 10px 5px; background-color: #eeeeee; } div.subCategoryList td.subs a { padding: 3px; font-size: 10px; } div.subCategoryList td.subs a:hover { color: #dc9d28; background-color: #ffffff; } div.subCategoryList td.empty { width: 33%; } .onlineRefresh a { text-decoration: underline; } div.itemListWithPagination { margin: 0px; padding: 0px; } div.itemListWithPagination .itemList span.searchTerm { background-color: #a1af26; } div.itemListWithPagination .itemListTableView { margin: 0px; } div.itemListWithPagination .itemListGridView { margin: 0px; } .pageContent { margin: 0px 20px; padding: 0px; } .pageContent-home { margin: 0px; } .pageContent-home h2 { margin-left: 20px; } .pageContent-documentNotFound {} .pageContent-document {} .pageContent-categoryNotFound {} .pageContent-category { } .pageContent-search { } .pageContent-search .noSearchStringGiven {} .pageContent-search .itemsFoundText span.searchTerm { font-weight: bold; } .pageContent-search .noItemsFoundText span.searchTerm { font-weight: bold; } .pageContent-search .didYouMean .label { } .pageContent-search .didYouMean a.link { text-decoration: underline; font-weight: bold; } .pageContent-search .didYouMean a.link:hover { color: #dc9d28; } .pageContent-search .didYouMean .postfix { } .pageContent-itemNotFound {} .pageContent-item { margin: 0px; } .pageContent-item p { margin: 0px; padding: 0px } .pageContent-item div.itemAttribute { margin-bottom: 10px; } .pageContent-item div.itemAttribute .label { display: block; margin-bottom: 1px; font-weight: bold; } .pageContent-item div.itemAttribute .value { display: block; } .pageContent-item .availability img { vertical-align: middle; margin-right: 5px; margin-top: -3px; } .pageContent-item .prices { margin-bottom: 12px; } .pageContent-item .prices tr.header td { font-weight: bold; } .pageContent-item .prices tr.header td span.pe { display: block; font-size: 9px; font-weight: bold; } .pageContent-item .prices td { padding: 0px 10px 1px 0px; } .pageContent-item span.price_discount { color: #777777; font-size: 9px; font-weight: normal; } .pageContent-item span.price_surcharge { color: #777777; font-size: 9px; font-weight: normal; } .pageContent-item span.total_discount { color: #777777; font-size: 9px; font-weight: normal; } .pageContent-item span.total_surcharge { color: #777777; font-size: 9px; font-weight: normal; } .pageContent-item .mwst { color: #777777; font-size: 9px; } .pageContent-item .mwst a { color: #777777; font-size: 9px; text-decoration: underline; } .pageContent-item .mwst a:hover { color: #dc9d28; } .pageContent-item .inquiryPerMail { margin-bottom: 12px; } .pageContent-item .inquiryPerMail a { text-decoration: underline; } .pageContent-item .imgtxt { color: #555555; font-size: 9px; } .pageContent-item .itemAddToCartInclude input.imgbutton { margin-bottom: 1px; vertical-align: text-bottom; } .pageContent-item span.min_qty { } .pageContent-item span.sales_unit { } .pageContent-item span.qty_per_unit { } .pageContent-item span.searchTerm { background-color: #a1af26; } .pageContent-item .characteristics td { padding-bottom: 8px; } .pageContent-item .characteristics a { font-weight: bold; text-decoration: underline; } .pageContent-item .characteristics a:hover { color: #dc9d28; } .pageContent-item .characteristics option.disabled { color: #bbbbbb; } .pageContent-item .billOfMaterialWrapper { margin-bottom: 20px; } .pageContent-item .billOfMaterial {} .pageContent-item .billOfMaterial .header td { padding: 5px; margin-bottom: 5px; white-space: nowrap; font-weight: bold; color: #444444; background-color: #e5e5e5; } .pageContent-item .billOfMaterial table.produkte_liste { table-layout:fixed; } .pageContent-item .billOfMaterial .row0 td { padding: 5px; } .pageContent-item .billOfMaterial .row1 td { padding: 5px; background-color: #eeeeee; } .pageContent-item .billOfMaterial .hidden { display: none; } .pageContent-item .billOfMaterial .visible { } .pageContent-item .billOfMaterial div.plus { margin: 3px 0px 0px 0px; padding: 0px; width: 9px; height: 9px; background-image: url(img/plus.gif); background-repeat: no-repeat; } .pageContent-item .billOfMaterial div.minus { margin: 3px 0px 0px 0px; padding: 0px; width: 9px; height: 9px; background-image: url(img/minus.gif); background-repeat: no-repeat; } .pageContent-item .billOfMaterial div.empty { margin: 3px 0px 0px 0px; padding: 0px; width: 9px; height: 9px; background-image: url(img/empty.gif); background-repeat: no-repeat; } .pageContent-item .billOfMaterial input.imgbutton { margin-bottom: 1px; vertical-align: text-bottom; } .pageContent-item .crossSellingWrapper {} .pageContent-item .crossSellingItemList {} .pageContent-item #backButton { margin: 20px 0px 0px 0px; } .pageContent-item div.backButton { display: inline-block; margin: 0px 0px 20px 12px; } .pageContent-quickorder {} .pageContent-quickorder .inputFields .header td { padding: 5px; white-space: nowrap; font-weight: bold; color: #444444; background-color: #e5e5e5; } .pageContent-quickorder .inputFields .row0 td { padding: 0px 5px 0px 5px; } .pageContent-quickorder .inputFields .row1 td { padding: 0px 5px 0px 5px; } .pageContent-quickorder .inputFields div.linie { height: 2px; font-size: 2px; margin: 3px 0px 3px 0px; padding: 0px; background-color: #e5e5e5; } .pageContent-quickorder .productList .header td { padding: 5px; white-space: nowrap; font-weight: bold; color: #444444; background-color: #e5e5e5; } .pageContent-quickorder .productList .tableRowSpace { height: 6px; } .pageContent-quickorder .productList .tableRowSpace div { height: 1px; font-size: 1px; margin: 0px 0px 5px 0px: padding: 0px; } .pageContent-quickorder .productList .row0 td { padding: 0px 5px 0px 5px; } .pageContent-quickorder .productList .row1 td { padding: 0px 5px 0px 5px; } .pageContent-quickorder .productList div.linie { height: 2px; font-size: 2px; margin: 10px 0px 10px 0px; padding: 0px; background-color: #e5e5e5; } .pageContent-quickorder input.button { margin-top: 10px; } .pageContent-wishlist {} .pageContent-wishlist div.action table { padding: 5px; background-color: #f0f0f0; } .pageContent-wishlist div.current_positions .header td { padding: 5px; white-space: nowrap; font-weight: bold; color: #444444; background-color: #e5e5e5; } .pageContent-wishlist div.current_positions .tableRowSpace { height: 6px; } .pageContent-wishlist div.current_positions .tableRowSpace div { height: 1px; font-size: 1px; margin: 0px 0px 5px 0px: padding: 0px; } .pageContent-wishlist div.current_positions .header a { color: #444444; text-decoration: underline; } .pageContent-wishlist div.current_positions .row0 td { padding: 0px 5px 0px 5px; } .pageContent-wishlist div.current_positions .row1 td { padding: 0px 5px 0px 5px; } .pageContent-wishlist div.current_positions div.linie { height: 2px; font-size: 2px; margin: 10px 0px 10px 0px; padding: 0px; background-color: #e5e5e5; } .pageContent-wishlist div.current_positions input.checkbox { } .pageContent-wishlist div.current_positions input.button { } .pageContent-wishlist div.current_positions td.iconColumn img { max-width: 70px; } .pageContent-previouslyOrderedItemList {} .pageContent-previouslyOrderedItemList .header td { padding: 5px; white-space: nowrap; font-weight: bold; color: #444444; background-color: #e5e5e5; } .pageContent-previouslyOrderedItemList .tableRowSpace { height: 6px; } .pageContent-previouslyOrderedItemList .tableRowSpace div { height: 1px; font-size: 1px; margin: 0px 0px 5px 0px: padding: 0px; } .pageContent-previouslyOrderedItemList .header a { color: #444444; text-decoration: underline; } .pageContent-previouslyOrderedItemList .row0 td { padding: 0px 5px 0px 5px; } .pageContent-previouslyOrderedItemList .row1 td { padding: 0px 5px 0px 5px; } .pageContent-previouslyOrderedItemList div.linie { height: 2px; font-size: 2px; margin: 10px 0px 10px 0px; padding: 0px; background-color: #e5e5e5; } .pageContent-previouslyOrderedItemList input.checkbox { } .pageContent-shoppingCart {} .pageContent-shoppingCart .containsInvalidItemMsg { color: #ff0000; font-weight: bold; } .pageContent-shoppingCart .updateSucceededMsg { font-weight: bold; } .pageContent-shoppingCart .updateFailedMsg { color: red; font-weight: bold; } .pageContent-shoppingCart .emptyMsg { text-align: center; padding: 20px; color: #ff0000; font-weight: bold; } .pageContent-shoppingCart .invalidMsg { color: red; font-weight: bold; } .pageContent-shoppingCart .errorMsg { color: red; font-weight: bold; } .pageContent-shoppingCart .shoppingCartLineItems { width: 100%; } .pageContent-shoppingCart .shoppingCartLineItems th.inputQtyColumn { width: 1px; text-align: left; } .pageContent-shoppingCart .shoppingCartLineItems th.removeColumn { width: 1px; } .pageContent-shoppingCart .shoppingCartLineItems th.itemNoColumn { width: 1px; text-align: left; } .pageContent-shoppingCart .shoppingCartLineItems th.itemNameColumn { text-align: left; } .pageContent-shoppingCart .shoppingCartLineItems th.orderQtyColumn { width: 1px; text-align: right; } .pageContent-shoppingCart .shoppingCartLineItems th.priceColumn { width: 1px; text-align: right; } .pageContent-shoppingCart .shoppingCartLineItems th.priceUnitColumn { width: 1px; text-align: right; } .pageContent-shoppingCart .shoppingCartLineItems th.totalPriceCalculationColumn { width: 1px; text-align: right; } .pageContent-shoppingCart .shoppingCartLineItems th.totalPriceColumn { width: 1px; text-align: right; } .pageContent-shoppingCart .shoppingCartLineItems td.inputQtyColumn { width: 1px; white-space: nowrap; text-align: right; vertical-align: top; } .pageContent-shoppingCart .shoppingCartLineItems td.iconColumn img { max-width: 70px; } .pageContent-shoppingCart .shoppingCartLineItems td.removeColumn { width: 1px; white-space: nowrap; vertical-align: top; } .pageContent-shoppingCart .shoppingCartLineItems td.removeColumn img { margin-top: 2px; } .pageContent-shoppingCart .shoppingCartLineItems td.itemNoColumn { white-space: nowrap; vertical-align: top; font-family: 'Roboto Slab', Verdana, Arial, Helvetica, Sans-Serif; } .pageContent-shoppingCart .shoppingCartLineItems td.itemNameColumn { vertical-align: top; font-family: 'Roboto Slab', Verdana, Arial, Helvetica, Sans-Serif; } .pageContent-shoppingCart .shoppingCartLineItems td.orderQtyColumn { white-space: nowrap; text-align: right; vertical-align: top; } .pageContent-shoppingCart .shoppingCartLineItems td.priceColumn { white-space: nowrap; text-align: right; vertical-align: top; } .pageContent-shoppingCart .shoppingCartLineItems td.priceUnitColumn { white-space: nowrap; text-align: right; vertical-align: top; } .pageContent-shoppingCart .shoppingCartLineItems td.totalPriceCalculationColumn { white-space: nowrap; text-align: right; vertical-align: top; } .pageContent-shoppingCart .shoppingCartLineItems td.totalPriceColumn { white-space: nowrap; text-align: right; vertical-align: top; } .pageContent-shoppingCart .shoppingCartLineItems tr.lineAtDocumentEnd td { padding: 0px 5px 0px 5px; white-space: nowrap; text-align: right; vertical-align: top; } .pageContent-shoppingCart .shoppingCartLineItems tr.lineAtDocumentEnd td.lineAtDocumentEndLabel {} .pageContent-shoppingCart .shoppingCartLineItems tr.lineAtDocumentEnd td.lineAtDocumentEndValue {} .pageContent-shoppingCart .shoppingCartLineItems tr.paddingToPreviousLine td { padding-top: 3px; } .pageContent-shoppingCart .shoppingCartLineItems tr.discountAtDocumentEnd {} .pageContent-shoppingCart .shoppingCartLineItems tr.subTotal td { font-weight: bold; font-size: 16px; } .pageContent-shoppingCart .shoppingCartLineItems .salesTaxAndShippingConditions {} .pageContent-shoppingCart .shoppingCartLineItems .salesTaxAndShippingConditions a { text-decoration: underline; } .pageContent-shoppingCart .shoppingCartLineItems .salesTaxAndShippingConditions a:hover { color: #dc9d28; } .pageContent-shoppingCart .button { margin-top: 10px; } .pageContent-shoppingCart #backButton { float: left; } .pageContent-shoppingCart #updateButton { float: left; margin-left: 5px; } .pageContent-shoppingCart #checkoutButton { float: right; } .pageContent-shoppingCart .formWrapper { margin-bottom: 31px; } .checkoutOrderLineItems { width: 100%; } .checkoutOrderLineItems th.lineNoColumn { width: 1px; text-align: left; } .checkoutOrderLineItems th.itemNoColumn { width: 1px; text-align: left; } .checkoutOrderLineItems th.itemNameColumn { text-align: left; } .checkoutOrderLineItems th.orderQtyColumn { width: 1px; text-align: right; } .checkoutOrderLineItems th.priceColumn { width: 1px; text-align: right; } .checkoutOrderLineItems th.priceUnitColumn { width: 1px; text-align: right; } .checkoutOrderLineItems th.totalPriceCalculationColumn { width: 1px; text-align: right; } .checkoutOrderLineItems th.totalPriceColumn { width: 1px; text-align: right; } .checkoutOrderLineItems td.lineNoColumn { white-space: nowrap; text-align: right; vertical-align: top; } .checkoutOrderLineItems td.itemNoColumn { white-space: nowrap; vertical-align: top; font-family: 'Roboto Slab', Verdana, Arial, Helvetica, Sans-Serif; } .checkoutOrderLineItems td.itemNameColumn { vertical-align: top; font-family: 'Roboto Slab', Verdana, Arial, Helvetica, Sans-Serif; } .checkoutOrderLineItems td.orderQtyColumn { white-space: nowrap; text-align: right; vertical-align: top; } .checkoutOrderLineItems td.priceColumn { white-space: nowrap; text-align: right; vertical-align: top; } .checkoutOrderLineItems td.priceUnitColumn { white-space: nowrap; text-align: right; vertical-align: top; } .checkoutOrderLineItems td.totalPriceCalculationColumn { white-space: nowrap; text-align: right; vertical-align: top; } .checkoutOrderLineItems td.totalPriceColumn { white-space: nowrap; text-align: right; vertical-align: top; } .checkoutOrderLineItems tr.lineAtDocumentEnd td { padding: 0px 5px 0px 5px; white-space: nowrap; text-align: right; vertical-align: top; } .checkoutOrderLineItems tr.lineAtDocumentEnd td.lineAtDocumentEndLabel {} .checkoutOrderLineItems tr.lineAtDocumentEnd td.lineAtDocumentEndValue {} .checkoutOrderLineItems tr.paddingToPreviousLine td { padding-top: 3px; } .checkoutOrderLineItems tr.discountAtDocumentEnd {} .checkoutOrderLineItems tr.subTotal {} .checkoutOrderLineItems tr.shippingMethod {} .checkoutOrderLineItems tr.paymentMethod {} .checkoutOrderLineItems tr.insurance {} .checkoutOrderLineItems tr.total {} .checkoutOrderLineItems tr.plusSalesTax {} .checkoutOrderLineItems tr.amountDue td { font-weight: bold; font-size: 16px; } .checkoutOrderLineItems tr.includedSalesTax {} .pageContent-checkoutLogin {} .pageContent-checkoutLogin .description {} .pageContent-checkoutLogin .login { margin-bottom: 25px; } .pageContent-checkoutLogin .login .header { padding: 5px; margin-bottom: 5px; font-weight: bold; color: #444444; background-color: #e5e5e5; } .pageContent-checkoutLogin .login .description { margin: 0px 0px 10px 0px; padding: 0px; } .pageContent-checkoutLogin .login input.inputField { width: 250px; margin-top: 2px; margin-bottom: 5px; } .pageContent-checkoutLogin .guestAccount { margin-bottom: 30px; } .pageContent-checkoutLogin .guestAccount .header { padding: 5px; margin-bottom: 5px; font-weight: bold; color: #444444; background-color: #e5e5e5; } .pageContent-checkoutLogin .guestAccount .description { margin: 0px 0px 10px 0px; padding: 0px; } .pageContent-checkoutLoginResult {} .pageContent-checkoutLoginResult .description {} .pageContent-checkoutLoginResult .shoppingCartConfirmationNeededText { margin-bottom: 15px; font-weight: bold; } .pageContent-checkoutCustomerData {} .pageContent-checkoutCustomerData .description {} .pageContent-checkoutCustomerData .mandatory { margin-bottom: 15px; font-weight: bold; } .pageContent-checkoutCustomerData div.header { padding: 5px; margin-bottom: 5px; font-weight: bold; color: #444444; background-color: #e5e5e5; } .pageContent-checkoutCustomerData table.attributes {} .pageContent-checkoutCustomerData table.attributes td { padding-bottom: 6px; } .pageContent-checkoutCustomerData .attributeLabel { white-space: nowrap; } .pageContent-checkoutCustomerData .attributeValue { width: 100%; padding-left: 10px; white-space: nowrap; } .pageContent-checkoutCustomerData input.inputField { width: 75%; } .pageContent-checkoutCustomerData input.postalCode { width: 100px; } .pageContent-checkoutCustomerData .button { margin-top: 10px; } .pageContent-checkoutOrderDetails {} .pageContent-checkoutOrderDetails .description {} .pageContent-checkoutOrderDetails .mandatory { margin-bottom: 15px; font-weight: bold; } .pageContent-checkoutOrderDetails div.header { padding: 5px; margin-bottom: 5px; font-weight: bold; color: #444444; background-color: #e5e5e5; } .pageContent-checkoutOrderDetails table.addresses { width: 100%; } .pageContent-checkoutOrderDetails td.customer { width: 50%; padding-right: 5px; } .pageContent-checkoutOrderDetails td.contact { width: 50%; padding-left: 5px; } .pageContent-checkoutOrderDetails td.contact td { padding-right: 10px; } .pageContent-checkoutOrderDetails .oneColumn td.shippingAddress { width: 100%; } .pageContent-checkoutOrderDetails .oneColumn td.billingAddress { width: 100%; } .pageContent-checkoutOrderDetails .twoColumns td.shippingAddress { width: 50%; padding-right: 5px; } .pageContent-checkoutOrderDetails .twoColumns td.billingAddress { width: 50%; padding-left: 5px; } .pageContent-checkoutOrderDetails .salesTaxIdVerification .salesTaxIdValid { color: green; } .pageContent-checkoutOrderDetails .salesTaxIdVerification .salesTaxIdIsNotValid { color: red; } .pageContent-checkoutOrderDetails .salesTaxIdVerification .serviceDown { color: red; } .pageContent-checkoutOrderDetails .salesTaxIdVerification .serviceNotReady { color: red; } .pageContent-checkoutOrderDetails table.attributes {} .pageContent-checkoutOrderDetails table.attributes td { padding-bottom: 6px; } .pageContent-checkoutOrderDetails .attributeLabel { white-space: nowrap; } .pageContent-checkoutOrderDetails .attributeValue { width: 100%; padding-left: 10px; white-space: nowrap; } .pageContent-checkoutOrderDetails textarea.inputField { width: 98% } .pageContent-checkoutShippingAddress {} .pageContent-checkoutShippingAddress .description {} .pageContent-checkoutShippingAddress .mandatory { margin-bottom: 15px; font-weight: bold; } .pageContent-checkoutShippingAddress div.header { padding: 5px; margin-bottom: 5px; font-weight: bold; color: #444444; background-color: #e5e5e5; } .pageContent-checkoutShippingAddress .existingAddresses .description { margin: 0px 0px 10px 0px; padding: 0px; } .pageContent-checkoutShippingAddress .existingAddresses .header td { padding: 5px; margin-bottom: 5px; font-weight: bold; border-bottom: 1px solid #d0d0d0; } .pageContent-checkoutShippingAddress .existingAddresses .row0 td { padding: 5px; border-bottom: 1px solid #d0d0d0; } .pageContent-checkoutShippingAddress .existingAddresses .row1 td { padding: 5px; border-bottom: 1px solid #d0d0d0; } .pageContent-checkoutShippingAddress .newAddress .description { margin: 0px 0px 10px 0px; padding: 0px; } .pageContent-checkoutShippingAddress .newAddress table.attributes {} .pageContent-checkoutShippingAddress .newAddress table.attributes td { padding-bottom: 6px; } .pageContent-checkoutShippingAddress .newAddress .attributeLabel { white-space: nowrap; } .pageContent-checkoutShippingAddress .newAddress .attributeValue { width: 100%; padding-left: 10px; white-space: nowrap; } .pageContent-checkoutShippingAddress .newAddress input.inputField { width: 75%; } .pageContent-checkoutShippingAddress .newAddress input.postalCode { width: 100px; } .pageContent-checkoutShippingAddress .newAddress input.salesTaxId { width: 200px; } .pageContent-checkoutBillingAddress {} .pageContent-checkoutBillingAddress .description {} .pageContent-checkoutBillingAddress .mandatory { margin-bottom: 15px; font-weight: bold; } .pageContent-checkoutBillingAddress div.header { padding: 5px; margin-bottom: 5px; font-weight: bold; color: #444444; background-color: #e5e5e5; } .pageContent-checkoutBillingAddress .existingAddresses .description { margin: 0px 0px 10px 0px; padding: 0px; } .pageContent-checkoutBillingAddress .existingAddresses .header td { padding: 5px; margin-bottom: 5px; font-weight: bold; border-bottom: 1px solid #d0d0d0; } .pageContent-checkoutBillingAddress .existingAddresses .row0 td { padding: 5px; border-bottom: 1px solid #d0d0d0; } .pageContent-checkoutBillingAddress .existingAddresses .row1 td { padding: 5px; border-bottom: 1px solid #d0d0d0; } .pageContent-checkoutBillingAddress .newAddress .description { margin: 0px 0px 10px 0px; padding: 0px; } .pageContent-checkoutBillingAddress .newAddress table.attributes {} .pageContent-checkoutBillingAddress .newAddress table.attributes td { padding-bottom: 6px; } .pageContent-checkoutBillingAddress .newAddress .attributeLabel { white-space: nowrap; } .pageContent-checkoutBillingAddress .newAddress .attributeValue { width: 100%; padding-left: 10px; white-space: nowrap; } .pageContent-checkoutBillingAddress .newAddress input.inputField { width: 75%; } .pageContent-checkoutBillingAddress .newAddress input.postalCode { width: 100px; } .pageContent-checkoutBillingAddress .newAddress input.salesTaxId { width: 200px; } .pageContent-checkoutShipping {} .pageContent-checkoutShipping .description {} .pageContent-checkoutShipping div.header { padding: 5px; margin-bottom: 5px; font-weight: bold; color: #444444; background-color: #e5e5e5; } .pageContent-checkoutShipping .shippingAddress .description { margin: 0px 0px 10px 0px; padding: 0px; } .pageContent-checkoutShipping .shippingMethod .description { margin: 0px 0px 10px 0px; padding: 0px; } .pageContent-checkoutShipping .shippingMethod .header td { padding: 5px; margin-bottom: 5px; font-weight: bold; border-bottom: 1px solid #d0d0d0; } .pageContent-checkoutShipping .shippingMethod .row0 td { padding: 5px; border-bottom: 1px solid #d0d0d0; } .pageContent-checkoutShipping .shippingMethod .row1 td { padding: 5px; border-bottom: 1px solid #d0d0d0; } .pageContent-checkoutPayment {} .pageContent-checkoutPayment .description {} .pageContent-checkoutPayment div.header { padding: 5px; margin-bottom: 5px; font-weight: bold; color: #444444; background-color: #e5e5e5; } .pageContent-checkoutPayment .billingAddress .description { margin: 0px 0px 10px 0px; padding: 0px; } .pageContent-checkoutPayment .paymentMethod .description { margin: 0px 0px 10px 0px; padding: 0px; } .pageContent-checkoutPayment .paymentMethod .header td { padding: 5px; margin-bottom: 5px; font-weight: bold; border-bottom: 1px solid #d0d0d0; } .pageContent-checkoutPayment .paymentMethod .row0 td { padding: 5px; border-bottom: 1px solid #d0d0d0; } .pageContent-checkoutPayment .paymentMethod .row1 td { padding: 5px; border-bottom: 1px solid #d0d0d0; } .pageContent-checkoutOrderView {} .pageContent-checkoutOrderView .description {} .pageContent-checkoutOrderView .fraudProtection { margin-bottom: 15px; } .pageContent-checkoutOrderView div.header { padding: 5px; margin-bottom: 5px; font-weight: bold; color: #444444; background-color: #e5e5e5; } .pageContent-checkoutOrderView table.addresses { width: 100%; } .pageContent-checkoutOrderView td.customer { width: 50%; padding-right: 5px; } .pageContent-checkoutOrderView td.contact { width: 50%; padding-left: 5px; } .pageContent-checkoutOrderView td.contact td { padding-right: 10px; } .pageContent-checkoutOrderView .oneColumn td.shippingAddress { width: 100%; } .pageContent-checkoutOrderView .oneColumn td.billingAddress { width: 100%; } .pageContent-checkoutOrderView .twoColumns td.shippingAddress { width: 50%; padding-right: 5px; } .pageContent-checkoutOrderView .twoColumns td.billingAddress { width: 50%; padding-left: 5px; } .pageContent-checkoutOrderView .additionalInformation td { padding: 0px 10px 2px 0px; } .pageContent-checkoutOrderView .comment { width: 100% } .pageContent-checkoutOrderView .salesTaxIdVerification .salesTaxIdValid { color: green; } .pageContent-checkoutOrderView .salesTaxIdVerification .salesTaxIdIsNotValid { color: red; } .pageContent-checkoutOrderView .salesTaxIdVerification .serviceDown { color: red; } .pageContent-checkoutOrderView .salesTaxIdVerification .serviceNotReady { color: red; } .pageContent-checkoutOrderView .privacyLink { text-decoration: underline; } .pageContent-checkoutOrderView .termsAndConditionsLink { text-decoration: underline; } .pageContent-checkoutOrderView .containsInvalidItemMsg { color: #ff0000; font-weight: bold; } .pageContent-checkoutOrderView .placeOrderErrorMsg { color: #ff0000; font-weight: bold; } .pageContent-checkoutOrderView .emptyMsg { text-align: center; padding: 20px; font-weight: bold; } .pageContent-checkoutOrderView input.button { margin-top: 10px; } .pageContent-checkoutOrderView span.invalid { color: red; font-weight: bold; } .pageContent-checkoutOrderView .salesOrganization { width: 100%; } .pageContent-checkoutOrderView .salesOrganization td.address { width: 50%; padding-right: 5px; } .pageContent-checkoutOrderView .salesOrganization td.contact { width: 50%; padding-left: 5px; } .pageContent-checkoutOrderView .salesOrganization td.contact td { padding-right: 5px; } .pageContent-checkoutOrderPrintView { margin: 0px 0px 15px 0px; padding: 0px; color: #555555; } .pageContent-checkoutOrderPrintView h1 { color: #555555; font-family: 'Roboto Slab', Verdana, Arial, Helvetica, Sans-Serif; } .pageContent-checkoutOrderPrintView .description {} .pageContent-checkoutOrderPrintView div.header { padding: 5px; margin-bottom: 5px; font-weight: bold; color: #444444; background-color: #e5e5e5; } .pageContent-checkoutOrderPrintView table.addresses { width: 100%; } .pageContent-checkoutOrderPrintView td.customer { width: 50%; padding-right: 5px; } .pageContent-checkoutOrderPrintView td.contact { width: 50%; padding-left: 5px; } .pageContent-checkoutOrderPrintView td.contact td { padding-right: 10px; } .pageContent-checkoutOrderPrintView .oneColumn td.shippingAddress { width: 100%; } .pageContent-checkoutOrderPrintView .oneColumn td.billingAddress { width: 100%; } .pageContent-checkoutOrderPrintView .twoColumns td.shippingAddress { width: 50%; padding-right: 5px; } .pageContent-checkoutOrderPrintView .twoColumns td.billingAddress { width: 50%; padding-left: 5px; } .pageContent-checkoutOrderPrintView .additionalInformation td { padding: 0px 10px 2px 0px; } .pageContent-checkoutOrderPrintView .comment { width: 100% } .pageContent-checkoutOrderPrintView .salesTaxIdVerification .salesTaxIdValid {} .pageContent-checkoutOrderPrintView .salesTaxIdVerification .salesTaxIdIsNotValid {} .pageContent-checkoutOrderPrintView .salesTaxIdVerification .serviceDown {} .pageContent-checkoutOrderPrintView .salesTaxIdVerification .serviceNotReady {} .pageContent-checkoutOrderPrintView .privacyLink { text-decoration: underline; } .pageContent-checkoutOrderPrintView .termsAndConditionsLink { text-decoration: underline; } .pageContent-checkoutOrderPrintView .containsInvalidItemMsg { color: #ff0000; font-weight: bold; } .pageContent-checkoutOrderPrintView .emptyMsg { text-align: center; padding: 20px; font-weight: bold; } .pageContent-checkoutOrderPrintView input.button { margin-top: 10px; } .pageContent-checkoutOrderPrintView .header td { padding: 5px; white-space: nowrap; font-weight: bold; color: #444444; background-color: #e5e5e5; } .pageContent-checkoutOrderPrintView .header a { color: #ffffff; text-decoration: underline; } .pageContent-checkoutOrderPrintView .row0 td { padding: 0px 5px 0px 5px; } .pageContent-checkoutOrderPrintView .row1 td { padding: 0px 5px 0px 5px; } .pageContent-checkoutOrderPrintView span.invalid { color: red; font-weight: bold; } .pageContent-checkoutOrderPrintView .salesOrganization { width: 100%; } .pageContent-checkoutOrderPrintView .salesOrganization td.address { width: 50%; padding-right: 5px; } .pageContent-checkoutOrderPrintView .salesOrganization td.contact { width: 50%; padding-left: 5px; } .pageContent-checkoutOrderPrintView .salesOrganization td.contact td { padding-right: 5px; } .pageContent-checkoutPaymentPage {} .pageContent-checkoutOrderPlaced {} .pageContent-checkoutOrderPlaced .description {} .pageContent-checkoutOrderPlaced .acknowledgementOfReceipt { margin-bottom: 15px; } .pageContent-checkoutNotificationPending {} .pageContent-checkoutNotificationPending .description {} .pageContent-checkoutNotificationPending .acknowledgementOfReceipt { margin-bottom: 15px; } .pageContent-checkoutPaymentFailed {} .pageContent-checkoutPendingOrderNotFound {} .pageContent-customerDocumentList {} .pageContent-customerDocumentList a { text-decoration: underline; } .pageContent-customerDocumentList .requestedPeriodSelectionWrapper { margin-bottom: 20px; } .pageContent-customerDocumentList .errorMsg {} .pageContent-customerDocumentList .noRecordsFound {} .pageContent-customerDocumentList .recordsFound {} .pageContent-customerDocument {} .pageContent-customerDocument a { text-decoration: underline; } .pageContent-customerDocument a.trackingLink:hover { color: #dc9d28; } .pageContent-customerDocument img.icon { max-width: 100px; } .pageContent-customerDocument .right { float: right; } .pageContent-customerDocument .right .button { margin-right: 5px; } .pageContent-customerDocument .right.top .button { margin-bottom: 20px; } .pageContent-customerDocument .right.bottom .button { margin-top: 20px; } .pageContent-backorderList {} .pageContent-backorderList a { text-decoration: underline; } .pageContent-backorderList .errorMsg {} .pageContent-backorderList .noRecordsFound {} .pageContent-backorderList .recordsFound {} .pageContent-backorderList .mwst { color: #777777; font-size: 9px; } .pageContent-backorderList img.icon { max-width: 100px; } .pageContent-createAccount {} .pageContent-createAccount .description {} .pageContent-createAccount .errorMsg { margin-bottom: 15px; color: red; font-weight: bold; } .pageContent-createAccount .mandatory { margin-bottom: 15px; font-weight: bold; } .pageContent-createAccount div.header { padding: 5px; margin-bottom: 5px; font-weight: bold; color: #444444; background-color: #e5e5e5; } .pageContent-createAccount table.attributes { margin: 0px; padding: 0px; border: 0px; } .pageContent-createAccount table.attributes td { padding-bottom: 6px; } .pageContent-createAccount .attributeLabel { white-space: nowrap; } .pageContent-createAccount .attributeValue { width: 100%; padding-left: 10px; white-space: nowrap; } .pageContent-createAccount input.inputField { width: 75%; } .pageContent-createAccount input.postalCode { width: 100px; } .pageContent-createAccount textarea.inputField { width: 98% } .pageContent-createAccount .privacyLink { text-decoration: underline; } .pageContent-createAccount .button { margin-top: 10px; } .pageContent-customerData {} .pageContent-customerData .description {} .pageContent-customerData .errorMsg { margin-bottom: 15px; color: red; font-weight: bold; } .pageContent-customerData .mandatory { margin-bottom: 15px; font-weight: bold; } .pageContent-customerData div.header { padding: 5px; margin-bottom: 5px; font-weight: bold; color: #444444; background-color: #e5e5e5; } .pageContent-customerData table.attributes { margin: 0px; padding: 0px; border: 0px; } .pageContent-customerData table.attributes td { padding-bottom: 6px; } .pageContent-customerData .attributeLabel { white-space: nowrap; } .pageContent-customerData .attributeValue { width: 100%; padding-left: 10px; white-space: nowrap; } .pageContent-customerData input.inputField { width: 75%; } .pageContent-customerData input.postalCode { width: 100px; } .pageContent-customerData .button { margin-top: 10px; } .pageContent-logout {} .pageContent-logout .description {} .pageContent-sitemap {} .pageContent-sitemap .categories * { font-size: 10px; } .pageContent-sitemap .categories a { display: block; } .pageContent-sitemap .categories a:hover { text-decoration: none; } .pageContent-sitemap .categories td.header { width: 33%; line-height: 23px; padding: 0px 0px 12px 0px; } .pageContent-sitemap .categories td.header a { color: #000000; font-size: 16px; font-weight: bold; text-transform: uppercase; } .pageContent-sitemap .categories td.hover a { color: #dc9d28; } .pageContent-sitemap .categories td.image { width: 33%; background-color: #ffffff; } .pageContent-sitemap .categories td.image a { display: block; line-height: 100px; text-align: center; } .pageContent-sitemap .categories td.image img { vertical-align: middle; max-width: 276px; max-height: 276px; } .pageContent-sitemap .categories td.subCategories { width: 33%; padding: 12px; background-color: rgba(226,226,226,0.8); } .pageContent-sitemap .categories td.subCategories a { padding: 3px; font-size: 14px; } .pageContent-sitemap .categories td.subCategories a:hover { color: #dc9d28; background-color: #ffffff; } .pageContent-sitemap .categories td.subCategories a.subCategory1 { padding-left: 5px; font-size: 14px; } .pageContent-sitemap .categories td.subCategories a.subCategory2 { padding-left: 20px; font-size: 14px; } .pageContent-sitemap .categories td.subCategories a.subCategory3 { padding-left: 35px; font-size: 13px; } .pageContent-sitemap .categories td.subCategories a.subCategory4 { padding-left: 50px; font-size: 13px; } .pageContent-sitemap .categories td.subCategories a.subCategory5 { padding-left: 65px; font-size: 13px; } .pageContent-sitemap .categories td.subCategories a.subCategory6 { padding-left: 70px; font-size: 13px; } .pageContent-sitemap .categories td.subCategories a.subCategory7 { padding-left: 80px; font-size: 13px; } .pageContent-sitemap .categories td.empty { width: 33%; } .pageContent-passwordChange {} .pageContent-passwordChange .description {} .pageContent-passwordChange .errorMsg { margin-bottom: 15px; color: red; font-weight: bold; } .pageContent-passwordChange table.attributes { margin: 0px; padding: 0px; border: 0px; } .pageContent-passwordChange table.attributes td { padding-bottom: 6px; } .pageContent-passwordChange .attributeLabel { white-space: nowrap; } .pageContent-passwordChange .attributeValue { padding-left: 10px; white-space: nowrap; } .pageContent-passwordChange .attributeValue input { width: 200px; } .pageContent-passwordReminder {} .pageContent-passwordReminder a { text-decoration: underline; } .pageContent-passwordReminder .missing { border: 2px solid #ff0000; } div.languageSelection {} div.languageSelection select { width: -42px; margin-top: 5px; background-color: #ffffff; border: 1px solid #999999; } div.languageSelection option { background-position: 0px 2px; background-repeat: no-repeat; padding-left: 20px; } div.languageSelection img.flag {} div.userlogin {} div.userlogin label { font-weight: bold; } div.userlogin input.inputField { width: 92%; margin-top: 2px; margin-bottom: 5px; } div.userlogin .loginFailed { font-weight: bold; padding: 5px; border: 1px solid black; background-color: white; margin-top: 5px; margin-bottom: 10px; -moz-border-radius: 4px 4px 4px 4px; -khtml-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -o-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; border: 2px solid #cd0b0b; color: #cd0b0b; background-color: #ffe2e2; } div.userlogin a:hover { color: #dc9d28; text-decoration: underline; } div.userlogin a.arrow { padding-bottom: 2px; } div.shoppingCartInfo {} div.shoppingCartInfo select { width: -20px; margin-top: 5px; background-color: #ffffff; border: 1px solid #999999; } div.shoppingCartInfo a:hover { text-decoration: underline; } div.shoppingCartInfo a.arrow { display: block; padding-left: 11px; background-image: url(img/pfeil.png); background-position: 0px 6px; background-repeat: no-repeat; } div.shoppingCartInfo .box .boxContent { background-color: #c6eeff; } div.shoppingCartInfo .subTotal { font-weight: bold; font-size: 16px; } div.shoppingCartInfo .numberOfLineItems { font-weight: bold; font-size: 16px; } div.shoppingCartInfo .actionText { font-weight: bold; padding: 5px; border: 1px solid black; background-color: white; -moz-border-radius: 4px 4px 4px 4px; -khtml-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -o-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; } div.shoppingCartInfo .actionWasSuccessful { border: 2px solid #d89f36; color: #d89f36; background-color: #ffffff; } div.shoppingCartInfo .actionWasNotSuccessful { border: 2px solid #cd0b0b; color: #cd0b0b; background-color: #ffe2e2; } div.shoppingCartInfo .containsInvalidItemMsg { font-weight: bold; padding: 5px; border: 2px solid #cd0b0b; color: #cd0b0b; background-color: #ffe2e2; -moz-border-radius: 4px 4px 4px 4px; -khtml-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -o-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; } div.shoppingCartInfo .title .cW span { font-weight: normal; color: #ddaa4b; font-size: 13px;} div.wishlistInfo {} div.wishlistInfo select { width: -20px; margin-top: 5px; background-color: #ffffff; border: 1px solid #999999; } div.wishlistInfo a:hover { color: #dc9d28; text-decoration: underline; } div.wishlistInfo a.arrow { display: block; padding-left: 11px; background-image: url(img/pfeil.png); background-position: 0px 6px; background-repeat: no-repeat; } div.wishlistInfo .numberOfLineItems { font-weight: bold; font-size: 16px; } div.wishlistInfo .actionText { font-weight: bold; padding: 5px; border: 1px solid black; background-color: white; -moz-border-radius: 4px 4px 4px 4px; -khtml-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -o-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; } div.wishlistInfo .actionWasSuccessful { border: 2px solid #30ae30; color: #30ae30; background-color: #dbffdb; } div.wishlistInfo .actionWasNotSuccessful { border: 2px solid #cd0b0b; color: #cd0b0b; background-color: #ffe2e2; } div.quickorderInfo {} div.quickorderInfo a:hover { color: #dc9d28; text-decoration: underline; } div.quickorderInfo a.arrow { padding-bottom: 2px; } div.recentlyVisitedItemList {} div.recentlyVisitedItemList a:hover, div.recentlyVisitedItemList a:hover span { color: #dc9d28; text-decoration: underline; } div.recentlyVisitedItemList a.icon { display: block; margin-bottom: 4px; text-align: center; } div.recentlyVisitedItemList div.linie { margin: 8px 0px 8px 0px; padding: 0px; border-bottom: 1px solid #999999; } div.topSeller {} div.topSeller a:hover, div.topSeller a:hover span { color: #dc9d28; text-decoration: underline; } div.topSeller a.icon { display: block; margin-bottom: 4px; text-align: center; } div.topSeller div.linie { margin: 8px 0px 8px 0px; padding: 0px; border-bottom: 1px solid #999999; } div.rightdoc {} div.rightdoc a { text-decoration: underline; } div.rightdoc a:hover { color: #dc9d28; } div.lastupdate { text-align: center; color: #ffffff; font-size: 9px; float: right; margin-right: 20px; } div.copyright { text-align: center; height: 23px; font-size: 9px; color: #ffffff; float: left; margin-left: 20px; } div.copyright a { font-size: 9px; color: #ffffff; } div.copyright a:hover { text-decoration: underline; } .pageContent-loginRequired { width: 350px; margin: 0px; padding: 20px; overflow: hidden; border: 1px solid #dddddd; text-align: left; } .pageContent-loginRequired h1 { margin: 0px 0px 10px 0px; font-family: 'Roboto Slab', Verdana, Arial, Helvetica, Sans-Serif; } .pageContent-loginRequired .description {} .pageContent-loginRequired table.attributes { margin: 0px; padding: 0px; border: 0px; } .pageContent-loginRequired table.attributes td { padding-bottom: 6px; } .pageContent-loginRequired .attributeLabel { white-space: nowrap; } .pageContent-loginRequired .attributeValue { padding-left: 10px; white-space: nowrap; } .pageContent-loginRequired .attributeValue input { width: 200px; } .pageContent-loginRequired .button { margin-top: 4px; } .pageContent-noConnection { width: 350px; margin: 0px; padding: 20px; overflow: hidden; border: 1px solid #dddddd; text-align: left; } .pageContent-noConnection h1 { margin: 0px 0px 10px 0px; font-family: 'Roboto Slab', Verdana, Arial, Helvetica, Sans-Serif; } .pageContent-userHasToWait { width: 350px; margin: 0px; padding: 20px; overflow: hidden; border: 1px solid #dddddd; text-align: left; } .pageContent-userHasToWait h1 { margin: 0px 0px 10px 0px; font-family: 'Roboto Slab', Verdana, Arial, Helvetica, Sans-Serif; } .pageContent-newUserHasToWait { width: 350px; margin: 0px; padding: 20px; overflow: hidden; border: 1px solid #dddddd; text-align: left; } .pageContent-newUserHasToWait h1 { margin: 0px 0px 10px 0px; font-family: 'Roboto Slab', Verdana, Arial, Helvetica, Sans-Serif; } .pageContent-lockDuringUpdate { width: 350px; padding: 20px; overflow: hidden; border: 1px solid #dddddd; text-align: left; } .pageContent-lockDuringUpdate h1 { margin: 0px 0px 10px 0px; font-family: 'Roboto Slab', Verdana, Arial, Helvetica, Sans-Serif; } .pageContent-maintenance { width: 350px; margin: 0px; padding: 20px; overflow: hidden; border: 1px solid #dddddd; text-align: left; } .pageContent-maintenance h1 { margin: 0px 0px 10px 0px; font-family: 'Roboto Slab', Verdana, Arial, Helvetica, Sans-Serif; } .pageContent-error { width: 350px; margin: 0px; padding: 20px; overflow: hidden; border: 1px solid #dddddd; text-align: left; } .pageContent-error h1 { margin: 0px 0px 10px 0px; font-family: 'Roboto Slab', Verdana, Arial, Helvetica, Sans-Serif; } .logo { position: absolute; top: 30px; left: -35px; } .header .subTitle { font-family: 'Roboto Slab', Verdana, Arial, Helvetica, Sans-Serif; color: #000000; position: absolute; top: 79px; left: 58px; } .activator { cursor: pointer; text-align: center; } .activator .title { margin-top: 35px; } .activator .title .cW { font-size: 15px; color: #ffffff; } .activator .title .cW img { margin-bottom: 6px; } .activator .marker { height: 1px; display: inline-block; line-height: 1px; padding-top: 3px; } .activator .marker .sub { display: none; padding-top: 5px; position: absolute; right: 20px; z-index: 41; width: 0px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #ffffff; } .activator:hover .marker .sub { display: block; } div.cW { display: inline-block; text-align: center; } #overlayLoginBG { display: none; position: fixed; top:0; left:0; right: 0; bottom: 0; z-index:50; height:100%; width:100%; margin: 0; background: transparent; } .userAccountInfo { margin-top: 0px; float: right; position: relative; width: 100px; height: 115px; } .userAccountInfo a.arrow { display: block; padding-left: 11px; background-image: url(img/pfeil.png); background-position: 0px 6px; background-repeat: no-repeat; } .userAccountInfo ul { list-style-type: none; margin: 0px; padding: 0px; position: absolute; right: 0px; } .userAccountInfo ul li { float: left; width: 100px; height: 115px; } .userAccountInfo ul li .link { margin: 5px 0px 5px 10px; } .userAccountInfo ul li .trenner { height: 14px; border-left: 1px solid #000000; margin: 5px 0px 5px 10px; } .userAccountInfo .kontoPopUp { width: 176px; display: none; z-index: 60; position: absolute; right: 0px; top: 115px; padding: 12px; text-align: left; } .userAccountInfo .loginPopUp { display: none; z-index: 60; position: absolute; right: 0px; top: 115px; padding: 12px; text-align: left; } .userAccountInfo .kontoPopUp a { white-space: nowrap; margin: 3px 0px; padding_bottom: 5px; color: #ffffff; } .userAccountInfo .loginPopUp a { white-space: nowrap; margin: 3px 0px; padding_bottom: 5px; } .userAccountInfo .loginPopUp a.arrow { display: block; padding-left: 11px; background-image: url(img/arrow.gif); background-position: 0px 7px; background-repeat: no-repeat; } .userAccountInfo .title { position: relative; z-index: 65; color: #000000; font-size: 16px; height: 27px; } .userAccountInfo li.activator { z-index: 65; } .userAccountInfo.konto li.activator:hover .kontoPopUp { display: block; } .userAccountInfo.login { background-color: #e2e2e2; } .userAccountInfo.logout { background-color: #e2e2e2; } .userAccountInfo.login .loginPopUp { background-color: #e2e2e2; } .userAccountInfo.login .title .cW { color: #dc9d28; } .userAccountInfo.logout .title .cW { color: #dc9d28; } .userAccountInfo.logout .title .cW img { margin-top: 3px; } .userAccountInfo.konto { background-color: #a1a08a; } .userAccountInfo.konto .kontoPopUp{ background-color: #a1a08a; } .userAccountInfo.konto .title .cW span { font-weight: normal; color: #ddaa4b; font-size: 13px;} .nav { float: right; position: relative; width: 100px; height: 115px; } .nav a.arrow { display: block; padding-left: 11px; background-image: url(img/pfeil.png); background-position: 0px 6px; background-repeat: no-repeat; } .nav ul { list-style-type: none; margin: 0px; padding: 0px; position: absolute; right: 0px; } .nav ul li { float: left; width: 100px; height: 115px; } .nav ul li .link { margin: 5px 0px 5px 10px; } .nav ul li .trenner { height: 14px; border-left: 1px solid #000000; margin: 5px 0px 5px 10px; } .nav .popUp { width: 176px; color: #ffffff; display: none; z-index: 60; position: absolute; right: 0px; top: 115px; padding: 12px; text-align: left; } .nav .popUp span { color: #ffffff; } .nav .popUp a { white-space: nowrap; margin: 3px 0px; padding_bottom: 5px; color: #ffffff; } .nav .title { position: relative; z-index: 65; color: #000000; font-size: 16px; height: 27px; } .nav .title a { display: block; color: #000000; font-size: 11px; } .nav .title span { color: #000000; font-size: 11px; } .nav .title .img { float: left; } .nav .title .data { float: left; font-size: 12px; margin-left: 5px; } .nav .title .data span { font-weight: bold; line-height: 20px; } .nav li.activator { z-index: 65; } .nav li.activator:hover .popUp { display: block; } .nav.shoppingCartInfo, .nav.shoppingCartInfo .popUp { background-color: #a69b84; } .nav.createAccountInfo, .nav.createAccountInfo .popUp { background-color: #a69b84; } .nav.retailerInfo, .nav.retailerInfo .popUp { background-color: #b99d6e; } .nav.retailerInfo .title { margin-top: 33px; } .nav.quickorderInfo, .nav.quickorderInfo .popUp { background-color: #c59a4b; } .nav.quickorderInfo .title { margin-top: 43px; } .categories.horizontal { display: inline-block; height: 50px; } .categories.horizontal ul { list-style-type: none; margin: 0px; padding: 0px; } .categories.horizontal ul.level1, .categories.horizontal ul.level2, .categories.horizontal ul.level3, .categories.horizontal ul.level4 { padding: 10px 0px; } .categories.horizontal ul li.level0 { float: left; height: 50px; padding: 0px 5px 0px 15px; position: relative; } .categories.horizontal ul li.level0 .markerWrapper { width: 100%; } .categories.horizontal ul li.level0 .marker { display: block; padding-top: 5px; position: absolute; width: 0px; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 15px solid #7e858c; left: 50%; margin-left: -20px; z-index: 10; } .categories.horizontal ul li.trenner { float: left; margin: 2px 0px 5px 0px; } .categories.horizontal ul li.level1 { position: relative; } .categories.horizontal ul li.quickorder { float: left; padding: 0px 10px; } .categories.horizontal ul li.quickorder a { font-size: 18px; font-weight: bold; color: #ffffff; text-transform: uppercase; line-height: 50px; } .categories.horizontal ul li.nonStd { float: left; position: relative; } .categories.horizontal ul li a.level0.withSub { background-image: url(img/arrow_nav_down.png); background-position: right center; background-repeat: no-repeat; } .categories.horizontal ul li a.level0 { padding: 0px 17px 0px 0px; text-transform: uppercase; line-height: 50px; color: #ffffff; font-size: 16px; } .categories.horizontal li ul { position: absolute; visibility: hidden; z-index: 40; text-align: left; width: 200px;} .categories.horizontal li.level0:hover ul.level1 { visibility: visible; } .categories.horizontal li.level1:hover ul.level2 { visibility: visible; } .categories.horizontal li ul.level1 { left: 0px; background-color: #e2e2e2; } .categories.horizontal li ul.level2 { top: -10px; left: 200px; background-color: #e2e2e2; } .categories.horizontal ul li a, .categories.horizontal ul li span { font-size: 16px; display: block; text-decoration: none; padding: 0px 10px; cursor: pointer; } .categories.horizontal ul li span.level0 { text-transform: uppercase; } .categories.horizontal ul li a.level1, .categories.horizontal ul li a.level2, .categories.horizontal ul li a.level3, .categories.horizontal ul li a.level4 { font-size: 14px; padding: 3px 15px; } .categories.horizontal ul li span.level1, .categories.horizontal ul li span.level2, .categories.horizontal ul li span.level3, .categories.horizontal ul li span.level4 { font-size: 14px; } .categories.horizontal ul li.level0:hover { } .categories.horizontal ul li.level1:hover, .categories.horizontal ul li.level2:hover, .categories.horizontal ul li.level3:hover { } .categories.horizontal ul li.level0:hover a.level0 { color: #ffffff; } .categories.horizontal ul li.level0 a, .categories.horizontal ul li.nonStd a { color: #ffffff; } .categories.horizontal ul li.level1 a { color: #a1a08a; } .categories.horizontal ul li.level1 a.level1 { text-transform: uppercase; } .categories.horizontal ul li a:hover { text-decoration: none; } .categories.horizontal ul a.withSub.level1 { background-image: url(img/arrow_nav.png); background-position: 180px 3px; background-repeat: no-repeat; } .categories.horizontal ul li.level1:hover a.withSub { } .categories.horizontal ul li.color0 a { font-size: 18px; } .categories.horizontal ul li.color0, .categories.horizontal ul li.color7 { background-color: #dc9d28; } .categories.horizontal ul li.color1 { background-color: #7e858c; } .categories.horizontal ul li.color2 { background-color: #000000; } .categories.horizontal ul li.color3 { background-color: #a1af26; } .categories.horizontal ul li.color4 { background-color: #5a202d; } .categories.horizontal ul li.color5 { background-color: #372106; } .categories.horizontal ul li.color6 { background-color: #a1a08a; } .categories.horizontal ul li.level0.color0 .marker, .categories.horizontal ul li.level0.color7 .marker { border-top: 15px solid #dc9d28; } .categories.horizontal ul li.level0.color1 .marker { border-top: 15px solid #7e858c; } .categories.horizontal ul li.level0.color2 .marker { border-top: 15px solid #000000; } .categories.horizontal ul li.level0.color3 .marker { border-top: 15px solid #a1af26; } .categories.horizontal ul li.level0.color4 .marker { border-top: 15px solid #5a202d; } .categories.horizontal ul li.level0.color5 .marker { border-top: 15px solid #372106; } .categories.horizontal ul li.level0.color6 .marker { border-top: 15px solid #a1a08a; } .categories.horizontal ul li.level1:hover a.level1, .categories.horizontal ul li.level2:hover a.level2, .categories.horizontal ul li.level3:hover a.level3 { background-color: rgba(161,175,38,0.3); } .footerWrapper .line { height: 5px; border-bottom: 10px solid #dc9d28; } .footer { text-align: center; padding: 20px 0px 40px 0px; } .footer .column { float: left; width: 148px; margin-left: 20px; } .footer .column.marken { width: 232px; } .footer .column .header { color: #ffffff; text-transform: uppercase; font-size: 16px; margin-bottom: 5px; font-weight: bold; } .footer .column .data a { font-size: 14px; } .footer .column.marken .data { float: left; margin-right: 20px; } .footer .column.marken .data:last-child { margin-right: 0px; } .footer .column .data ul { list-style-type: none; margin: 0px 0px 0px 5px; padding: 0px; } .footer .column .data ul li { } .footer .column .data ul li a { color: #ffffff; } .footer ul { display: inline-block; list-style-type: none; margin: 0px; padding: 0px; } .footer ul li { float: left; padding: 0px 6px; } .footer ul li a { color: #ffffff; font-size: 14px; } .footer ul li .trenner { padding: 0px; width: 0px; border-right: 2px solid #ffffff; height: 13px; margin-top: 4px; } .categoryHeader { float: left; } .itemHeader { display: inline-block; line-height: 50px; } .itemHeader h1 { padding-left: 20px; font-family: 'Roboto Slab', Verdana, Arial, Helvetica, Sans-Serif; } .categoryHeader h1, .itemHeader h1 { margin-bottom: 0px; font-family: 'Roboto', Verdana, Arial, Helvetica, Sans-Serif; } .pageContent .bgWrapper { display: block; padding: 20px; margin-bottom: 20px; background-color: rgba(226,226,226,0.8); clear: both; } .sortAndPaginationWrapper { height: 70px; float: right; } .sortAndPaginationWrapper.top { padding: 20px 20px 12px 20px; } .sortAndPaginationWrapper.bottom { padding: 12px 20px 40px 20px; } .sortAndPaginationWrapper .pagination * { font-weight: bold; } .sortAndPaginationWrapper .pagination { margin-top: 12px; display: inline-block; float: right; } .sortAndPaginationWrapper .pagination .previous { float: left; } .sortAndPaginationWrapper .pagination .previous .arrow_left { margin: 3px 5px 0px 0px; float: left; width: 0px; height: 0px; border-top: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid #e2e2e2; border-bottom: 10px solid transparent; } .sortAndPaginationWrapper .pagination .pages ul { list-style-type: none; margin: 0px; padding: 0px; } .sortAndPaginationWrapper .pagination .pages { float: left; } .sortAndPaginationWrapper .pagination .pages ul li { float: left; height: 26px; line-height: 26px; width: 26px; background-color: #e2e2e2; -moz-border-radius: 13px 13px 13px 13px; -khtml-border-radius: 13px 13px 13px 13px; -webkit-border-radius: 13px 13px 13px 13px; -o-border-radius: 13px 13px 13px 13px; border-radius: 13px 13px 13px 13px; text-align: center; margin-left: 5px; } .sortAndPaginationWrapper .pagination .pages ul li:first-child { margin-left: 0px; } .sortAndPaginationWrapper .pagination .next { float: left; } .sortAndPaginationWrapper .pagination .next .arrow_right { margin: 3px 0px 0px 5px; float: left; width: 0px; height: 0px; border-top: 10px solid transparent; border-left: 10px solid #e2e2e2; border-right: 10px solid transparent; border-bottom: 10px solid transparent; } div.itemListWithPagination .pagination a:hover { text-decoration: none; } div.itemListWithPagination .pagination .page { padding: 2px 2px 0px 2px; border: none; -moz-border-radius: 0px 0px 0px 0px; -khtml-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; -o-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; } div.itemListWithPagination .pagination li:hover, div.itemListWithPagination .pagination li:hover a, div.itemListWithPagination .pagination li.active, div.itemListWithPagination .pagination li.active a, div.sortAndPaginationWrapper .pagination li:hover, div.sortAndPaginationWrapper .pagination li:hover a, div.sortAndPaginationWrapper .pagination li.active, div.sortAndPaginationWrapper .pagination li.active a { color: #ffffff; background-color: #000000; border: none; } div.itemListWithPagination .pagination li.points:hover, div.itemListWithPagination .pagination li.points:hover a, div.sortAndPaginationWrapper .pagination li.points:hover, div.sortAndPaginationWrapper .pagination li.points:hover a{ color: #000000; background-color: #e2e2e2; border: none; } .sortAndPaginationWrapper .sortLinks { display: inline-block; background-color: #E2E2E2; margin-right: 13px; float: right; } .sortAndPaginationWrapper .sortLinks .linkList {} .sortAndPaginationWrapper .sortLinks .linkList ul { list-style-type: none; margin: 0px; text-align: left; white-space: nowrap; padding: 0px 5px 2px 0px; } .sortAndPaginationWrapper .sortLinks .linkList ul li { padding: 0px 12px 0px 0px; margin-left: 5px; display: inline-block; } .sortAndPaginationWrapper .sortLinks .linkList ul li.label { padding: 0px; font-size: 12px; font-weight: bold; } .sortAndPaginationWrapper .sortLinks .linkList ul li.asc { background-image: url(img/pfeil_schwarz_up.png); background-position: right 8px; background-repeat: no-repeat; } .sortAndPaginationWrapper .sortLinks .linkList ul li.desc { background-image: url(img/pfeil_schwarz_down.png); background-position: right 8px; background-repeat: no-repeat; } .sortAndPaginationWrapper .sortLinks .linkList ul li.active.asc { background-image: url(img/pfeil_orange_up.png); background-position: right 8px; background-repeat: no-repeat; } .sortAndPaginationWrapper .sortLinks .linkList ul li.active.desc { background-image: url(img/pfeil_orange_down.png); background-position: right 8px; background-repeat: no-repeat; } .sortAndPaginationWrapper .sortLinks .linkList ul li a { font-size: 12px; font-weight: bold; } .sortAndPaginationWrapper .sortLinks .linkList ul li.active a { color: #dc9d28; } .itemListGridView { margin-right: } .itemListGridView .item { width: 292px; float: left; padding: 0px; margin-right: 12px; position: relative; } .itemListGridView .item:last-child { margin-right: 0px; } .itemListGridView .itemRow { display: inline-block; margin-bottom: 20px; } .itemListGridView .item .icon { background-color: #ffffff; width: 292px; height: 292px; text-align: center; vertical-align: bottom; display: table-cell; } .itemListGridView .item .icon img { max-width: 292px; max-height: 292px; } .itemListGridView .item .number { background-color: #000000; padding: 3px 5px; position: absolute; top: 20px; right: 0px; } .itemListGridView .item .number .itemNo { color: #ffffff; font-family: 'Roboto Slab', Verdana, Arial, Helvetica, Sans-Serif; } .itemListGridView .item .data { background-color: rgba(226,226,226,0.8); min-height: 50px; padding: 20px 20px 12px 20px; } .itemListGridView .item .data .itemName { font-family: 'Roboto Slab', Verdana, Arial, Helvetica, Sans-Serif; } .itemListGridView .item .teaserText { background-color: rgba(226,226,226,0.8); min-height: 58px; padding: 12px 20px; position: relative; } .itemListGridView .item .teaserText .moreLink { text-decoration: underline; color: #dc9d28; font-size: 14px; } .itemListGridView .item .buy { background-color: rgba(226,226,226,0.8); min-height: 100px; padding: 0px 20px 20px 20px;} .itemListGridView .item .buy .info { min-height: 70px; float: left; } .itemListGridView .item .buy .info .price_without_discounts { color: #000000; font-size: 18px; font-weight-bold; } .itemListGridView .item .buy .actions { min-height: 70px; float: right; text-align: right; } .itemListGridView .item .buy .actions input.button { font-size: 13px; } .itemListAddToCartInclude .addToWishlistForm input.button { background-color: #a69b84; } .itemListAddToCartInclude .inputWrapper { margin-bottom: 5px; } .itemListAddToCartInclude .action { margin-top: 5px; } .itemAddToCartInclude .addToWishlistForm input.button { background-color: #a69b84; } .itemAddToCartInclude .inputWrapper { margin-bottom: 5px; } .itemAddToCartInclude .action { margin-top: 5px; } .pageContent-item { padding: 0px; } .pageContent-item .bgWrapper { display: inline-block; padding: 0px 20px; background-color: rgba(226,226,226,0.8); } .pageContent-item .bgWrapper h1 { text-transform: none; line-height: 28px; font-family: 'Roboto Slab', Verdana, Arial, Helvetica, Sans-Serif; } .pageContent-item .left { float: left; position: relative; } .pageContent-item .left .image { width: 520px; height: 520px; overflow: hidden; background-color: #ffffff; text-align: center; vertical-align: bottom; display: table-cell; } .pageContent-item .left .number { z-index: 6; background-color: #000000; padding: 3px 5px; position: absolute; bottom: 32px; left: 0px; } .pageContent-item .left .number .itemNo { color: #ffffff; font-weight: bold; font-family: 'Roboto Slab', Verdana, Arial, Helvetica, Sans-Serif; } .pageContent-item .right { min-height: 488px; float: left; margin: 0px 0px 32px 12px; width: 368px; } .pageContent-item .right .data { } .pageContent-item .right .buy { min-height: 100px; padding: 0px; } .pageContent-item .right .buy .info { min-height: 70px; float: left; } .pageContent-item .right .buy .info .price_without_discounts { color: #000000; font-size: 18px; font-weight-bold; } .pageContent-item .right .buy .actions { min-height: 70px; float: right; text-align: right; } .pageContent-item .right .backButton { float: right; text-align: right; width: 100%; } .pageContent-item .markenlogo { float: right; position: absolute; right: 0px; bottom: 3px; } .billOfMaterialWrapper, .crossSellingWrapper, .recentlyVisitedWrapper { padding: 0px 20px; clear: both; } .billOfMaterialWrapper div.detailtopic, .crossSellingWrapper div.detailtopic, .recentlyVisitedWrapper div.detailtopic { margin: 0px; padding: 40px 20px 12px 0px; font-size: 28px; font-weight: bold; color: #000000; text-transform: uppercase; line-height: 50px; font-family: 'Roboto', Verdana, Arial, Helvetica, Sans-Serif; } .contentCategoryList { margin-bottom: 20px; } .contentCategoryList.horizontal { text-align: center; } .contentCategoryList .wrapper { display: inline-block; } .contentCategoryList ul { list-style-type: none; margin: 0px; padding: 0px; text-align: left; } .contentCategoryList ul li { background-color: #ffffff; } .contentCategoryList.horizontal ul li { float: left; display: inline-block; line-height: 0px; border-radius: 50%; border: 2px solid #ffffff; margin: 0px 10px; } .contentCategoryList.horizontal ul li a { display: inline-block; padding-top: 50%; padding-bottom: 50%; margin-left: 8px; margin-right: 8px; font-weight: bold; } .contentCategoryList.horizontal ul li:hover, .contentCategoryList.horizontal ul li.active { background-color: #dc9d28; border-color: #dc9d28; } .contentCategoryList.horizontal ul li:hover a, .contentCategoryList.horizontal ul li.active a { text-decoration: none; color: #ffffff; } .contentCategoryList .cellWrapper div { background-color: #ffffff; } .contentCategoryList.horizontal .cellWrapper { display: table-cell; vertical-align: middle; } .contentCategoryList.horizontal .cellWrapper div { float: left; display: inline-block; border-radius: 50%; border: 2px solid #ffffff; margin: 0px 10px; } .contentCategoryList.horizontal .cellWrapper div a { display: inline-block; padding-top: 50%; padding-bottom: 50%; margin-left: 8px; margin-right: 8px; font-weight: bold; } .contentCategoryList.horizontal .cellWrapper div:hover, .contentCategoryList.horizontal .cellWrapper div.active { background-color: #dc9d28; border-color: #dc9d28; } .contentCategoryList.horizontal .cellWrapper div:hover a, .contentCategoryList.horizontal .cellWrapper div.active a { text-decoration: none; color: #ffffff; } .newItemsSliderSpacer { height: 35px; } .newItemsSlider { margin: 0px 0px 0px 0px; padding: 0px; background-color: #ffffff; -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); } .newItemsSlider .slider { height: 300px; background-color: #ffffff; position: relative; overflow: visible; } .newItemsSlider .slider .content { width: 100%; float: left; position: absolute; height: 100%; } .newItemsSlider .slider .slide { width: 100%; position: relative; height: 300px; } .newItemsSlider .slider .item { width: 940px; float: left; height: 100%; background-color: #ffffff; } .newItemsSlider .slider .left { padding-left: 10px; float: left; position: relative; z-index: 10; top: 140px; } .newItemsSlider .slider .left .arrow_left { margin: 3px 5px 0px 0px; float: left; width: 0px; height: 0px; border-top: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid #dc9d28; border-bottom: 10px solid transparent; } .newItemsSlider .slider .right { padding-right: 10px; float: right; position: relative; z-index: 10; top: 140px; } .newItemsSlider .slider .right .arrow_right { margin: 3px 0px 0px 5px; float: left; width: 0px; height: 0px; border-top: 10px solid transparent; border-left: 10px solid #dc9d28; border-right: 10px solid transparent; border-bottom: 10px solid transparent; } .newsTeaser * { color: #000000; } .newsTeaser { padding: 0px 20px; } .newsTeaser .news {} .newsTeaser .news .newsRow { display: inline-block; width: 900px; margin-bottom: 12px; } .newsTeaser .news .newsRow:last-child { margin-bottom: 0px; } .newsTeaser .news .teaser { float: left; width: 420px; margin-right: 12px; background-color: #dc9d28; padding: 12px; -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); } .newsTeaser .news .teaser:last-child { margin-right: 0px; } .newsTeaser .news .teaser .date { } .newsTeaser .news .teaser .header { color: #ffffff; font-size: 18px; margin: 10px 0px; font-family: 'Roboto Slab', Verdana, Arial, Helvetica, Sans-Serif; } .newsTeaser .news .teaser .text { min-height: 40px; } .newsTeaser .news .teaser .link { text-align: right; margin-top: 5px; } .newsTeaser .news .teaser .link a { color: #ffffff; } .markenList { padding: 0px 20px; } .markenList .markenRow { display: inline-block; width: 900px; margin-bottom: 12px; } .markenList .markenRow:last-child { margin-bottom: 0px; } .markenList .markenRow .marke { text-align: center; float: left; width: 292px; height: 100px; line-height: 100px; margin-right: 12px; background-color: rgba(226,226,226,0.7); -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); } .markenList .markenRow .marke:last-child { margin-right: 0px; } .markenList .markenRow .marke a, .markenList .markenRow .marke span { display: block; color: #000000; font-weight: bold; font-size: 18px; } .markenSliderWrapper { width: 940px; background-color: #ffffff; position: relative; padding: 12px 0px; } .markenSliderWrapper .button { margin-top: 7px; width: 20px; height: 20px; line-height: 20px; text-align: center; background-color: #e2e2e2; -moz-border-radius: 50% 50% 50% 50%; -khtml-border-radius: 50% 50% 50% 50%; -webkit-border-radius: 50% 50% 50% 50%; -o-border-radius: 50% 50% 50% 50%; border-radius: 50% 50% 50% 50%; float: left; position: absolute; top: 52px; } .markenSliderWrapper .button.left { left: 32px; } .markenSliderWrapper .button.left .arrow { margin: 3px 0px 0px -2px; width: 0px; height: 0px; border-top: 7px solid transparent; border-left: 7px solid transparent; border-right: 7px solid #ffffff; border-bottom: 7px solid transparent; } .markenSliderWrapper .button.right { right: 32px; } .markenSliderWrapper .button.right .arrow { margin: 3px 0px 0px 7px; width: 0px; height: 0px; border-top: 7px solid transparent; border-left: 7px solid #ffffff; border-right: 7px solid transparent; border-bottom: 7px solid transparent; } .markenSliderWrapper .markenSlider { width: 772px; min-height: 100px; line-height: 100px; margin: 0px auto; } .markenSliderWrapper .markenSlider .marke { width: 244px; min-height: 100px; line-height: 100px; float: left; margin: 7px 10px; text-align: center; display: inline-block; -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); } .markenSliderWrapper .markenSlider .marke a, .markenSliderWrapper .markenSlider .marke span { display: block; color: #000000; font-weight: bold; font-size: 18px; } #overlayLargeImageBG { display: none; position: fixed; top:0; left:0; right: 0; bottom: 0; z-index: 1000; height: 100%; width: 100%; margin: 0; background: #000000; filter: alpha(opacity=60); -moz-opacity: .60; opacity: .60; } #overlayLargeImageFG { display: none; text-align: left; position: fixed; top: 50%; left: 50%; margin: -500px 0 0 -500px; width: 1000px; height: 1000px; padding: 0; background: #ffffff; z-index: 1001; } #overlayLargeImageFG .close { z-index: 1001; position: absolute; right: 12px; top: 12px; } .imageGallery { } .imageGallery .slider { } .imageGallery .slider img.imageBorder { border: none; } .imageGallery .slider #imageGallerySlider { width: 520px; height: 520px; } .imageGallery .slide .item { margin-bottom: 10px; } .imageGallery .slider .sleft { width: 20px; height: 520px; position: absolute; z-index: 10; top: 0px; left: 0px; } .imageGallery .slider .sleft .arrow_left { margin: 250px 0px 0px 0px; width: 0px; height: 0px; border-top: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid #dc9d28; border-bottom: 10px solid transparent; } .imageGallery .slider .sright { width: 20px; height: 520px; position: absolute; z-index: 10; top: 0px; right: 0px; } .imageGallery .slider .sright .arrow_right { margin: 250px 0px 0px 0px; width: 0px; height: 0px; border-top: 10px solid transparent; border-left: 10px solid #dc9d28; border-right: 10px solid transparent; border-bottom: 10px solid transparent; } .imageGallery a.linkToLImage { position: relative; display: inline-block; } img.linkToLImage { position: absolute; z-index: 21; top: 5px; right: 5px; margin: 0px 0px 3px 0px; } .pageContent-dataExport a { text-decoration: underline; } .pageContent-dataExport span.bold { font-weight: bold; } iframe.createAccountUploadFrame { border: none; padding: 0; margin: 0; width: 100%; } body.viewId-createAccountUpload { height: 0px; } .createAccountUploadForm { width: 100%; } .createAccountUploadForm .uploaded { margin-bottom: 12px; } .createAccountUploadForm .uploaded .filename { font-weight: bold; } .createAccountUploadForm div.message { margin-top: 12px; } .createAccountUploadForm span.message { color: green; } .createAccountUploadForm .errorMessage { color: red; font-weight: bold; } .createAccountUploadForm input.file { background-color: #fff; width: 400px; } .createAccountUploadForm a.deleteFile { color: red; text-decoration: underline; margin-left: 12px; } .pageContent-quickorder .quickorderDataWrapper { position: relative; } .pageContent-quickorder .quickorderAutocompleteAligner { position: absolute; top: 23px; } .pageContent-quickorder .quickorderAutocompleteWrapper { position: absolute; width: 100%;} .pageContent-quickorder .data { display: inline-block; } .pageContent-quickorder .data .icon { float: left; margin: 3px 10px 3px 0px; } .pageContent-quickorder .data .icon img { max-height: 50px; } .pageContent-quickorder .data .info { float: left; margin-top: 5px; width: 220px; } .pageContent-quickorder .data .info span.title { font-weight: bold; white-space: normal; } .pageContent-quickorder .data .info span.price { margin-left: 12px; } .pageContent-quickorder .itemData { margin-top: 2px; } .pageContent-quickorder .ui-autocomplete { white-space: nowrap; border: 1px solid #dc9d28; background-color: #ffffff; width: 330px; } .pageContent-quickorder .ui-menu .ui-menu-item { } .pageContent-quickorder .ui-menu .ui-menu-item a { font-weight: bold; } .pageContent-quickorder .ui-menu .ui-menu-item a.ui-state-focus, .pageContent-quickorder .ui-menu .ui-menu-item a.ui-state-active, .pageContent-quickorder .ui-menu .ui-menu-item a.ui-state-focus span, .pageContent-quickorder .ui-menu .ui-menu-item a.ui-state-active span { color: #ffffff; background-color: #dc9d28; margin: 0px; } .pageContent-quickorder .ui-menu .ui-menu-item a.ui-state-focus span.price, .pageContent-quickorder .ui-menu .ui-menu-item a.ui-state-active span.price { margin-left: 12px; } .pageContent-quickorder .ui-menu .ui-menu-item a span.searchTerm { font-weight: normal; } span.preisAlt { text-decoration: line-through; } .pageContent-category .markenList { padding: 0px; }