@charset 'utf-8'; /* RESET */ * { margin: 0; padding: 0; border: 0; outline: 0; } h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 12px; font-weight: normal; font-style: normal; } ul,ol { list-style: none; } /* Fonts */ @font-face { font-family: 'CenturyGothicRegular'; src: url('fonts/century_gothic-webfont.eot'); src: url('fonts/century_gothic-webfont.eot?iefix') format('eot'), url('fonts/century_gothic-webfont.woff') format('woff'), url('fonts/century_gothic-webfont.ttf') format('truetype'), url('fonts/century_gothic-webfont.svg#webfontNJreHvjw') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CenturyGothicBold'; src: url('fonts/century_gothic_bold-webfont.eot'); src: url('fonts/century_gothic_bold-webfont.eot?iefix') format('eot'), url('fonts/century_gothic_bold-webfont.woff') format('woff'), url('fonts/century_gothic_bold-webfont.ttf') format('truetype'), url('fonts/century_gothic_bold-webfont.svg#webfontLwE8yiuD') format('svg'); font-weight: normal; font-style: normal; } /* Buttons */ .awesome, .awesome:visited { background: url('../pics/background/buttons/overlay_big.png') repeat-x; display: inline-block; line-height: 1; cursor: pointer; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); padding: 5px 10px 6px; color: #fff; text-decoration: none; box-shadow: 0 1px 3px rgba(0,0,0,0.5); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#7f7f7f'); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#7f7f7f')"; width: auto; overflow: visible; border: 0px; outline: 0px; } button.awesome::-moz-focus-inner { border: 0px; } .awesome:active { top: 1px; left: 1px; } .small.awesome, .small.awesome:visited { font-size: 11px; background: url('../pics/background/buttons/overlay_small.png') repeat-x; } .awesome, .awesome:visited, .medium.awesome, .medium.awesome:visited { font-size: 13px; font-weight: bold; background: url('../pics/background/buttons/overlay_small.png') repeat-x; } .large.awesome, .large.awesome:visited { font-size: 14px; padding: 8px 14px 8px; } .green.awesome, .green.awesome:visited { background-color: #8fba00; } .green.awesome:hover { background-color: #83ab00; } .gray.awesome, .gray.awesome:visited { background-color: #bababa; } .gray.awesome:hover { background-color: #ababab; } .red.awesome, .red.awesome:visited { background: #FE3100; background: -moz-linear-gradient(top, #FE3100 0%, #B10100 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FE3100), color-stop(100%,#B10100)); background: -o-linear-gradient(top, #FE3100 0%, #B10100 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FE3100', endColorstr='#B10100',GradientType=0 ) progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#7f7f7f'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#FE3100', endColorstr='#B10100',GradientType=0) progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#7f7f7f')"; zoom: 1; } .red.awesome:hover { background-color: #b10100; } /* REPLACED FORM ELEMENTS */ span.checkbox, span.radio { width: 19px; height: 25px; padding: 0 5px 0 0; background: url(../pics/background/styledforms/checkbox.gif) no-repeat; display: block; clear: left; float: left; cursor: pointer; } span.radio { background: url(../pics/background/styledforms/radio.gif) no-repeat; } span.select { position: absolute; width: 158px; line-height: 18px; padding: 5px 24px 5px 8px; color: #000; background: url(../pics/background/pfeile/down.png) no-repeat 107px 4px; overflow: hidden; cursor: pointer; } span.select.hidden { position: relative; } select.styled { position: relative; height: 30px; line-height: 30px; width: 190px; opacity: 0; filter: alpha(opacity=0); z-index: 1; left: 3px; cursor: pointer; } .ie6 select.styled, .ie7 select.styled, .ie8 select.styled { opacity: 1; filter: alpha(opacity=100); z-index: 0; position: static; left: 0px; } .disabled { opacity: 0.5; filter: alpha(opacity=50); } input.styled { display: none !important; } .ie6 input.styled, .ie7 input.styled, .ie8 input.styled { display: inline !important; } /* BASIC */ html { overflow-x: hidden; } body { overflow-x: hidden; height: 100%; font: 13px Arial,Helvetica,geneva,sans-serif; } #wrapper { width: 990px; min-height: 600px; margin: 0 auto; position: relative; -webkit-box-shadow: 0 0 20px rgba(0,0,0,.3); -moz-box-shadow: 0 0 20px rgba(0,0,0,.3); box-shadow: 0 0 20px rgba(0,0,0,.3);} .ielt9 #wrapper { background: url(../pics/background/shadow.png) repeat-y top center; padding: 0px 20px; width: 1160px; } #header { min-width: 990px; width: 990px; height: 142px; margin: 0 auto; } #content { min-width: 990px; width: 990px; margin: 0 auto; overflow: hidden; } #footer { width: 100%; background-color: #82ab00; position: relative; } #header div.servicelinks button.cart, #content div.wrapper div.article ul li div.head div.delivery ul li.finance, #content div.wrapper div.article ul li div.head div.delivery ul li.shippingfree, #content div.wrapper div.article ul li div.head div.delivery ul li.express, #content div.wrapper div.article ul li div.head div.delivery ul li.availability_gruen, #content div.wrapper div.article ul li div.head div.delivery ul li.availability_gelbgruen, #content div.wrapper div.article ul li div.head div.delivery ul li.availability_gelb, #content div.wrapper div.article ul li div.head div.delivery ul li.availability_rot, #content div.wrapper div.article ul li div.head div.delivery ul li.availability_grau, #content div.wrapper div.article ul li div.head div.delivery ul li.realtimecheck, #content div.navigation ul li.level1.HasSubcategories a, #content div.navigation ul li.level1.active a, #content div.navigation ul li.level1 a:hover, #content div.navigation ul li.level2 ul li.level2.HasSubcategories a, #content div.navigation ul li.level2 ul li.level2.HasSubcategories a:hover, #content div.navigation ul li.level2 ul li.level2.active a, #content div.navigation ul li.level2 ul li.level2.active a:hover, #content div.navigation ul li.level2 ul li.level2 a:hover, #content div.navigation ul li.level2 ul li.level3 ul li.level3.HasSubcategories a, #content div.navigation ul li.level2 ul li.level3 ul li.level3.HasSubcategories a:hover, #content div.navigation ul li.level2 ul li.level3 ul li.level3.active a, #content div.navigation ul li.level2 ul li.level3 ul li.level3.active a:hover, #content div.navigation ul li.level2 ul li.level3 ul li.level3 a:hover, #content div.navigation ul li.level2 ul li.level4 ul li.level4.active a, #content div.navigation ul li.level2 ul li.level4 ul li.level4 a:hover, #content div.wrapper div.productOverview ul li div.list ul li.products div.foot div.availability, #content div.wrapper div.productOverview ul li div.listTop a.zurueck, #content div.wrapper div.productOverview ul li div.listTop a.vor, #content div.wrapper div.productOverview ul li div.listTop a.hoch, #content div.wrapper div.productOverview ul li div.listTop a.runter, #content div.wrapper div.CheckOut ul li div.basket table td button.refresh, #content div.wrapper div.CheckOut ul li div.basket table td a.remove, #content div.wrapper div.CheckOut ul li div.basket table td a.empty { background-image: url(../pics/background/all_backgrounds.png); } div.clear { clear: left; } div.clearboth { clear: both; } div.none { display: none; } br.clear { clear: left; } br.clearboth { clear: both; } span.bold { font-weight: bold; } /* HEADER */ #header { position: relative; } /* HEADER => SERVICELINKS */ #header div.servicelinks { height: 20px; line-height: 20px; font-size: 13px; padding: 8px 10px 0px 5px; position: absolute; right: 220px; } #header div.servicelinks a { text-decoration:none; color:#000000; display: block; float: left; padding: 2px 6px; } #header div.servicelinks a:hover { color: #ffffff; } #header div.servicelinks span.senkrecht { margin: 0 5px; display: block; float: left; } #header div.servicelinks span.bold { font-weight: bold; display: block; float: left; } #header div.servicelinks button.cart { background-position: 0px -167px; background-repeat: no-repeat; background-color: transparent; cursor: pointer; height: 14px; width: 20px; margin-right: 3px; margin-top: 4px; display: block; float: left; } /* HEADER => LOGO */ #header div.logo { position: absolute; top: 30px; } /* HEADER => TOPBANNER */ #header a#ehi { display: block; position: absolute; right: 80px; top: 10px; height: 70px; width: 70px; border: 0px; text-decoration: none; text-indent: -500em; background: url(../pics/background/ehi_siegel.svg) no-repeat 0px 0px; background-size: 70px 70px; } /* HEADER => NAVIGATION */ #header div.navigation { height: 37px; text-align: center; position: absolute; bottom: 11px; left: 0px; } #header div.navigation #fancymenu { position: relative; height: 27px; padding: 6px 4px 4px 4px; overflow: hidden; } #header div.navigation #fancymenu ul li { float: left; } #header div.navigation #fancymenu ul li a { font-size: 15px; font-weight: bold; z-index: 10; display: block; float: left; height: 27px; line-height: 27px; text-decoration: none; color: #ffffff; position: relative; overflow: hidden; background-position:center center; background-repeat:no-repeat; padding: 0px 10px; } #header div.navigation #fancymenu ul li.background { background: #698a00; z-index: 8; position: absolute; } #header div.navigation #fancymenu ul li.background .left { background: #698a00; height: 27px; margin-right: 9px; } /* FOOTER */ #footer div#graybackground { min-height: 20px; height: 20px; background: #F5F5F5; position: relative; z-index: 5; width: 100%; } #footer img#footershadow { width: 1200px; height: 31px; margin-top: -15px; margin-left: -110px; margin-bottom: 10px; } #footer div#mirror { margin: 0 auto; text-align: center; width: 990px; min-height: 120px; color: #ffffff; font-weight: bold; font-size: 13px; background: #9bbc33; } #footer div#mirror span.senkrecht { margin: 0 5px; } #footer div#mirror p { margin-top: 15px; } #footer div#mirror a { color: #ffffff; text-decoration: none; } #footer div#mirror a:hover { color: #ffffff; text-decoration: underline; } #footer div#preisvergleicher { margin: 0 auto; width: 990px; height: 50px; background: #9bbc33; text-align: center; } #footer div#preisvergleicher a { display: inline-block; margin-right: 10px;background-repeat: no-repeat; } #footer div#preisvergleicher a:last-child { margin-right: 0px; } #footer div#preisvergleicher a.geizhals { width: 95px; height: 40px; background-image: url(../pics/background/preisvergleicher/geizhals.svg); background-size: 90px auto; background-position: 0px 5px; } #footer div#preisvergleicher a.preis { width: 95px; height: 40px; background-image: url(../pics/background/preisvergleicher/preisde.svg); background-size: 90px auto; } #footer div#preisvergleicher a.idealo { width: 120px; height: 40px; background-image: url(../pics/background/preisvergleicher/idealo.gif); background-position: 0px 5px; } #footer div#preisvergleicher a.preissuchmaschine { width: 61px; height: 40px; background-image: url(../pics/background/preisvergleicher/preissuchmaschine.gif); background-position: 0px 5px; } #footer div#preisvergleicher a.schottenland { width: 128px; height: 40px; background-image: url(../pics/background/preisvergleicher/schottenland.png); background-position: 0px 5px; } #footer div#preisvergleicher a.preistrend { width: 56px; height: 40px; background-image: url(../pics/background/preisvergleicher/preistrend.png); } #footer div#preisvergleicher a.comodo { display: block; width: 91px; height: 40px; margin: 0px auto; cursor: help; background: url(../pics/background/preisvergleicher/comodo.png) no-repeat; } /* Promo */ #promoleft { display: none; } #promoright { display: none ; } @media screen and (min-width:1260px) { #promoleft { width: 590px; height: 400px; left: 0px; bottom: 0px; position: absolute; display: block; z-index: 10; margin-left: -600px; } #promoright { width: 590px; height: 400px; right: 0px; bottom: 0px; position: absolute; display: block; z-index: 10; margin-right: -600px; } #promoleft.appleimac {margin-bottom: -30px; background: url(../pics/promo/apple_imac_left.png) no-repeat; } #promoright.appleimac { margin-bottom: -30px; background: url(../pics/promo/apple_imac_right.png) no-repeat; } #promoleft.applenano {margin-bottom: -30px; background: url(../pics/promo/apple_ipod_nano_touch_left.png) no-repeat; } #promoright.applenano { margin-bottom: -115px; background: url(../pics/promo/apple_ipod_nano_touch_right.png) no-repeat; } #promoleft.audioengine2 { margin-bottom: -50px; background: url(../pics/promo/audioengine_2_left.png) no-repeat; } #promoright.audioengine2 { margin-bottom: -120px; background: url(../pics/promo/audioengine_2_right.png) no-repeat; } #promoleft.ruarkaudior4i { margin-bottom: -70px; background: url(../pics/promo/ruarkaudio_r4i_left.png) no-repeat; } #promoright.ruarkaudior4i { margin-bottom: -50px; background: url(../pics/promo/ruarkaudio_r4i_right.png) no-repeat; } #promoleft.psbm4u2 { margin-bottom: -110px; background: url(../pics/promo/psb_m4u2_left.png) no-repeat; } #promoright.psbm4u2 { margin-bottom: -120px; background: url(../pics/promo/psb_m4u2_right.png) no-repeat; } } /* CONTENT */ #content div.navigation, #content div.fortschritt { width: 180px; padding-right: 10px; float: left; } #content div.wrapper { width: 800px; float: right; } #content div.wrapper.amazonpay { width: 990px; float: none; } #content div.wrapper div.article, #content div.wrapper div.productOverview, #content div.wrapper div.products, #content div.wrapper div.contact, #content div.wrapper div.agb, #content div.wrapper div.shipping, #content div.wrapper div.service, #content div.wrapper div.financing, #content div.wrapper div.guaranty, #content div.wrapper div.retour, #content div.wrapper div.safety, #content div.wrapper div.howToOrder, #content div.wrapper div.ecology, #content div.wrapper div.myAccount, #content div.wrapper div.noScript { width: 600px; padding-right: 10px; float: left; } #content div.wrapper div.accessories, #content div.wrapper div.recommend, #content div.wrapper div.loginStatus, #content div.wrapper div.paymentlogos { width: 190px; float: right; } /* CONTENT => NAVIGATION */ #content div.navigation ul { display: block; } #content div.navigation ul li.head { height: 18px; font-weight: bold; font-size: 13px; color: #ffffff; padding: 3px 0 0 5px; border: 0px; line-height: normal;} #content div.navigation ul li.head.apple { margin-top: 10px; } #content div.navigation ul li.teaser.apple a { text-decoration: none; background: url(../pics/promo/sofort-lieferbare-apple-macbook-pro-macbook-air.jpg) #fff no-repeat; background-size: 180px auto; font-family: 'CenturyGothicBold'; color: #000; font-size: 15px; display: block; width: 170px; height: 200px; padding: 10px 5px 5px 10px; } #content div.navigation ul li.teaser.apple a:hover { text-decoration: underline; } #content div.navigation ul li.teaser.apple a span { display:block; text-align: center; font-weight: bold; font-size: 18px; color: #b40000; margin-top: 100px; } /* CONTENT => NAVIGATION => LEVEL 1 */ #content div.navigation ul li.level1 a { width: 160px; overflow: hidden; background-color: #f7f7f7; border-bottom: 1px dotted; display: block; line-height: 25px; padding: 0 5px 0 15px; text-decoration: none; color: #000000; -webkit-transition-property: background-color,color; -moz-transition-property: background-color,color; -o-transition-property: background-color,color; -ms-transition-property: background-color,color; transition-property: background-color,color; -webkit-transition-duration: 0.15s; -moz-transition-duration: 0.15s; -o-transition-duration: 0.15s; -ms-transition-duration: 0.15s; transition-duration: 0.15s; } #content div.navigation ul li.level1 a:hover { text-decoration: none; color: #ffffff; background-color: #9dcd00; background-position: -411px -235px; background-repeat: no-repeat; } #content div.navigation ul li.level1.HasSubcategories a { background-position: -952px -235px; background-repeat: no-repeat; font-weight: bold; } #content div.navigation ul li.level1.HasSubcategories a:hover { background-position: -592px -235px; background-repeat: no-repeat; } #content div.navigation ul li.level1.active a { background-position: -772px -235px; background-repeat: no-repeat; font-weight: bold; color: #82ab00; } #content div.navigation ul li.level1.active a:hover { background-position: -411px -235px; background-repeat: no-repeat; color: #ffffff; } #content div.navigation ul.HideCategoriesLevel1 li.level1 { display: none; } #content div.navigation ul.HideCategoriesLevel1 li.level1.show, #content div.navigation ul.HideCategoriesLevel1 li.level1.active, #content div.navigation ul.HideCategoriesLevel1 li.level1.down, #content div.navigation ul.HideCategoriesLevel1 li.level1.HasSubcategories { display: inline; } /* CONTENT => NAVIGATION => LEVEL 2 */ #content div.navigation ul li.level2.down { height: 100%; } #content div.navigation ul li.level2 ul li.level2 a { width: 150px; overflow: hidden; background-color: #ffffff; border-bottom: 1px dotted; display: block; line-height: 25px; padding: 0 5px 0 25px; text-decoration: none; color: #000000; } #content div.navigation ul li.level2 ul li.level2 a:hover { text-decoration: none; color: #ffffff; background-color: #9dcd00; background-position: -401px -235px; background-repeat: no-repeat;} #content div.navigation ul li.level2 ul li.level2.HasSubcategories a { background-position: -942px -235px; background-repeat: no-repeat; font-weight: bold; } #content div.navigation ul li.level2 ul li.level2.HasSubcategories a:hover { background-position: -582px -235px; background-repeat: no-repeat; } #content div.navigation ul li.level2 ul li.level2.active a { background-position: -762px -235px; background-repeat: no-repeat; font-weight: bold; color: #82ab00; } #content div.navigation ul li.level2 ul li.level2.active a:hover { background-position: -401px -235px; background-repeat: no-repeat; color: #ffffff; } #content div.navigation ul.HideCategoriesLevel2 li.level2 { display: none; } #content div.navigation ul.HideCategoriesLevel2 li.level2.show, #content div.navigation ul.HideCategoriesLevel2 li.level2.down, #content div.navigation ul.HideCategoriesLevel2 li.level2.active, #content div.navigation ul.HideCategoriesLevel2 li.level2.HasSubcategories { display: inline; } /* CONTENT => NAVIGATION => LEVEL 3 */ #content div.navigation ul li.level2 ul li.level3.down { height: 100%; } #content div.navigation ul li.level2 ul li.level3 ul li.level3 a { width: 140px; overflow: hidden; background-color: #ffffff; border-bottom: 1px dotted; display: block; line-height: 25px; padding: 0 5px 0 35px; text-decoration: none; color: #000000; background-color: #ffffff; } #content div.navigation ul li.level2 ul li.level3 ul li.level3 a:hover { background-position: -391px -235px; background-repeat: no-repeat; text-decoration: none; color: #ffffff !important; background-color: #9dcd00; } #content div.navigation ul li.level2 ul li.level3.HasSubcategories a { background-position: -932px -235px; background-repeat: no-repeat; font-weight: bold; } #content div.navigation ul li.level2 ul li.level3.HasSubcategories a:hover { background-position: -572px -235px; background-repeat: no-repeat; } #content div.navigation ul li.level2 ul li.level3 ul li.level3.active a { background-position: -752px -235px; background-repeat: no-repeat; font-weight: bold; color: #82ab00; } #content div.navigation ul li.level2 ul li.level3 ul li.level3.active a:hover { background-position: -390px -235px; background-repeat: no-repeat; } #content div.navigation ul.HideCategoriesLevel3 li.level3 { display: none; } #content div.navigation ul.HideCategoriesLevel3 li.level3.show, #content div.navigation ul.HideCategoriesLevel3 li.level3.down, #content div.navigation ul.HideCategoriesLevel3 li.level3.active, #content div.navigation ul.HideCategoriesLevel3 li.level3.HasSubcategories { display: inline; } /* CONTENT => NAVIGATION => LEVEL 4 */ #content div.navigation ul li.level3 ul li.level4.down { height: 100%; } #content div.navigation ul li.level3 ul li.level4 ul li.level4 a { width: 130px; overflow: hidden; background-color: #ffffff; border-bottom: 1px dotted; display: block; line-height: 25px; padding: 0 5px 0 45px; text-decoration: none; color: #000000; background-color: #ffffff; } #content div.navigation ul li.level3 ul li.level4 ul li.level4 a:hover { background-position: -381px -235px; background-repeat: no-repeat; text-decoration: none; color: #ffffff !important; background-color: #9dcd00; } #content div.navigation ul li.level3 ul li.level4 ul li.level4.active a { background-position: -742px -235px; background-repeat: no-repeat; font-weight: bold; color: #82ab00; } #content div.navigation ul li.level3 ul li.level4 ul li.level4.active a:hover { background-position: -379px -235px; background-repeat: no-repeat; } #content div.navigation ul.HideCategoriesLevel4 li.level4 { display: none; } #content div.navigation ul.HideCategoriesLevel4 li.level4.show, #content div.navigation ul.HideCategoriesLevel4 li.level4.down, #content div.navigation ul.HideCategoriesLevel4 li.level4.active, #content div.navigation ul.HideCategoriesLevel4 li.level4.HasSubcategories { display: inline; } /* CONTENT => LOGOS */ #content div.logos { width: 90px; margin: 40px auto; } #content div.logos img { display: block; width: 150px; margin-bottom: 12px; } /* CONTENT => BREADCRUMBS */ #content div.breadcrumbs { height: 21px; overflow: hidden; background-color: #f7f7f7; } #content div.breadcrumbs a { color: #525252; text-decoration: none; height: 18px; font-weight: bold; font-size: 13px; border: 0px; line-height: normal; display: block; float: left; padding: 4px 13px 0 4px; background: url(../pics/background/pfeile/breadcrumbs_grau.png) no-repeat top right; } #content div.breadcrumbs a:hover { text-decoration: underline; } #content div.breadcrumbs a.homelink { padding-left: 5px; } #content div.breadcrumbs span { color: #525252; height: 18px; font-weight: bold; font-size: 13px; line-height: normal; display: block; float: left; padding: 4px 13px 0 4px; } /* CONTENT => SEARCH */ #header div.search { width: 450px; height: 42px; background: url(../pics/background/suche.png) no-repeat -38px 0px; position: absolute; top: 40px; left: 303px; z-index: 43; } #header div.search input { font-size: 14px; color: #a8a8a8; font-weight: bold; width: 400px; position: absolute; top: 11px; left: 16px; background-color: transparent; display: block; float: left; height: 22px; line-height: 22px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none !important; -webkit-transition-property: none; -moz-transition-property: none; -o-transition-property: none; -ms-transition-property: none; transition-property: none; } #header div.search input:focus, #header div.search input.focus { color: #515151; } #header div.search input.autocompleter-loading { background: transparent url(../pics/loader/small_656565.gif) no-repeat 370px 3px; } #header div.search button.submitform { display: block; width: 38px; height: 42px; float: left; background: url(../pics/background/suche.png) transparent no-repeat; font-size: 13px; font-weight: bold; color: #ffffff; cursor: pointer; border: 0px; text-indent: -500em; overflow: hidden; position: absolute; top: 0px; right: 0px; } /* #content div.wrapper ul li div.search div.select { width: 110px; height: 17px; font-size: 13px; font-weight: bold; color: #ffffff; padding: 2px 0 0 5px; float: left; } #content div.wrapper ul li div.search div.input { width: 420px; height: 19px; background: #ffffff; float: left; } #content div.wrapper ul li div.search div.input input { font-size: 13px; min-height: 17px; color: #515151; font-weight: bold; width: 400px; padding: 2px 0 0 23px; background-color: transparent; background-position: -179px -202px; } #content div.wrapper ul li div.search div.input input.autocompleter-loading { background: transparent url(../pics/loader/small_656565.gif) no-repeat 3px 1px; } #content div.wrapper ul li div.search button.submitform { display: block; width: 59px; height: 19px; float: right; background: transparent; font-size: 13px; font-weight: bold; color: #ffffff; cursor: pointer; } #content div.wrapper ul li div.search { padding: 1px; height: 19px;} #content div.wrapper ul li div.searchError { margin-bottom: 10px; padding: 10px 10px 10px 50px; background-image: url(../pics/background/symbole/error.gif); background-repeat: no-repeat; background-position: 10px 10px; background-color: #ffffff; height: 30px; font-weight: bold; font-size: 13px; } #content div.wrapper ul li div.searchOptions { width: 580px; padding: 10px; background-color: #ffffff; line-height: 20px; height: 40px; color: #515151; font-weight: bold; margin-bottom: 10px; text-align: center; } #content div.wrapper ul li div.searchOptions span.senkrecht { margin: 0 5px; } #content div.wrapper ul li div.searchOptions span.count { color: #0088CC; } */ /* CONTENT => PRODUCTOVERVIEW */ #content div.wrapper div.productOverview ul li { margin-bottom: 10px; } #content div.wrapper div.productOverview ul li div.recommendOverview { position: relative; height: 130px; margin-left: 50px; } #content div.wrapper div.productOverview ul li div.listTop { width: 600px; height: 20px; } #content div.wrapper div.productOverview ul li div.listTop div { background-color: #ffffff; line-height: 20px; font-weight: bold; padding-left: 10px; border-right: 1px dotted; float: left; height: 20px; } #content div.wrapper div.productOverview ul li div.listTop div.count { width: 159px; } #content div.wrapper div.productOverview ul li div.listTop div.sort { width: 50px; border-right: 0px; } #content div.wrapper div.productOverview ul li div.listTop div.sortName { width: 50px; border-right: 0px; } #content div.wrapper div.productOverview ul li div.listTop div.articlesPerSite { width: 199px; } #content div.wrapper div.productOverview ul li div.listTop div.articlesPerSite select { height: 18px; width: 60px; } #content div.wrapper div.productOverview ul li div.listTop div.articlesPerSite div.text, #content div.wrapper div.productOverview ul li div.listTop div.articlesPerSite div.limit { display: block; float: left; padding: 0px; border: 0px; } #content div.wrapper div.productOverview ul li div.listTop div.articlesPerSite div.limit select { width: 60px; height: 20px; margin-left: 10px; } #content div.wrapper div.productOverview ul li div.listTop div.articlesPerSite div.limit span.select { padding-top: 0px; padding-bottom: 0px; width: 30px; border: 0px; line-height: 20px; margin-left: 10px; background-position: 40px 0px; } #content div.wrapper div.productOverview ul li div.listTop a.runter { display: block; float: left; width: 20px; height: 20px; background-repeat: no-repeat; background-position: -40px -308px; } #content div.wrapper div.productOverview ul li div.listTop a.hoch { display: block; float: left; width: 20px; height: 20px; background-repeat: no-repeat; background-position: -60px -308px; } #content div.wrapper div.productOverview ul li div.listTop div.spacer { width: 19px;} #content div.wrapper div.productOverview ul li div.listTop div.site { width: 170px; border-right: 0px; } #content div.wrapper div.productOverview ul li div.listTop div.site a.numList { color: #000000; text-decoration: underline; display: inline-block; line-height: 20px; padding: 0 5px; } #content div.wrapper div.productOverview ul li div.listTop div.site a.numList:hover { color: #ffffff; } #content div.wrapper div.productOverview ul li div.listTop div.site a.numListCurrent { color: #ffffff; text-decoration: none; display: inline-block; line-height: 20px; padding: 0 5px;} #content div.wrapper div.productOverview ul li div.listTop a.zurueck { display: block; float: left; width: 20px; height: 20px; background-repeat: no-repeat; background-position: -20px -308px; } #content div.wrapper div.productOverview ul li div.listTop a.vor { display: block; float: left; width: 20px; height: 20px; background-repeat: no-repeat; background-position: 0px -308px; } #content div.wrapper div.productOverview ul li div.listTop a.empty { display: block; float: left; background-color: #ffffff; width: 20px; height: 20px; } #content div.wrapper div.productOverview ul li div.listTop a.empty.both { width: 40px; } #content div.wrapper div.productOverview ul li div.list { background: #ffffff; padding: 10px; width: 580px; } #content div.wrapper div.productOverview ul li div.list ul li.products { margin-bottom: 20px; padding-bottom: 5px; border-bottom: 1px dotted; width: 580px; overflow: hidden; } #content div.wrapper div.productOverview ul li div.list ul li.products:last-child { margin-bottom: 0px; border-bottom: 0px; } #content div.wrapper div.productOverview ul li div.list ul li.products div.picture { width: 90px; float: left; padding-top: 10px;} #content div.wrapper div.productOverview ul li div.list ul li.products div.picture a { color: #000000; font-size: 10px; } #content div.wrapper div.productOverview ul li div.list ul li.products div.picture img { max-width: 80px; } #content div.wrapper div.productOverview ul li div.list ul li.products div.data { float: left; width: 490px; } #content div.wrapper div.productOverview ul li div.list ul li.products div.data h4 { font-size: 13px; font-weight: bold; margin-bottom: 5px; } #content div.wrapper div.productOverview ul li div.list ul li.products div.data h4 a { text-decoration: none; color: #000000; } #content div.wrapper div.productOverview ul li div.list ul li.products div.data ul { list-style: url(../pics/background/list.gif) none outside; padding-left: 20px; width: 470px; } #content div.wrapper div.productOverview ul li div.list ul li.products div.data ul li { margin: 0px; padding: 0px; border: 0px; } #content div.wrapper div.productOverview ul li div.list ul li.products div.data ul li.moreInfo a { text-decoration: underline; color: #000000; } #content div.wrapper div.productOverview ul li div.list ul li.products div.foot { clear: left; width: 580px; overflow: hidden; padding-top: 15px; position: relative; } #content div.wrapper div.productOverview ul li div.list ul li.products div.foot.higher { padding-bottom: 8px; } #content div.wrapper div.productOverview ul li div.list ul li.products div.foot div.euro { font-family: 'CenturyGothicBold'; color:#515151; font-size: 13px; float: left; display: block; width: 90px; height: 15px; padding-top: 5px; } #content div.wrapper div.productOverview ul li div.list ul li.products div.foot div.euro span.price { font-size: 19px; color: #b40000;} #content div.wrapper div.productOverview ul li div.list ul li.products div.foot div.availability { padding-left: 28px; float: left; height: 30px; position: relative; } #content div.wrapper div.productOverview ul li div.list ul li.products div.foot div.availability.gruen { background-position: -234px -122px; background-repeat: no-repeat; } #content div.wrapper div.productOverview ul li div.list ul li.products div.foot div.availability.gelbgruen { background-position: -266px -122px; background-repeat: no-repeat;} #content div.wrapper div.productOverview ul li div.list ul li.products div.foot div.availability.gelb { background-position: -298px -122px; background-repeat: no-repeat;} #content div.wrapper div.productOverview ul li div.list ul li.products div.foot div.availability.rot { background-position: -330px -122px; background-repeat: no-repeat;} #content div.wrapper div.productOverview ul li div.list ul li.products div.foot div.availability.grau { background-position: -362px -122px; background-repeat: no-repeat;} #content div.wrapper div.productOverview ul li div.list ul li.products div.foot div.availability a { display: block; height: 30px; line-height: 30px; width: 210px; background-color: #ffffff; text-decoration: none; color: #000000; } #content div.wrapper div.productOverview ul li div.list ul li.products div.foot div.availability a:hover { text-decoration: underline; } #content div.wrapper div.productOverview ul li div.list ul li.products div.foot a.info { float: right; margin: 2px 10px 0 0; } #content div.wrapper div.productOverview ul li div.list ul li.products div.foot a.buy { float: right; margin-top: 2px; margin-right: 2px; } #content div.wrapper div.productOverview ul li div.list ul li.products div.foot a.energylabel { font-family: 'Arial'; font-size: 18px; color: white; font-weight: bold; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; user-select: none; display: block; float: left; line-height: 28px; text-decoration: none; height: 28px; padding-left: 7px; width: 48px;} #content div.wrapper div.productOverview ul li div.list ul li.products div.foot a.energylabel.A { background: url("../pics/background/energylabel/a.svg") no-repeat; } #content div.wrapper div.productOverview ul li div.list ul li.products div.foot a.energylabel.B { background: url("../pics/background/energylabel/b.svg") no-repeat; } #content div.wrapper div.productOverview ul li div.list ul li.products div.foot a.energylabel.C { background: url("../pics/background/energylabel/c.svg") no-repeat; } #content div.wrapper div.productOverview ul li div.list ul li.products div.foot a.energylabel.D { background: url("../pics/background/energylabel/d.svg") no-repeat; } #content div.wrapper div.productOverview ul li div.list ul li.products div.foot a.energylabel.E { background: url("../pics/background/energylabel/e.svg") no-repeat; } #content div.wrapper div.productOverview ul li div.list ul li.products div.foot a.energylabel.F { background: url("../pics/background/energylabel/f.svg") no-repeat; } #content div.wrapper div.productOverview ul li div.list ul li.products div.foot a.energylabel.G { background: url("../pics/background/energylabel/g.svg") no-repeat; } #content div.wrapper div.productOverview ul li div.list ul li.products div.foot a.Datenblatt { position: absolute; top: 43px; left: 329px; font-size: 9px; color: #000000; text-decoration: underline; } /* #content div.wrapper div.article ul li div.buy a.energylabel { font-family: 'Arial'; font-size: 26px; color: white; font-weight: bold; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; user-select: none; display: block; float: left; line-height: 30px; margin-top: 8px; text-decoration: none; height: 32px; padding-left: 7px; width: 57px; } #content div.wrapper div.article ul li div.buy a.energylabel:after { display: block; content: ' '; width: 0px; height: 0px; border-top: 16px solid transparent; border-bottom: 16px solid transparent; border-left: 20px solid transparent; margin-left: -20px; position: relative; float: right; right: -20px; } #content div.wrapper div.article ul li div.buy a.energylabel.Aplusplusplus { background-color: #009036; } #content div.wrapper div.article ul li div.buy a.energylabel.Aplusplusplus:after { border-left-color: #009036; } #content div.wrapper div.article ul li div.buy a.energylabel.Aplusplus { background-color: #009036; } #content div.wrapper div.article ul li div.buy a.energylabel.Aplusplus:after { border-left-color: #009036; } #content div.wrapper div.article ul li div.buy a.energylabel.Aplus { background-color: #009036; } #content div.wrapper div.article ul li div.buy a.energylabel.Aplus:after { border-left-color: #009036; } #content div.wrapper div.article ul li div.buy a.energylabel.A { background-color: #56ab27; } #content div.wrapper div.article ul li div.buy a.energylabel.A:after { border-left-color: #56ab27; } #content div.wrapper div.article ul li div.buy a.energylabel.B { background-color: #c8d200; } #content div.wrapper div.article ul li div.buy a.energylabel.B:after { border-left-color: #c8d200; } #content div.wrapper div.article ul li div.buy a.energylabel.C { background-color: #ffec00; } #content div.wrapper div.article ul li div.buy a.energylabel.C:after { border-left-color: #ffec00; } #content div.wrapper div.article ul li div.buy a.energylabel.D { background-color: #f9ba00; } #content div.wrapper div.article ul li div.buy a.energylabel.D:after { border-left-color: #f9ba00; } #content div.wrapper div.article ul li div.buy a.energylabel.E { background-color: #eb690a; } #content div.wrapper div.article ul li div.buy a.energylabel.E:after { border-left-color: #eb690a; } #content div.wrapper div.article ul li div.buy a.energylabel.F { background-color: #e1001a; } #content div.wrapper div.article ul li div.buy a.energylabel.F:after { border-left-color: #e1001a; } #content div.wrapper div.article ul li div.buy a.energylabel.G { background-color: #e1001a; } #content div.wrapper div.article ul li div.buy a.energylabel.G:after { border-left-color: #e1001a; } #content div.wrapper div.article ul li div.buy a.energylabel big { font-size: 20px; position: relative; top: -5px; } */ #content div.wrapper div.productOverview ul li.vat { text-align: center; } #content div.wrapper div.productOverview ul li.vat a { text-decoration: none; color: #0088CC; } #content div.wrapper div.productOverview ul li.vat a:hover { text-decoration: underline;} /* Generische Headdefinition */ li.head { height: 18px; font-weight: bold; font-size: 13px; color: #ffffff; padding: 3px 0 0 5px !important; border: 0px; line-height: normal !important; } /* Paymentlogos */ #content div.wrapper div.paymentlogos ul { margin-bottom: 10px; } #content div.wrapper div.paymentlogos.accessories ul:first-child li:last-child { padding: 0px; } #content div.wrapper div.paymentlogos.accessories ul:first-child li.result:last-child { padding: 2px 0px 2px 10px; line-height: normal; } #content div.wrapper div.paymentlogos ul:first-child li a.logos { display: block; height: 226px; width: 190px; background: url(../pics/background/shipping/sicheres_einkaufen_logos_kreditkarte.png) no-repeat #ffffff; text-decoration: none; text-indent: -500em; } /* CONTENT => FILTER*/ #content div.filter ul { margin-top: 10px; } #content div.filter.search ul { margin-top: 0px; } #content div.filter ul li h2 { display: block; width: 160px; overflow: hidden; background-color: #f7f7f7; border-bottom: 1px dotted; border-top: 1px dotted; line-height: 25px; padding: 0 5px 0 15px; color: #000000; font-weight: bold; font-size: 13px; } #content div.filter ul li h2:first-child { border-top-width: 0px; } #content div.filter ul li .content { background-color: #ffffff; } #content div.filter ul li .content p { padding: 5px 5px 5px 15px; } #content div.filter ul li .content p:first-child { padding-bottom: 10px; } #content div.filter ul li .content p label { line-height: 25px; cursor: pointer; } #content div.filter ul li .content p.checkbox span.checkbox { height: 28px; } #content div.filter ul li select { width: 160px; } #content div.filter ul li span.select { width: 115px; background-position: 122px 4px; overflow: hidden; } #content div.filter ul li span.radio { position: relative; top: 2px; } #content div.filter ul li span#dropDownArrow { display: none } #content div.filter ul li span#dropDownArrow.Show { position: absolute; margin-top: -25px; margin-left: 123px; display: block; background: url(../pics/background/pfeile/down.png) no-repeat; cursor: pointer; width: 20px; height: 20px; float: left; } /* CONTENT => PRODUCTOVERVIEW => RESULTS*/ #content div.filter div.content ul li.result { padding: 2px 0px 8px 15px; background-color: #ffffff; } #content div.filter div.content ul li.result.first { padding-top: 8px; margin-bottom: 0px;} #content div.filter div.content ul li.result a { display: block; color: #0088CC; text-decoration: none; padding-left: 5px; } #content div.filter div.content ul li.result a:hover { text-decoration: underline; } #content div.filter div.content ul li.result a.parent { display: block; padding: 0 0 3px 0; font-size: 12px; color: #000000; text-decoration: none; } #content div.filter div.content ul li.result a.parent.showall { color: #0088CC; font-weight: bold; padding-top: 10px; } #content div.filter div.content ul li.result a.parent:hover { text-decoration: underline; } /* CONTENT => PRODUCTS*/ #content div.wrapper div.products ul li { margin-bottom: 10px; } #content div.wrapper div.products ul li div.bestseller { background: #ffffff; padding: 10px 0 0 10px; width: 590px; overflow: hidden; } #content div.wrapper div.products ul li div.bestseller h1 { display: block; font-size: 15px; font-weight: bold; margin-bottom: 10px; } #content div.wrapper div.products ul li div.bestseller div.article { float: left; width: 270px; padding-bottom: 10px; margin: 0 10px 10px 0px; border-bottom: 1px dotted; } #content div.wrapper div.products ul li div.bestseller div.article div.left { float: left; width: 100px; text-align: right; } #content div.wrapper div.products ul li div.bestseller div.article div.left img.picture { display: block; width: 80px;} #content div.wrapper div.products ul li div.bestseller div.article div.left span.price img { vertical-align: baseline; } #content div.wrapper div.products ul li div.bestseller div.article div.left span.price span.euro { font-size: 14px; color: #515151; } #content div.wrapper div.products ul li div.bestseller div.article div.left span.price { font-family: 'CenturyGothicBold'; font-size: 20px; color: #b40000; white-space: nowrap; } #content div.wrapper div.products ul li div.bestseller div.article div.left span.time { color: #515151; display: block; } #content div.wrapper div.products ul li div.bestseller div.article div.right { float: right; width: 150px; } #content div.wrapper div.products ul li div.bestseller div.article div.right div.text { width: 140px; height: 108px; margin-bottom: 3px; overflow: hidden; line-height: 13px; } #content div.wrapper div.products ul li div.bestseller div.article div.right div.text strong { font-weight: bold; display: block; margin-bottom: 5px; } #content div.wrapper div.products ul li div.bestseller div.article div.right a.info { float: right; color: #fff; } #content div.wrapper div.products ul li div.bestseller div.article a.images { display: inline-block; text-decoration: none; color: #000000; background-position: top center; background-size: contain; background-repeat: no-repeat; width: 90px; height: 120px; } #content div.wrapper div.products ul li div.bestseller div.article.noBorder { border-bottom: 0px; margin-bottom: 0px;} #content div.wrapper div.products ul li.vat { text-align: center; } #content div.wrapper div.products ul li.vat a { text-decoration: none; color: #0088CC; } #content div.wrapper div.products ul li.vat a:hover: { text-decoration: underline; } /* CONTENT => ARTICLE */ #content div.wrapper div.article ul li { margin-bottom: 10px; } #content div.wrapper div.article ul li div.head { background: #ffffff; padding-bottom: 10px; overflow: hidden; width: 600px; } #content div.wrapper div.article ul li div.buy { background: #ffffff; } #content div.wrapper div.article ul li div.info, #content div.wrapper div.article ul li div.presse, #content div.wrapper div.article ul li div.meinung, #content div.wrapper div.article ul li div.writeOpinion, #content div.wrapper div.article ul li div.writeOpinionError, #content div.wrapper div.article ul li div.writeOpinionSuccess, #content div.wrapper div.article ul li div.empfehlen, #content div.wrapper div.article ul li div.empfehlenError, #content div.wrapper div.article ul li div.empfehlenSuccess, #content div.wrapper div.article ul li div.download, #content div.wrapper div.article ul li div.bware { background: #ffffff; padding: 10px; } /* CONTENT => ARTICLE => SEARCH => AUTOCOMPLETER */ ul.autocompleter-choices { position: absolute; margin: 6px 0 0 -8px; padding: 0; list-style: none; border: 1px solid #83ac00; border-top-width: 0px; background-color: #ffffff; text-align: left; display: none; font-size: 14px; } .ie6 ul.autocompleter-choices, .ie7 ul.autocompleter-choices, .ie8 ul.autocompleter-choices { margin: 6px 0 0 -8px; } ul.autocompleter-choices li { position: relative; padding: 4px 15px 4px 9px; display: block; float: none !important; cursor: pointer; white-space: nowrap; line-height: 18px; color: #515151; } ul.autocompleter-choices li.autocompleter-selected { color: #fff; } ul.autocompleter-choices span.autocompleter-queried { display: inline; float: none; font-weight: bold; margin: 0; padding: 0; } ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried { color: #B40000; } /* CONTENT => ARTICLE => HEAD */ #content div.wrapper div.article ul li div.producerlogo { background-color: #ffffff; background-repeat: no-repeat; background-position: 10px 10px; height: 35px; } #content div.wrapper div.article ul li div.head div.picture { width: 270px; float: left; : center center; background-repeat: no-repeat; background-position: 10px 10px; } #content div.wrapper div.article ul li div.head div.picture a.mainpicture { width: 270px; height: 230px; display: block; cursor: default; text-align: center; } #content div.wrapper div.article ul li div.head div.picture a.mainpicture img { margin-left: 9px; margin-top: 9px; } #content div.wrapper div.article ul li div.head div.picture a.mainpicture span { display: none; } #content div.wrapper div.article ul li div.head div.picture div.gallery { margin-top: 10px; padding-left: 20px; } #content div.wrapper div.article ul li div.head div.picture a.gallery { cursor: pointer; cursor: -moz-zoom-in; cursor: -webkit-zoom-in; display: block; float:left; width: 40px; height: 40px; vertical-align: middle; } #content div.wrapper div.article ul li div.head div.picture a.gallery img { max-width: 40px; height: auto; border: 0px; } #content div.wrapper div.article ul li div.head div.delivery { width: 320px; float: right; padding-right: 10px; } #content div.wrapper div.article ul li div.head div.delivery span.name { font-size: 18px; font-weight: bold; } #content div.wrapper div.article ul li div.head div.delivery ul { display: block; margin: 5px 10px 0 0; } #content div.wrapper div.article ul li div.head div.delivery ul li { border-bottom: 1px dotted; margin: 0px; overflow: hidden; } #content div.wrapper div.article ul li div.head div.delivery ul li span.choosecolor, #content div.wrapper div.article ul li div.head div.delivery ul li a { padding: 5px 5px 5px 0px; display: block; height: 100%; float: right; width: 270px; color: #000000; text-decoration: none; background: #ffffff; } #content div.wrapper div.article ul li div.head div.delivery ul li span.choosecolor a { padding: 0px; display: inline; height: auto; float: none; width: auto; color: #000000; text-decoration: underline; } #content div.wrapper div.article ul li div.head div.delivery ul li.finance { background-position: -599px -120px; background-repeat: no-repeat; } #content div.wrapper div.article ul li div.head div.delivery ul li.finance:hover { background-position: -629px -120px; background-repeat: no-repeat; } #content div.wrapper div.article ul li div.head div.delivery ul li.shippingfree { background-position: -659px -120px; background-repeat: no-repeat; } #content div.wrapper div.article ul li div.head div.delivery ul li.express { background-position: -690px -120px; background-repeat: no-repeat; } #content div.wrapper div.article ul li div.head div.delivery ul li.express:hover { background-position: -720px -120px; background-repeat: no-repeat; } #content div.wrapper div.article ul li div.head div.delivery ul li.availability_gruen { background-position: -232px -121px; background-repeat: no-repeat;} #content div.wrapper div.article ul li div.head div.delivery ul li.availability_gelbgruen { background-position: -264px -121px; background-repeat: no-repeat;} #content div.wrapper div.article ul li div.head div.delivery ul li.availability_gelb { background-position: -296px -121px; background-repeat: no-repeat;} #content div.wrapper div.article ul li div.head div.delivery ul li.availability_rot { background-position: -328px -121px; background-repeat: no-repeat;} #content div.wrapper div.article ul li div.head div.delivery ul li.availability_grau { background-position: -360px -121px; background-repeat: no-repeat;} #content div.wrapper div.article ul li div.head div.delivery ul li.realtimecheck { background-position: -392px -121px; background-repeat: no-repeat;} #content div.wrapper div.article ul li div.head div.delivery ul li.last { border-bottom: 0px; } #content div.wrapper div.article ul li div.head div.delivery ul li.oneline a { padding-top: 8px; } #content div.wrapper div.article ul li div.head div.delivery ul li:hover, #content div.wrapper div.article ul li div.head div.delivery ul li a:hover { color: #000000; text-decoration: underline; } #content div.wrapper div.article ul li div.head div.delivery ul li.color:hover { color: #000000; text-decoration: none; } /* CONTENT => ARTICLE => BUY */ #content div.wrapper div.article ul li.buy { margin-bottom: 20px; } #content div.wrapper div.article ul li.buy.bware { margin-bottom: 0px; } #content div.wrapper div.article ul li div.shippingcosts { margin-top: 10px; width: 580px; color: #000000; padding: 10px 10px 10px 15px; height: 60px; background: url(../pics/background/shipping/dhl_hintergrund.jpg) no-repeat 0px 0px; display: none; } #content div.wrapper div.article ul li div.shippingcosts div.vorkasse { float: left; width: 125px; height: 20px; } #content div.wrapper div.article ul li div.shippingcosts div.nachnahme { float: left; width: 170px; height: 20px;} #content div.wrapper div.article ul li div.shippingcosts div.kreditkarte { float: left; width: 125px; height: 15px; } #content div.wrapper div.article ul li div.shippingcosts div.finanzierung { float: left; width: 135px; height: 15px; } #content div.wrapper div.article ul li div.shippingcosts div.sofortueberweisung { float: left; width: 190px; height: 15px; } #content div.wrapper div.article ul li div.shippingcosts div.paypal { float: left; width: 135px; height: 20px; } #content div.wrapper div.article ul li div.shippingcosts div.more { float: left; margin-top: 19px; height: 15px; } #content div.wrapper div.article ul li div.shippingcosts div.more a { text-decoration: none; color: #0088CC; } #content div.wrapper div.article ul li div.shippingcosts div.more a:hover { text-decoration: underline; } #content div.wrapper div.article ul li div.shippingcosts div span { font-size: 13px; font-weight: bold; } #content div.wrapper div.article ul li div.buy { position: relative; } #content div.wrapper div.article ul li div.buy div.ean { width: 265px; float: left; padding: 10px 0 10px 10px; } #content div.wrapper div.article ul li div.buy div.ean.smaler { width: 220px; } #content div.wrapper div.article ul li div.buy a.energylabel { font-family: 'Arial'; font-size: 26px; color: white; font-weight: bold; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; user-select: none; display: block; float: left; line-height: 30px; margin-top: 8px; text-decoration: none; height: 32px; padding-left: 7px; width: 57px; } #content div.wrapper div.article ul li div.buy a.energylabel.A { background: url("../pics/background/energylabel/a.svg") no-repeat; } #content div.wrapper div.article ul li div.buy a.energylabel.B { background: url("../pics/background/energylabel/b.svg") no-repeat; } #content div.wrapper div.article ul li div.buy a.energylabel.C { background: url("../pics/background/energylabel/c.svg") no-repeat; } #content div.wrapper div.article ul li div.buy a.energylabel.D { background: url("../pics/background/energylabel/d.svg") no-repeat; } #content div.wrapper div.article ul li div.buy a.energylabel.E { background: url("../pics/background/energylabel/e.svg") no-repeat; } #content div.wrapper div.article ul li div.buy a.energylabel.F { background: url("../pics/background/energylabel/f.svg") no-repeat; } #content div.wrapper div.article ul li div.buy a.energylabel.G { background: url("../pics/background/energylabel/g.svg") no-repeat; } #content div.wrapper div.article ul li div.buy a#Datenblatt { position: absolute; top: 42px; left: 231px; font-size: 9px; text-decoration: underline; color: #000000; } #content div.wrapper div.article ul li div.buy div.price { float: left; width: 175px; padding-top: 5px; } #content div.wrapper div.article ul li div.buy div.price.smaler { padding-left: 30px; width: 145px; } #content div.wrapper div.article ul li div.buy div.price span.euro { color: #525252; font-family: 'CenturyGothicBold'; font-size: 24px; } #content div.wrapper div.article ul li div.buy div.price span.price { color: #b40000; font-family: 'CenturyGothicBold'; font-size: 30px; } #content div.wrapper div.article ul li div.buy div.price span.addshipping { display: block; font-size: 9px; } #content div.wrapper div.article ul li div.buy div.price span.addshipping a { color: #000000; text-decoration: underline; } #content div.wrapper div.article ul li div.buy div.order { width: 130px; float: right; } #content div.wrapper div.article ul li div.buy div.order a { margin: 10px 0px 0 0; } /* CONTENT => ARTICLE => BWARE */ #content div.wrapper div.article ul li.bware { margin-bottom: 20px; } #content div.wrapper div.article ul li div.bware { position: relative; } /* CONTENT => ARTICLE => NAVIGATION */ #content div.wrapper div.article ul li.info { background: transparent; margin: 0px; } #content div.wrapper div.article ul li ul.navigation { width: 600px; } #content div.wrapper div.article ul li ul.navigation li { cursor: pointer; display: inline; float: left; margin: 0px; } #content div.wrapper div.article ul li ul.navigation li a { padding: 2px 12px 0 8px; font-weight: bold; font-size: 13px; border-left-width: 0px !important; height: 17px; background-color: #F7F7F7; color: #525252; text-decoration: none; display: block; } #content div.wrapper div.article ul li ul.navigation li.first a { border-left-width: 1px !important; } #content div.wrapper div.article ul li ul.navigation li.active a:hover, #content div.wrapper div.article ul li ul.navigation li.active a, #content div.wrapper div.article ul li ul.navigation li a:hover { padding: 3px 12px 0 9px; border: 0px; height: 18px; color: #ffffff; } #content div.wrapper div.article ul li ul.navigation li.first a:hover { padding-right: 13px; } #content div.wrapper div.article ul li ul.navigation li a span.green { color: #82AB00; } #content div.wrapper div.article ul li ul.navigation li a span.rating { font-size: 10px; } /* CONTENT => ARTICLE => INFO */ #content div.wrapper div.article ul li div.info ul { list-style: url(../pics/background/list.gif) none outside; padding: 5px 5px 30px 20px; } #content div.wrapper div.article ul li div.info ul li { margin-bottom: 0px; } #content div.wrapper div.article ul li div.info table.datasheet th { text-align: left; font-weight: bold; padding-top: 30px; } #content div.wrapper div.article ul li div.info table.datasheet tr:first-child th { padding-top: 5px; } #content div.wrapper div.article ul li div.info table.datasheet td { vertical-align: top; } #content div.wrapper div.article ul li div.info table.datasheet td:first-child { background: url("../pics/background/list.gif") no-repeat 5px -2px; padding-left: 20px; padding-right: 5px; } #content div.wrapper div.article ul li div.info ul li a { color: #000000; text-decoration: underline; } #content div.wrapper div.article ul li div.info p.disclaimer { font-size: 12px; margin-top: 20px; text-align: center; line-height: 16px; } #content div.wrapper div.article ul li div.info p.disclaimer a { color: #0088CC; text-decoration: none; } #content div.wrapper div.article ul li div.info p.disclaimer a:hover { text-decoration: underline; } #content div.wrapper div.article ul li div.info div.oehlbach { background: url(../pics/partnerlogos/oehlbach.jpg) no-repeat; width: 150px; height: 60px; margin: 5px auto; } /* CONTENT => ARTICLE => PRESSE */ #content div.wrapper div.article ul li div.presse { width: 580px; overflow: hidden; } #content div.wrapper div.article ul li div.presse ul li { border-bottom: 1px dotted; padding-bottom: 10px; overflow: hidden; margin: 0px; } #content div.wrapper div.article ul li div.presse ul li.last { border-bottom: 0px; padding-bottom: 0px; } #content div.wrapper div.article ul li div.presse ul li.testeo a.image { display: block; width: 290px; height: 265px; float: left; background-repeat: no-repeat; background-position: top left; } #content div.wrapper div.article ul li div.presse ul li.testeo a.grade { display: block; width: 290px; height: 265px; float: left; text-decoration: none; color: #000000; font-size: 14px; } #content div.wrapper div.article ul li div.presse ul li.testeo a.grade span { text-decoration: none; font-weight: bold; line-height: 260px; color: #0088cc; } #content div.wrapper div.article ul li div.presse ul li.testeo a.grade span:hover { text-decoration: underline; } #content div.wrapper div.article ul li div.presse ul li div.image { display: block; width: 290px; height: 60px; float: left; background-repeat: no-repeat; background-position: center left; } #content div.wrapper div.article ul li div.presse ul li div.grade { display: block; width: 290px; float: right; } #content div.wrapper div.article ul li div.presse ul li div.grade h1 { display: block; font-weight: bold; } #content div.wrapper div.article ul li div.presse ul li div.grade a { color: #000000; text-decoration: underline; } /* CONTENT => ARTICLE => MEINUNG */ #content div.wrapper div.article ul li div.meinung { margin-bottom: 10px; } #content div.wrapper div.article ul li div.meinung ul li { padding-bottom: 10px; border-bottom: 1px dotted; } #content div.wrapper div.article ul li div.meinung ul li.last { border-bottom: 0px; padding-bottom: 0px; } #content div.wrapper div.article ul li div.meinung ul li div.headline { font-weight: bold; font-size: 13px; } #content div.wrapper div.article ul li div.meinung ul li div.headline img { vertical-align: middle; } #content div.wrapper div.article ul li div.meinung ul li div.headline span { margin-left: 10px; } #content div.wrapper div.article ul li div.meinung ul li a.write { text-decoration: none; color: #0088cc; display: block; text-align: right; margin-bottom: 5px; } #content div.wrapper div.article ul li div.meinung ul li a.write:hover { text-decoration: underline; } #content div.wrapper div.article ul li div.meinung ul li div.text { text-align: justify; } #content div.wrapper div.article ul li div.meinung ul li div.author { font-weight: bold; font-size: 13px; margin-top: 10px; color: #525252; } #content div.wrapper div.article ul li div.writeOpinion { overflow: hidden; } #content div.wrapper div.article ul li div.writeOpinion h1 { display: block; font-size: 15px; font-weight: bold; margin-bottom: 10px; } #content div.wrapper div.article ul li div.writeOpinion label { display: block; width: 90px; float: left; color: #525252; font-weight: bold; line-height: 30px; } #content div.wrapper div.article ul li div.writeOpinion div.spacer { height: 10px; line-height: 10px; } #content div.wrapper div.article ul li div.writeOpinion div.sterne { float: left; width: 480px; padding-top: 3px; } #content div.wrapper div.article ul li div.writeOpinion div.sterne input.radio { position: relative; display: inline !important; margin: -5px 0 0 -22px; opacity: 0; } .ie6 #content div.wrapper div.article ul li div.writeOpinion div.sterne input.radio, .ie7 #content div.wrapper div.article ul li div.writeOpinion div.sterne input.radio, .ie8 #content div.wrapper div.article ul li div.writeOpinion div.sterne input.radio { opacity: 1; filter: alpha(opacity=100); margin: 0px; } #content div.wrapper div.article ul li div.writeOpinion div.sterne img { margin-bottom: 2px; } #content div.wrapper div.article ul li div.writeOpinion input#meinung_headline, #content div.wrapper div.article ul li div.writeOpinion input#meinung_name, #content div.wrapper div.article ul li div.writeOpinion input#meinung_email { font-size: 13px; display: block; border: 1px dotted; line-height: 14px; height: 18px; padding: 5px; width: 476px; float: right; font-weight: normal; } #content div.wrapper div.article ul li div.writeOpinion textarea#meinung_text { font-size: 13px; display: block; font-weight: normal; padding: 5px; width: 476px; height: 100px; float: right; resize: none; } #content div.wrapper div.article ul li div.writeOpinion p.disclaimer { display: block; padding-left: 100px; } #content div.wrapper div.article ul li div.writeOpinion button { margin-top: 5px; float: right; } #content div.wrapper div.article ul li div.writeOpinionError, #content div.wrapper div.article ul li div.empfehlenError { margin-bottom: 10px; padding-left: 50px; background-image: url(../pics/background/symbole/error.gif); background-repeat: no-repeat; background-position: 10px 10px; } #content div.wrapper div.article ul li div.empfehlenError p, #content div.wrapper div.article ul li div.writeOpinionError p { font-weight: bold; font-size: 15px; margin-bottom: 5px; } #content div.wrapper div.article ul li div.empfehlenSuccess, #content div.wrapper div.article ul li div.writeOpinionSuccess { margin-bottom: 10px; padding-left: 50px; background-image: url(../pics/background/symbole/ok.gif); background-repeat: no-repeat; background-position: 10px 10px; } #content div.wrapper div.article ul li div.empfehlenSuccess p, #content div.wrapper div.article ul li div.writeOpinionSuccess p { font-weight: bold; margin-bottom: 5px; } #content div.wrapper div.article ul li div.empfehlenSuccess p.anrede, #content div.wrapper div.article ul li div.writeOpinionSuccess p.anrede { font-size: 15px; } /* CONTENT => ARTICLE => EMPFEHLEN */ #content div.wrapper div.article ul li div.empfehlen { overflow: hidden; } #content div.wrapper div.article ul li div.empfehlen h1 { display: block; font-size: 15px; font-weight: bold; margin-bottom: 10px; } #content div.wrapper div.article ul li div.empfehlen label { display: block; width: 100px; float: left; color: #525252; font-weight: bold; line-height: 30px; } #content div.wrapper div.article ul li div label#securecode { background: url(../pics/background/spamcode.gif) center right no-repeat; width: 255px; } #content div.wrapper div.article ul li div.empfehlen div.spacer { height: 10px; line-height: 10px; } #content div.wrapper div.article ul li div.empfehlen textarea#empfehlen_text, #content div.wrapper div.article ul li div.empfehlen input#empfehlen_empfaengername, #content div.wrapper div.article ul li div.empfehlen input#empfehlen_empfaengeremail, #content div.wrapper div.article ul li div.empfehlen input#empfehlen_senderemail, #content div.wrapper div.article ul li div.empfehlen input#empfehlen_sendername, #content div.wrapper div.article ul li div input#empfehlen_code { font-size: 13px; display: block; line-height: 14px; height: 18px; padding: 5px; width: 450px; float: right; font-weight: normal; } #content div.wrapper div.article ul li div.empfehlen textarea#empfehlen_text { height: 100px; resize: none; } #content div.wrapper div.article ul li div input#empfehlen_code { width: 305px; } #content div.wrapper div.article ul li div.empfehlen button { margin-top: 5px; float: right; } /* CONTENT => ARTICLE => DOWNLOAD */ #content div.wrapper div.article ul li div.download { overflow: hidden; } #content div.wrapper div.article ul li div.download h1 { display: block; font-size: 15px; font-weight: bold; margin-bottom: 10px; } #content div.wrapper div.article ul li div.download div.text { border-bottom: 1px dotted; margin-bottom: 10px; } #content div.wrapper div.article ul li div.download div.text.last { border-bottom: 0px; margin-bottom: 0px; } #content div.wrapper div.article ul li div.download div.text ul { list-style: url(../pics/background/list.gif) none outside; } #content div.wrapper div.article ul li div.download div.text ul li.last {} #content div.wrapper div.article ul li div.download div.text ul li h2 { font-weight: bold; font-size: 13px; color: #525252; margin-bottom: 5px; } #content div.wrapper div.article ul li div.download div.text ul li p.language { margin-bottom: 10px; } #content div.wrapper div.article ul li div.download div.text ul li p a { color: #0088CC; font-weight: bold; text-decoration: none; } #content div.wrapper div.article ul li div.download div.text ul li p a:hover { text-decoration: underline; } #content div.wrapper div.article ul li div.download div.text.pdf { padding-left: 100px; background-image: url(../pics/background/download/pdf.gif); background-repeat: no-repeat; } #content div.wrapper div.article ul li div.download div.text.video { padding-left: 100px; background-image: url(../pics/background/download/video.gif); background-repeat: no-repeat; } #content div.wrapper div.article ul li div.download div.text.audio { padding-left: 100px; background-image: url(../pics/background/download/audio.gif); background-repeat: no-repeat; } #content div.wrapper div.article ul li div.download div.text.firmware { padding-left: 100px; background-image: url(../pics/background/download/firmware.gif); background-repeat: no-repeat; } #content div.wrapper div.article ul li div.download div.text.software { padding-left: 100px; background-image: url(../pics/background/download/software.gif); background-repeat: no-repeat; } /* CONTENT => ARTICLE => ACCESSORIES */ #content div.wrapper div.accessories ul li { background-color: #f7f7f7; line-height: 20px; padding: 2px 5px 0px 20px; } #content div.wrapper div.accessories ul li.head { height: 18px; font-weight: bold; font-size: 13px; color: #ffffff; padding: 3px 0 0 5px; border: 0px; line-height: normal;} #content div.wrapper div.accessories ul li.results { background: url(../pics/background/arrow.gif) no-repeat 4px 6px #f7f7f7; } #content div.wrapper div.accessories ul li.results ul li { background: url(../pics/background/arrow.gif) no-repeat 4px 6px #f7f7f7; } #content div.wrapper div.accessories ul li.results a { color: #000000; text-decoration: underline; } #content div.wrapper div.accessories ul li.article { line-height: normal; padding: 2px 5px 2px 5px; margin: 10px 0px; text-align: center; background-color: #ffffff; } #content div.wrapper div.accessories ul li.article.first { margin-top: 0px; } #content div.wrapper div.accessories ul li.article a { display: block; text-decoration: none; color: #515151; } #content div.wrapper div.accessories ul li.article a img { display: block; width: 80px; margin: 2px auto 0 auto; } #content div.wrapper div.accessories ul li.article a span.features { font-size: 11px; } #content div.wrapper div.accessories ul li.article a span.name { font-weight: bold; display: block; margin: 10px 0 5px 0; } #content div.wrapper div.accessories ul li.article a.more { font-size: 11px; display: inline; color: #515151; text-decoration: none; } #content div.wrapper div.accessories ul li.article a.more:hover { text-decoration: underline; } #content div.wrapper div.accessories ul li.article a span.price { color:#B40000; font-size:15px; font-family: 'CenturyGothicBold'; } #content div.wrapper div.accessories ul li.article a span.euro { color:#515151; font-size:12px; font-family: 'CenturyGothicBold'; } /* CONTENT => EMAILWARNING & PAYPALWARNING */ #content div.wrapper div ul li.error { padding: 15px 10px 10px 50px; background: url(../pics/background/symbole/error.gif) no-repeat 10px 5px #ffffff; font-weight: bold; font-size: 13px; } #content div.wrapper div ul li.ok { padding: 15px 10px 10px 50px; background: url(../pics/background/symbole/ok.gif) no-repeat 10px 5px #ffffff; font-weight: bold; font-size: 13px; } #content div.wrapper div ul li.paypalOK { padding: 15px 10px 10px 50px; background: url(../pics/background/symbole/paypal_ok.gif) no-repeat 10px 5px #ffffff; font-weight: bold; font-size: 13px; } #content div.wrapper div ul li.paypalWarning { padding: 15px 10px 10px 50px; background: url(../pics/background/symbole/paypal_error.gif) no-repeat 10px 5px #ffffff; font-weight: bold; font-size: 13px; } #content div.wrapper div ul li.sofortueberweisungOK { padding: 15px 10px 10px 50px; background: url(../pics/background/symbole/sofortueberweisung_ok.gif) no-repeat 10px 5px #ffffff; font-weight: bold; font-size: 13px; } #content div.wrapper div ul li.sofortueberweisungWarning { padding: 15px 10px 10px 50px; background: url(../pics/background/symbole/sofortueberweisung_error.gif) no-repeat 10px 5px #ffffff; font-weight: bold; font-size: 13px; } #content div.wrapper div ul li.amazonWarning { padding: 15px 10px 10px 50px; background: url(../pics/background/symbole/amazon_error.gif) no-repeat 10px 10px #ffffff; font-weight: bold; font-size: 13px; } #content div.wrapper div ul li.emailOK { padding: 15px 10px 10px 50px; background: url(../pics/background/symbole/ok.gif) no-repeat 10px 5px #ffffff; font-weight: bold; font-size: 13px; } #content div.wrapper div ul li.emailWarning { padding: 15px 10px 10px 50px; background: url(../pics/background/symbole/error.gif) no-repeat 10px 10px #ffffff; font-size: 13px; position: relative; } #content div.wrapper div ul li.emailWarning p.attention { font-weight: bold; margin-bottom: 5px; } #content div.wrapper div ul li.emailWarning p.text { margin-bottom: 5px; } #content div.wrapper div ul li.emailWarning p.web { background: url(../pics/background/emailwarning/web.gif) no-repeat 0px 0px; display: block; height: 265px; } #content div.wrapper div ul li.emailWarning p.aol { background: url(../pics/background/emailwarning/aol.gif) no-repeat 0px 0px; display: block; height: 265px; } #content div.wrapper div ul li.emailWarning p.gmx { background: url(../pics/background/emailwarning/gmx.gif) no-repeat 0px 0px; display: block; height: 265px; } /* CONTENT => RECOMMEND */ #content div.recommend ul li { background-color: #f7f7f7; line-height: 20px; padding: 0px; } #content div.recommend ul li.article { line-height: normal; margin: 10px 0px; text-align: center; padding: 5px 3px; } #content div.recommend ul li.article.first { margin-top: 0px; } #content div.recommend ul li.article a { display: block; text-decoration: none; color: #515151; } #content div.recommend ul li.article a img.image { display: block; width: 120px; margin: 0px auto; } #content div.recommend ul li.article a span { display: block; } #content div.recommend ul li.article a span.price.even { margin-top: -50px; margin-left: 70px; } #content div.recommend ul li.article a span.price.odd { margin-top: -50px; margin-right: 70px; } #content div.recommend ul li.article a span.price { font-size: 14px; font-family: 'CenturyGothicBold'; } #content div.recommend ul li.article a span.price img { vertical-align: middle; } #content div.recommend ul li.article a span.moreinfo { text-decoration: none; color: #0088CC; } #content div.recommend ul li.article a:hover span.moreinfo { text-decoration: underline; } #content div.recommend ul li.article a span.name strong { font-weight: bold; font-size: 14px; font-style: italic; } #content div.recommend ul li.article a span.pricevalue { display: inline; font-size: 30px; color: #b40000; } /* CONTENT => AKTION */ #content div.aktion { padding-top: 20px; } /* CONTENT => INDEX */ #content div.wrapper div.index { width: 800px; } #content div.wrapper div.index ul li.imageflowlist { width: 800px; } #content div.wrapper div.index ul li.Bestseller { width: 780px; padding: 10px 10px 0 10px; background-color: #ffffff; } /* CONTENT => INDEX => SEARCH */ #content div.wrapper div.searchbig ul li div.search { height:19px; padding:1px; } #content div.wrapper div.searchbig ul li div.search div.select { width: 110px; height: 17px; font-size: 13px; font-weight: bold; color: #ffffff; padding: 2px 0 0 5px; float: left; } #content div.wrapper div.searchbig ul li div.search div.input { width: 620px; height: 19px; background: #ffffff; float: left; } #content div.wrapper div.searchbig ul li div.search div.input input { font-size: 13px; min-height: 17px; color: #515151; font-weight: bold; width: 600px; padding: 2px 0 0 23px; background-color: transparent; background-position: -179px -202px; } #content div.wrapper div.searchbig ul li div.search div.input input.autocompleter-loading { background: transparent url(../pics/loader/small_656565.gif) no-repeat 3px 1px; } #content div.wrapper div.searchbig ul li div.search button.submitform { display: block; width: 59px; height: 19px; float: right; background: transparent; font-size: 13px; font-weight: bold; color: #ffffff; cursor: pointer; } /* CONTENT => INDEX => BESTSELLER */ #content div.wrapper div.index ul li.Bestseller div.bestseller { background: #ffffff; width: 780px; overflow: hidden; } #content div.wrapper div.index ul li.Bestseller div.bestseller h1 { display: block; font-size: 15px; font-weight: bold; margin-bottom: 10px; } #content div.wrapper div.index ul li.Bestseller div.bestseller div.article { float: left; width: 240px; padding-bottom: 10px; margin: 0 10px 10px 0px; border-bottom: 1px dotted; } #content div.wrapper div.index ul li.Bestseller div.bestseller div.article.noBorder { border-bottom: 0px; margin-bottom: 0px; } #content div.wrapper div.index ul li.Bestseller div.bestseller div.article div.left { float: left; width: 90px; } #content div.wrapper div.index ul li.Bestseller div.bestseller div.article div.left img.picture { display: block; width: 80px;} #content div.wrapper div.index ul li.Bestseller div.bestseller div.article div.left span.price { color: #b40000; font-size: 18px; font-family: 'CenturyGothicBold'; } #content div.wrapper div.index ul li.Bestseller div.bestseller div.article div.left span.price span.euro { font-size: 12px; color: #515151; } #content div.wrapper div.index ul li.Bestseller div.bestseller div.article div.left span.time { color: #515151; display: block; } #content div.wrapper div.index ul li.Bestseller div.bestseller div.article div.right { float: right; width: 140px; } #content div.wrapper div.index ul li.Bestseller div.bestseller div.article div.right div.text { width: 140px; height: 108px; margin-bottom: 3px; overflow: hidden; line-height: 13px; } #content div.wrapper div.index ul li.Bestseller div.bestseller div.article div.right div.text strong { font-weight: bold; display: block; margin-bottom: 5px; } #content div.wrapper div.index ul li.Bestseller div.bestseller div.article div.right a.info { float: right; color: #ffffff; } #content div.wrapper div.index ul li.Bestseller div.bestseller div.article a.picture { display: block; text-decoration: none; color: #000000; width: 80px; height: 100px; background-position: top center; background-repeat: no-repeat; background-size: contain; } /* EXTRA */ /* EXTRA => DASHBOARD */ .datepicker_dashboard { z-index: 20; position: absolute; font-size: 10px; font-family: "Lucida Grande", LucidaGrande, "Lucida Sans", Geneva, Verdana, sans-serif; color: #fff; line-height: normal; width: 172px; height: 135px; padding: 14px; background: url(../pics/background/calendar/frame.png) no-repeat; } .datepicker_dashboard .header { position: relative; height: 15px; margin-bottom: 5px; padding-top: 1px; } .datepicker_dashboard .header .title { text-align: center; margin: 2px 18px 0 18px; } .datepicker_dashboard .header .titleText { color: #ccff00; } .datepicker_dashboard .header .previous, .datepicker_dashboard .header .next, .datepicker_dashboard .header .closeButton { position: absolute; cursor: pointer; text-indent: -40px; overflow: hidden; width: 12px; height: 12px; top: 2px; background-image: url(../pics/background/calendar/buttons.png); background-position: left top; background-repeat: no-repeat; } .datepicker_dashboard .header .previous { left: 4px; } .datepicker_dashboard .header .previous:hover { background-position: left bottom; } .datepicker_dashboard .header .next { right: 4px; background-position: -13px top; } .datepicker_dashboard .header .next:hover { background-position: -13px bottom; } .datepicker_dashboard .header .closeButton { display: none; right: 0px; top: 0px; background-position: right top; } .datepicker_dashboard .header .closeButton:hover { background-position: right bottom; } .datepicker_dashboard .body { position: relative; top: 0px; left: 2px; width: 168px; height: 112px; overflow: hidden; } .datepicker_dashboard .time { position: relative; width: 100%; height: 100%; } .datepicker_dashboard .time .hour, .datepicker_dashboard .time .separator, .datepicker_dashboard .time .minutes { background: #333; border: 0px; width: 50px; font-size: 32px; color: #fff; position: absolute; top: 10px; text-align: center; padding: 2px; } .datepicker_dashboard .time .hour { left: 15px; } .datepicker_dashboard .time .separator { background: transparent; width: 10px; left: 76px; } .datepicker_dashboard .time .minutes { left: 95px; } .datepicker_dashboard .time .ok { position: absolute; top: 65px; height: 32px; width: 136px; left: 15px; font-size: 20px; } .datepicker_dashboard .days .day { float: left; text-align: center; overflow: hidden; width: 23px; padding-top: 1px; height: 14px; margin: 0 1px 1px 0; } .datepicker_dashboard .days .titles { height: 15px; margin-bottom: 2px; text-transform: uppercase; color: #aaa; } .datepicker_dashboard .days .day0 { margin-right: 0; } .datepicker_dashboard .days .week5 .day { margin-bottom: 0; } .datepicker_dashboard .days .week .day { cursor: pointer; } .datepicker_dashboard .days .week .day:hover { color: #ccff00; } .datepicker_dashboard .days .otherMonth { color: #444444; } .datepicker_dashboard .days .selected { color: #ccff00; font-weight: bold; } .datepicker_dashboard .months .month { float: left; cursor: pointer; text-align: center; padding-top: 6px; width: 55px; overflow: hidden; height: 21px; margin: 0 1px 1px 0; } .datepicker_dashboard .months .month3, .datepicker_dashboard .months .month6, .datepicker_dashboard .months .month9, .datepicker_dashboard .months .month12 { margin-right: 0; } .datepicker_dashboard .months .month10, .datepicker_dashboard .months .month11, .datepicker_dashboard .months .month12 { margin-bottom: 0; } .datepicker_dashboard .months .month:hover { color: #ccff00; } .datepicker_dashboard .months .selected { color: #ccff00; } .datepicker_dashboard .years .year { float: left; cursor: pointer; text-align: center; padding-top: 6px; width: 32px; overflow: hidden; height: 21px; margin: 0 1px 1px 0; } .datepicker_dashboard .years .year4, .datepicker_dashboard .years .year9, .datepicker_dashboard .years .year14, .datepicker_dashboard .years .year19 { margin-right: 0; } .datepicker_dashboard .years .year15, .datepicker_dashboard .years .year16, .datepicker_dashboard .years .year17, .datepicker_dashboard .years .year18, .datepicker_dashboard .years .year19 { margin-bottom: 0; } .datepicker_dashboard .years .year:hover { color: #ccff00; } .datepicker_dashboard .years .selected { color: #ccff00 } .datepicker_dashboard .unavailable { color: #533 !important; cursor: default !important; text-decoration: line-through; } /* EXTRA => IMAGEFLOW */ .imageflow { visibility:hidden; position: relative; text-align: left; width: 100%; } .imageflow img { visibility:hidden; position: absolute; top: 0px; border: none; -ms-interpolation-mode:bicubic; } .imageflow p { text-align:center; margin:0 auto; } .imageflow .loading { position: relative; left: 50%; margin-left: -106px; width: 200px; height: 32px; margin-top: 5px; padding:5px; visibility: visible; background: url(../pics/loader/big_transparent.gif) top center no-repeat; } .imageflow .loading_bar { height: 15px; width: 1%; background: #fff; visibility: hidden; } .imageflow .caption { font-weight:bold; font-size: 13px; position:relative; text-align:center; z-index:20; top: 0px; color: #000000; } .imageflow .caption a.article { text-decoration: none; color: #0088cc; } .imageflow .caption a.price { text-decoration: none; color: #b40000; } .imageflow .caption a.article:hover { text-decoration: underline; } .imageflow .caption a.price:hover { text-decoration: underline; } .imageflow .scrollbar { visibility:hidden; position:relative; border-bottom:1px solid #86b000; z-index:101; } .imageflow .slider { position:absolute; margin-top:-7px; margin-left:-30px; z-index:102; background-image:url(../pics/background/imageflow/slider_green.png); background-repeat:no-repeat; width:60px; height:20px;} /* EXTRA => SQUEEZEBOX */ #sbox-window embed, #sbox-window object, #sbox-window select { visibility: visible; } #sbox-overlay { position: absolute; background-color: #000; } #sbox-window { position: absolute; background-color: #fff; text-align: left; overflow: visible; padding: 1px; -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);} #sbox-btn-close { position: absolute; z-index: 65560; display: block; width: 30px; height: 30px; right: -15px; top: -15px; cursor: pointer; background: url(../pics/background/squeezebox/closebox_black_red.png) no-repeat 0px 0px; border: none; } #sbox-btn-close.mac { left: -15px; right: 0px; } #sbox-btn-close:hover { background-position: 0 -30px; } .sbox-loading #sbox-content { background-image: url(../pics/loader/small_ffffff.gif); background-repeat: no-repeat; background-position: center; } .sbox-loading-big #sbox-content { background-image: url(../pics/loader/big_ffffff.gif); background-repeat: no-repeat; background-position: center; } #sbox-content { clear: both; overflow: hidden; background-color: #fff; height: 100%; width: 100%; } .sbox-content-image#sbox-content { overflow: visible; } #sbox-image { display: block; } .sbox-content-image img { display: block; } .sbox-content-iframe#sbox-content { overflow: visible; } .body-overlayed embed, .body-overlayed object, .body-overlayed select { visibility: hidden; } /* EXTRA => CERABOX => OVERLAY */ #cerabox h1 { display: block; margin: 0 auto; height: 18px; color:#FFFFFF; font-size: 13px; font-weight: bold; padding: 3px 5px 0 5px; } #cerabox div#lbOverlayExpress { width: 500px; height: 326px; background: url(../pics/background/overlay/express.jpg) no-repeat; } #cerabox div#lbOverlayExpress h1 { width: 240px; } #cerabox div#lbOverlayExpress div.content { width: 395px; margin-left: 52px; margin-top: 30px; padding: 5px; background-color: #fff; } #cerabox div#lbOverlayFinanzierung { width: 469px; height: 540px; overflow: hidden; background: url(../pics/background/overlay/finanzierung.jpg) no-repeat; } #cerabox div#lbOverlayFinanzierung h1 { width: 215px; } #cerabox div#lbOverlayFinanzierung div.content { width: 395px; margin-left: 30px; margin-top: 10px; padding: 5px; background-color: #fff; } #cerabox div#lbOverlayFinanzierung div.content a { text-decoration: none; color: #0088CC; } #cerabox div#lbOverlayFinanzierung div.content a:hover { text-decoration: underline; } #cerabox div#lbOverlayFinanzierung iframe#santanderiframe { height: 400px; width: 467px; margin: 90px auto 0 auto; } #cerabox div#lbOverlayFrachtfrei { width: 442px; height: 364px; background: url(../pics/background/overlay/frachtfrei.jpg) no-repeat;} #cerabox div#lbOverlayFrachtfrei h1 { width: 150px; } #cerabox div#lbOverlayFrachtfrei div.content { width: 395px; margin-left: 23px; margin-top: 30px; padding: 5px; background-color: #fff; } #cerabox div#lbOverlayFrachtfrei div.content.vorkasse { margin-top: 10px; } #cerabox div#lbOverlayLieferzeit { width: 554px; height: 390px; background: url(../pics/background/overlay/lieferzeiten.jpg) no-repeat; } #cerabox div#lbOverlayLieferzeit h1 { width: 200px; } #cerabox div#lbOverlayLieferzeit div.content { margin-left: 131px; margin-top: 12px; } #cerabox div#lbOverlayLieferzeit ul li { width: 375px; line-height: 19px; height: 46px; margin-bottom: 5px; } #cerabox div#lbOverlayLieferzeit ul li.last { line-height: 40px; } #cerabox div#lbOverlayLieferzeit ul li.disclaimer { height: auto; padding: 5px; text-align: justify; width: 367px; line-height: normal; font-size: 11px; } #cerabox div#lbOverlayShippingInfo { width: 442px; height: 364px; background: url(../pics/background/overlay/shippinginfo.jpg) no-repeat;} #cerabox div#lbOverlayShippingInfo h1 { width: 400px; } #cerabox div#lbOverlayShippingInfo div.content { width: 395px; margin-left: 23px; margin-top: 10px; padding: 5px; background-color: #fff; } #cerabox div#lbOverlayShippingInfo div.content.first { margin-top: 10px; } /* EXTRA => FORMCHECKER */ .fc-tbx .tl { background: url(../pics/background/formchecker/tl.png) no-repeat; } .fc-tbx .t { background: url(../pics/background/formchecker/t.png) repeat-x; height: 16px; } .fc-tbx .tr { background: url(../pics/background/formchecker/tr.png) no-repeat; } .fc-tbx .l { background: url(../pics/background/formchecker/l.png) repeat-y; width: 16px; } .fc-tbx .r { background: url(../pics/background/formchecker/r.png) repeat-y; width: 16px; } .fc-tbx .bl { background: url(../pics/background/formchecker/bl.png) no-repeat; } .fc-tbx .b { background: url(../pics/background/formchecker/b.png) no-repeat; height: 25px; } .fc-tbx .br { background: url(../pics/background/formchecker/br.png) no-repeat; } .fc-tbx .c { background: url(../pics/background/formchecker/c.png) repeat; } .fc-tbx a.close { float: right; background: url(../pics/background/formchecker/close.png) no-repeat; position: relative; margin-left: 5px; display: block; width: 10px; height: 10px; cursor: pointer; } .fc-tbx .err { float: left; } .fc-tbx p { width : auto; display: block; font-size: 11px; font-weight: bold; margin: 0; padding: 0; border: 0; color: #FFF; } .ajax_loader { background: url(../pics/background/loader/small_ffffff.gif) no-repeat center; width: 200px; height: 150px; } /* EXTRA => CERABOX */ #cerabox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1106; display: none; -webkit-transform: scale(1); -webkit-transform-origin: 50% 50%; -moz-transform: scale(1); -moz-transform-origin: 50% 50%; transform: scale(1); transform-origin: 50% 50%; } #cerabox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url("../pics/background/cerabox.png"); } #cerabox-background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1100; display: none; background: #000; opacity: 0.25; } #cerabox { position: absolute; top: 50%; left: 50%; z-index: 1101; display: none; opacity: 0; background: #fff; padding: 1px; -moz-box-shadow: 0 10px 25px rgba(0,0,0,0.5); -webkit-box-shadow: 0 10px 25px rgba(0,0,0,0.5); box-shadow: 0 10px 25px rgba(0,0,0,0.5); -webkit-transform: scale(1); -webkit-transform-origin: 0 0; -moz-transform: scale(1); -moz-transform-origin: 0 0; transform: scale(1); transform-origin: 0 0; } #cerabox .cerabox-content { width: 100%; height: 100%; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid #fff; -moz-box-shadow: 0 0 30px -5px #333; -webkit-box-shadow: 0 0 30px -5px #333; box-shadow: 0 0 30px -5px #333; } #cerabox span.cerabox-error, #cerabox .cerabox-title span { padding: 10px; display: block; font-family: Helvetica; font-size: 12px; color: #000; line-height: normal; } #cerabox span.cerabox-error { text-align: justify; } #cerabox .cerabox-title span { display: none; color: #fff; } #cerabox .cerabox-title { z-index: 1102; position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; background: #000; background: rgba(0,0,0,.8); width: 100%; -webkit-transform: scale(1); -webkit-transform-origin: 0 100%; -moz-transform: scale(1); -moz-transform-origin: 0 100%; transform: scale(1); transform-origin: 0 100%; } #cerabox .cerabox-close { position: absolute; top: -20px; right: -20px; width: 40px; height: 40px; background: url('../pics/background/cerabox.png') -42px 0px no-repeat; cursor: pointer; z-index: 1105; -webkit-transform: scale(1); -webkit-transform-origin: 100% 0; -moz-transform: scale(1); -moz-transform-origin: 100% 0; transform: scale(1); transform-origin: 100% 0; } #cerabox .cerabox-content img.ceraImage { float: left; width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; } #cerabox .cerabox-content iframe.ceraIframe { width: 100%; height: 100%; border: none; display: block; } #cerabox a.cerabox-left, #cerabox a.cerabox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url('../pics/background/blank.gif'); z-index: 1104; display: none; } #cerabox a.cerabox-left { left: 0px; -webkit-transform: scale(1); -webkit-transform-origin: 0 50%; -moz-transform: scale(1); -moz-transform-origin: 0 50%; transform: scale(1); transform-origin: 0 50%; } #cerabox a.cerabox-right { right: 0px; -webkit-transform: scale(1); -webkit-transform-origin: 100% 50%; -moz-transform: scale(1); -moz-transform-origin: 100% 50%; transform: scale(1); transform-origin: 100% 50%; } #cerabox a.cerabox-left span, #cerabox a.cerabox-right span { position: absolute; top: 50%; /*left: -9999px;*/ width: 40px; height: 40px; margin-top: -20px; cursor: pointer; z-index: 1104; display: block; } #cerabox a.cerabox-left:hover span, #cerabox.mobile a.cerabox-left span { background-image: url('../pics/background/cerabox.png'); background-position: -42px -40px; background-repeat: no-repeat; left: -20px; } #cerabox a.cerabox-right:hover span, #cerabox.mobile a.cerabox-right span { background-image: url('../pics/background/cerabox.png'); background-position: -42px -80px; background-repeat: no-repeat; right: -20px; } #cerabox .cerabox-content-protection { display: none; position: absolute; background: transparent url('../pics/background/blank.gif'); z-index: 1103; left: 0; right: 0; bottom: 0; top: 0; -moz-user-select: none; -khtml-user-select: none; user-select: none; } /*IE6*/ #cerabox-loading.ceraboxbox-ie6 { position: absolute; margin-top: 0; top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'); } /*Mobile*/ #cerabox.mobile { /*width: 100% !important; height: 100% !important;*/ background: #000; } #cerabox.mobile .cerabox-content { background: #fff; /*CSS3*/ -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #cerabox.mobile .cerabox-content :first-child { background: #fff; } #cerabox.mobile .cerabox-close { top: 2px !important; right: 0 !important; } #cerabox.mobile a.cerabox-left span { left: 0 !important; } #cerabox.mobile a.cerabox-right span { right: 0 !important; } #cerabox.mobile a.cerabox-left, #cerabox.mobile a.cerabox-right { width: 10%; } /* @2x -------------------------------------------------------------------------------*/ @media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min--moz-device-pixel-ratio: 1.5), screen and (-o-min-device-pixel-ratio: 3/2), screen and (min-device-pixel-ratio: 1.5) { #cerabox-loading div, #cerabox .cerabox-close, #cerabox a.cerabox-left:hover span, #cerabox.mobile a.cerabox-left span, #cerabox a.cerabox-right:hover span, #cerabox.mobile a.cerabox-right span { /* Reference the @2x Sprite */ background-image: url('../pics/background/cerabox@2x.png'); /* Translate the @2x sprite's dimensions back to 1x */ background-size: 82px auto; } }