/* e_basis */ /* ----------------------------------------------------------------------------- Eigene Definitionen Teil 1 -------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- Grundmasse -------------------------------------------------------------------------- */ /*Webfont für die Symbole*/ @font-face { font-family:'FontAwesome'; src:url('fonts/fontawesome-webfont.eot?v=4.1.0'); src:url('fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg'); font-weight:normal; font-style:normal; } .fontawesome { font-family:'FontAwesome'; } .container_grid { margin-left:5px; margin-right:5px; } .container_first { margin-left:10px; } .container_last { margin-right:10px; } body { min-width:200px; } body.generator, body.mzdummy, body.window, body.iframe { min-width:0; } .containershop , #header_content , #topnav_content , #slideshowbig_content , #footer_content , .main_content { width:1000px; } .container_col, .containershop_left, .containershop_right { width:179px; } .containershop_middle { width:600px; } .containershop_left_middle, .containershop_middle_right { width:789px; } .containershop_left_right { width:978px; } .containershop_middle .containermiddle { width:600px; } .containershop_middle_right .containermiddle { width:789px; } /* Spalten im Hauptteil des Shops */ .containershop_middle .containermiddle .container_2_grid_1, .containershop_middle .containermiddle .container_2_grid_2 { width:295px; } /* 2 identische Spalten */ .containershop_middle .containermiddle .container_3_grid_1, .containershop_middle .containermiddle .container_3_grid_3 { width:193px; } /* 3 Spalten, Spalte 1 und 2 davon */ .containershop_middle .containermiddle .container_3_grid_2 { width:194px; } /* 3 Spalten, mittlere Spalte */ .containershop_middle .containermiddle .container_3_grid_o2 { width:397px; } /* 3 Spalten, 2 davon zusammen */ .containershop_middle .containermiddle .container_4_grid_1, .containershop_middle .containermiddle .container_4_grid_4 { width:143px; } /* 4 Spalten */ .containershop_middle .containermiddle .container_4_grid_2, .containershop_middle .containermiddle .container_4_grid_3 { width:142px; } /* 4 Spalten */ .containershop_middle .containermiddle .container_5_grid_1, .containershop_middle .containermiddle .container_5_grid_2, .containershop_middle .containermiddle .container_5_grid_3, .containershop_middle .containermiddle .container_5_grid_4, .containershop_middle .containermiddle .container_5_grid_5 { width:111px; } /* 5 Spalten */ .containershop_middle_right .containermiddle .container_2_grid_2 { width:389px; } .containershop_middle_right .containermiddle .container_2_grid_1 { width:390px; } .containershop_middle_right .containermiddle .container_3_grid_1, .containershop_middle_right .containermiddle .container_3_grid_3 { width:256px; } /* 3 Spalten, Spalte 1 und 2 davon */ .containershop_middle_right .containermiddle .container_3_grid_2 { width:257px; } /* 3 Spalten, mittlere Spalte */ .containershop_middle_right .containermiddle .container_3_grid_o2 { width:523px; } /* 3 Spalten, 2 davon zusammen */ .containershop_middle_right .containermiddle .container_4_grid_1, .containershop_middle_right .containermiddle .container_4_grid_2, .containershop_middle_right .containermiddle .container_4_grid_4 { width:190px; } .containershop_middle_right .containermiddle .container_4_grid_3 { width:189px; } .containershop_middle_right .containermiddle .container_5_grid_1 , .containershop_middle_right .containermiddle .container_5_grid_2 , .containershop_middle_right .containermiddle .container_5_grid_3 , .containershop_middle_right .containermiddle .container_5_grid_4 { width:150px; } .containershop_middle_right .containermiddle .container_5_grid_5 { width:149px; } .containershop_middle .apics , .containershop_middle .apics #detailimage , .containershop_middle .apics #slider { width:295px; } .containershop_middle .apics #detailimage .pic img { max-width:295px; max-height:295px; } .containershop_middle_right .apics , .containershop_middle_right .apics #detailimage , .containershop_middle_right .apics #slider { width:390px; } .containershop_middle_right .apics #detailimage .pic img { max-width:390px; max-height:295px; } .containershop_middle .apics #detailimage { height:295px; } .containershop_middle_right .apics #detailimage { height:295px; } .slider_big .nivo-caption { width:170px; height:100%; } .slider_normal .nivo-caption { width:210px; height:100%; } .slider_big { max-height:260px; } .slider_big , .slider_big .nivoSlider { width:978px; } .slider_normal { max-height:230px; } .containershop_middle .slider_normal , .containershop_middle .slider_normal .nivoSlider { width:600px; } .containershop_middle_right .slider_normal , .containershop_middle_right .slider_normal .nivoSlider { width:789px; } .slider_normal .nivoSlider { max-height:220px; } /* Masse fuer die Darstellung nebeneinander (catblog, subnavigation) */ .containershop_middle .subnavi_item, .containershop_middle .subnavi_pic , .containershop_middle .catblog .item, .containershop_middle .catblog .item .pic { width:171px; } .containershop_middle .subnavi_pic img, .containershop_middle .catblog .apici img { max-width:171px; } .containershop_middle_right .subnavi_item, .containershop_middle_right .subnavi_pic , .containershop_middle_right .catblog .item, .containershop_middle_right .catblog .item .pic { width:167px; } .containershop_middle_right .subnavi_pic img, .containershop_middle_right .catblog .apici img { max-width:167px; } /* ----------------------------------------------------------------------------- Hintergrundfarben -------------------------------------------------------------------------- */ /*remove Folgende Platzhalter: {.bg-color} - #rrggbb - Hintergrundfarbe {.bg-color1} - #rrggbb - 2. Hintergrundfarbe {.bg-color2} - #rrggbb - 3. Hintergrundfarbe {.bg-color3} - #rrggbb - 4. Hintergrundfarbe {.bg-color4} - #rrggbb - 5. Hintergrundfarbe {.bg-high-hover} - css-code - High-Background hover - mit Verlauf oder ohne {.fg-c-high-text} - #rrggbb - Vordergrundfarbe auf High-Background fuer den Text {.fg-c-high-graphic} - rrggbb - Vordergrundfarbe auf High-Background fuer die Grafikdatei {.fg-c-text} - #rrggbb - Vordergrundfarbe in der High-Farbe {.bg-c-high} - #rrggbb - glatter High-Background {.b-c-high} - #rrggbb - border-Farbe, identisch wie glatter High-Background normalerweise {.b-c-high-top} - #rrggbb - border-top-Farbe um bg-high {.b-c-high-right} - #rrggbb - border-right-Farbe um bg-high {.b-c-high-bottom} - #rrggbb - border-bottom-Farbe um bg-high {.b-c-high-left} - #rrggbb - border-left-Farbe um bg-high remove*/ #header_content { background-color:#ffffff; } body.service .content #topnav_content, #mainmenu-mobile, #slideshowbig_content, .main_content, #cartsmall.slide, #header_balloon { background-color:#ffffff; } #footer_content { background-color:#f3f3f3; } body.window , body.mzdummy , .sidebox , .area6 , .subnavi .subnavi_item , .catblog .items .item .pic , .filtergrouptype2 .filteritemstatusactive .deactivate , .filtergrouptype2 .filteritem , .liste .nobg , .liste .pic , .items .pic, .varpic img , .v_menu li ul , .v_menu_mobile , .chilltiptitle , .ui-widget-content , .ui-state-active, .ui-widget-content .ui-state-active , .suggestLayer, ul.suggestLayerList, ul.suggestLayerBlock , .ac_results , #lbCenter, #lbBottomContainer , .noodlebox .noodle , .zoomContainer .zoomWindowContainer .zoomWindow , #mobileNavigationTrigger.slide > ul > li { background-color:#ffffff; } #lbImage, #lbBottom { border-color:#ffffff; } .filtergrouptype0 .filteritem:hover, .filtergrouptype0 .filteritem:active , .filtergrouptype1 option:hover, .filtergrouptype1 option:active { color:#ffffff; } body , body.service { background-color:#f3f3f3; } .slideleft.opened , #close { background-color:#f3f3f3; } .area2 , .product .details, .product .box , .asnfiltering .filter , .liste , .listcontrol , .catalog .items , #language_choice .dd .ddChild , #currency_choice .dd .ddChild , .slidepanel , .subnavi .subnavi_item_after , .catblog .items .item { background-color:#f3f3f3; } #topnav_content.megamenu ul.level1 { background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #f3f3f3 5%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#f3f3f3), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f3f3f3 5%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f3f3f3 5%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f3f3f3 5%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #f3f3f3 5%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } .area4 , .area6 > .caption , .sidebox > .caption , div.headline , .v_menu li , .catblog .productname , .noodlebox .noodle:hover , .v_menu_mobile { background-color:#eeeeee; } .noodlebox , .noodlebox .noodle { border-color:#eeeeee; } .catalog .items .childitem, .cartsmall.slide { border-color:#e2e2e2; } .liste , table.show3 /*product_mengenrabatt.htm*/ , .show > .tbody , .show5 , .area1, .area2 , .area3, .area4 , .area5 > .caption , .area6 , .sidebox , body.service .content , div.headline , #header_content, #footer_content , .productreferences .caption , .product .details, .product .box , #diframegen div , .asnfiltering .filter, span.suggestImage img , .filtergrouptype2 .filteritem , .v_menu, .v_menu_mobile, .subnavi .subnavi_item , .listcontrol , .apics .slider img , .catalog .items , .catblog .items .item , .varpic img , .chilltiptitle , .rdecontent-noslide .item , .catalog .itemwrap , .slideleft , #header_options.slideleft , .registerletter , #topnav_content.megamenu ul.level1 , #productdetails .tab_content , #productdetails .tab_head { border-color:#dddddd; } table.liste > thead th, table.liste > tfoot > tr > td, .liste > .thead > div, .liste > .tfoot > div /*auktion_table.htm, massenbestellung.htm, massenbestellung_indenkorb.htm*/ , table.show3 thead th , .show5 > .tbody > .caption , .area1 > .caption , .area2 > .caption , .area3 , .area5 > .caption , .productreferences .caption , #diframegen div , .saving , .asnfiltering .filterc, li.suggestHighlight , .v_menu a.level0:hover, .v_menu a.level0:active, .v_menu a.level0:focus , div.genHead , #language_choice a:hover, #language_choice a.selected , #currency_choice a:hover, #currency_choice a.selected , .catblog .productname , #productdetails .tab_head { background-color:#dddddd; } table.liste > tfoot > tr > td, table.liste > tbody > tr > td, .liste > .tfoot > div, .liste > .tbody > div , table.show3 tbody td , .show4 > .tbody > div , .show5 > .tbody > div , .area1 > .bordertop , .area5 > .content , .area6 > .caption2 , .cartsum td.sum , #footer .priceinfofooter , #cartsmall_panel .cartpos, #wishlistsmall_panel .pos , #bestseller ul > li , #newitems ul > li { border-top-color:#dddddd; } .show4 , .area1 > .caption , .area2 > .caption , .area5 , .area6 > .caption , .sidebox > .caption , .v_menu li a , .v_menu_mobile , .listcontrol .line1 { border-bottom-color:#dddddd; } #topnav_content, #slideshowbig_content, .main_content { border-left-color:#dddddd; border-right-color:#dddddd; } .v_menu li.level1 { border-bottom-color:#dadada; } .footercol , .varpic img:hover , .ui-widget-content , #language_choice .dd .ddChild , #currency_choice .dd .ddChild , .triggerWishlistSmall { border-color:#cccccc; } ul.suggestLayerList, ul.suggestLayerBlock , .slidepanel { -moz-box-shadow:0 4px 3px #cccccc; -webkit-box-shadow:0 4px 3px #cccccc; box-shadow:0 4px 3px #cccccc; } .ui-widget-header { border-bottom-color:#bbbbbb; border-top-color:#bbbbbb; } .ui-tabs-nav li.ui-state-default { border-bottom-color:#bbbbbb !important; } .ui-state-default, .ui-widget-content .ui-state-default , .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus , .ui-state-active, .ui-widget-content .ui-state-active { border-right-color:#cccccc; } #cartsmall_panel .cart .cartpos:first-child, #cartsmall_panel .cartsum, #wishlistsmall_panel .pos:first-child { border-top-color:#cccccc; } .speedbar .sp_button:hover, .speedbar .sp_button:active, .speedbar .sp_button:focus { background-color:#cccccc } .speedbar .sp_active { border-color:#999999 #777777 #666666 #888888; } .b-ui-state-default, .b-ui-state-disabled , .speedbar .sp_button, .speedbar .sp_disabled { border-color:#eeeeee #cccccc #bbbbbb #dddddd; } .b-ui-state-disabled , .b-ui-state-default, .b-ui-state-default:link, .b-ui-state-default:visited, .b-ui-state-default:hover, .b-ui-state-default:active, .b-ui-state-default:focus , #footer .b-ui-state-default, #footer .b-ui-state-default:link, #footer .b-ui-state-default:visited, #footer .b-ui-state-default:hover, #footer .b-ui-state-default:active, #footer .b-ui-state-default:focus , .b-ui-state-default a, .b-ui-state-default a:link, .b-ui-state-default a:visited, .b-ui-state-default a:hover, .b-ui-state-default a:active, .b-ui-state-default a:focus , .speedbar .sp_button, .speedbar .sp_disabled , speedbar .sp_button a, .speedbar .sp_button a:hover, .speedbar .sp_button a:active, .speedbar .sp_button a:focus , .ui-widget-header, .ui-widget-header a , .ui-state-default, .ui-widget-content .ui-state-default , .ui-state-default a , .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus , .ui-state-hover a , .ui-state-active a , .ui-tabs-nav li a:link , .ui-tabs-nav li a:visited , .ui-tabs-nav li a:hover , .ui-tabs-nav li a:active , .speedbar .sp_sn { color:#333333; } .speedbar .sp_active, .speedbar .sp_active .sp_sn { color:#ffffff; } #header_options .option, #header_options_mobile .option { border-left-color:#f3f3f3; } #header_options .option, #header_options_mobile .option { border-bottom-color:#cccccc; } #header_options .option , #header_options_mobile .option{ border-right-color:#aaaaaa; } #login .sep { color:#aaaaaa; } .filterclasscap, .filtergroupcap , li.suggestRow { border-bottom-color:#aaaaaa; } .filtergrouptype0 .filteritem:hover, .filtergrouptype0 .filteritem:active , .filtergrouptype1 option:hover, .filtergrouptype1 option:active { background:#aaaaaa; } .filtergrouptype2 .filteritem:hover, .filtergrouptype2 .filteritem:active , .filtergrouptype1 select { border-color:#aaaaaa; } /* Farbverlaeufe */ .bg-000 * /* Grund-Farbverlauf des Shops */ , #header_options .option /* Header, Optionen oben mit Login, Merkzettel, Sprachen */ , .triggerWishlistSmall , #header_options_mobile .option { background: #dddddd; /* Old browsers */background: -moz-linear-gradient(top, #f3f3f3 0%, #dddddd 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f3f3f3), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #f3f3f3 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #f3f3f3 0%,#dddddd 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #f3f3f3 0%,#dddddd 100%); /* IE10+ */background: linear-gradient(to bottom, #f3f3f3 0%,#dddddd 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 fallback on horizontal gradient */ } /* Standard-Buttons, eingedrueckter Zustand: bg-200-i */ .bg-200 , .b-ui-state-default, .b-ui-state-disabled , .speedbar .sp_button, .speedbar .sp_disabled , .ui-widget-header, .ui-state-default, .ui-widget-content .ui-state-default , .triggerWishlistSmall:hover, .triggerWishlistSmall:active { background: #cccccc; /* Old browsers */background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* IE10+ */background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 fallback on horizontal gradient */ } .bg-200-i , .b-ui-state-default:hover, .b-ui-state-default:active, .b-ui-state-default:focus, .b-ui-state-default a:hover, .b-ui-state-default a:active, .b-ui-state-default a:focus , .speedbar .sp_button:hover, .speedbar .sp_button:active, .speedbar .sp_button:focus , .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { background: #dddddd; /* Old browsers */background: -moz-linear-gradient(top, #cccccc 0%, #dddddd 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#cccccc), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #cccccc 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #cccccc 0%,#dddddd 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #cccccc 0%,#dddddd 100%); /* IE10+ */background: linear-gradient(to bottom, #cccccc 0%,#dddddd 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 fallback on horizontal gradient */ } /* Dunklere Farbe als Pendant zu den Standard-Buttons */ .bg-201 , .speedbar .sp_active /* aktiver Eintrag in der Checkout-Speedbar */ { background: #777777; /* Old browsers */background: -moz-linear-gradient(top, #999999 0%, #777777 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#999999), color-stop(100%,#777777)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #999999 0%,#777777 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #999999 0%,#777777 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #999999 0%,#777777 100%); /* IE10+ */background: linear-gradient(to bottom, #999999 0%,#777777 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#777777',GradientType=0 ); /* IE6-9 fallback on horizontal gradient */ } .bg-201-i { background: #888888; /* Old browsers */background: -moz-linear-gradient(top, #777777 0%, #888888 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#777777), color-stop(100%,#888888)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #777777 0%,#888888 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #777777 0%,#888888 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #777777 0%,#888888 100%); /* IE10+ */background: linear-gradient(to bottom, #777777 0%,#888888 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#888888',GradientType=0 ); /* IE6-9 fallback on horizontal gradient */ } .ev-icon-on-button { background-image:url(../nav/icons-on-button_333333.png); } /* ----------------------------------------------------------------------------- normale Vordergrundfarben (z.B. fuer Schriften usw.) -------------------------------------------------------------------------- */ body, html, input, label , a:link, a:visited , .dd .ddChild a , .saving, .saving .uvpprice , .filtergrouptype1 option , .v_menu a:link, .v_menu a:visited , .v_menu ul a:link, .v_menu ul a:visited , .suggestLayer, li.suggestHeader , .ui-widget-content , .filtergrouptype2 .filteritemstatusactive .deactivate , #filter .filteritemstatusactive .deactivate a , div.headline h1, div.headline h1 a, div.headline h1 a:link, div.headline h1 a:visited, div.headline h1 a:hover, div.headline h1 a:active , .highstar, .highstar:link, .highstar:visited, .highstar:hover, .highstar:active, highstar:focus , .slidepanel , #mobileNavigationTrigger.slide > ul > li , #close { color:#333333; } a.lightlink:link, a.lightlink:visited , a.highlink:hover, a.highlink:active, a.highlink:focus , .lighter, .lighter a:link, .lighter a:visited , .registerletter .register .registerpos a .morename , #footer , .footercol a:link, .footercol a:visited , .priceinfofooter a:hover, .priceinfofooter a:active, .pricinfofooter a:focus , .saving .label a:link, .saving .label a:visited , .catalog .invalidprice .value, .catblog .invalidprice .value , .invalidprice .label , .invalidprice a:link, .invalidprice a:visited , #printversion, #printversion a , #header_options .option, #header_options a:link, #header_options a:visited , #header_options_mobile .option, #header_options_mobile a:link, #header_options_mobile a:visited , #language_choice .dd .ddChild a , #currency_choice .dd .ddChild a , .catalog .productnr, .catblog .productnr , #cartsmall_panel .productnr, #wishlistsmall_panel .productnr , .slidepanel_close , .subnavi .subnavi_valid_from, .subnavi .subnavi_valid_to , .catblog .availability { color:#555555; } .filtergrouptype2 .filteritemstatusactive .deactivate { border-color:#555555; } #topnav_content.megamenu ul.level1 { -moz-box-shadow:0 2px 4px -2px #555555; -webkit-box-shadow:0 2px 4px -2px #555555; box-shadow:0 2px 4px -2px #555555; } .priceinfofooter, .priceinfofooter a:link, .priceinfofooter a:visited , .mwst, .mwst a:link, .mwst a:visited , #lbBottom , .autocompletecount , #topnav_content.megamenu li.level2 > a , #topnav_content.megamenu li.level1 > a:hover, #topnav_content.megamenu li.level1> a:active { color:#777777; } #breadcrumb, #breadcrumb a:link, #breadcrumb a:visited , .lighter a:hover, .lighter a:active, .lighter a:focus , .footercol a:hover, .footercol a:active, .footercol a:focus , #shopversion, #shopversion a , .saving .label a:hover, .saving .label a:active, .saving .label a:focus , .invalidprice a:hover, .invalidprice a:active, .invalidprice a:focus , .autocompletecount , #header_options a:hover, #header_options a:active, #header_options a:focus , #header_options_mobile a:hover, #header_options_mobile a:active, #header_options_mobile a:focus , .catblog .manufacturer a:link, .catblog .manufacturer a:visited { color:#888888; } ul.suggestLayerList, ul.suggestLayerBlock { border-color:#888888; } li.suggestHeader { border-bottom-color:#888888; } #breadcrumb a:hover, #breadcrumb a:active , .mwst a:hover, .mwst a:active, .mwst a:focus { color:#aaaaaa; } .ev-border { border-style:solid; border-color:#aaaaaa; } hr { background-color:#dddddd; color:#dddddd; } .error, .error a:link, .error a:visited , .warning, .warning a:link, .warning a:visited , .mandatory, .mandatory a:link, .mandatory a:visited , .paymentsystem_info, .paymentsystem_info a { color:#cd0a0a; } input.error { border-color:#cd0a0a; } .notice, .notice a:link, .notice a:visited , .configurator, .catalog .configurator a:link, .configurator a:visited, .configurator a:link, .configurator a:visited , .variant, .catalog .variant a:link, .variant a:visited, .variant a:link, .variant a:visited { color:#008000; } .ev-icon { background-image:url(../nav/icons_333333.png); } .nivo-controlNav a { background-image:url(../nav/nivo-slider-bullets_333333.png); } .button_cartsmall_empty, .button_mobile_cart .bmc_bg { background-image:url(../nav/cart_1_333333.png); } #language_choice .dd .ddTitle span.arrow, #currency_choice .dd .ddTitle span.arrow { background-image:url(../nav/dd_arrow_333333.png); } .jcarousel-next-horizontal, .jcarousel-prev-horizontal, .jcarousel-next-vertical, .jcarousel-prev-vertical { background-image:url(../nav/slider-navigation_333333.png); } .button_mobile_options, .button_mobile_search , #mobileNavigationTrigger { color:#333333; } input { color:#2f2f2f; } /* ----------------------------------------------------------------------------- Hervorgehobene Farben -------------------------------------------------------------------------- */ /*remove Folgende Platzhalter: {.bg-high} - css-code - High-Background mit Verlauf oder ohne {.bg-high-hover} - css-code - High-Background hover - mit Verlauf oder ohne {.fg-c-high-text} - #rrggbb - Vordergrundfarbe auf High-Background fuer den Text {.fg-c-high-graphic} - rrggbb - Vordergrundfarbe auf High-Background fuer die Grafikdatei {.fg-c-text} - #rrggbb - Vordergrundfarbe in der High-Farbe {.bg-c-high} - #rrggbb - glatter High-Background {.b-c-high} - #rrggbb - border-Farbe, identisch wie glatter High-Background normalerweise {.b-c-high-top} - #rrggbb - border-top-Farbe um bg-high {.b-c-high-right} - #rrggbb - border-right-Farbe um bg-high {.b-c-high-bottom} - #rrggbb - border-bottom-Farbe um bg-high {.b-c-high-left} - #rrggbb - border-left-Farbe um bg-high remove*/ /* Farbverlaeufe */ /* Signal-Hauptfarbe des Shops: bg-100; deren eingedrueckte Farbe: bg-100-i */ .bg-100 , .filterclassactive .filterclasscap , .v_menu li.active a.level0:link, .v_menu li.active a.level0:visited, .v_menu li.inpath a.level0:link, .v_menu li.inpath a.level0:visited , #topnav_content , #mainmenu-mobile , .b-high-ui-state-default, .b-high-ui-state-disabled , .triggerCartSmall , #open-menu { background: #0066ff; /* Old browsers */background: -moz-linear-gradient(top, #5b9dff 0%, #0066ff 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#5b9dff), color-stop(100%,#0066ff)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #5b9dff 0%,#0066ff 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #5b9dff 0%,#0066ff 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #5b9dff 0%,#0066ff 100%); /* IE10+ */background: linear-gradient(to bottom, #5b9dff 0%,#0066ff 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b9dff', endColorstr='#0066ff',GradientType=0 ); /* IE6-9 fallback on horizontal gradient */ } .bg-100-i , .h_menu li.inpath, .h_menu li.active , .h_menu li.level0:hover, .h_menu li.level0:active, .h_menu li.level0:focus , .b-high-ui-state-default:hover, .b-high-ui-state-default:active, .b-high-ui-state-default:focus, .b-high-ui-state-default:active, .b-high-ui-state-default a:hover, .b-high-ui-state-default a:focus , .triggerCartSmall:hover, .triggerCartSmall:active { background: #0066ff; /* Old browsers */background: -moz-linear-gradient(top, #0047b2 0%, #0066ff 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#0047b2), color-stop(100%,#0066ff)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #0047b2 0%,#0066ff 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #0047b2 0%,#0066ff 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #0047b2 0%,#0066ff 100%); /* IE10+ */background: linear-gradient(to bottom, #0047b2 0%,#0066ff 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0047b2', endColorstr='#0066ff',GradientType=0 ); /* IE6-9 fallback on horizontal gradient */ } #topnav_content.megamenu li.level0.children:hover > a:after { color:#0066ff; } /* t-color */ a:hover, a:active, a:focus , a.lightlink:hover, a.lightlink:active, a.lightlink:focus , a.highlink:link, a.highlink:visited , #mk .ev-box-lr .caption , #lbCaption , .pagenavigation .navigation .active , .specialbonus , .cartpos .availability span , .offer-info , .discontinuedline .highlight , .cartpos .discontinuedline , .v_menu a:hover, .v_menu a:active, .v_menu a:focus , .v_menu ul a:hover, .v_menu ul a:active, .v_menu ul a:focus , .v_menu li li.active , .v_menu li li.active > a:link, .v_menu li li.active > a:visited , .ui-state-active, .ui-widget-content .ui-state-active , .ui-tabs-nav li.ui-tabs-active a:link , .ui-tabs-nav li.ui-tabs-active a:visited , .ui-tabs-nav li.ui-tabs-active a:hover , .ui-tabs-nav li.ui-tabs-active a:active , span.suggestTextQueryTyped , .flHighlight , .slidepanel_close:hover, .slidepanel_close:active , h2, h3, h4 , .catblog .manufacturer a:hover, .catblog .manufacturer a:active , #topnav_content.megamenu li.level1 > a , #topnav_content.megamenu li.level2 > a:hover, #topnav_content.megamenu li.level2 > a:active , #topnav_content.megamenu li.level2.lastCol > a , .button_mobile_cart { color:#0066ff; } /* Textfarbe auf high-Farbe */ .newitem, a.newitem:link, a.newitem:visited, a.newitem:hover, a.newitem:active, a.newitem:focus , .saleitem, a.saleitem:link, a.saleitem:visited, a.saleitem:hover, a.saleitem:active, a.saleitem:focus , .b-high-ui-state-disabled , .b-high-ui-state-default, .b-high-ui-state-default:link, .b-high-ui-state-default:visited, .b-high-ui-state-default:hover, .b-high-ui-state-default:active, .b-high-ui-state-default:focus , .b-high-ui-state-default a, .b-high-ui-state-default a:link, .b-high-ui-state-default a:visited, .b-high-ui-state-default a:hover, .b-high-ui-state-default:active, .b-high-ui-state-default a:focus , .h_menu a.level0:link, .h_menu a.level0:visited , .h_menu a.level0:hover, .h_menu a.level0:active, .h_menu a.level0:focus , .h_menu li.inpath a.level0:link, .h_menu li.inpath a.level0:visited, .h_menu li.active a.level0:link, .h_menu li.active a.level0:visited , .filterclassactive .filterclasscap , .filtergrouptype0 .filteritemstatusactive , .filtergrouptype1 option.filteritemstatusactive , .filtergrouptype3 .filteritemstatusactive , .filtergrouptype4 .filteritemstatusactive , .v_menu li.active a.level0:link, .v_menu li.active a.level0:visited, .v_menu li.inpath a.level0:link, .v_menu li.inpath a.level0:visited , .v_menu li.active a.level0:hover, .v_menu li.active a.level0:active, .v_menu li.active a.level0:focus , .v_menu li.inpath a.level0:hover, .v_menu li.inpath a.level0:active, .v_menu li.inpath a.level0:focus , .v_menu a.level1 , .triggerCartSmall, .triggerCartSmall a , #mainmenu-mobile , .button_mobile_cart .bmc_bg > span { color:#ffffff; } .button_put2cart, .button_put2cart_p, .button_cartsmall { background-image:url(../nav/cart_1_ffffff.png); } .b-high-ui-state-default, .b-high-ui-state-disabled , .triggerCartSmall { border-color:#5b9dff #0047b2 #0066ff #5b9dff; } #topnav_content , #mainmenu-mobile /* siehe bg-100 */ { border-top-color:#5b9dff; border-bottom-color:#0066ff; } #mainmenu-mobile { border-left-color:#5b9dff; border-right-color:#0066ff; } .h_menu li.inpath, .h_menu li.active { border-left-color:#5b9dff; border-right-color:#0047b2; } /* siehe bg-100-i */ /* Filter ueber die Eigenschaftsklassen */ .filterclassactive .filterclasscap { border-bottom-color:#0066ff; } .filtergrouptype0 .filteritemstatusactive , .filtergrouptype1 option.filteritemstatusactive , .filtergrouptype3 .filteritemstatusactive , .filtergrouptype4 .filteritemstatusactive , .v_menu li.active a.level0:hover, .v_menu li.active a.level0:active, .v_menu li.active a.level0:focus , .v_menu li.inpath a.level0:hover, .v_menu li.inpath a.level0:active, .v_menu li.inpath a.level0:focus , .nivo-caption a , .button_mobile_cart .bmc_bg > span { background:#0066ff; } .filtergrouptype2 .filteritemstatusactive , .slidepanel { border-color:#0066ff; } .v_menu li.inpath ul { border-top-color:#0066ff; } /* ----------------------------------------------------------------------------- Warenkorb-Button-Abmasse -------------------------------------------------------------------------- */ .button_put2cart, .button_put2cart_p , .button_mobile_cart .bmc_bg{ width:23px; height:21px; background-position:-4px 0px; } .button_cartsmall, .button_cartsmall_empty { width:32px; height:29px; background-position:0px -21px; } /* ----------------------------------------------------------------------------- Standard-Vorgaben -------------------------------------------------------------------------- */ /* SLIMBOX, hier vorsichtig mit den Farben erst mal sein */ #lbOverlay { background-color:#555555; } /* FINDOLOGIC Autocomplete Start */ .autocompleteCat, .autocompleteCat .flHighlight { background-color:#ffffff; color:#333333; } .ac_results { border-color:#555555; } .ac_odd { /*background-color: #eeeeee;*/ } .ac_over { background-color:#e2e2e2; } #preview { border-color:#ccc; background:#333; color:#fff; } .nivo-html-caption-bg { background:#0f0f0f; } .nivo-html-caption-text { color:#ffffff; } .nivo-html-caption-text a, .nivo-html-caption-text a:link, .nivo-html-caption-text a:visited { color:#ffffff; } .nivo-html-caption-text a:hover, .nivo-html-caption-text a:active { color:#e2e2e2; } .container { margin-left:auto; margin-right:auto; overflow:hidden; } .container_grid { display:inline; float:left; position:relative; overflow:hidden; } #footer_content .container_grid { padding-bottom:32768px; margin-bottom:-32768px; } .container_push, .container_pull { position:relative; } .container_alpha { margin-left:0; } .container_omega { margin-right:0; } .container_grid .noempty { display:inline-block; height:1px; } .container_clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; } .container_clearfix:before, .container_clearfix:after { content:'\0020'; display:block; overflow:hidden; visibility:hidden; width:0; height:0; } .container_clearfix:after { clear:both; } .container_clearfix { zoom:1; } /* --------------------------------------------------------------------------- */ body, html { margin:0; height:100%; font-family:Arial,Helvetica; font-size:9pt; /*9pt*/ } body.mzdummy, body.iframe { background:transparent; background-image:none; } body, html, div { outline:0 none; } h4 { font-size:1.083em; /*10pt*/ } h3 { font-size:1.25em; /*11pt*/ } h2 { font-size:1.333em; /*12pt*/ } /* msdropdown */ .dd { /*display:inline-block !important;*/ text-align:left; float:left; } .dd .ddTitle { border-style:solid; border-width:1px; padding:2px; text-indent:0; cursor:default; overflow:hidden; height:16px; } .dd .ddTitle span.arrow { background:url(../nav/icons/dd_arrow.gif) no-repeat 0 0; float:right; display:inline-block; width:16px; height:16px; cursor:pointer; } .dd .ddTitle span.ddTitleText { text-indent:1px; overflow:hidden; line-height:16px; } .dd .ddTitle span.ddTitleText img { text-align:left; padding:0 2px 0 0; } .dd .ddTitle img.selected { padding:0 3px 0 0; vertical-align:top; } .dd .ddChild { position:absolute; border-width:1px; border-style:solid; border-top:none; display:none; margin:0; width:auto; overflow:auto; overflow-x:hidden !important; } .dd .ddChild .opta a, .dd .ddChild .opta a:visited { padding-left:10px; } .dd .ddChild a { display:block; padding:2px 0 2px 3px; text-decoration:none; overflow:hidden; white-space:nowrap; cursor:pointer; } .dd .ddChild a img { border:0; padding:0 2px 0 0; vertical-align:middle; } /* grosse Hauptspalten */ #main_left { } #main_middle { } #main_right { } .newitem, .newitem span, .saleitem, .saleitem span { display:inline-block; } .newitem, .saleitem { text-transform:uppercase; font-weight:bold; font-size:1.182em; /*10pt*/ } .newitem, a.newitem:link, a.newitem:visited, a.newitem:hover, a.newitem:active, a.newitem:focus , .saleitem, a.saleitem:link, a.saleitem:visited, a.saleitem:hover, a.saleitem:active, a.saleitem:focus { text-decoration:none; } .items .newitem { position:absolute; top:0; left:0; } .items .newitem span { padding:0 5px; } .items .newitem { -moz-opacity:0.9; -webkit-opacity:0.9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter:alpha(opacity=90); opacity:0.9; } .items .newitem, .items .newitem span { -moz-border-radius-bottomright:3px; -webkit-border-bottom-right-radius:3px; border-bottom-right-radius:3px; } .product .newitem { margin-left:10px; overflow:hidden; } .product .newitem span { padding:1px 5px; } .product .newitem, .product .newitem span { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; vertical-align:middle; } .saleitem { position:absolute; top:0; right:0; } .saleitem span { padding:0 5px; } .saleitem { -moz-opacity:0.9; -webkit-opacity:0.9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter:alpha(opacity=90); opacity:0.9; } .saleitem, .saleitem span { -moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px; border-bottom-left-radius:3px; } td { padding:0; } img, table { border-width:0; } form { margin:0; } input, select { font-size:1em; /*9pt*/ } .small select, .small input, .fields input { font-size:1.091em; } hr { border:0; height:1px; } .fields .label, .fields .field { padding-top:1px; padding-bottom:1px; } a.lightlink, a.highlink { text-decoration:none; } .raquo { vertical-align:5%; } .small .raquo { vertical-align:5%; } #ajaxBusy { display:none; margin:0px; width:80px; height:80px; position:fixed; top:50%; left:50%; background:url(../nav/loading.gif) no-repeat center center; } .nodecoration, .nodecoration a { text-decoration:none; } .ev-icon { background-repeat:no-repeat; display:inline-block; vertical-align:middle; text-decoration:none; } .ev-icon-druckversion { width:13px; height:13px; background-position:0 0; } .ev-icon-druckversion:hover, .ev-icon-druckversion:active, .ev-icon-druckversion:focus { background-position:-13px 0; } .ev-icon-delete { width:10px; height:10px; background-position:0 -13px; } .ev-icon-delete:hover, .ev-icon-delete:active, .ev-icon-delete:focus { background-position:-10px -13px; } .ev-icon-on-button { background-repeat:no-repeat; display:inline-block; vertical-align:middle; text-decoration:none; } .ev-icon-next { width:5px; height:10px; background-position:0 0; } .ev-icon-prev { width:5px; height:10px; background-position:-6px 0; } .ev-icon-first { width:6px; height:10px; background-position:-12px 0; } .ev-icon-last { width:6px; height:10px; background-position:-20px 0; } .ev-icon-info { width:3px; height:9px; background-position:-0 -11px; } .ev-icon-plus { width:7px; height:7px; background-position:-4px -11px; } .ev-icon-minus { width:7px; height:7px; background-position:-12px -11px; } .ev-icon-status { background:url(../nav/status.png) no-repeat; display:inline-block; vertical-align:middle; width:17px; height:16px; } .ev-icon-status-red { background-position:0 0; } .ev-icon-status-half { background-position:-17px 0; } .ev-icon-status-okay { background-position:-34px 0; } .some-icon { background-image:url(../nav/some-icons.png); background-repeat:no-repeat; display:inline-block; vertical-align:middle; text-decoration:none; } .some-icon- { width:16px; height:16px; background-position:0 0; } .some-icon-pdf { width:16px; height:16px; background-position:-17px 0; } .some-icon-zip { width:16px; height:16px; background-position:-34px 0; } .some-icon-video { width:16px; height:16px; background-position:-51px 0; } .some-icon:hover, .some-icon:active { -moz-opacity:0.7; -webkit-opacity:0.7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); opacity:0.7; } .button_search { display:inline-block; width:18px; height:17px; background:url(../nav/search.png) no-repeat 0 0; vertical-align:middle; border:0; } .button_search:hover, .button_search:active { background-position:-18px 0; } .button_put2cart, .button_put2cart_p { background-repeat:no-repeat; vertical-align:middle; border:0; } .button_cartsmall, .button_cartsmall_empty { background-repeat:no-repeat; vertical-align:middle; border:0; display:inline-block; } .button_put2cart_p { width:100px; background-position:center top; } /* MeinKonto-Seite */ #mk { margin-right:-10px; } #mk .ev-box-lr { width:191px; height:191px; float:left; } #mk .ev-box-lr .caption { font-weight:bold; } #mk .ev-box-lr .content div { margin-bottom:6px; } a.level-1 { text-decoration:none; font-weight:bold; } /* Corner radius der Buttons */ .b-ui-corner-all { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .b-small-ui-corner-all { -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; } .b-cart-ui-corner-all { -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } .trigger-bottom-corner { -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px; border-bottom-left-radius:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px; } /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft:0; -webkit-border-top-left-radius:0; border-top-left-radius:0; } .ui-corner-tr { -moz-border-radius-topright:0; -webkit-border-top-right-radius:0; border-top-right-radius:0; } .ui-corner-bl { -moz-border-radius-bottomleft:0; -webkit-border-bottom-left-radius:0; border-bottom-left-radius:0; } .ui-corner-br { -moz-border-radius-bottomright:0; -webkit-border-bottom-right-radius:0; border-bottom-right-radius:0; } .ui-corner-top { -moz-border-radius-topleft:0; -webkit-border-top-left-radius:0; border-top-left-radius:0; -moz-border-radius-topright:0; -webkit-border-top-right-radius:0; border-top-right-radius:0; } .ui-corner-bottom { -moz-border-radius-bottomleft:0; -webkit-border-bottom-left-radius:0; border-bottom-left-radius:0; -moz-border-radius-bottomright:0; -webkit-border-bottom-right-radius:0; border-bottom-right-radius:0; } .ui-corner-right { -moz-border-radius-topright:0; -webkit-border-top-right-radius:0; border-top-right-radius:0; -moz-border-radius-bottomright:0; -webkit-border-bottom-right-radius:0; border-bottom-right-radius:0; } .ui-corner-left { -moz-border-radius-topleft:0; -webkit-border-top-left-radius:0; border-top-left-radius:0; -moz-border-radius-bottomleft:0; -webkit-border-bottom-left-radius:0; border-bottom-left-radius:0; } .ui-corner-all { -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; } .ev-button { vertical-align:middle; display:inline-block; position:relative; padding:0; text-decoration:none !important; text-align:center; zoom:1; white-space:normal; overflow:visible; } /* the overflow property removes extra width in IE */ .ev-buttonsmall { vertical-align:middle; background-position:center center !important; } .ev-buttonspan { overflow:hidden; } .ev-box { } .ev-box .caption { padding:10px; } .ev-box .content { padding:10px; } .ev-box-lr { position:relative; display:block; } .ev-box-lr .caption { padding:10px; } .ev-box-lr .content { display:box; padding:10px; } .ev-cont-l .ev-cont-l-cont { float:left; } .ev-cont-l .ev-cont-l-clear { clear:left; } .caption a { text-decoration:none; } /* b-high-ui-state-default: siehe bg-100 */ /* .b-ui-state-default, .b-ui-state-disabled: siehe bg-200 */ .b-ui-state-default, .b-ui-state-disabled, .b-high-ui-state-default, .b-high-ui-state-disabled { font-weight:bold; } .b-ui-state-default, .b-high-ui-state-default { cursor:pointer; } .b-ui-state-default, .b-ui-state-default a, .b-high-ui-state-default, .b-high-ui-state-default a { text-decoration:none; } .b-ui-state-default, .b-ui-state-disabled { border-width:1px; border-style:solid; } .b-high-ui-state-default, .b-high-ui-state-disabled { border-width:1px; border-style:solid; } .b-ui-state-disabled, .b-high-ui-state-disabled { -moz-opacity: 0.4; -webkit-opacity: 0.4; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity: 0.4; cursor:default; } .ev-border-all { border-width:1px; } .ev-border-left { border-width:0 0 0 1px; } .ev-button { padding:4px 12px; font-family:Arial,Helvetica; font-size:1em /*9pt*/; -moz-box-sizing:border-box; -webkit-box-sizing: border-box; box-sizing:border-box; } .small .ev-button { font-size:1.091em; } input.ev-button, button.ev-button { padding:3px 12px; } .ev-buttonsmall { padding:4px 6px; font-family:Arial,Helvetica; font-size:1em /*9pt*/; } input.ev-buttonsmall, button.ev-buttonsmall { padding:0 3px 2px 3px; } .ev-button .raquo { vertical-align:30%; } .speedbar { width:100%; font-size:0.917em /*8pt*/; border-spacing:1px; border-collapse:separate; margin-bottom:10px; } .speedbar a { text-decoration:none; } .speedbar > div > div { vertical-align:middle; padding:4px; text-align:center; width:15%; height:36px; border-width:1px; border-style:solid; } .speedbar .sp_button { cursor:pointer; } .speedbar .sp_sn { font-weight:bold; font-size:1.091em /*9pt*/; } .speedbar .sp_button, .speedbar .sp_disabled { border-width:1px; border-style:solid; } .speedbar .sp_active { border-width:1px; border-style:solid; } .disabled , .speedbar .sp_disabled { -moz-opacity:0.4; -webkit-opacity:0.4; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter:alpha(opacity=40); opacity:0.4; cursor:default; } .enabled { -moz-opacity:1; -webkit-opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1; } .hidden, .hide { display:none; } .visible { visibility:visible; } .invisible { visibility:hidden; } /* sonstiges */ .mt-0 { margin-top:0; } .mt-s { margin-top:5px; } .mt-m { margin-top:10px; } .mt-b { margin-top:20px; } .mr-s { margin-right:5px; } .mr-m { margin-right:10px; } .mr-b { margin-right:20px; } .mb-0 { margin-bottom:0; } .mb-s { margin-bottom:5px; } .mb-m { margin-bottom:10px; } .mb-b { margin-bottom:20px; } .ml-s { margin-left:5px; } .ml-m { margin-left:10px; } .ml-b { margin-left:20px; } .ml-xb { margin-left:30px; } .mlr-m_less1000 { margin:0; } .pt-b { padding-top:20px; } .pr-m { padding-right:10px; } .pr-xxb { padding-right:50px; } .pl-b { padding-left:20px; } .p-0 { padding:0; } .p-xs { padding:4px; } .m-s { margin:5px; } .m-m { margin:10px; } .acenter, .acenter_more400 { text-align:center !important; } .aright, .aright_more400, .aright_more500 { text-align:right !important; } .aleft { text-align:left !important; } .vatop { vertical-align:top !important; } .vamiddle { vertical-align:middle !important; } .vabottom { vertical-align:bottom !important; } .hangingindent8 { margin-left:8px; text-indent:-8px; } .hangingindent11 { margin-left:11px; text-indent:-11px; } .hangingindent14 { margin-left:14px; text-indent:-14px; } .hangingindent20 { margin-left:20px; text-indent:-20px; } .h1 { font-weight:bold; } .h2 { text-decoration:underline; } .help { font-style:italic; } .clear { clear:both; padding:0 !important; margin:0 !important; } .floatright, .floatright_more400, .floatright_more500 { float:right; } .clearright { clear:right; padding:0 !important; margin:0 !important; } .floatleft, .floatleft_more400, .floatleft_more500 { float:left; } .clearleft { clear:left; padding:0 !important; margin:0 !important; } .nw { white-space:nowrap !important; } .wrap { white-space:normal !important; } .w100p { width:100%; } .w30p, .w30p_more400 { width:30%; } .w50p { width:50%; } .w60p, .w60p_more300 { width:60%; } .w70p { width:70%; } .wminp { width:200px; } .wminminp { min-width:200px; } /* kleinere Schriftart */ .small { font-size:0.917em /*8pt*/; } .small .small { font-size:1em; } .smallest { font-size:0.75em /*7pt*/; } /* grössere Schriftart */ .big { font-size:1.3em; } .bigger { font-size:1.5em; } .biggest { font-size:2em; } /* normale Tabellenlistung mit Hintergrundfarbe */ .liste { border-width:1px; border-style:solid; } table.liste { border-collapse:collapse; } .area2 .liste { background:none; border:0; } table.liste > thead th, table.liste > tbody > tr > td, table.liste > tfoot td , .liste > .thead > div, .liste > .tbody > div, .liste > .tfoot > div { padding:4px; } table.liste > thead th, .liste > .thead > div, .thead > div { font-weight:bold; text-align:center; white-space:nowrap; vertical-align:middle; } .thead > div, .tbody > div, .tfoot > div, .liste > .thead > div { display:table-cell; } .thead, .tbody, .tfoot { display:table-row; } .table, .table_more600, .table_more500, .table_more400, .table_more295 { display:table; } table.liste > tfoot > tr > td, .liste > .tfoot > div { border-top-width:1px; border-top-style:solid; text-align:left; vertical-align:top; } table.liste > tbody > tr > td, .liste > .tbody > div { border-top-width:1px; border-top-style:solid; } .liste .pic { text-align:center; padding:0 !important; vertical-align:top; } .liste .pic .apic { position:relative; top:0; left:0; min-height:50px; } .liste .pic .apici { padding:4px; width:100px; } .liste .pic .apici img { max-width:100px; max-height:100px; } table.liste tr.child td { border-top-style:none; } .liste .child > div { border-top-style:none; } .liste > .tbody > div:first-child { border-top-style:solid; } .mwst { font-size:0.818em /*0.75em*/ /*7pt*/; font-weight:normal; } /* Anzeigetabelle mit Labelzellen und Inhaltszellen */ .show { } .show > .tbody { border-top-style:solid; border-top-width:0; } .show .label { padding:4px 10px 4px 0; /*white-space:nowrap;*/ } .show .field { padding:4px 0; } .show .labelsm { padding:2px 6px 2px 0; white-space:nowrap; } .show .fieldsm { padding:2px 0; } /* Tabelle mit unterstrichener Ueberschrift, sonst keine Linien */ .show1 thead th, .show1 .thead > div { text-decoration:underline; white-space:nowrap; } .show1 td, .show1 th, .show1 .thead > div, .show1 .tbody > div { padding:0 4px; border:0; } /* Tabelle mit labelspalte */ table.show2 td { vertical-align:top; } /*body_end.htm*/ table.show2 .label { padding-right:10px; white-space:nowrap; } /* Anzeigetabelle mit Linien, Ueberschrift in andersfarbigem Balken */ table.show3 { border-collapse:collapse; border-width:1px; border-style:solid; } table.show3 td, table.show3 th { font-size:0.917em /*8pt*/; padding:0 8px; } table.show3 thead th { font-weight:bold; } table.show3 thead th.comment { font-weight:normal; font-size:0.75em /*7pt*/; } table.show3 tbody td { border-top-width:1px; border-top-style:solid; } /* Anzeigetabelle mit nur waagerechten Linien */ .show4 { border-collapse:collapse; border-bottom-width:1px; border-bottom-style:solid; } .show4 > div > div, .show4 .td { padding:8px 2px; } .show4 > .tbody > div, ul.show4 > li { border-top-width:1px; border-top-style:solid; } .show4.notableborder { border-bottom-width:0; } .show4.notableborder > .tbody:first-child > div { border-top-width:0; } /* Anzeigetabelle mit waagerechten Linien, mehreren Ueberschriften in Balken */ .show5 { border-collapse:collapse; border-width:1px; border-style:solid; } .show5 > .tbody > div { padding:2px 4px; border-top-width:1px; border-top-style:solid; } .show5 > .tbody > div.label { padding-right:20px; white-space:nowrap; } /* Tabelle mit Eingabefeldern */ .small .fields > div > div { font-size:1em; } .fields .label { padding-right:4px; font-weight:bold; text-align:right; white-space:nowrap; } .fields_label { font-size:0.917em /*8pt*/; vertical-align:middle; padding-bottom:2px; padding-right:4px; font-weight:bold; white-space:nowrap; } .fields .field { padding-right:4px; } .small .fields_label { font-size:1em; } .fields > .tbody > .label, .fields > .tbody > .field { padding-top:1px; padding-bottom:1px; } div.fields span.label { font-weight:bold; float:right; text-align:right; } div.fields span.field { float:right; margin-left:10px; } /* dezenter Areabereich, Ueberschrift in Balken, Inhalt ohne eigene Farbe */ .area1 { border-width:1px; border-style:solid; } .area1 > .caption { border-bottom-width:1px; border-bottom-style:solid; padding:4px; /*white-space:nowrap;*/ font-weight:bold; } .area1 > .content { padding:4px; } .area1 > .bordertop { border-top-width:1px; border-top-style:solid; } /*Boxen für Ajayxbefuellung in Checkoutlast*/ .expand_text.area1 { border-bottom-width:2px; padding:5px; } /* Areabereich eingefaerbt im Hintergrund und Ueberschrift mit Balken */ .area2 { border-width:1px; border-style:solid; } .area2 > .caption { border-bottom-width:1px; border-bottom-style:solid; padding:4px; font-weight:bold; } .area2 > .content { padding:4px; } /* kraeftiger Areabereich, keine Ueberschrift, nur eingefaerbte kraeftigere Flaeche */ .area3 { border-width:1px; border-style:solid; padding:4px; } /* dezenterer Areabereich, keine Ueberschrift, nur dezent eingefaerbete Flaeche */ .area4 { border-width:1px; border-style:solid; padding:4px; } table.area4 td { padding:5px; } /* Bereich mit Ueberschrift im Balken, untere Abschlusslinie, keine separate Hintergrundfarbe, mehrere Inhalte, alle mit einer Toplinie */ .area5 { padding-bottom:4px; border-bottom-width:1px; border-bottom-style:solid; } .area5 > .caption { border-width:1px; border-style:solid; font-weight:bold; text-align:center; padding:4px; } .area5 > .content { padding:4px 0; border-top-width:1px; border-top-style:solid; } /* Bereich mit Ueberschrift im Balken (hell), Inhalt ohne eigene Farbe */ .area6 { border-width:1px; border-style:solid; } .area6 > .caption { border-width:0 0 1px 0; border-style:solid; padding:5px 4px 5px 10px; font-weight:bold; /*white-space:nowrap;*/ } .area6 > .caption2 { border-width:1px 0 1px 0; } .area6 > .content { padding:10px 4px; } /* Box zum Oeffnen und schliessen */ .box_open_close { width:auto; } .box_open_close { border-bottom-width:0; } .box_open_close > .box_open_close_b1, .box_open_close > .box_open_close_b2 { width:auto; cursor:pointer; } .box_open_close .box_open_close_content { height:300px; overflow-y:auto; } /* Hover-Bereiche zum Auswaehlen oder so */ .noodlebox { border-width:0 1px; border-style:solid; } .noodlebox .noodle { border-style:solid; border-width:0 0 1px 0; padding:10px 0 10px 10px; } /* Boxen auf den Seiten */ .sidebox { border-width:1px; border-style:solid; } .sidebox { margin-bottom:20px; } .sidebox > .caption { border-bottom-width:1px; border-bottom-style:solid; padding:5px 4px 5px 10px; font-weight:bold; /*white-space:nowrap;*/ } .sidebox > .content { padding:10px 4px; } /* BestSeller, NeuImShop */ #bestseller .content, #newitems .content { font-size:0.917em /*8pt*/; } #bestseller ul > li:first-child , #newitems ul > li:first-child { border:0; } #bestseller .pic img, #newitems .pic img { max-width:40px; } #bestseller .pic, #newitems .pic { width:40px; } #bestseller a, #newitems a { text-decoration:none; } #bestseller ul, #bestseller ul > li , #newitems ul, #newitems ul > li { padding:0; margin:0; list-style:none; } .td { display:table-cell; } /* Warenkorb-Positionen */ .label_notable { display:none; } /* Summentabelle in Warenkorb und letzter Checkout-Seite */ .cartsum { width:100%; } .cartsumtable .cartsum { width:200px; } .cartsum td { white-space:nowrap; } .cartsum td.label { padding:2px 4px 2px 0; width:100%; text-align:left; } .cartsum td.field { padding:2px 0; text-align:right; } .cartsum td.sum { border-top-width:1px; border-top-style:solid; font-weight:bold; } .cartsum td.acenter { text-align:center; } .cartsum td.wrap { white-space:normal; } /* Aussenrum-Bereich der Warenkorb-Summe */ .cartsumtable > .tfoot > div:last-child { padding:4px; } .cartsumtable > .tfoot > div { min-width:200px; } input.cartfield { margin-left:2px; vertical-align:middle; width:30px; } /* Service-Page */ body.service { text-align:center; margin:0; padding:0; } body.service div.container { padding:20px; } body.service .content { width:600px; padding:20px; margin:50px auto; border-width:1px; border-style:solid; } /* WayHome - Pfad */ #breadcrumb { font-size:0.917em /*8pt*/; padding:5px 0; } #breadcrumb div { display:inline; } /* Headline */ div.headline { margin:0 0 10px 0; border-width:1px; border-style:solid; } div.headline h1 { font-size:1.083em /*10pt*/; margin:4px 4px 4px 10px; text-decoration:none; font-weight:normal; } div.headline h1 a, div.headline h1 a:link, div.headline h1 a:visited, div.headline h1 a:hover, div.headline h1 a:active { font-size:1em /*1.083em*/ /*10pt*/; text-decoration:none; cursor:default; } /* Footer */ #footer { font-size:1em /*9pt*/; } #footer .container { margin-bottom:10px; } .footercol a { text-decoration:none; } .footercol { margin-top:10px; } .footercol { border-style:solid; } .footercol .inside { margin-right:10px; } .footercollast .inside { margin-right:0; } .footercolfirst { border-width:0 1px 0 0; } .footercolmiddle { border-width:0 1px 0 0; } .footercollast { border-width:0 0 0 0; } .footercol .caption { font-weight:bold; margin-bottom:10px; } .footercol ul { list-style-type:none; padding:0; margin:0; } .footercol ul li { margin-bottom:2px; } .footercol .company { } #shopversion { text-align:center; font-size:0.75em /*7pt*/; margin:8px 0; } #shopversion a { text-decoration:none; } /* Preisinformation */ .priceinfofooter { font-size:0.917em /*8pt*/; padding-top:10px; text-align:center; } #footer .priceinfofooter { border-top-width:1px; border-top-style:solid; } /* Kopfbereich */ #header { margin-top:10px; position:relative; top:0; left:0; } #header_balloon { margin:0; padding:0; font-size:0; } #header_content { height:100px; border-width:1px 1px 0 1px; border-style:solid; position:relative; top:0; left:0; background-repeat:none; background-position:0 0; background-repeat:no-repeat; } #topnav_content, #mainmenu-mobile, #slideshowbig_content, .main_content { border-left-width:1px; border-right-width:1px; border-left-style:solid; border-right-style:solid; } #footer_content { border-width:1px; } #footer { margin-bottom:10px; } #footer_content { border-style:solid; } #logo { position:absolute; top:10px; left:10px; width:160px; height:80px; } #logo a { display:block; width:160px; height:80px; } #header_options { position:absolute; top:0; right:-1px; width:100%; } #header_options a, #header_options_mobile a { text-decoration:none; } #header_options .option, #header_options_mobile .option{ border-style:solid; border-width:0 1px 1px 1px; height:24px; } #login, #wishlistsmall, #naviOptions, #searchTrigger { line-height:24px; padding-left:10px; padding-right:10px; } /* Sprach- und Waehrungsumschaltung */ #language_choice, #currency_choice { float:right; padding-left:1px; padding-right:1px; } #currency_choice { padding-left:5px; } #language_choice #languages { width:120px; } #currency_choice #currency { width:auto; } #language_choice_ { position:relative; left:-5000px; top:-5000px; z-index:8999; height:0; } #currency_choice .label { line-height:24px; float:left; margin-right:2px; } #wishlistsmall { float:right; } .wishlist .content { display:none; } #login { white-space:nowrap; float:right;} .login { right:10px !important; } #login a { text-decoration:none; } #login .sep { margin-left:10px; margin-right:10px; } #cartsmall { position:absolute; top:24px; right:10px; width:190px; height:76px; font-size:0.917em /*8pt*/; } .cartsmall { /*display:none;*/ } /* soll leerer Warenkorb ausgeblendet werden: display:none; soll leerer Warenkorb angezeigt werden: auskommentieren */ #cartsmall-empty { display:none; } .cartsmall-empty { display:block !important; } /* soll leerer Warenkorb ausgeblendet werden: display:block ohne !important; soll leerer Warenkorb angezeigt werden: !important bei display:block mit aufnehmen */ #cartsmall-filled { } .cartsmall-filled { display:none; } #cartsmall .content { display:table-cell; } #cartsmall .ev-buttonspan, #cartsmall .button_cartsmall_empty { display:table-cell; } #cartsmall-empty, #cartsmall-filled { width:100%; position:absolute; left:10px; } #cartsmall-filled { top:10px; } #cartsmall-empty { top:20px; } #cartsmall, #cartsmall-empty, #cartsmall-filled { } #cartsmall-empty { text-align:center; } #cartsmall-empty .content { padding-left:5px; padding-right:5px; vertical-align:middle; } #cartsmall-filled { } #cartsmall-filled .content { white-space:nowrap; padding-top:6px; padding-left:10px; } #cartsmall-filled .footer { margin-top:6px; } #cartsmall a { text-decoration:none; } #cartsmall a:link, #cartsmall a:visited { } #cartsmall a:hover, #cartsmall a:active { } #search { position:absolute; top:51px; left:300px; } #searchi { display:inline-block; padding:4px 6px; text-align:left; border-style:solid; border-width:1px; } #SearchStr, #SearchStrUnderlay { border:0; vertical-align:middle; width:300px; /*voice-family:"\"}\""; voice-family:inherit; width:292px;*/ } #SearchStrUnderlay { z-index:-1; position:absolute; left:20px; } #searchlinks { font-size:0.917em /*8pt*/; margin:2px; text-align:center; } #searchlinks a { text-decoration:none; } #searchlinks .sep { margin-left:10px; margin-right:10px; } #header_content, #topnav_content, #slideshowbig_content, #footer_content, .main_content { margin:0 auto; } #topnav_content, #slideshowbig_content, #footer_content, .main_content, .container_grid { overflow:hidden; } #topnav_content, #mainmenu-mobile { border-top-width:1px; border-top-style:solid; border-bottom-width:1px; border-bottom-style:solid; } #topnav_content { } /*mega-menue: Hoehe und nowrap wird nicht mehr benoetigt*/ /*Mega-Menu*/ #topnav_content.megamenu { overflow:visible; white-space:normal; } #topnav_content.megamenu .level0 ul, #topnav_content.megamenu .level0 li { margin:0; padding:0; list-style:none; } #topnav_content.megamenu ul.h_menu { position:relative; } #topnav_content.megamenu ul.level1 { font-size:0; visibility:hidden; position:absolute; left:0; width:100%; margin:0; padding:0; text-transform:none; padding-top:10px; z-index:2000; -webkit-transform: translate3d(0,0,0); } #topnav_content.megamenu ul.level1 > li { display:inline-block; font-size:10pt; vertical-align:top; padding:5px 15px 10px 15px; box-sizing:border-box; } #topnav_content.megamenu ul.level1 > li.level1Columns_3 { width:33%; } #topnav_content.megamenu ul.level1 > li.level1Columns_4 { width:25%; } #topnav_content.megamenu ul.level1 > li.level1Columns_5 { width:20%; } #topnav_content.megamenu ul.level1 > li.level1Columns_6 { width:16%; } #topnav_content.megamenu ul.level1 > li.level1Columns_7 { width:14%; } #topnav_content.megamenu ul.level1 { border-width:0 0 1px 0; border-style:solid; box-sizing:border-box; } #topnav_content.megamenu ul.level2 { margin-top:1px; } #topnav_content.megamenu ul.level2 > li { font-size:0.9em; padding:0; margin:10px 0 0 0; font-weight:normal; line-height:0.98em; } #topnav_content.megamenu ul.level2.lastCol { margin-top:3px; } #topnav_content.megamenu ul.level2.lastCol > li { font-weight:bold; } #topnav_content.megamenu ul.h_menu > li.notouch:hover ul.level1 { visibility:visible; } #topnav_content.megamenu .h_menu .level1 > .graphic, #topnav_content.megamenu .h_menu .level1 > .graphic > img{ display:block; } #topnav_content.megamenu .h_menu .level1 > .graphic > img { margin-bottom:10px; } #topnav_content.megamenu .h_menu .level2 .graphic { padding-left:20px; } #topnav_content.megamenu .h_menu li.level0 { } #topnav_content.megamenu li.level1 { } #topnav_content.megamenu li.level1 a > span > img { margin-top:5px; } #topnav_content.megamenu li.level0 > a { position:relative; } #topnav_content.megamenu li.level0.children:hover > a:after { font-family:'FontAwesome'; content:"\f0d7"; width:100%; height:20px; overflow:hidden; text-align:center; display:block; position:absolute; top:18px; left:0px; font-size:24pt; z-index:3000; padding:0; margin:0; } #topnav_content.megamenu .h_menu .level0 li.inpath, #topnav_content.megamenu .h_menu .level0 li.active { background:url(); border:none; } /*Mega-Menü*/ .h_menu { list-style-type:none; padding:0; margin:0; font-size:0; } .h_menu a { text-decoration:none; } .h_menu li.level0 > a { display:inline-block; height:30px; padding:0 10px; } .h_menu a span { background-repeat:no-repeat; } .h_menu li.level0 { display:inline-block; text-transform:uppercase; font-weight:bold; height:30px; font-size:9pt; } .h_menu li.level0 > a { line-height:30px; } .h_menu li.inpath, .h_menu li.active { border-left-width:1px; border-left-style:solid; border-right-width:1px; border-right-style:solid; } #language_choice .dd, #language_choice .dd .ddTitle { background:transparent; } #language_choice .dd { margin-top:2px; } #language_choice .dd .ddTitle { border-width:0; } #language_choice .dd .ddTitle span.arrow { background-repeat:no-repeat; background-position:0 0; width:16px; height:16px; } #currency_choice .dd, #currency_choice .dd .ddTitle { background:transparent; } #currency_choice .dd { margin-top:2px; } #currency_choice .dd .ddTitle { border-width:0; } #currency_choice .dd .ddTitle span.arrow { background-repeat:no-repeat; background-position:0 0; width:16px; height:16px; } /* Teaserbereich */ .teaser { margin:4px 0; } /* hervorgehobener Stern */ .highstar, .highstar:link, .highstar:visited, .highstar:hover, .highstar:active, highstar:focus { text-decoration:none; font-weight:bold; } /* Bereich CrossSelling-Referenz */ .productreferences .caption { font-size:1em /*9pt*/; font-weight:bold; padding:4px; border-style:solid; border-width:1px 1px 0 1px; } .productreferences .caption .name { font-weight:bold; } div.content { padding-left:0; } * + html div.content { padding-left:0; } /* Artikeldetailansicht diverses */ .product .pics { text-align:center; } .product .details { vertical-align:top; border-width:1px; border-style:solid; } .product .details .inside { margin:0 4px 4px 4px; } .product .manufacturer { } .product .manufacturer .more a{ font-size:0.917em; } .paymentdiscount .price { font-size:1.25em /*11pt*/; font-weight:bold; } .paymentdiscount .desc { font-size:0.917em /*8pt*/; } .paymentdiscount .zahlart { font-weight:bold; } .paymentdiscount .mwst { font-size:0.75em; } #p_varop_aktion, #p_varop_zahlartrabatt { display:none; } .product .box { border-width:1px; border-style:solid; } .product .boxi { padding:10px 4px; } /* Produktberater */ #diframegen { text-align:center; display:none; } #diframegen div { margin:10px 0; border-width:1px; border-style:solid; } #iframegen { width:100%; height:260px; } /* Einsparungsanzeige */ .saving { margin-bottom:4px; } .saving a { text-decoration:none; } .saving td { padding:2px 4px; white-space:nowrap; vertical-align:bottom; } .saving .uvpprice { text-decoration:line-through; font-weight:bold; } .saving .mwst { margin-left:10px; font-size:0.75em /*7pt*/; } .saving .proz { font-weight:bold; font-size:1.083em /*10pt*/; } .saving .label { vertical-align:super; font-size:0.75em /*7pt*/; margin-left:2px; } /* Filter in der AfterSearchNavigation */ .asnfiltering { font-size:0.917em /*8pt*/; } .asnfiltering .filterinfo .highlight { font-weight:bold; } .asnfiltering .filters { margin-top:15px; white-space:nowrap; } .asnfiltering .filters a { text-decoration:none; } .asnfiltering .filter { float:left; margin-right:10px; margin-bottom:15px; border-width:1px; border-style:solid; width:190px; } .asnfiltering .filter div, .asnfiltering .filter p { padding:4px; } .asnfiltering .selFilter { width:180px; } .asnfiltering .filterc { padding:4px; } .asnfiltering .filterc .name { font-weight:bold; } .asnfiltering .remove, .asnfiltering .all { margin-bottom:10px; } .asnfiltering .filtersclear { clear:left; } /* Filter ueber die Eigenschaftsklassen */ #filter .removelink { margin-bottom:6px; } .filterclass { margin-bottom:10px; } .filterclassactive .filterclasscap { padding:4px 2px 4px 4px; border-bottom-width:1px; border-bottom-style:solid; } .filterclasscap { font-size:1.083em /*10pt*/; font-weight:bold; border-bottom-width:2px; border-bottom-style:solid; padding:2px; } .filterclassdata { margin-left:10px; } .filtergroup { margin-top:10px; } .filtergroupcap { font-weight:bold; margin-bottom:6px; border-bottom-width:1px; border-bottom-style:solid; } #filter .deactivate a { text-decoration:none; } .filtergrouptype0 .filteritem { margin-bottom:1px; display:block; text-decoration:none; padding:2px 4px; } .filtergrouptype0 .filteritem span { margin-right:4px; } .filtergrouptype0 .filteritemstatusactive { position:relative; top:0; left:0; } .filtergrouptype0 .filteritemstatus .deactivate { display:none; } .filtergrouptype0 .filteritemstatusactive .deactivate { display:inline-block; position:absolute; right:4px; font-size:0.75em /*7pt*/; } .filtergrouptype0 .filteritem img { vertical-align:middle; margin-right:4px; } .filtergrouptype1 .filtergroupcap { margin-bottom:0; } .filtergrouptype1 select { width:100%; border-width:0 0 1px 0; background:none; border-style:solid; } .filtergrouptype2 .filteritem { margin-right:2px; text-decoration:none; padding:1px; border-width:2px; border-style:solid; display:inline-block; margin-bottom:4px; position:relative; top:0; left:0; } .filtergrouptype2 .filteritemstatus .deactivate { display:none; } .filtergrouptype2 .filteritemstatusactive .deactivate { display:inline-block; position:absolute; right:1px; font-size:0.667em /*6pt*/; line-height:6pt; border-width:1px; border-style:solid; padding:0 2px; } .filtergrouptype3 .filteritem { margin-bottom:1px; padding:0px 4px 0px 0; } .filtergrouptype3 .filteritemstatusactive { position:relative; top:0; left:0; } .filtergrouptype3 .filteritemstatus .deactivate { display:none; } .filtergrouptype3 .filteritemstatusactive .deactivate { display:inline-block; position:absolute; right:4px; font-size:0.75em /*7pt*/; } .filtergrouptype3 .filteritem input { vertical-align:middle; } .filtergrouptype3 .filteritem img { vertical-align:middle; margin-right:4px; } .filtergrouptype4 .filteritem { margin-bottom:1px; padding:0px 4px 0px 0; } .filtergrouptype4 .filteritemstatusactive { position:relative; top:0; left:0; } .filtergrouptype4 .filteritemstatus .deactivate { display:none; } .filtergrouptype4 .filteritemstatusactive .deactivate { display:inline-block; position:absolute; right:4px; font-size:0.75em /*7pt*/; } .filtergrouptype4 .filteritem input { vertical-align:middle; } .filtergrouptype4 .filteritem img { vertical-align:middle; margin-right:4px; } .v_menu { border-style:solid; border-width:1px 1px 0 1px; } .v_menu { margin:0 0 20px 0; } .v_menu a { text-decoration:none; display:block; } .v_menu a span { display:block; } .v_menu, .v_menu ul { list-style-type:none; padding:0; } .v_menu li { font-weight:bold; font-size:1em /*9pt*/; } .v_menu li a, .v_menu_mobile { border-bottom-width:1px; border-bottom-style:solid; } .v_menu li.inpath a { border-bottom:0; } .v_menu ul a { border-bottom:0; } .v_menu li.inpath ul { border-top-width:1px; border-top-style:solid; } .v_menu li.inpath ul ul { border-top:0; } .v_menu li.inpath a { } .v_menu li.inpath ul a { border-bottom:0; } .v_menu li ul { } .v_menu li.level1 { border-bottom-width:1px; border-bottom-style:solid; } .v_menu ul ul { border-bottom:0; } .v_menu ul.level1 li { background-color:transparent; background-repeat:no-repeat; } .v_menu ul.level1 li { font-weight:normal; } .v_menu li li.active { font-weight:bold; } .v_menu li li.active a { background-color:transparent; background-repeat:no-repeat; } .v_menu li li.active li a { background-image:none; } .v_menu ul.level2 li { font-size:0.917em /*8pt*/; } .v_menu a.level0 { padding:5px 2px 5px 10px; } .v_menu a.level1 { padding:4px 2px 4px 10px; } .v_menu a.level2 { padding:4px 2px 4px 20px; } .v_menu a.level3 { padding:4px 2px 4px 35px; } .v_menu a.level4 { padding:4px 2px 4px 50px; } .v_menu a.level5 { padding:4px 2px 4px 65px; } .v_menu span { background-repeat:no-repeat; } /*.v_menu a.level1 span { margin-left:10px; text-indent:-10px; }*/ .v_menu a.level2 span { margin-left:8px; text-indent:-8px; } .v_menu a.level3 span { margin-left:8px; text-indent:-8px; } .v_menu a.level4 span { margin-left:7px; text-indent:-7px; } .v_menu span.graphic { background-position:left top; padding-left:32px; } /* Themensubnavigation */ .subnavi { overflow:hidden; margin:10px -10px 10px 0; } .subnavi .subnavi_item { float:left; position:relative; text-align:center; margin:0 10px 10px 0; padding:10px; overflow:hidden; border-width:1px; border-style:solid; } .subnavi .subnavi_item_before, .subnavi .subnavi_item_after { -moz-opacity:0.5; -webkit-opacity:0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); opacity:0.5; } .subnavi .subnavi_clear { clear:left; } .subnavi .subnavi_pic { max-height:120px; display:inline-block; } .subnavi .subnavi_pic img { max-height:120px; } .subnavi .subnavi_caption { margin-top:10px; font-weight:bold; } .subnavi .subnavi_caption a { text-decoration:none; } .subnavi .subnavi_text { margin-top:5px; } .subnavi .subnavi_valid_from, .subnavi .subnavi_valid_to { font-size:0.917em /*8pt*/; font-style:italic; } .subnavi .subnavi_valid_now { position:absolute; top:0; right:0; } /* listcontrol */ .listcontrol { border-width:1px; border-style:solid; margin:6px 0; } .listcontrol .line1, .listcontrol .line2 { margin:4px; } .listcontrol .line1 { border-bottom-width:1px; border-bottom-style:solid; } .listcontrol .left { float:left; } .listcontrol .right { float:right; } .listinfo { height:20px; line-height:18px; } /* Seitennavigation */ .pagenavigation { } .pagenavigation .info { font-weight:bold; } .pagenavigation .navigation { margin-left:10px; } .pagenavigation .navigation a { margin:0 2px; text-decoration:none; } .pagenavigation .navigation .active { margin:0 2px; font-weight:bold; } .pagenavigation .more { margin:0 2px; } /* Sortiermoeglichkeit */ .sortorder { margin:6px 0; } .sortorder .caption { font-weight:bold; } /* Downloadinformationen */ .download { } .download .caption { font-weight:bold; margin-bottom:2px; } .download .caption a { text-decoration:none; } .download .caption .some-icon { margin-right:4px; } .download .info { padding-bottom:2px; margin-left:20px; } .video { text-align:center; } .video .info { margin-left:0; } /* Produktberater */ div.genHead { text-align:center; padding:10px 0; font-size:1.333em /*12pt*/; font-weight:bold; } div.genBody { padding:10px; } /* Checkoutprozess */ .gocheckout { margin:10px 0; } .gocheckout_forward { float:right; text-align:right; } .gocheckout_back { text-align:left; } .gocheckout_top .checkout_backstep { padding-top:5px; } .gocheckout_bottom .checkout_backstep { padding-top:10px; margin-right:20px; } .checkout .paymentsystem_info { padding-top:20px; } /* Merkzettel-Ziel */ #idmztarget { text-align:center; width:100%; height:0; } /* Artikelbilder in Detailansicht */ .apics { text-align:center; position:relative; top:0; left:0; } .apics #detailimage { text-align:center; display:table; width:100%; margin-top:-1px; } .apics #detailimage .pic { display:table-cell; text-align:center; width:100%; vertical-align:middle; } .apics #detailimage span.makeheight { display:inline-block; width:0; } .apics #detailimage .detailimagea_v, .apics #detailimage .detailimageaimg_v { visibility:visible; display:block; } .apics #detailimage .detailimagea_h, .apics #detailimage .detailimageaimg_h { visibility:hidden; display:block; } .apics #detailimage { position:relative; top:0; left:0; } .apics #detailimage .detailimage { text-align:center; width:100%; position:absolute; top:0; } .apics #detailimage .detailimagea_h { left:-1000000px; } .apics #detailimage .detailimagea_v { left:0; } .apics .slidebar { height:52px; margin:auto; margin-top:10px; margin-bottom:0; } .apics .slidebar .sliderleft { float:left; width:15px; height:52px; margin-right:2px; } * html .apics .slidebar .sliderleft { margin-right:0; } .apics .slidebar .sliderright { float:right; width:15px; height:52px; margin-right:3px; } .apics .slidebar .sliderleft a { cursor:pointer; } .apics .slidebar .sliderright a { cursor:pointer; margin-left:2px; } .apics .slidebar #rightslide, .apics .slidebar #leftslide { width:15px; height:52px; display:inline-block; background:url(../nav/slider-arrows.png) no-repeat; } .apics .slidebar #leftslide { background-position:0 0; } .apics .slidebar #rightslide { background-position:-15px 0; } .apics #slider .slidebar .slightarrow_full { border:0; filter:Alpha(opacity=100); opacity:1; } .apics #slider .slidebar .slightarrow_light { border:0; filter:Alpha(opacity=40); opacity:0.4; } .apics .slidebar .slider { height:52px; overflow:hidden; position:relative; text-align:center; } .apics .slidebar .slider div { height:52px; white-space:nowrap; top:0; left:0; position:absolute; text-align:center; } .apics .slidebar .slider div img { border-width:1px; border-style:solid; margin-right:1px; height:50px; } #detailimage_zoom { position:absolute; top:0; left:0; } /* SLIMBOX */ #lbOverlay { position:fixed; z-index:9999; left:0; top:0; width:100%; height:100%; cursor:pointer; } #lbCenter, #lbBottomContainer { position:absolute; z-index:9999; overflow:hidden; } .lbLoading { background:url(../nav/loading.gif) no-repeat center; } #lbImage { position:absolute; left:0; top:0; border-width:10px; border-style:solid; background-repeat:no-repeat; } #lbPrevLink, #lbNextLink { display:block; position:absolute; top:0; width:50%; outline:none; } #lbPrevLink { left:0; } #lbPrevLink:hover { background:transparent url(../nav/slimbox-prevlabel.png) no-repeat 2% 15%; } #lbNextLink { right:0; } #lbNextLink:hover { background:transparent url(../nav/slimbox-nextlabel.png) no-repeat 98% 15%; } #lbBottom { line-height:1.4em; text-align:left; border-width:10px; border-style:none solid solid solid; } #lbCloseLink { display:block; float:right; width:30px; height:30px; background:transparent url(../nav/slimbox-closelabel.png) no-repeat center; margin:5px 0; outline:none; } #lbCaption, #lbNumber { margin-right:71px; } #lbCaption { font-weight:bold; } /* Produkteigenschaften */ #properties .caption { font-size:1.083em /*10pt*/; font-weight:bold; } #properties { width:100%; } #properties .field { width:100%; } #properties img { vertical-align:middle; margin-right:4px; } #properties .chillTip { margin-left:4px; } #productdetails .tab_content { margin-bottom:20px; } #productdetails .tab_head { line-height:2.5em; text-align:center; border-width:1px; border-bottom-width:0; border-style:solid; font-weight:bold; } #productdetails .tab_content/*:not(#productdetails-dat):not(#productdetails-csr)*/ { border-width:1px; border-top-width:0; border-style:solid; padding:15px 5px 5px 5px; } /* Hervorhebungen */ .error { font-weight:bold; } input.error { border-style:solid; } .mandatory { font-size:1.417em /*13pt*/; font-weight:bold; margin-left:2px; vertical-align:middle; } .small .mandatory { font-size:1.545em; } .wlabel .label { width:120px; } /* Breite der Labelspalte */ .wlabel2 .label { width:200px; } .w1-i { width:173px; } /* voll, input */ .w1-s, .w1-s-i select { width:179px; } /* voll, select */ .w2-i { width:116px; } /* strasse */ .w3-i { width:25px; } /* hausnr */ .w4-i { width:35px; } /* plz */ .w5-i { width:125px; }/* ort */ .w6-i { width:22px; } /* Geburtsdatum tag, monat */ .w7-i { width:44px; } /* Geburtsdatum Jahr */ .w8-i { width:130px; } /* Ansprechpartnerfelder input */ .w8-s { width:136px; } /* Ansprechpartner select */ .w9-i { width:58px; } /* Tel Vorwahl */ .w10-i { width:100px; } /* Tel Nummer */ .w11-i { width:400px; } .w11-s { width:406px; } .w11-t { width:400px; height:200px; padding: 1px 0; } /* Textarea */ .w12-i { width:250px; } .w12-s { width:256px; } .w13-i { width:300px; } .w13-t { width:300px; height:60px; padding: 1px 0; } /* Textarea */ .w14-i { width:500px; } .w15-i { width:132px; } div.fields.w3 input[type="text"], div.fields.w3 input[type="password"], div.fields.w3 select { width:150px; } /* Register, z.B. Marken, Stichwort */ .register { width:100%; } .register .letters { margin:10px 0; padding:0; } .register .letters:after { content:"."; display:block; height:0; visibility:hidden; clear:both; } .register .letters > li { float:left; padding:0; margin:0 0.3em; font-size:1.3em; list-style:none;} .register > div.col { margin-right:10px; } .registerletter { margin-bottom:10px; padding-top:10px; border-top-width:1px; border-top-style:solid; } .registerletter .caption { font-size:3em; float:left; font-weight:bold; } .registerletter .register > ul { margin:0; margin-left:20px; list-style-type:square; } .registerletter .register .registerpos { margin:0 10px; line-height:20px; } .registerletter .register .registerpos a, .register .letters a { text-decoration:none; } .registerletter .register .registerpos a .morename { font-size:0.917em /*8pt*/; } .catblog .items { margin-right:-10px; } .catalog .items, .catblog .items { font-size:0.917em /*8pt*/; } .catalog .items { border-width:0 1px 1px 1px; border-style:solid; } .catalog .itemwrap { margin:0; padding:0; width:100%; } .catalog .itemwrap, .catalog .childitem { border-style:solid; border-width:1px 0 0 0; } .catblog .items .item { border-style:solid; border-width:1px; float:left; margin:0 10px 10px 0; text-align:center; position:relative; top:0; left:0; padding:10px; overflow:hidden; } .catblog .item .priceandmore { white-space:nowrap; padding:2px 0; } .product .pricescart { border-collapse:collapse; } .product .pricescart > .tbody > div { font-size:0.917em /*8pt*/; padding:4px; } .catalog .pricescart { white-space:nowrap; } .items .pic { vertical-align:top; text-align:center; white-space:nowrap; } .items .apic { position:relative; top:0; left:0; min-height:50px; } .items .apici { padding:4px; width:100px; } .items .apici img { max-width:100px; } .catblog .item .pic { height:120px; position:relative; top:-10px; left:-10px; padding:10px; } .catblog .items .apici { padding:0; width:auto; } .catblog .item .pici img { max-height:120px; } #cartsmall_panel .pic img, #wishlistsmall_panel .pic img { max-width:40px; max-height:40px; } .catblog .manufacturer { padding:2px 0; } .catblog .manufacturer a { font-weight:bold; font-size:1.182em /*10pt*/; text-decoration:none; } .jcarousel-container .item, .rdecontent .item { text-align:center; } .jcarousel-container .item .pic, .rdecontent .pic { height:120px; } .jcarousel-container .item .apic, .rdecontent .apic { height:120px; position:relative; top:0; left:0; } .jcarousel-container .item .apici, .rdecontent .apici, .jcarousel-container .apici a, .rdecontent .apici a { height:120px; display:block; width:100%; } .jcarousel-container .item .apici, .rdecontent .apici { text-align:center; padding:0; } .jcarousel-container .item .apici img, .rdecontent .apici img { max-width:120px; max-height:120px; } .items .desc, .catalog .childitem { width:100%; } .catalog .items .desc { text-align:left; vertical-align:top; } .catalog .items .desci { padding:10px 5px; vertical-align:top; } .catalog .itemwithchild .desc > .desci { } .catalog .childitem .desci { } .catalog .manufacturer { margin-top:2px; margin-bottom:2px; } .catalog .manufacturer img { max-height:50px; max-width:50px; } .items .price, .product .price, .cartpos .price { text-align:right; white-space:nowrap; } .catalog .price { vertical-align:top; margin-bottom:10px; padding-top:10px; padding-left:5px; padding-right:5px; } .catblog .price { text-align:center; } .product .pricescart > .tbody > .price { width:100%; padding-right:10px !important; } .jcarousel-container .price, .rdecontent .price { margin-top:6px; } .items .more, .product .more { text-align:center; } .catalog .items .more { padding-top:10px; padding-right:4px; padding-left:5px; padding-bottom:4px; } .product .more { text-align:center; } /* Kauf moeglich oder nicht wegen Lagerbestand */ .purch_, .nopurch_x { } .catalog .nopurch_x { padding-right:5px; } .purch_x, .nopurch_ { display:none; } .catalog .purch { text-align:right; padding-right:4px; padding-top:10px; padding-left:5px; } .catalog .purch, .catalog .purchx { padding-bottom:4px; } .catalog .purchx { text-align:center; padding-top:10px; padding-left:5px; } .product .purch { padding:0 !important; } .product .purchx { text-align:center; } .product .nopurch_x { width:80px; } .catalog .purch, .items .more, .catalog .purchx { width:25%; } .pArtikelVt purchx .nopurch_x { width:112px; } .pArtikelVt purch #nopurch { padding:4px; width:112px; } .c_cartfield { white-space:nowrap; } .catalog .c_cartfield { padding-right:4px; } .product .c_cartfield, .cartpos .c_cartfield { text-align:right; } .product .c_cartfield { display:inline-block; margin-bottom:4px; } .catalog .c_cartbutton, .product .c_cartbutton { text-align:center; white-space:nowrap; } /* Slidepanel und Trigger */ .trigger-bottom { padding:2px 0; text-align:center; font-size:0.917em /*8pt*/; line-height:8pt; } .trigger-bottom a { display:block; } .slidepanel { position:absolute; display:none; width:auto; height:auto; z-index:50001; border-style:solid; border-width:2px; } .slidepanel_close { padding:0 5px; } .slidepanel_close:hover, .slidepanel_close:active { cursor:pointer; } /* Warenkorb-Vorschau, Merkzettel-Vorschau */ .triggerWishlistSmall { border-style:solid; border-width:0 1px 1px 1px; } #cartsmall-filled .footer { position:relative; top:0; left:0; } #cartsmall_panel, #wishlistsmall_panel { height: auto; max-height:400px; overflow-y:scroll; -webkit-overflow-y-scrolling:touch; } #cartsmall_panel { top:-8px; right:0; width:400px; } #wishlistsmall_panel { top:24px; right:0; width:320px; } #cartsmall_panel, #wishlistsmall_panel { font-size:0.917em /*8pt*/; } #cartsmall_panel > div, #wishlistsmall_panel > div { margin:10px; } #cartsmall_panel .cartpos, #wishlistsmall_panel .pos { white-space:nowrap; } #cartsmall_panel .cartpos, #cartsmall_panel .cartsum, #wishlistsmall_panel .pos { border-top-style:solid; border-top-width:1px; } #cartsmall_panel .cartpos, #wishlistsmall_panel .pos { padding:3px 0; } #cartsmall_panel .cartsum { padding-top:3px; } #cartsmall_panel .pic, #wishlistsmall_panel .pic { float:left; width:40px; height:40px; } #cartsmall_panel .desc { float:left; margin:0 5px; height:40px; width:65%; overflow:hidden; } #wishlistsmall_panel .desc { padding-left:5px; height:40px; overflow:hidden; } #cartsmall_panel .posprice { height:40px; line-height:40px; } #cartsmall_panel .posprice, #cartsmall_panel .cartsum .field { float:right; width:20%; text-align:right; } #cartsmall_panel .cartpos.child { } #cartsmall_panel .amounttotal { display:none; } #cartsmall_panel .cartsum .pricediscounted { font-weight:bold; } #cartsmall_panel .cartsum .label { text-align:right; } #cartsmall_panel .cartsum .mwst { text-align:right; } /* Alterskennzeichen */ .agerating_s, .agerating .icon { background-image:url(../nav/icons/usk.png); background-repeat:no-repeat; } .pic .agerating_s { position:absolute; left:6px; bottom:6px; } .catblog .pic .agerating_s, .jcarousel-container .agerating_s, .rdecontent .agerating_s { left:2px; bottom:2px; } .agerating { font-size:0.917em /*8pt*/; height:40px; margin-top:6px; } .agerating .icon { width:40px; height:40px; display:inline-block; } .agerating .text { padding-left:44px; margin-top:-40px; } .agerating_0 .icon { background-position:-40px 0; } .agerating_6 .icon { background-position:-80px 0; } .agerating_12 .icon { background-position:0 -40px; } .agerating_16 .icon { background-position:-40px -40px; } .agerating_18 .icon { background-position:-80px -40px; } .agerating_s { width:20px; height:20px; } .agerating_s_0 { background-position:0 0; } .agerating_s_6 { background-position:-20px 0; } .agerating_s_12 { background-position:0 -20px; } .agerating_s_16 { background-position:-20px -20px; } .agerating_s_18 { background-position:-120px 0; } .productname { font-weight:bold; font-size:1.091em /*9pt*/; } .productname a { text-decoration:none; } .catblog .productname { margin-left:-10px; margin-right:-10px; margin-top:-10px; } .catblog .productname a { display:table; width:100%; } .catblog .productname span { display:table-cell; width:100%; vertical-align:middle; padding:5px 10px; } .catblog .productname a, .catblog .productname span { height:30px; } #cartsmall_panel .productname, #wishlistsmall_panel .productname { font-size:1em /*8pt*/; } .jcarousel-container .item .productname, .rdecontent .productname { font-size:0.917em /*8pt*/; font-weight:normal; margin-top:6px; } .jcarousel-clip-horizontal .productname, .rdecontent .items_horizontal .productname { height:20px; line-height:8pt; overflow:hidden; } .item .longtext { margin-top:6px; margin-bottom:6px; } .catblog .productnr { font-size:0.818em /*7pt*/; padding:2px 0; } #cartsmall_panel .productnr, #wishlistsmall_panel .productnr { font-size:0.818em /*7pt*/; } .catalog .bonuspoints, catblog .bonuspoints { white-space:nowrap; } .bonuspoints .usepoints { text-indent:-20px; padding-left:20px; } .cartcomment { font-size:0.75em /*7pt*/; font-style:italic; } .configurator a { text-decoration:none; } .variant a { text-decoration:none; } .pricerequest { } .catalog .pricerequest { } .catblog .memorise { padding:2px 0; float:left; } .varname { font-weight:bold; font-size:1.091em /*9pt*/; } .varname a { textdecoration:none; } .varpic, .varpic img { vertical-align:middle; } .varname .varpic { margin-right:6px; } .varname .varpic img { width:20px; } .varop .var-ebene select { width:200px; height:24px; float:left; vertical-align:middle; } .varop .var-ebene .varpic { margin-left:6px; padding:0; float:left; } .varop .var-ebene .varpic img { /*height:22px;*/ max-width:70px; border-style:solid; border-width:1px; } .varmp .var-ebene { padding:4px; margin-left:15px; text-indent:-15px; } .catblog .availability { font-size:0.818em /*7pt*/; padding:2px 0; float:right; } .availability .icon { display:inline-block; vertical-align:middle; margin:0 4px; width:12px; height:12px; background-image:url(../nav/availability.png); background-repeat:no-repeat; } .catblog .availability .icon { margin-right:0; } .availability .icon_ { background-position:0 0; } .availability .icon_gruen { background-position:-12px 0; } .availability .icon_gelb { background-position:-24px 0; } .availability .icon_rot { background-position:-36px 0; } .cartpos .availability span { font-weight:bold; } .availability .text { } .discontinuedline { } .discontinuedline .highlight { font-weight:bold; } .catblog .discontinuedline { padding:2px 0; font-size:0.75em /*7pt*/; } .catblog .discontinuedline .highlight { font-size:0.917em /*8pt*/; } .cartpos .discontinuedline .highlight { font-weight:bold; } .customwithoutright, .nologged, .onlyshowed { } .itemprice { font-weight:bold; white-space:nowrap; } .catalog .itemprice { font-size:1.091em /*9pt*/; } .catblog .itemprice { font-size:1.455em /*12pt*/; } .product .itemprice { font-size:1.455em /*1.333em*/ /*12pt*/; } .baseprice { font-style:italic; } .invalidprice .value { text-decoration:line-through; } .catalog .invalidprice .value, .catblog .invalidprice .value { font-weight:bold; } .catalog .invalidprice .value { font-size:1em /*9pt*/; } .catblog .invalidprice .value { font-size:1em /*8pt*/; } .product .invalidprice .value { font-size:1.083em /*10pt*/; } .invalidprice .label { vertical-align:super; font-size:0.818em /*7pt*/; margin-left:2px; } .invalidprice a { text-decoration:none; } .moreprice { } .asfrom { font-weight:normal; font-size:0.75em /*7pt*/; } /* Bewertungsflag */ .catblog .evaluation_s, .jcarousel-container .item .evaluation_s, .rdecontent .item .evaluation_s { position:absolute; bottom:2px; right:2px; } .evaluation span, .evaluation_s span { display:inline-block; background-image:url(../nav/bewertung.png); background-repeat:no-repeat; vertical-align:middle; } .evaluation span { width:125px; height:19px; } .evaluation-max5 span { width:105px !important; } .evaluation_s span { width:84px; height:13px; } .evaluation-max5_s span { width:70px !important; } .evaluation_s .evaluation_, .evaluation .evaluation_0 { background-position:0 0; } .evaluation_s .evaluation_1 { background-position:0 -13px; } .evaluation_s .evaluation_2 { background-position:0 -26px; } .evaluation_s .evaluation_3 { background-position:0 -39px; } .evaluation_s .evaluation_4 { background-position:0 -52px; } .evaluation_s .evaluation_5 { background-position:0 -65px; } .evaluation_s .evaluation_6 { background-position:0 -78px; } .evaluation .evaluation_, .evaluation .evaluation_0 { background-position:-85px 0; } .evaluation .evaluation_1 { background-position:-85px -19px; } .evaluation .evaluation_2 { background-position:-85px -38px; } .evaluation .evaluation_3 { background-position:-85px -57px; } .evaluation .evaluation_4 { background-position:-85px -76px; } .evaluation .evaluation_5 { background-position:-85px -95px; } .evaluation .evaluation_6 { background-position:-85px -114px; } /* RDE Empfehlungen */ .rde { } #rde_box1 { } #rde_box2 { } #rde_box3 { } #rde_box4 { } #main_middle .rdecontent { margin-bottom:10px; } #main_right .rdecontent, #main_left .rdecontent { margin-bottom:20px; } .rdecontent .rde_pid, .rdecontent .rde_type, .rdecontent .rde_admin { display:none; } .rdecontent > .content { font-size:0.917em /*8pt*/; } .rdecontent .item { position:relative; } .rdecontent-noslide .item { border-style:solid; display:block; } .rdecontent-noslide ul.items { list-style:none; padding:0; margin:0; } .rdecontent-noslide .items_horizontal { overflow:hidden; } .rdecontent-noslide .items_horizontal .item { float:left; margin:0 4px 10px 6px; padding:5px; border-width:1px; width:21%; } .rdecontent-noslide .item_content { float:none; } .rdecontent-noslide .items_vertical { } .rdecontent-noslide .items_vertical .item { border-width:1px; margin-bottom:10px; padding:5px; } .rdecontent-noslide .items_vertical .item:last-child { margin-bottom:0; } .childs { font-size:0.818em /*7pt*/; margin-top:4px; } .childdetails .caption { font-weight:bold; } .childdetails .child_name { text-align:left; padding-right:10px; } .childdetails .child_price_total { text-align:right; white-space:nowrap; vertical-align:top; } select.manufacturerchoice { width:100%; overflow:hidden; margin:5px 0; } select.manufacturerchoice option { } #agb { } #agb p { margin:10px 0; } #agb #agbgliederung { padding-left:20px; text-indent:-20px; } #agb .caption { font-weight:bold; margin:10px 0; } .expand_text { display:none; } .expand_text .close_text { text-align:right; } .expand_text.open { display:block; margin-top:10px; } #agb_text + .hangingindent20 ~ #wdr_text + div:not(.hangingindent20) { margin-top:5px; } #printversion { margin-top:20px; margin-bottom:10px; } #printversion a { text-decoration:none; } #printversion img { vertical-align:middle; margin-right:10px; } /* Retourenerfassung */ #retoure input.Menge { margin-right:2px; vertical-align:middle; width:30px; } /* Chilltip */ .chilltiptitle { border-width:2px; border-style:solid; display:none; height:auto; min-width:10px; max-width:260px; position:absolute; width:auto; z-index:1001; } * html .chilltiptitle { width:145px; } .chilltiptitle p { float:left; margin:0; padding:10px; width:auto; } /* Tabsets */ /* Component containers ----------------------------------*/ .ui-widget { font-family:Arial,Helvetica,sans-serif; font-size:1em /*9pt*/; } .ui-widget-header { border-bottom-width:1px; border-bottom-style:solid; font-weight:bold; } .ui-widget-content { border-style:solid; border-width:0 1px 1px 1px; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default { border-right-width:1px; border-right-style:solid; font-weight:bold; outline:none; } .ui-state-default a { text-decoration:none; outline:none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border-right-width:1px; border-right-style:solid; font-weight:bold; outline:none; } .ui-state-hover a { text-decoration:none; outline:none; } .ui-state-active, .ui-widget-content .ui-state-active { border-right-width:1px; border-right-style:solid; filter:none; background-image:none; font-weight:bold; outline:none; } .ui-state-active a { font-weight:bold; outline:none; text-decoration:none; } /* overrides for ui-tab styles */ .ui-tabs { padding:0; margin-bottom:10px; } .ui-tabs .ui-tabs-nav { padding:0; } ul.ui-tabs-nav { padding:0 0 0 0; } .ui-tabs-nav li { margin:0 5px 0 0; } .ui-tabs .ui-tabs-nav li { position:relative; top:1px; margin:0; } .ui-tabs-nav li.ui-state-default { border-bottom-width:1px !important; border-bottom-style:solid !important; } //.ui-tabs-nav li.ui-state-active { border-bottom:0px !important; } .ui-tabs .ui-tabs-panel { padding:10px 6px; } .ui-tabs-nav li a:link, .ui-tabs-nav li a:visited, .ui-tabs-nav li a:hover, .ui-tabs-nav li a:active { font-size:1.083em /*10pt*/; padding:6px 1.2em 5px; } .ui-tabs-nav li.ui-tabs-active a:link, .ui-tabs-nav li.ui-tabs-active a:visited, .ui-tabs-nav li.ui-tabs-active a:hover, .ui-tabs-nav li.ui-tabs-active a:active { font-weight:bold; } .ui-icon { width:16px; height:16px; background-image:url(../js/jquery/css/images/ui-icons_222222_256x240.png); } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } /* Datepicker - nicht selektierbare Eintraege */ .ui-datepicker-unselectable > .ui-state-default { -moz-opacity:0.3; -webkit-opacity:0.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:alpha(opacity=30); opacity:0.3; } /* Suggest (e-vendo RE und FACT-Finder) */ #suggestLayerContainer { position:absolute; top:16px; z-index:20000; width:400px; } /* needed otherwise the searchBoxLine will pop-up in IE */ div.suggestFormWrap { position:absolute; z-index:20001; } div.suggestLayer { height:1px; display:none; padding:0; margin:0; background:transparent; } ul.suggestLayerList, ul.suggestLayerBlock { list-style:none; font-size:0.917em /*8pt*/; cursor:pointer; border-collapse:separate; padding:0; border-width:2px; border-style:solid; } ul.suggestLayerList li, ul.suggestLayerBlock li { list-style:none; display:block; } li.suggestHeader { font-weight:normal; font-size:0.917em /*8pt*/; padding:3px 10px 3px 5px; border-bottom-width:1px; border-bottom-style:solid; } li.suggestRow { margin:0 6px; padding:6px; border-bottom-style:dotted; border-bottom-width:1px; } li.suggestRowWithImage { height:40px; } li.suggestShowAll { text-align:right; border-bottom-width:0; } span.suggestTextQuery { display:block; font-weight:bold; margin-bottom:4px; } span.suggestTextQueryTyped { text-decoration:underline; } span.suggestTextType { font-size:0.75em /*7pt*/; } span.suggestTextAmount { font-size:0.75em /*7pt*/; } span.suggestImage { padding-right:10px; width:80px; height:40px; float:left; } span.suggestImage img { max-height:40px; max-width:80px; border-width:1px; border-style:solid; } ul.suggestLayerBlock li.suggestHeader { background-image:none; } /* FACT-Finder-Logo */ li.suggestHeaderFF { background-image: url("../nav/logos/fact-finder_suggest.gif"); background-repeat:no-repeat; background-position:98%; } /* FINDOLOGIC Autocomplete Start */ .ac_results { padding:0; border-width:1px; border-style:solid; overflow:hidden; z-index:99999; min-width:250px; } .ac_results ul { width:100%; list-style-position:outside; list-style:none; padding:0; margin:0; } .ac_results td { vertical-align:middle; margin:0; padding:2px 10px; cursor:default; /* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */ /*width: 100%;*/ font-size:1em /*12px*/; /* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */ line-height:16px; overflow:hidden; } /* .ac_loading { background:white url('../nav/indicator.gif') right center no-repeat; } */ .ac_results td.ac_name { text-align:left; } .ac_results td.ac_cat { text-align:right; } .autocompleteCat, .autocompleteCat .flHighlight { font-weight:bold; } .autocompleteCat { margin:-2px -15px 2px; padding:5px; } .flHighlight { font-size:inherit; } .ac_results td.ac_image { padding: 2px 5px; } #preview { position:absolute; border-width:1px; border-style:solid; display:none; z-index: 100000; } .autocompletecount { float:right; font-size:0.917em /*8pt*/; } .flHighlight { font-weight:normal; } /* The Nivo Slider styles */ .nivoSlider a.nivo-imageLink { position:absolute; top:0; left:0; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; } .nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0; } .nivo-box { display:block; position:absolute; z-index:5; overflow:hidden; } .nivo-box img { display:block; } .nivo-caption { position:absolute; right:0; top:0; width:100%; z-index:8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .nivo-caption p { margin:0; } .nivo-caption .nivo-html-caption-text p { padding:5px; } .nivo-caption a { display:inline !important; } .nivo-html-caption { display:none; } .nivo-html-caption-bg { width:100%; height:100%; } .nivo-html-caption-text { height:auto; } .nivo-directionNav a { position:absolute; top:30%; z-index:9; cursor:pointer; } .nivo-prevNav { left:0; } .nivo-nextNav { right:0; } .nivo-controlNav a { position:relative; z-index:9; cursor:pointer; bottom:0; } .nivo-controlNav a.active { font-weight:bold; } .slider-wrapper { margin:10px auto; padding:0; } .nivoSlider { position:relative; background:url(../nav/loading.gif) no-repeat 50% 50%; height:auto; overflow: hidden; } .nivo-html-caption-bg { position:absolute; left:0; top:0; -moz-opacity:0.8; -webkit-opacity:0.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); opacity:0.8; } .nivo-html-caption-text { position:relative; left:0; top:0; margin:20px 10px; } .nivoSlider img { position:absolute; top:0; left:0; display:none; max-width: none; } .nivo-main-image { display: block !important; position: relative !important; width: 100% !important; } .nivoSlider a { border:0; display:block; } .nivo-controlNav { position:relative; text-align:center; bottom:0; } .nivo-controlNav a { display:inline-block; width:22px; height:22px; background-repeat:no-repeat; text-indent:-9999px; border:0; margin-right:3px; float:none; } .nivo-controlNav a.active { background-position:0 -22px; } .nivo-directionNav { height:100%; } .nivo-directionNav a { display:block; width:40px; height:110px; background:url(../nav/nivo-slider-arrows.png) no-repeat; text-indent:-9999px; border:0; opacity:0; -webkit-transition:all 200ms ease-in-out; -moz-transition:all 200ms ease-in-out; -o-transition:all 200ms ease-in-out; transition:all 200ms ease-in-out; } .nivoSlider:hover .nivo-directionNav a { opacity:1; } a.nivo-nextNav { background-position:-40px 0; right:0; } a.nivo-prevNav { left:0; } .nivo-caption { text-shadow:none; font-family:Helvetica, Arial, sans-serif; } .nivo-caption a { text-decoration:underline; } /* simuliertes Eingabefeld, bleibt so in der Farbe */ #searchi { background:#ffffff; border-color:#aaaaaa #dddddd #dddddd #dddddd; } /* Listbox mit Grafiken drin */ .dd, .dd .ddTitle, .dd .ddChild { background-color:#ffffff; } .dd .ddTitle { border-color:#cccccc; } .dd .ddChild a:hover, .dd .ddChild a.selected { background-color:#eeeeee; } .dd .ddChild { border-color:#bbbbbb; } /* jcarousel-Slider */ .jcarousel-container { } .jcarousel-container-vertical, .jcarousel-clip-vertical { width:160px; height:300px; } .jcarousel-clip-horizontal, .jcarousel-item { height:160px; } .jcarousel-item { width:160px; } .jcarousel-direction-rtl { direction:rtl; } .jcarousel-container-horizontal { width:auto; padding:10px 30px; } .jcarousel-container-vertical { padding:30px 10px; } .jcarousel-clip { overflow:hidden; } .jcarousel-clip-horizontal { width:auto; } .jcarousel-clip-vertical { } .jcarousel-item-horizontal { margin-left:0; margin-right:10px; } .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left:10px; margin-right:0; } .jcarousel-item-vertical { margin-bottom:10px; } .jcarousel-item-placeholder { } /* Horizontal Buttons */ .jcarousel-next-horizontal, .jcarousel-prev-horizontal { position:absolute; top:59px; width:17px; height:41px; cursor:pointer; background-color:transparent; background-repeat:no-repeat; } .jcarousel-next-horizontal { right:5px; background-position:0 -42px; } .jcarousel-direction-rtl .jcarousel-next-horizontal { left:5px; right:auto; background-position:0 0; } .jcarousel-next-horizontal:hover, .jcarousel-next-horizontal:focus { background-position:-18px -42px; } .jcarousel-direction-rtl .jcarousel-next-horizontal:hover, .jcarousel-direction-rtl .jcarousel-next-horizontal:focus { background-position:-18px 0; } .jcarousel-next-horizontal:active { background-position:-36px -42px; } .jcarousel-direction-rtl .jcarousel-next-horizontal:active { background-position:-36px 0; } .jcarousel-next-disabled-horizontal, .jcarousel-next-disabled-horizontal:hover, .jcarousel-next-disabled-horizontal:focus, .jcarousel-next-disabled-horizontal:active { cursor:default; background-position:-54px -42px; } .jcarousel-direction-rtl .jcarousel-next-disabled-horizontal, .jcarousel-direction-rtl .jcarousel-next-disabled-horizontal:hover, .jcarousel-direction-rtl .jcarousel-next-disabled-horizontal:focus, .jcarousel-direction-rtl .jcarousel-next-disabled-horizontal:active { cursor:default; background-position:-54px 0; } .jcarousel-prev-horizontal { left:5px; background-position:0 0; } .jcarousel-direction-rtl .jcarousel-prev-horizontal { left:auto; right:5px; background-position:0 -42px; } .jcarousel-prev-horizontal:hover, .jcarousel-prev-horizontal:focus { background-position: -18px 0; } .jcarousel-direction-rtl .jcarousel-prev-horizontal:hover, .jcarousel-direction-rtl .jcarousel-prev-horizontal:focus { background-position:-18px -42px; } .jcarousel-prev-horizontal:active { background-position:-36px 0; } .jcarousel-direction-rtl .jcarousel-prev-horizontal:active { background-position:-36px -42px; } .jcarousel-prev-disabled-horizontal, .jcarousel-prev-disabled-horizontal:hover, .jcarousel-prev-disabled-horizontal:focus, .jcarousel-prev-disabled-horizontal:active { cursor:default; background-position:-54px 0; } .jcarousel-direction-rtl .jcarousel-prev-disabled-horizontal, .jcarousel-direction-rtl .jcarousel-prev-disabled-horizontal:hover, .jcarousel-direction-rtl .jcarousel-prev-disabled-horizontal:focus, .jcarousel-direction-rtl .jcarousel-prev-disabled-horizontal:active { cursor:default; background-position:-54px -42px; } /* Vertical Buttons */ .jcarousel-next-vertical, .jcarousel-prev-vertical { position:absolute; left:59px; width:41px; height:17px; cursor:pointer; background-color:transparent; background-repeat:no-repeat; } .jcarousel-next-vertical { bottom:5px; background-position:-42px -84px; } .jcarousel-next-vertical:hover, .jcarousel-next-vertical:focus { background-position:-42px -102px; } .jcarousel-next-vertical:active { background-position:-42px -120px; } .jcarousel-next-disabled-vertical, .jcarousel-next-disabled-vertical:hover, .jcarousel-next-disabled-vertical:focus, .jcarousel-next-disabled-vertical:active { cursor:default; background-position:-42px -138px; } .jcarousel-prev-vertical { top:5px; background-position:0 -84px; } .jcarousel-prev-vertical:hover, .jcarousel-skin-1 .jcarousel-prev-vertical:focus { background-position:0 -102px; } .jcarousel-prev-vertical:active { background-position:0 -120px; } .jcarousel-prev-disabled-vertical, .jcarousel-prev-disabled-vertical:hover, .jcarousel-prev-disabled-vertical:focus, .jcarousel-prev-disabled-vertical:active { cursor:default; background-position:0 -138px; } .rdecontent .jcarousel-container-horizontal { padding-top:0; padding-bottom:0; } .rdecontent .jcarousel-clip-horizontal { height:192px; } .rdecontent .jcarousel-item { height:180px; } .crossselling .jcarousel-clip-horizontal { height:167px; } .crossselling .jcarousel-item { height:155px; } .jcarousel-container .item { border:1px solid #dddddd; padding:5px; } .rdecontent .jcarousel-container-vertical, .rdecontent .jcarousel-clip-vertical { width:168px; height:500px; } .rdecontent .jcarousel-container-vertical { padding-left:0; padding-right:0; } .rdecontent .jcarousel-clip-vertical .jcarousel-item { width:156px; } .jcarousel-next-vertical, .jcarousel-prev-vertical { left:59px; } .liste .pic { width:100px; } .custbemerkung { width:500px; height:80px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } /* box-sizing verhindert den overflow, wenn parent padding hat */ .hide_more295, .hide_more400 { display:none !important; } /* fuer ie7 */ .table, .table_more600, .table_more500, .table_more400, .table_more295 { -dt-display:table; } .catalog .items .desci, .catalog .purch, .catalog .price , .items .more , .thead > div, .tbody > div, .tfoot > div { -dt-display:table-cell; } .thead, .tbody, .tfoot { -dt-display:table-row; } .mobile_button { display:none; overflow:hidden; } #mobileNavigation > ul > li, #mobileNavigationTrigger { cursor:pointer; } #toTopButton, #close, #mobileNavigation , .button_search_mobile, .mobileNavTrigger, .button_mobile_cart { display:none; } /* ----------------------------------------------------------------------------- Eigene Definitionen Teil m -------------------------------------------------------------------------- */ /* Mediaqueries max-width - absteigend sortiert */ /* ----------------------------------------------------------------------------- Mediaquery: bis Breite von 1000 Pixel --------------------------------------------------------------------------- */ @media screen and (max-width:1000px) { /*Navigation*/ #header_options.slideleft, .slideleft { left:-208px; position:fixed; top:0; -webkit-transform: translate3d(0,0,0); /*Android Browser bekommt sonst den z-index nicht hin*/ z-index:1000; overflow-y:auto; overflow-x:hidden; transition:0.5s; margin:0; padding-top:30px; height:100%; width:200px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-width:4px; border-style:solid; } #header_options .option { height:32px; } #header_options .option a { line-height:28px; display:block; } #header_options .dd .ddTitle { height:26px; } #header_options .ddTitleText, #wishlistsmall, #login { line-height:2.6em; } #mobileNavigation { z-index:999; display:block; } #mobileNavigation.slideleft { padding-top:0; } #mobileNavigation > ul > li:first-child { height:30px; padding:0 !important; font-size:2em; } .opened { left:0 !important; } .closeButton { width:200px; height:50px; } #login.option { height:auto; } #login { white-space:normal; } #login a { display:block; /*white-space:nowrap;*/ } #login .sep { display:none; } #wishlistsmall, #language_choice, #currency_choice, #login { float:none; } #currency_choice, #language_choice { padding-left:10px; } #currency_choice .label { line-height:28px; margin-top:4px; } #currency_arrow, #languages_arrow { position:relative; top:5px; } /*Optionsleiste*/ #header_options_mobile { position:relative; cursor:pointer; top:0; right:0; z-index:900; padding:5px 0 0 0; box-sizing:border-box; text-align:right; } #header_options_mobile:after { clear:both; } .button_mobile_options:after { font-family:'FontAwesome'; content:"\f007"; } .button_mobile_cart { display:inline; position:relative; font-size:0.4em; font-weight:bold; } .button_mobile_cart .bmc_bg { display:inline-block; position:relative; } .button_mobile_cart .bmc_bg > span { display:inline-block; position:absolute; top:0; right:-9px; text-align:center; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding:1px 3px; } .button_mobile_cart .bmc_bg > span.incart_ { padding:0; } .button_mobile_options, .button_mobile_cart { float:right; padding:0 20px; text-align:center; box-sizing:border-box; } .button_mobile_last { padding-right:0; } .button_mobile_home { padding:0 20px; } #topnav_content.megamenu ul.level1 { position:static; visibility:visible; display:none; box-shadow:inset 0 0 4px black; box-sizing:border-box; } #topnav_content.megamenu ul.level1 > li { display:block; width:auto !important; } #topnav_content.megamenu li.level0.children:hover > a:after { display:none; } /*mobile Navigation*/ .navigationList { padding:5px 0 0 0; text-align:center; min-width:50px; box-sizing:border-box; z-index:100; } .navigationList #mobileNavigation > ul { margin:0 auto; padding:0; list-style-type:none; } .navigationList #mobileNavigationTrigger, .navigationList #mobileNavigation > ul > li { padding:8px 8px 9px 0; text-transform:uppercase; font-weight:bold; } .navigationList #mobileNavigationTrigger { padding-top:0; } .mobile_button { display:block; font-size:1.75em; } #close { display:block; position:fixed; left:-208px; margin-left:4px; text-align:center; top:4px; z-index:1001; width:192px; height:30px; opacity:0.6; transition:0.5s; font-size:2em; cursor:pointer; } #toTopButton { display:block; position:fixed; right:1em; bottom:1em; z-index:1001; width:3em; height:3em; background-position:-26px 0; background-repeat:no-repeat; opacity:0.6; } #mobileNavigationBox { position:absolute; top:0; left:0; width:100%; padding:5px 10px 0 10px; box-sizing:border-box; } #mobileNavigationBox > div { max-width:600px; margin:0 auto; } /*fixe Groessen aufheben*/ .containershop , #header_content , #slideshowbig_content , #footer_content , .main_content { width:auto; border-width:0; } .containershop_left_right { max-width:100%; } #main_middle, #main_right, #main_left { margin:0 auto; float:none; } #main_left.container_grid, #main_middle.container_grid { display:block; width:auto; margin:0 10px; } #main_breadcrumb { text-align:center; } #main_breadcrumb .container_first, #main_breadcrumb .container_last { width:100%; margin:0; } select.manufacturerchoice { width:auto; } #mk{ margin:20px auto 0; } /*topnav*/ #topnav_content { height:auto; width:192px; margin:0; white-space:normal; box-sizing:border-box; } .h_menu ul { display:inline; } .h_menu li.level0, .h_menu.level0 { float:none; height:auto; } .h_menu li.level0 > a, .h_menu.level0 > a { width:192px; height:auto; box-sizing:border-box; padding:0 0 0 10px; } /*padding von insg. 20px*//*menü*/ .h_menu li.level0.active > a { width:190px; } /*header*/ #header { margin:0; } #header_balloon { height:113px; } #header_content { } #header, #header_content { position:static; } #logo { position:static; } /*main*/ #main_content .main_content{ padding-top:10px; } /*Suche*/ #search { position:absolute; left:auto; top:52px; width:100%; box-sizing:border-box; text-align:center; padding:0 10px; } #searchi { white-space:nowrap; width:100%; padding:0; position:relative; top:0; left:0; font-size:1em; box-sizing:border-box; } #SearchStr { width:calc(100% - 70px); padding:4px 6px; box-sizing:border-box; height:2.6em; } #searchi, #searchlinks { max-width:600px; border-top-right-radius:3px; border-bottom-right-radius:3px; } #searchlinks { margin:2px auto; } .button_search_mobile { position:absolute; display:inline-block; right:0; top:0; height:2.6em; margin-right:0; } .button_search { display:none; } /* Suchvorschlagsbereiche */ #SearchStrUnderlay { width:auto; } #suggestLayerContainer, .ac_results { max-width:100%; } /*cart*/ #cartsmall { position:absolute; padding:10px; top:50px; right:0px; left:auto; visibility:hidden; height:auto; z-index:999; border-width:1px; border-style:solid; } #cartsmall.slide { visibility:visible; } #cartsmall-empty, #cartsmall-filled { position:static; } .button_put2cart_p { width:100px; background-position:center top; } /*neu und bestseller*/ #newitems, #bestseller, #breadcrumb, #manufacturerchoice { display:none; } #newitems .content, #bestseller .content { transition:1s; overflow:hidden; } #newitems .content.slide, #bestseller .content.slide { display:none; margin-bottom:0; padding:0; transition:1s; } #filterTrigger.sidebox, #newitems.sidebox, #bestseller.sidebox { max-width:500px; margin:0 auto; margin-bottom:10px; text-align:center; cursor:pointer; } .mobileNavTrigger { display:block; } #main_left .sidebox > .caption { border-bottom-width:0px; border-bottom-style:none; } #main_right .sidebox { border-left-width:0; border-right-width:0; } #mobileNavigation .sidebox, #mobileNavigation #trustedshops { margin-top:20px; } /*footer*/ #footer .containershop_left, #footer .container_col, #footer .container_left { width:100%; } #footer .container_first { margin-left:5px; } #footer hr { display:none; } #footer .footercol { border-width:0; border-top-width:1px; } #footer .footercol:first-child { border-top-width:0; margin-top:0; } #footer ul li { display:inline; margin:1em; } #footer .inside { margin-top:10px; } #footer .level0 a { white-space:nowrap; } #switchDesktop { display:block; } /*4 spalten*/ .subnavi, .catblog .items, #mk { width:812px; } .subnavi, .catblog .items { margin:0 auto; } .catalog { margin:0 auto; } body { background-image:url(); } select, #retoure select { white-space:normal; } #retoure select { width:100%; } /*Bilder auf einheitliche Größe bringen*/ .containershop_middle_right .apics #detailimage .pic img { max-width:295px; max-height:295px; } .containershop_middle_right .apics, .containershop_middle_right .apics #detailimage, .containershop_middle_right .apics #slider, .containershop_middle_right .containermiddle .container_2_grid_1, .containershop_middle_right .containermiddle .container_2_grid_2 { width:295px; } .containershop_middle_right .containermiddle { width:600px; } /*Bilderklasse für Anwender*/ .myImage { max-width:100%; height:auto; } /*Produkteigenschaften*/ #properties { width:auto; } #productdetails .video { margin: 0 -5px 10px 0; } } /* ----------------------------------------------------------------------------- Mediaquery: bis Breite von 978 Pixel --------------------------------------------------------------------------- */ @media screen and (max-width:978px) { .slider_big , .slider_big .nivoSlider { width:100%; } } /* ----------------------------------------------------------------------------- Mediaquery: bis Breite von 832 Pixel --------------------------------------------------------------------------- */ @media screen and (max-width:832px) { /*3 spalten*/ .subnavi, .catblog .items, #mk { width:609px; } } /* ----------------------------------------------------------------------------- Mediaquery: bis Breite von 789 Pixel --------------------------------------------------------------------------- */ @media screen and (max-width:789px) { .containershop_middle_right .slider_normal , .containershop_middle_right .slider_normal .nivoSlider { width:100%; } } /* ----------------------------------------------------------------------------- Mediaquery: bis Breite von 629 Pixel --------------------------------------------------------------------------- */ @media screen and (max-width:629px) { /*2 spalten*/ .subnavi, .catblog .items, #mk { width:406px; } } /* ----------------------------------------------------------------------------- Mediaquery: bis Breite von 620 Pixel --------------------------------------------------------------------------- */ @media screen and (max-width:620px) { .speedbar.table_more600 { display:none; } .table_more600 .catalog .purch, .table_more600 .catalog .purchx , .table_more600 .items .more { width:auto; } .table_more600 { display:block; } .table_more600 > .thead, .table_more600 > .tbody, .table_more600 > .tfoot { display:block; } .table_more600 > .tbody > div, .table_more600 > .tfoot > div { display:block; } .table_more600 > .thead > div, .table_more600.liste > .thead > div { display:none; } .table_more600.liste .pic { width:100%; } .table_more600 .label_notable { display:inline; margin-right:5px; font-weight:bold; } .table_more600 > .tbody > div:not(:first-child) { border-top-style:none; } .table_more600 { border-top-style:none; } .table_more600.fields .label { text-align:left; } .table_more600.fields > .tbody > .label, .table_more295.fields > .tbody > .field { padding-top:0; padding-bottom:0; } .table_more600.fields > .tbody { padding-top:2px; padding-bottom:2px; } .hide_less600 { display:none !important; } #main_middle { width:auto } #mobileNavTrigger.acenter { text-align:right !important; } .mobileNavTrigger.acenter { text-align:right !important; } .containershop_middle .containermiddle ,.containershop_middle, .containershop_middle_right .containermiddle { width:auto; } .containershop_middle .containermiddle .container_2_grid_2, .containershop_middle_right .containermiddle .container_2_grid_2, .containershop_middle .containermiddle .container_2_grid_1, .containershop_middle_right .containermiddle .container_2_grid_1 { margin:0 auto; float:none; } .product .container_grid { display:block; } #productdetails > ul > li { width:100%; text-align:center; } #productdetails > ul > li a { float:none; display:block; } #productdetails > .ui-widget-header { border-top-width:1px; border-top-style:solid; } .containershop_middle .slider_normal , .containershop_middle .slider_normal .nivoSlider { width:100%; } } /* ----------------------------------------------------------------------------- Mediaquery: bis Breite von 500 Pixel --------------------------------------------------------------------------- */ @media screen and (max-width:500px) { .aright_more500 { text-align:left; } .floatright_more500 { float:none; } .floatleft_more500 { float:none; } .table_more500 .catalog .purch, .table_more500 .catalog .purchx , .table_more500 .items .more { width:auto; } .table_more500 { display:block; } .table_more500 > .thead, .table_more500 > .tbody, .table_more500 > .tfoot { display:block; } .table_more500 > .tbody > div, .table_more500 > .tfoot > div { display:block; } .table_more500 > .thead > div, .table_more500 > .liste > .thead > div { display:none; } .table_more500 .label_notable { display:inline; margin-right:5px; font-weight:bold; } .table_more500 > .tbody.center_less500 > div { text-align:center !important; } .table_more500 > .tbody > div:not(:first-child) { border-top-style:none; } .table_more500, .table_more500.liste { border-top-style:none; } .table_more500.fields > .tbody > .label, .table_more295.fields > .tbody > .field { padding-top:0; padding-bottom:0; } .table_more500.fields > .tbody { padding-top:2px; padding-bottom:2px; } .gocheckout { text-align:left; } .custbemerkung { width:100%; } .table_more500.fields .label { white-space:normal; text-align:left; } .radiobutton { width:1.5em; height:1.5em; margin-left:0; } .wrap_less500 { white-space:normal !important; } .hide_less500 { display:none !important; } .w14-i { width:100%; padding:0; margin:2px; } } /* ----------------------------------------------------------------------------- Mediaquery: bis Breite von 450 Pixel --------------------------------------------------------------------------- */ @media screen and (max-width:450px) { .minWidthBoxing { text-align:left !important; } .minWidthBoxing .floatleft { float:none; } .minWidthBoxing .acenter { text-align:left !important; } } /* ----------------------------------------------------------------------------- Mediaquery: bis Breite von 426 Pixel --------------------------------------------------------------------------- */ @media screen and (max-width:426px) { /*1 spalte*/ .subnavi, .catblog .items, #mk { width:203px; } } /* ----------------------------------------------------------------------------- Mediaquery: bis Breite von 400 Pixel --------------------------------------------------------------------------- */ @media screen and (max-width:400px) { .purch.acenter { text-align:right !important; } .acenter_more400, .aright_more400 { text-align:left !important; } .floatright_more400 { float:none; } .floatleft_more400 { float:none; } .table_more400 .catalog .purch, .table_more400 .catalog .purchx , .table_more400 .items .more { width:auto; } .table_more400 { display:block; } .table_more400 > .thead, .table_more400 > .tbody, .table_more400 > .tfoot { display:block; } .table_more400 > .thead > div, .table_more400 > .tbody > div, .table_more400 > .tfoot > div { display:block; } .table_more400 > .tbody > div:not(:first-child) { border-top-style:none; } .table_more400 > .tbody.topline { border-top-width:1px; } .table_more400 > .thead > div, .table_more400 > .liste > .thead > div { display:none; } .table_more400 .liste .pic { width:100%; } .table_more400.fields > .tbody > .label, .table_more295.fields > .tbody > .field { padding-top:0; padding-bottom:0; } .table_more400.fields > .tbody { padding-top:2px; padding-bottom:2px; } .items .apici img { max-width:200px; max-height:200px; } .catalog .items .apici img { max-width:100px; } .table_more400.fields .label { text-align:left; } .field.pt-b { padding-top:0; } .catalog .items .desci { display:block; } .catalog .purch, .items .more, .catalog .purchx { width:auto; } .table_more400.liste { border-top-style:none; } .table_more400.liste .child > div { border-top-style:solid; } .table_more400 .label_notable { display:inline; margin-right:5px; font-weight:bold;} .show5 > .tbody > div.label { padding-right:0; } .gocheckout_forward { float:none; text-align:center; } .checkout_backstep { text-align:center; } .gocheckout_top { display:none; } .product .pricescart > .tbody > .price { width:auto; padding-right:0 !important; } .hide_less400 { display:none !important; } .hide_more400 { display:inline-block !important; } .w11-i, .w11-t, .w11-s { width:100%; } .w30p_more400 { width:auto; } #box .boxi > div{ margin-top:5px; } #logo, #logo a { width:100px; left:0; top:0;} .gocheckout { margin:20px 0; } .gocheckout_forward, .checkout_backstep { width:100%; } .gocheckout_forward .ev-button, .checkout_backstep .ev-button , .mobile-button .ev-button { width:100%; line-height:2em; font-size:1.5em; } } /* ----------------------------------------------------------------------------- Mediaquery: ab Breite von 390 Pixel --------------------------------------------------------------------------- */ @media screen and (max-width:390px) { .containershop_middle_right .containermiddle .container_2_grid_2, .containershop_middle_right .containermiddle .container_2_grid_1 { width:100%; } .containershop_middle_right .apics #detailimage , .containershop_middle_right .apics , .containershop_middle_right .apics #slider { width:100%; } .containershop_middle_right .apics #detailimage .pic img { max-width:295px; } } /* ----------------------------------------------------------------------------- Mediaquery: ab Breite von 320 Pixel --------------------------------------------------------------------------- */ @media screen and (max-width:320px) { .w13-i, .w13-t { width:99%; } .w60p_more300 { width:auto; } } /* ----------------------------------------------------------------------------- Mediaquery: ab Breite von 295 Pixel --------------------------------------------------------------------------- */ @media screen and (max-width:295px) { .containershop_middle .containermiddle .container_2_grid_1, .containershop_middle .containermiddle .container_2_grid_2 , .containershop_middle_right .apics #detailimage, .containershop_middle_right .apics, .containershop_middle .apics #detailimage, .containershop_middle .apics , .containershop_middle_right .containermiddle .container_2_grid_1, .containershop_middle_right .containermiddle .container_2_grid_2 { width:100%; margin-left:0; } .containershop_middle .apics #detailimage .pic img, .containershop_middle_right .apics #detailimage .pic img { max-width:200px; } .containershop_middle .apics #slider, .containershop_middle_right .apics #slider { width:100%; } .cartsum { width:200px; } .field .prefix { width:7em; } .wlabel .label { width:auto; } .hide_more295 { display:inline-block !important; } .hide_less295 { display:none; } .table_more295 .catalog .purch, .table_more295 .catalog .purchx , .table_more295 .items .more { width:auto; } .table_more295 { display:block; } .table_more295 > .thead, .table_more295 > .tbody, .table_more295 > .tfoot { display:block; } .table_more295 > .tbody > div, .table_more295 > .tfoot > div { display:block; } .table_more295 > .thead > div, .table_more295 > .liste > .thead > div { display:none; } .table_more295 .label_notable { display:inline; margin-right:5px; font-weight:bold; } .table_more295 > .tbody.center_less295 > div { text-align:center !important; } .table_more295 > .tbody > div:not(:first-child) { border-top-style:none; } .table_more295, .table_more295.liste { border-top-style:none; } .table_more295.fields > .tbody > .label, .table_more295.fields > .tbody > .field { padding-top:0; padding-bottom:0; } .table_more295.fields > .tbody { padding-top:2px; padding-bottom:2px; } .containershop_middle .containermiddle .container_2_grid_1, .containershop_middle .containermiddle .container_2_grid_2 , .containershop_middle_right .apics #detailimage, .containershop_middle_right .apics, .containershop_middle .apics #detailimage, .containershop_middle .apics , .containershop_middle_right .containermiddle .container_2_grid_1, .containershop_middle_right .containermiddle .container_2_grid_2 { width:100%; margin-left:0; } .containershop_middle .apics #detailimage .pic img, .containershop_middle_right .apics #detailimage .pic img { max-width:200px; } .containershop_middle .apics #slider, .containershop_middle_right .apics #slider { width:100%; } #logo { display:none; } } /* Mediaqueries min-width - aufsteigend sortiert */ /* ----------------------------------------------------------------------------- Mediaquery: ab Breite von 200 Pixel --------------------------------------------------------------------------- */ @media screen and (min-width:200px) { .video_16_9 { width:200px; height:113px; } .video_4_3 { width:200px; height:150px; } } /* ----------------------------------------------------------------------------- Mediaquery: ab Breite von 400 Pixel --------------------------------------------------------------------------- */ @media screen and (min-width:400px) { .video_16_9 { width:400px; height:225px; } .video_4_3 { width:400px; height:300px; } } /* ----------------------------------------------------------------------------- Mediaquery: ab Breite von 500 Pixel --------------------------------------------------------------------------- */ @media screen and (min-width:500px) { .video_16_9 { width:500px; height:281px; } .video_4_3 { width:500px; height:375px; } } /* ----------------------------------------------------------------------------- Eigene Definitionen Teil 2 -------------------------------------------------------------------------- */