/*-- BOF - CSS RESET 1.33 (22.05.2015) ------------------------------------------------*/ *{margin:0;padding:0;}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,menu,nav,output,ruby,section,summary,time,mark,audio,video,button,input,select,textarea{border:none;outline:none;font-size:100%;font:inherit;vertical-align:baseline;background:none;text-decoration:none;word-spacing:normal;list-style:none;list-style-image:none;margin:0;padding:0;}html{color:#000;background:#FFF;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}body{line-height:1em;-webkit-tap-highlight-color:rgba(255,0,0,0.62);}:focus,:hover,:active{outline:none;}ins{text-decoration:none;}del{text-decoration:line-through;}b,strong,optgroup{font-weight:700;}i{font-style:italic;}table{border-collapse:collapse;border-spacing:0;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;}sup{top:-.5em;}sub{bottom:-.25em;}div,span,p,a,input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{font-size:100%;}legend{color:#000;}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;overflow:visible;}label,select,button,html input[type=button],input[type=reset],input[type=submit],input[type=radio],input[type=checkbox]{cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}.ie7 img,.ie8 img{-ms-interpolation-mode:bicubic;}audio,canvas,video{display:inline;zoom:1;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}textarea{resize:vertical;overflow-y:auto;}pre{white-space:pre-wrap;word-wrap:break-word;}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;}::selection,::-moz-selection{background:#39f;text-shadow:none;color:#FFF;}html,button,input,select,textarea{font-family:sans-serif;} /*-- EOF - CSS RESET 1.33 (22.05.2015) ------------------------------------------------*/ /*-- BOF - FONTS ------------------------------------------------*/ /* @font-face { font-family: 'Oswald'; src: url('fonts/Oswald-Light.eot'); src: local('Oswald Light'), local('Oswald-Light'), url('fonts/Oswald-Light.woff') format('woff'), url('fonts/Oswald-Light.ttf') format('truetype'), url('fonts/Oswald-Light.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Oswald'; src: url('fonts/Oswald-Regular.eot'); src: local('Oswald Regular'), local('Oswald-Regular'), url('fonts/Oswald-Regular.woff') format('woff'), url('fonts/Oswald-Regular.ttf') format('truetype'), url('fonts/Oswald-Regular.svg') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Fjalla One'; src: url('fonts/FjallaOne-Regular.eot'); src: local('Fjalla One'), local('FjallaOne-Regular'), url('fonts/FjallaOne-Regular.woff') format('woff'), url('fonts/FjallaOne-Regular.ttf') format('truetype'), url('fonts/FjallaOne-Regular.svg') format('svg'); font-weight: normal; font-style: normal; } */ @font-face { font-family: 'Fjalla One-120P'; src: url('fonts/FjallaOne-120P-Light.eot'); src: local('Fjalla One-120P Light'), local('FjallaOne-120P-Light'), url('fonts/FjallaOne-120P-Light.woff') format('woff'), url('fonts/FjallaOne-120P-Light.ttf') format('truetype'), url('fonts/FjallaOne-120P-Light.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Fjalla One-120P'; src: url('fonts/FjallaOne-120P-Regular.eot'); src: local('Fjalla One-120P Regular'), local('FjallaOne-120P-Regular'), url('fonts/FjallaOne-120P-Regular.woff') format('woff'), url('fonts/FjallaOne-120P-Regular.ttf') format('truetype'), url('fonts/FjallaOne-120P-Regular.svg') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Lobster'; src: url('fonts/Lobster.eot'); src: local('Lobster'), url('fonts/Lobster.woff') format('woff'), url('fonts/Lobster.ttf') format('truetype'), url('fonts/Lobster.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('fonts/Roboto-Regular.eot'); src: local('Roboto Regular'), local('Roboto-Regular'), url('fonts/Roboto-Regular.woff') format('woff'), url('fonts/Roboto-Regular.ttf') format('truetype'), url('fonts/Roboto-Regular.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('fonts/Roboto-Bold.eot'); src: local('Roboto Bold'), local('Roboto-Bold'), url('fonts/Roboto-Bold.woff') format('woff'), url('fonts/Roboto-Bold.ttf') format('truetype'), url('fonts/Roboto-Bold.svg') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('fonts/Roboto-BoldItalic.eot'); src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url('fonts/Roboto-BoldItalic.woff') format('woff'), url('fonts/Roboto-BoldItalic.ttf') format('truetype'), url('fonts/Roboto-BoldItalic.svg') format('svg'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Roboto'; src: url('fonts/Roboto-Italic.eot'); src: local('Roboto Italic'), local('Roboto-Italic'), url('fonts/Roboto-Italic.woff') format('woff'), url('fonts/Roboto-Italic.ttf') format('truetype'), url('fonts/Roboto-Italic.svg') format('svg'); font-weight: normal; font-style: italic; } /*-- EOF - FONTS ------------------------------------------------*/ /*-- BOF - BASICS ------------------------------------------------*/ html, button, input, select, textarea { font-family: Roboto, Arial, Helvetica, sans-serif; } /* font-family` inconsistency fix */ body { /*color: #6d6e71;*/ color: #444; font-size: 14px; padding: 0px; margin: 0px; font-family: Roboto, Arial, Helvetica, sans-serif; letter-spacing: 0px; line-height: 20px; word-spacing: normal; position: relative; } table td { padding: 2px 2px 2px 2px; } a { color: #888; } a:hover { color: #E184B0; text-decoration: underline; } ul { list-style-image: none; list-style: none outside; } ol li { padding: 0px 0px 0px 2px; } /*-- EOF - BASICS ------------------------------------------------*/ /*-- BOF - HELPER CLASSES ------------------------------------------------*/ .ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 150%; } .aural, .skip { display: none; } .hidden, visuallyHidden { display: none !important; } .invisible { visibility: hidden; } .right, .alignRight { float: right !important; } .left, .alignLeft { float: left !important; } .center, .alignCenter { text-align: center; margin: 0 auto; } .forceBreak { word-wrap: break-word; } .noMargin { margin: 0 0 0 0 !important; } .clear:before, .clear:after { content: " "; display: table; } .clear:after { clear: both; } .clear { *zoom: 1; } /*-- EOF - HELPER CLASSES ------------------------------------------------*/ /*-- BOF - TEXT ------------------------------------------------*/ hr, .hr { border: none; height: 1px; background: #DDD; width: 100%; clear: both; margin: 10px 0px 10px 0px; } p { padding: 0px; margin: 0px 0px 10px 0px; } small { font-size: 12px; } h1, h2, h3 { font-family: Fjalla One-120P, Roboto, Arial, Helvetica, sans-serif; padding: 0px; margin: 0px 0px 20px 0px; } h4, h5, h6 { font-size: 14px; font-weight: bold; line-height: 24px; font-family: Fjalla One-120P, Roboto, Arial, Helvetica, sans-serif; padding: 0px; margin: 0px; } h1 { font-size: 21px; line-height: 26px; } h2 { font-size: 18px; line-height: 24px; font-weight: bold; } h3 { font-size: 16px; line-height: 22px; font-weight: bold; } /*-- EOF - TEXT ------------------------------------------------*/ /*-- BOF - INPUT FIELDS ------------------------------------------------*/ input[type="text"], input[type="number"], input[type="password"], textarea, select { background: #FFF; border: 1px solid #DDD; border-radius: 2px; padding: 5px; box-shadow: 0px 0px 4px -1px #DDD; line-height: 1.4em; text-alig: left; } input[type="text"]:hover, input[type="number"]:hover, input[type="password"]:hover, textarea:hover, select:hover, input[type="text"]:focus, input[type="number"]:focus, input[type="password"]:focus, textarea:focus, select:focus { border: 1px solid #AAA; } input[type="radio"], input[type="checkbox"] { margin: 0px 8px 0px 8px; background: none; border: none; vertical-align: middle; } .longtextarea textarea { width: 99%; } /*-- EOF - INPUT FIELDS ------------------------------------------------*/ /*-- BOF - IMAGES ------------------------------------------------*/ img { padding: 0px; } p img { padding: 0px; max-width: 100%; } /*-- EOF - IMAGES ------------------------------------------------*/ /*-- BOF - CONTAINER / WRAPPER ------------------------------------------------*/ #wrapper { width: auto; margin: 0 auto; padding: 20px 0px 20px 0px; background: #fff url(img/back.png) repeat; } #page_wrapper { width: 960px; margin: 0 auto; position: relative; background: #fff; padding: 20px; border: 1px solid #e0dbd7; /* box-shadow: 0 0 64px -24px rgba(48,43,43,0.555); */ box-shadow: 0px 0px 45px -18px #777; } #popup_wrapper { max-width: 780px; margin: 0 auto; background: #fff; padding: 10px; } /* INHALT DER SEITE */ #content_wrapper { width: 685px; margin: 255px 0px 0px 0px; float: right; position: relative; } #content_wrapper.full { width: 100%; float: none; } #content_wrapper.no_trail { margin: 220px 0px 0px 0px; } #popup_content_wrapper { width: 100%; margin: 0px; position: relative; } /* LINKE SEITENLEISTE */ #left_sidebar { width: auto; float: left; margin: 255px 0px 0px 0px; } /*-- EOF - CONTAINER / WRAPPER ------------------------------------------------*/ /*-- BOF - BACK TO TOP SCROLLING ------------------------------------------------*/ #back_to_top { display: none; text-decoration: none; position: absolute; bottom: 120px; right: -36px; overflow: hidden; width: 35px; height: 40px; border: 1px solid #DDD; border-left: none; border-radius: 0px 5px 5px 0px; text-indent: 100%; background: #FFF url(img/back_to_top.png) no-repeat 4px -21px; box-shadow: 3px 3px 10px -8px #777777; } #back_to_top:hover { background-position: 4px 16px; display:block; } #back_to_top:active, #back_to_top:focus { outline: none; } @media only screen and (max-width: 1100px) { /* hide back to top on small displays */ #back_to_top { display: none !important; visibility: hidden; } } /*-- EOF - BACK TO TOP SCROLLING ------------------------------------------------*/ /*-- BOF - HEADER ------------------------------------------------*/ #page_header { margin: 0 auto; margin: 0px 0px 0px 0px; position: absolute; top: 20px; width: 960px; } #page_header .logo { width: 450px; height: 130px; background: url(img/header_logo.png) 0px 2px no-repeat; margin: 0px 0px 0px 0px; float: left; } #page_header .logo a { display: block; width: 450px; height: 115px; } #page_header .command { width: 450px; height: 130px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px; float: right; border-left: 1px dotted #AAA; font-family: Fjalla One-120P, Roboto, Arial, Helvetica, sans-serif; font-size: 13px; color: #9E004F; } #page_header .command .header_button { display: block; width: auto; float: left; margin: 0px 10px 0px 0px; padding: 0px; color: #9E004F; text-align: center; } #page_header .command a:hover { color: #444; text-decoration: underline; } #page_header .command .header_button .text { display: block; width: auto; margin: 5px 0px 0px 0px; padding: 0px; } #page_header .command .header_button .image { display: block; width: 40px; height: 40px; margin: 0 auto; padding: 0px; } #page_header .command .header_button.facebook .image { background: url(img/header_buttons.png) 0px 0px no-repeat; } #page_header .command .header_button.faq .image { background: url(img/header_buttons.png) 0px -200px no-repeat; } #page_header .command .header_button.blog .image { background: url(img/header_buttons.png) 0px -40px no-repeat; } #page_header .command .header_button.contact .image { background: url(img/header_buttons.png) 0px -80px no-repeat; } #page_header .command .header_button.shipping .image { background: url(img/header_buttons.png) 0px -160px no-repeat; } #page_header .header_links { width: auto; margin: 15px 0px 0px 0px; border-top: 1px dotted #AAA; padding: 15px 0px 0px 0px; line-height: 29px; height: 35px; } #page_header .header_links a { width: auto; margin: 0px 10px 0px 0px; padding: 0px 10px 0px 0px; text-align: center; float: left; border-right: 1px dotted #AAA; color: #9E004F; } /* WARENKORB */ #box_cart { float: right; width: auto; color: #444; margin: 0px; padding: 0px; } #box_cart a { padding: 0px; color: #444; } #box_cart a:hover { color: #E184B0; } #box_cart .cart_logo { margin: 0px; display: block; height: 40px; width: 40px; background: url(img/header_buttons.png) no-repeat 0px -120px; float: left; } #box_cart .text { width: auto; max-width: 170px; float: left; margin: 0px 0px 0px 10px; height: 40px; color: #9E004F; } #box_cart a.cart_link { display: block; margin: 3px 0px 0px 0px; color: #9E004F; } #box_cart .cart_details { display: none; position: absolute; right: 0px; top: 49px; z-index: 27; background: #FFF; border: 2px solid #9E004F; padding: 32px 15px 10px 15px; width: 350px; box-shadow: 2px 5px 10px -2px #777; } #box_cart .cart_details .title { display: block; width: 360px; position: absolute; top: -2px; left: 0px; background: #9E004F; padding: 3px 10px 3px 10px; color: #FFF; } #box_cart .cart_details .products { max-height: 160px; overflow: auto; } #box_cart .cart_details .product { margin: 0px 0px 5px 0px; } #box_cart .cart_details .image { display: block; width: 50px; height: 50px; float: left; } #box_cart .cart_details .image img { max-width: 50px; max-height: 50px; } #box_cart .cart_details .text { width: 270px; max-width: none; float: left; margin: 0px 0px 0px 10px; } #box_cart .cart_details .text a { display: block; } #box_cart .cart_details .total { width: 100%; display: block; margin: 10px 0px 0px 0px; padding: 5px 0px 5px 0px; text-align: right; border: 1px solid #DDD; border-width: 1px 0px 1px 0px; } #box_cart .cart_details .checkout { width: 119px; height: 28px; display: block; margin: 10px 0px 0px 0px; float: right; background: url(buttons/german/button_view.gif) left top no-repeat; } /* SUCHEN BOX */ #box_search { width: auto; float: right; margin: 0px 5px 0px 0px; font-weight: normal; font-family: Roboto, Arial, Helvetica, sans-serif; } #box_search input[type="text"] { margin: 0px 0px 0px 0px; width: 185px; float: left; } #box_search .error { border: 1px solid #9E004F; } #box_search input[type="submit"] { margin: 0px 0px 0px 5px; position: relative; top: 3px; width: 25px; height: 25px; background: url(buttons/german/button_quick_find.png) 0 0 no-repeat; float: left; } /* BREADCRUMB */ #page_header .navtrail { width: auto; height: 25px; line-height: 25px; margin: 15px 0px 0px 0px; color: #666; } #page_header .navtrail a { padding: 0px 5px 0px 5px; } /*-- EOF - HEADER ------------------------------------------------*/ /*-- BOF - HEADER MENU ------------------------------------------------*/ #page_header .menu_wrapper { width: 960px; height: 52px; position: relative; z-index: 18; margin: 20px 0px 0px 0px; } /* HOME LINK */ #page_header .home { margin: 0px 8px 0px 0px; background: #F5B4C8; width: 38px; height: 44px; padding: 4px; float: left; } #page_header .home .inner { border: 1px dashed #FFF; } #page_header .home a { display: block; background: url(img/header_home.png) 3px 6px no-repeat; width: 36px; height: 42px; } #page_header .home:hover a { background: url(img/header_home.png) 3px -34px no-repeat; } #navMain { width: 898px; float: right; background: #F5B4C8; padding: 4px; height: 44px; } /*#navMain { width: 960px; height: 50px; position: relative; z-index: 26; margin: 20px 0px 0px 0px; }*/ /* EBENE 1 */ #navMain ul { display: block; width: auto; height: 42px; margin: 0px; padding: 0px; border: 1px dashed #FFF; } #navMain ul li { display: block; width: auto; float: left; height: 42px; line-height: 42px; margin: 0px; padding: 0px; position: relative; font-family: Fjalla One-120P, Roboto, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; } #navMain ul li:hover, #navMain ul li.current { background: #FCE4EB; padding: 10px 0px 5px 0px; top: -10px; left: -2px; box-shadow: 0px 0px 15px -10px #777; } #navMain ul li a { display: block; width: auto; height: 42px; line-height: 42px; margin: 0px; padding: 0px 8px 0px 6px; color: #FFF; background: url(img/header_menu_space.png) right 7px no-repeat; } #navMain ul li:hover a, #navMain ul li.current a { color: #9E004F; background: none; } #navMain ul li.specials a { background: none; } /* HOME LINK */ /*#navMain ul li.home { background: url(img/header_home.png) 0px 0px no-repeat; width: 46px; margin: 0px 10px 0px 0px; } #navMain ul li.new { padding-left: 5px; }*/ /* EBENE 2 */ #navMain ul li ul { display: none; width: auto; height: auto; margin: 0px; padding: 15px; position: absolute; top: 50px; left: 0px; overflow: hidden; z-index: 19; background: #FFF; border: 10px solid #DDD; font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 14px; } #navMain ul li:hover ul, #navMain ul li.hover ul { display: block; } #navMain ul ul li { display: block; width: auto; float: none; height: 25px; line-height: 25px; margin: 0px; padding: 0px; position: relative; clear: both; } #navMain ul ul li.first { border: none; } #navMain ul ul li a { display: block; width: auto; height: 25px; line-height: 25px; margin: 0px; padding: 0px 10px 0px 10px; color: #444; font-weight: normal; white-space: nowrap; } #navMain ul ul li a:hover { text-decoration: underline; } /* EBENE 2 - NUR FÜR SHOP */ #navMain ul li .hn_sub { display: none; width: auto; margin: 0px; padding: 20px 15px 15px 15px; position: absolute; top: 52px; left: 0px; overflow: hidden; z-index: 19; background: #FCE4EB; border-radius: 0px 0px 0px 10px; height: 395px; box-shadow: 0px 10px 15px -10px #777; font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 14px; } #navMain ul li:hover .hn_sub, #navMain ul li.hover .hn_sub { display: block; } #navMain ul li.cat_376 .hn_sub { left: -206px; } #navMain ul li.cat_11 .hn_sub { left: -674px; } #navMain ul li.cat_143 .hn_sub { left: -301px; } #navMain ul li.cat_91 .hn_sub { left: -373px; } /* #navMain ul li:hover .hn_sub { display: block; } */ #navMain ul .hn_sub .row a { display: block; width: auto; float: none; height: 22px; line-height: 22px; margin: 0px; padding: 0px 10px 0px 10px; position: relative; clear: both; border: none; color: #444; font-weight: normal; background: none; white-space: nowrap; } #navMain ul .hn_sub .row a:hover { color: #444; text-decoration: underline; } #navMain ul .hn_sub .row a.level_1 { color: #444; margin: 20px 0px 5px 0px; font-family: Fjalla One-120P, Roboto, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; } #navMain ul .hn_sub .row a.level_2 { margin-left: 5px; } #navMain ul .hn_sub .row a.first { margin-top: 0px; } #navMain ul .hn_sub .row { display: table-cell; vertical-align: top; width: auto; height: 100%; margin: 0px; padding: 0px 15px 0px 15px; border-left: 1px dotted #AAA; } #navMain ul .hn_sub .first { border: none; padding-left: 0px; } /*-- EOF - HEADER MENU ------------------------------------------------*/ /*-- BOF - FOOTER ------------------------------------------------*/ /* HINWEIS VERSAND UND STEUER */ #global_shipping_tax_info { width: 100%; margin: 0 auto; margin-top: 40px; padding: 10px 0px 10px 0px; font-size: 12px; color: #777; border: 1px dotted #AAA; border-width: 1px 0px 1px 0px; text-align: center; } #global_shipping_tax_info a { color: #777; } /* XTC COPYRIGHT UND PARSE TIME */ .copyright { display: none; margin: 0 auto; font-size: 12px; clear: both; text-align: center; } .copyright a { color: #444; } .parseTime { margin: 0 auto; font-size: 10px; clear: both; text-align: center; } /* STORE COPYRIGHT */ .store_copyright { margin: 10px auto 0 auto; font-size: 12px; clear: both; text-align: center; } .store_copyright a { color: #444; } /* INFO BOXEN */ #page_footer { margin: 25px 0px 0px 0px; } #page_footer .box { width: auto; float: left; margin: 0px 0px 0px 22px; padding: 0px 0px 0px 22px; color: #888; border-left: 1px dotted #AAA; } /*#page_footer .service { margin: 0px; padding: 0px; border: none; }*/ #page_footer .box h5 { margin: 0px 0px 10px 0px; color: #666; } #page_footer .box li { margin: 0px 0px 5px 0px; } #page_footer .box a { } #page_footer .box li img { max-width: 75px; } /* SOCIAL */ #page_footer .social { margin: 0px; padding: 0px; border: none; } #page_footer .social li { margin: 0px 0px 10px 0px; } #page_footer .social li a { display: block; width: 40px; height: 40px; background: url(img/footer_buttons.png?v=120620152030) 0px 0px no-repeat; transition: transform 0.3s ease 0s; } #page_footer .social li a:hover { transform: scale(1.05); } #page_footer .social li a img { width: 40px; height: 40px; } #page_footer .social .instagram { background-position: 0px -120px; } #page_footer .social .facebook { background-position: 0px -40px; } #page_footer .social .pinterest { background-position: 0px -80px; } /* NEWSLETTER BOX */ #box_newsletter { width: auto; float: left; max-width: 265px; } #box_newsletter label { display: block; float: left; font-weight: normal; margin: 0px; width: auto; color: #888; line-height: 20px; } #box_newsletter input[type="text"] { float: left; margin: 0px 0px 0px 10px; width: 150px; } #box_newsletter input[type="image"] { margin: 0px 0px 0px 10px; width: auto; float: left; position: relative; top: 2px; } #box_newsletter select { width: 100%; margin: 10px 0; } #box_newsletter .checkbox_row { margin: 10px 0 0 0; } #box_newsletter .checkbox_row label { float: none; display: inline; width: auto; margin: 0 10px 0 0; padding: 0; } #box_newsletter .checkbox_row input { margin: 0 10px 0 0; } /* SHIPPING TIME */ #global_shipping_time { border-top: 1px dotted #AAA; color: #777; padding: 10px 0px 0px 0px; margin: 10px 0px 0px 0px; font-size: 12px; } /*-- EOF - FOOTER ------------------------------------------------*/ /*-- BOF - GLOBAL HELPERS ------------------------------------------------*/ /* ERROR MESSAGES */ .errormessage, .successmessage { border: 2px solid #9E004F; padding: 10px; background: #FCE4EB; margin: 0px 0px 20px 0px; color: #9E004F; } .successmessage { border-color: #00931A; background: #35BE4D; color: #FFF; } /* HIGHLIGHTBOX (BACKGROUND) */ div.highlightbox { padding: 15px; background: #FFF; border: 1px solid #DDD; margin: 20px 0; } div.highlightbox_2 { padding: 15px; background: #FFF; margin: 20px 0; } div.highlightbox ul, div.highlightbox_2 ul { margin: 0px 0px 0px 15px; padding: 0px 0px 0px 0px; display:block; list-style: disc inside; color: #776f67; line-height: 25px; } div.highlightbox h1, div.highlightbox_2 h1 { padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px; border: none; } div.highlightbox h2, div.highlightbox_2 h2 { padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px; border: none; } div.highlightbox label, div.highlightbox_2 label { width: 190px; } /* BUTTONS AM ENDE EINER SEITE */ .button { margin: 20px 0px 5px 0px; } .button_right { float: right; display: inline; } .button_left { float: left; display: inline; } .button img { padding: 0px; margin: 0px; } .button_right input, .button_right a { display: inline-block; padding: 0px; margin: 0px 0px 0px 5px; } .button_left input, .button_left a { display: inline-block; padding: 0px; margin: 0px 5px 0px 0px; } /* RAHMEN BEI EINGABEFORMULAREN */ fieldset { border: 1px solid #DDD; padding: 10px 10px 10px 10px; margin: 10px 0px 10px 0px; } legend { font-size: 12px; background-color: #FFF; color: #444; border: 1px solid #DDD; padding: 2px 4px 2px 4px; } /* NAMEN DER FORMULARFELDER BEI EINGABEFORMULAREN */ label { background: none; color: #444; width: auto; padding: 3px 4px 3px 0px; margin: 0px 0px 10px 0px; float: left; } label.longlabel { width: 99%; float: none; } /* HINWEIS ZU DEN PFLICHTFELDERN */ .must { font-size: 12px; } /* RECHNUNGS- UND LIEFERADRESSE BEI AUSDRUCK */ .shipping_address { float: left; width: auto; } .payment_address { float: right; width: auto; } /* ABSTAND BEI BEDARF */ .spacer_10 { clear: both; height: 10px; width: 100%; } .spacer_20 { clear: both; height: 20px; width: 100%; } /*-- EOF - GLOBAL HELPERS ------------------------------------------------*/ /*-- BOF - BROWSER WARNING ------------------------------------------------*/ .browser_warning { background: #AE0000; color: #FFFFFF; left: 0; padding: 5px 0; position: fixed; text-align: center; top: 0; width: 100%; z-index: 99; } .browser_warning a { color: #FFF; text-decoration: underline; } .browser_warning_padding { padding: 20px 0px 0px 0px; } /*-- EOF - BROWSER WARNING ------------------------------------------------*/ /*-- BOF - BOXES ------------------------------------------------*/ .side_box { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; border: 1px solid #DDD; border-radius: 2px; width: 240px; } .side_box_header { padding: 10px; margin: 0px; background: #F5B4C8; border-bottom: 1px solid #DDD; } .side_box_header h4 { color: #FFF; font-size: 14px; line-height: 14px; } .side_box_header h4 a, .side_box_header h4 a:hover, .side_box_header h4 a:active, .side_box_header h4 a:visited { text-decoration: none; color: #FFF; } .side_box_body { padding: 10px 10px 10px 10px; margin: 0px; } .boxbody p.center { text-align: center; } /* ADD A QUICKIE BOX */ #box_add_a_quickie p { margin: 0px 0px 5px 0px; } #box_add_a_quickie input[type="text"] { margin: 0px 0px 0px 0px; width: 185px; } #box_add_a_quickie input[type="image"] { margin: 0px 0px 0px 5px; position: relative; top: 3px; } /* LOGINBOX */ #box_login p { margin: 0px 0px 5px 0px; } #box_login .sub { margin: 1px 0px 2px 0px; font-size: 12px; } #box_login input[type="text"] { width: 210px; margin: 5px 0px 0px 0px; } #box_login input[type="password"] { margin: 0px 0px 0px 0px; width: 115px; } #box_login input[type="image"] { margin: 0px 0px 0px 8px; position: relative; top: 3px; } /* BOX MIT CONTENT LISTE */ #box_content li, #box_information li { list-style-type: none; } /* BESTELLER BOX ROTIEREND */ #box_best_sellers .glidecontentwrapper { position: relative; height: 250px; overflow: hidden; margin: 0px 0px 0px 0px; } #box_best_sellers .glidecontent { position: absolute; background: #FFF; padding: 0px 10px 10px 10px; margin: 0px 0px 0px -5px; width: 100%; } #box_best_sellers #p-select { display: none; visibility: hidden; } #box_best_sellers .products_image { text-align: center; margin: 0 auto; } #box_best_sellers .products_image img { margin: 0px 0px 10px 0px; } #box_best_sellers .products_info { margin: 10px 0px 0px 0px; } #box_best_sellers .products_name { margin: 0px 0px 5px 0px; padding: 0px; text-align: center; font-family: Fjalla One-120P, Roboto, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; } #box_best_sellers .price { margin: 0px 0px 5px 0px; text-align: center; padding: 0px; } #box_best_sellers .shippingandtax { display: none; margin: 0px 0px 5px 0px; text-align: center; font-size: 12px; padding: 0px; color: #777; } #box_best_sellers .shippingandtax a { padding: 0px; color: #777; } #box_best_sellers .vpe { margin: 0px 0px 0px 0px; text-align: center; color: #777; padding: 0px; } /* ZULETZT ANGESEHEN */ #box_whatsnew .products_image { text-align: center; margin: 0 auto; } #box_whatsnew .products_image img { margin: 0px 0px 10px 0px; } #box_whatsnew .products_name { margin: 0px 0px 5px 0px; padding: 0px; text-align: center; font-family: Fjalla One-120P, Roboto, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; } #box_whatsnew .price { margin: 0px 0px 5px 0px; text-align: center; padding: 0px; } #box_whatsnew .shippingandtax { display: none; margin: 0px 0px 5px 0px; text-align: center; font-size: 12px; padding: 0px; color: #777; } #box_whatsnew .shippingandtax a { padding: 0px; color: #777; } #box_whatsnew .vpe { margin: 0px 0px 0px 0px; text-align: center; color: #777; padding: 0px; } /* SONDERANGEBOTE */ #box_specials .products_image { text-align: center; margin: 0 auto; } #box_specials .products_image img { margin: 0px 0px 10px 0px; } #box_specials .products_name { margin: 0px 0px 5px 0px; padding: 0px; text-align: center; font-family: Fjalla One-120P, Roboto, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; } #box_specials .price { margin: 0px 0px 5px 0px; text-align: center; padding: 0px; } #box_specials .shippingandtax { display: none; margin: 0px 0px 5px 0px; text-align: center; font-size: 12px; padding: 0px; color: #777; } #box_specials .shippingandtax a { padding: 0px; color: #777;} #box_specials .vpe { margin: 0px 0px 0px 0px; text-align: center; color: #777; padding: 0px; } /* BOX PAYMENT METHODS */ #box_payment .side_box_body { text-align: center; } #box_payment img { max-width: 200px; margin: 0 auto; display: block; } #box_payment img.small { max-width: 90px; margin: 5px 0px 5px 10px; display: inline-block; } #box_payment img.p_1 { margin: 0px 0px 5px 0px; } #box_payment img.p_2 { max-height: 25px; } /*-- EOF - BOXES ------------------------------------------------*/ /*-- BOF - ADMIN BOX ------------------------------------------------*/ #box_admin { background: #444; height: auto; left: 0; margin: 0px; position: fixed; top: 0; width: 100%; border: 2px solid #AAA; border-width: 0px 0px 2px 0px; color: #FFF; z-index: 99; font-size: 14px; } #box_admin a, #box_admin input[type="submit"] { display: block; color: #FFF; font-weight: inherit; line-height: inherit; height: 25px; padding: 5px 10px; margin: 0; text-decoration: none; box-sizing: content-box; } #box_admin input[type="submit"] { background: none; border: none; box-shadow: none; outline: none; color: inherit; cursor: pointer; font: inherit; } #box_admin a:hover, #box_admin input[type="submit"]:hover { color: #45bbe6 !important; text-decoration: none !important; } #box_admin .item { display: block; width: auto; line-height: 25px; float: left; position: relative; border-right: 1px solid #AAA; } /* icons */ #box_admin .start { font-weight: bold; } #box_admin .orders a { background: url(img/box_admin_icons.png) no-repeat 5px -50px; padding-left: 35px; } #box_admin .orders a:hover { background-position: 5px -260px; } #box_admin .customers a { background: url(img/box_admin_icons.png) no-repeat 5px 10px; padding-left: 35px; } #box_admin .customers a:hover { background-position: 5px -200px; } #box_admin .products a { background: url(img/box_admin_icons.png) no-repeat 5px -140px; padding-left: 35px; } #box_admin .products a:hover { background-position: 5px -350px; } #box_admin .links a { background: url(img/box_admin_icons.png) no-repeat 5px -80px; padding-left: 32px; } #box_admin .links a:hover { background-position: 5px -290px; } #box_admin .edit input[type="submit"], #box_admin .edit a { background: url(img/box_admin_icons.png) no-repeat 5px -20px; padding-left: 32px; } #box_admin .edit input[type="submit"]:hover, #box_admin .edit a:hover { background-position: 5px -230px; } #box_admin .cache input[type="submit"] { background: url(img/box_admin_icons.png) no-repeat 5px -110px; padding-left: 30px; } #box_admin .cache input[type="submit"]:hover { background-position: 5px -320px; } #box_admin .logout a { background: url(img/box_admin_icons.png) no-repeat center -170px; width: 10px; } #box_admin .logout a:hover { background-position: center -380px; } /* dropdown */ #box_admin ul { visibility: hidden; position: absolute; z-index: 1; top: 35px; left: -1px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); background: #444; border: 1px solid #AAA; opacity: 0; transition: opacity 0.3s ease-in-out 0s; margin: 0; padding: 0; text-align: left; } #box_admin .item:hover ul { display: block; visibility: visible; opacity: 1; } #box_admin ul li { display: block; width: auto; min-width: 170px; white-space: nowrap; border-bottom: 1px solid #AAA; } #box_admin ul li:last-child { border-bottom: none; } #box_admin ul li a, #box_admin ul li input[type="submit"] { background: none !important; padding: 5px 10px !important; } /*-- BOF - ADMIN BOX ------------------------------------------------*/ /*-- BOF - CATEGORIES BOX ------------------------------------------------*/ #box_categories_topic .side_box_body, #box_categories .side_box_body { padding: 0px; } #box_categories_topic .cat_navi ul { z-index: 5; } .cat_navi ul { position: relative; z-index: 6; padding: 0px 0px 0px 0px; margin: 0px 0px -10px 0px; width: auto; list-style-type: none; float: left; } .cat_navi li { width: 225px; padding: 5px 5px 5px 10px; background: #FFF; border: 1px dotted #AAA; border-width: 0px 0px 1px 0px; height: 20px; float: left; } .cat_navi li:last-child { border: none; } .cat_navi a, .cat_navi a:visited { display: block; text-decoration: none; height: 20px; line-height: 20px; width: 240px; color: #444; } * html .cat_navi a, * html .cat_navi a:visited { width: 240px; } * html .cat_navi a:hover { color: #E184B0; position: relative;} .cat_navi li:hover { position: relative; } .cat_navi li:hover > a { color: #E184B0; } .cat_navi li ul.sublevel { visibility: hidden; position: absolute; top: 15px; left: 180px; padding: 0px; background: #FFF; border: 1px solid #DDD; } .cat_navi li:hover > ul { visibility: visible; } .cat_navi ul a:hover ul ul { visibility: hidden; } .cat_navi ul a:hover ul a:hover ul ul { visibility: hidden; } .cat_navi ul a:hover ul a:hover ul a:hover ul ul { visibility: hidden; } .cat_navi ul a:hover ul { visibility: visible; } /* Pfeil zum ausfahren der Kategorien */ .cat_navi .CatLevel1_CurrentParent_SubMenue, .cat_navi .CatLevel1_Current_SubMenue, .cat_navi .CatLevel1_SubMenue, .cat_navi .CatLevel2_Current_SubMenue, .cat_navi .CatLevel2_SubMenue, .cat_navi .CatLevel3_SubMenue, .cat_navi .CatLevel3_Current_SubMenue { background: url(img/cat_heart.jpg) right center no-repeat; } /*-- BOF - CATEGORIES BOX ------------------------------------------------*/ /*-- BOF - PRODUCTS GLOBALS ------------------------------------------------*/ /* PRICE */ .productOldPrice, productOldPrice { color: #9E004F; text-decoration: line-through; padding: 0px; } .price_block small, .price small { font-size: 12px; padding: 0px; } /* TAX */ .tax, .products_tax { font-size: 12px; padding: 0px; color: #777; } .tax a, .products_tax a { color: #777; padding: 0px; } /* VPE */ .vpe, .products_vpe { font-size: 12px; padding: 0px; } /* NAME */ .products_name a { color: #444; } .products_name a:hover { color: #E184B0; } /*-- BOF - PRODUCTS GLOBALS ------------------------------------------------*/ /*-- BOF - PRODUCT INFO ------------------------------------------------*/ #product_info_wrap { width: 100%; margin: 10px 0px 0px 0px; } /* PRODUCT IMAGES */ #product_info_wrap .product_images { float: left; width: 280px; overflow: hidden; } #product_info_wrap .info_image { display: block; margin: 0px 0px 20px 0px; text-align: center; cursor: url(img/cursor_zoom.png), pointer; } #product_info_wrap .info_image img { margin: 0 auto; max-width: 280px; max-height: 280px; width: 280px; height: 280px; } #product_info_wrap .more_images a { display: block; float: left; width: 79px; margin: 0px 0px 20px 21px; text-align: center; } #product_info_wrap .more_images a.c_0, #product_info_wrap .more_images a.c_3, #product_info_wrap .more_images a.c_6, #product_info_wrap .more_images a.c_9 { margin: 0px 0px 20px 0px; } #product_info_wrap .more_images img { max-height: 79px; max-width: 79px; margin: 0 auto; } /* BESCHREIBUNG */ #product_info_wrap .product_info { float: left; width: 319px; margin: 0px 0px 0px 25px; } #product_info_wrap .product_info.full { width: 624px; margin: 0px; } #product_info_wrap h1 { font-family: Lobster, Tahoma, Arial, Helvetica, sans-serif; color: #999; font-size: 30px; line-height: 32px; margin: 0px 0px 20px 0px; width: 655px; float: right; } #product_info_wrap .description { margin: 25px 0px 25px 0px; width: 100%; float: none; clear: both; } #product_info_wrap .short_description { margin: 25px 0px 10px 0px; width: 100%; float: none; clear: both; } /* BUYING OPTIONS */ #product_info_wrap .product_buy { float: left; width: 295px; margin: 0px 0px 0px 20px; padding: 0px 0px 0px 20px; border-left: 1px dotted #AAA; position: relative; } #product_info_wrap .product_buy .price_top, #product_info_wrap .product_buy .price_bottom { padding: 15px; background: #F5F5F5; } #product_info_wrap .product_buy .price_top { border: 1px solid #DDD; } #product_info_wrap .product_buy .price_bottom { display: none; position: absolute; z-index: 2; width: 130px; left: -162px; top: 0px; border: 1px dotted #AAA; border-right: none; box-shadow: -4px 4px 15px -10px #777; } /* PREIS */ #product_info_wrap .price { color: #444; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 20px; font-weight: bold; } #product_info_wrap .productOldPrice { color: #9E004F; margin: 0px; padding: 0px; font-size: 14px; font-weight: bold; } #product_info_wrap #productNEWprice, #product_info_wrap #productNEWprice2 { color: #444; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 20px; font-weight: 600; } #product_info_wrap #productNEWprice span, #product_info_wrap #productNEWprice2 span { font-size: 14px; display: block; } #product_info_wrap #productNEWprice2 span { margin: 0px 0px 5px 0px; } #product_info_wrap .options_price .title { width: 120px; float: left; } #product_info_wrap .options_price .price { width: auto; float: left; font-size: 14px; font-weight: normal; } #product_info_wrap .options_price .productOldPrice { font-weight: normal; } #product_info_wrap #productNEWprice { margin: 10px 0px 0px 0px; padding: 10px 0px 0px 0px; border-top: 1px dotted #AAA; } #product_info_wrap #productNEWprice span { width: 120px; float: left; } /* VERPACKUNGSEINHEIT */ #product_info_wrap .vpe { margin: 5px 0px 0px 0px; padding: 0px; font-weight: normal; white-space: nowrap; color: #777; font-size: 14px; } /* LIEFERZEIT */ #product_info_wrap .shippingtime { margin: 10px 0px 0px 0px; padding: 10px 0px 0px 0px; border-top: 1px dotted #AAA; } #product_info_wrap .shippingtime a { color: #444; } #product_info_wrap .shippingtime .title { display: inline-block; width: 35%; } #product_info_wrap .options_price .shippingtime .title { width: 120px; } /* VERSAND UND STEUER INFO */ #product_info_wrap .tax { margin: 5px 0px 0px 0px; padding: 0px; color: #777; font-size: 12px; } #product_info_wrap .tax a { color: #777; } /* CROSS SELLING */ #products_also_purchased, #products_cross_selling, #reverse_cross_selling { margin: 20px 0px 0px 0px; padding: 20px 0px 0px 0px; border-top: 1px dotted #AAA; } #products_also_purchased .heading, #products_cross_selling .heading, #reverse_cross_selling .heading { font-family: Lobster, Tahoma, Arial, Helvetica, sans-serif; font-size: 30px; line-height: 32px; color: #999; margin: 0px 0px 20px 0px; } #products_cross_selling .group_name { display: none; } /* SEITEN NAVIGATION */ /* #product_info_wrap .product_navigator { margin: 20px 0px 0px 0px; width: auto; padding: 8px; border: 1px solid #DDD; border-radius: 5px; font-size: 12px; float: none; clear: both; line-height: 22px; } #product_info_wrap .product_navigator .left { float: left; width: auto; } #product_info_wrap .product_navigator .right { float: right; width: auto; } #product_info_wrap .product_navigator a.nav { display: inline-block; height: 22px; line-height: 22px; width: 22px; padding: 0px; margin: 0px 0px 0px 5px; background: #F5F5F5; border: 1px solid #DDD; border-radius: 2px; text-align: center; cursor: pointer; } #product_info_wrap .product_navigator a.nav:hover { text-decoration: none; background: #EFEFEF; border: 1px solid #CCC; } #product_info_wrap .product_navigator .pageResults:first-child { margin: 0 0 0 10px; } #product_info_wrap .product_navigator .text { margin: 0 0 0 10px; } */ #product_info_wrap .product_navigator { position: absolute; top: -40px; right: 0px; color: #888; z-index: 1; height: 25px; line-height: 25px; } /* FELD "MENGE" UND WARENKORB BUTTON */ #product_info_wrap .addtobasket { float: right; width: auto; margin: 25px 0px 0px 0px; } #product_info_wrap .addtobasket label { width: auto; } #product_info_wrap .addtobasket input[type="image"] { position: relative; top: 4px; margin: 0px 0px 0px 10px; } /* HINWEIS ZUR DEKORATION IN DEN BILDERN */ #product_info_wrap .decoration_info { width: auto; margin: 25px 0px 0px 0px; font-size: 12px; } #product_info_wrap .christmans_info { margin: 20px 0px; padding: 10px; text-align: center; border: 2px solid #9e004f; color: #9e004f; } #product_info_wrap .christmans_info a, #product_info_wrap .christmans_info a:hover { color: #9e004f; } /* DOWNLOAD BOX FOR USER DOWNLOADS */ .download_box { width: 100%; margin: 0px 0px 10px 0px; padding: 10px 10px 10px 10px; border: 1px solid #DDD; } .download_box .icon { float: left; width: auto; } .download_box .infos { float: left; width: 590px; margin: 0px 0px 0px 10px; } .download_box .download_link { width: auto; margin: 0px 0px 5px 0px; } .download_box .download_date { float: left; width: auto; } .download_box .download_count { float: right; width: auto; } /* BEWERTUNGEN */ #products_reviews { } /*-- EOF - PRODUCT INFO ------------------------------------------------*/ /*-- BOF - PRODUCT OPTIONS ------------------------------------------------*/ #product_options { clear: both; margin: 20px 0px 0px 0px; padding: 0px; } #product_options input[type="text"], #product_options input[type="number"], #product_options textarea { width: 281px; } #product_options input[type="radio"] { position: relative; top: 2px; } #product_options select { width: 294px; } /* DROPDOWN AND RADIO */ #product_options .options_name { margin: 0px 0px 10px 0px; font-family: Fjalla One-120P, Roboto, Arial, Helvetica, sans-serif; color: #666; position: relative; font-size: 14px; font-weight: bold; } #product_options .options_select { margin: 0px 0px 20px 0px; position: relative; } /* PRICE */ #product_options .a_price { float: right; width: auto; margin: 5px 0px 0px 0px; color: #777; } /*-- EOF - PRODUCT OPTIONS ------------------------------------------------*/ /* -- BOF - EXTENDED PRODUCTS ATTRIBUTES --------------------------------------------- */ /* TEXTBOX */ #product_options .remaining_chars, #product_options .min_chars, #product_options .max_chars, #product_options .free_chars { margin: 5px 0px 0px 0px; color: #777; display: inline-block; } #product_options .free_chars { display: block; } /* UPLOAD */ #product_options input[type="file"] { white-space: normal; width: 100%; } .upload_button { display: inline-block; padding: 2px 10px 2px 35px; margin: 0px; font-weight: bold; height: 24px; line-height: 24px; font-size: 14px; position: relative; overflow: hidden; background: url(img/upload_icons.png) no-repeat 10px -58px #F5F5F5; border: 1px solid #DDD; border-radius: 2px; color: #444; cursor: pointer; vertical-align: middle; white-space: nowrap; max-width: 245px; } .upload_button:hover { border: 1px solid #AAA; text-decoration: underline; } .upload_button input { position: absolute; top: 0; right: 0; margin: 0; opacity: 0; -ms-filter: 'alpha(opacity=0)'; font-size: 200px; direction: ltr; cursor: pointer; } @media screen\9 { .upload_button input { filter: alpha(opacity=0); font-size: 100%; height: 100%; } } /* Fixes for IE < 8 */ .upload_progress { margin: 10px 0px 0px 0px; } .upload_progress .progress_bar { background: #F5F5F5; border-radius: 4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; height: 20px; margin: 10px 0px 0px 0px; overflow: hidden; } .upload_progress .progress_bar .inner { background: #428BCA; box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset; color: #FFF; float: left; font-size: 12px; height: 100%; line-height: 20px; text-align: center; width: 0; } .upload_progress .progress_bar.loading { background: #FFF url(img/loader2.gif) no-repeat 0 0; width: 220px; height: 19px; padding: 0px; } .upload_progress .file .size, .upload_progress .file .links { display: block; margin: 10px 0px 0px 0px; } .upload_progress .file .preview, .upload_progress .file .delete { background: url(img/upload_icons.png) no-repeat 10px 6px #F5F5F5; border: 1px solid #DDD; border-radius: 2px; color: #444; display: inline-block; font-weight: bold; height: 24px; line-height: 24px; margin: 0 10px 0 0; padding: 2px 10px 2px 35px; cursor: pointer; vertical-align: middle; white-space: nowrap; } .upload_progress .file .preview:hover, .upload_progress .file .delete:hover { border: 1px solid #AAA; text-decoration: underline; } .upload_progress .file .delete { background-position: 10px -26px; } #product_options .upload_error { margin: 10px 0px 0px 0px; border: 2px solid #9E004F; padding: 10px; background: #FCE4EB; color: #9E004F; } /* FARB AUSWAHL PER BILDER */ #product_options .selected_text { margin: 5px 0px 10px 0px; } #product_options .wrap { width: 100%; } #product_options .wrap.theme { width: auto; max-height: 250px; overflow: auto; border: 1px solid #DDD; border-radius: 2px; padding: 5px; box-shadow: 0px 0px 4px -1px #DDD; } #product_options .wrap span { display: block; float: left; width: auto; margin: 0px 0px 6px 3px; border: 2px solid #FFF; position: relative; cursor: pointer; line-height: 0px; height: auto; } #product_options .wrap .selected { border: /*2px dotted #666*/ 2px solid #9E004F; border-radius: 5px; } #product_options .color_selector { display: block; width: 34px; height: 34px; float: left; margin: 0px 0px 6px 3px; cursor: pointer; border: none; } #product_options .color_selector div { background: url(img/color_selector.png) no-repeat bottom right; width: 100%; height: 100%; } #product_options .color_selector div img { margin: 0px; } /* ATTRIBUTE ALS PFLICHTFELDER */ #product_options span.error { color: #9E004F; } #product_options span.normal { } #product_options input.error, #product_options textarea.error, #product_options select.error { border: 1px solid #9E004F; } #attributes_error { padding: 10px; border: 1px solid #9E004F; background: #FCE4EB; margin: 20px 0px 20px 0px; color: #9E004F; } /* INFO TEXTE ZU DEN ATTRIBUTEN */ #product_options .attribute_info { display: block; width: 15px; height: 15px; background: url(img/attribute-info-icon.gif) no-repeat; position: absolute; top: 3px; right: 5px; cursor: pointer; } /* EINHEIT */ #product_options .a_unit { position: absolute; right: 40px; top: 5px; color: #777; } /* -- EOF - EXTENDED PRODUCTS ATTRIBUTES --------------------------------------------- */ /*-- BOF - PRINT PRODUCT INFO ------------------------------------------------*/ #popupproductinfo { } #popupproductinfo .images { margin: 0px 0px 10px 0px; text-align: center; } #popupproductinfo .images img { display: block; margin: 0 auto; } #popupproductinfo .description { margin: 0px 0px 0px 0px; } /*-- EOF - PRINT PRODUCT INFO ------------------------------------------------*/ /*-- BOF - CATEGORIES LISTING ------------------------------------------------*/ #categories_info { margin: 0px 0px 10px 0px; width: 245px; float: left; } #categories_image { margin: 0px 0px 20px 0px; width: 100%; text-align: center; } #categories_image img { width: 100%; } #categories_info h1 { margin: 0px 0px 10px 0px; } #categories_info .categories_description { margin: 0px 0px 20px 0px; } #categories_info .categories { margin: 0px 0px 20px 0px; padding: 0px 0px 20px 0px; border-bottom: 1px dashed #AAA; } #categories_info .categories .title { font-weight: bold; } #categories_info .categories li { display: block; margin: 5px 0px 0px 10px; } #categories_info .categories a { color: #444; } #categories_right_col { width: 685px; float: right; } #manufacturer_dropdown { margin: 0px 0px 0px 0px; width: auto; } #manufacturer_dropdown label { width: auto; margin: 0px 10px 0px 0px; } /* LISTE MIT UNTERKATEGORIEN */ .categorie_listing_3col .row { width: 100%; position: relative; margin: 20px 0px 0px 0px; } .categorie_listing_3col .row_1 { margin: 0px; } .categorie_listing_3col .container { float: left; width: 215px; height: 215px; margin: 0px 0px 0px 20px; padding: 0px; border: none; position: relative; } .categorie_listing_3col .col_1 { margin: 0px; } .categorie_listing_3col .categories_image { margin: 0px; padding: 0px; width: 100%; height: 100%; text-align: center; overflow: hidden; } .categorie_listing_3col .categories_image img { margin: 0 auto; width: 215px; padding: 0px; } .categorie_listing_3col h2 { position: absolute; top: 10px; left: 0px; display: block; background: url(img/cat_flag.png) no-repeat right top; width: auto; height: 29px; line-height: 30px; font-weight: normal; padding: 0px 25px 0px 10px; font-size: 14px; } /*-- EOF - CATEGORIES LISTING ------------------------------------------------*/ /*-- BOF - FANCYBOX ------------------------------------------------*/ .fancybox-wrap .fancybox-skin { background: #FFF; } /*-- EOF - FANCYBOX ------------------------------------------------*/ /*-- BOF - CONTENT PAGE ------------------------------------------------*/ #content_page h2, #content_page h3 { margin: 20px 0px 20px 0px; } /*-- EOF - CONTENT PAGE ------------------------------------------------*/ /*-- BOF - SPECIALS PAGE ------------------------------------------------*/ #specials .left_col { width: 245px; float: left; } #specials .right_col { width: 685px; float: right; } /*-- EOF - SPECIALS PAGE ------------------------------------------------*/ /* */ /*-- BOF - NEW PRODUCTS PAGE ------------------------------------------------*/ #new_products_overview .left_col { width: 245px; float: left; } #new_products_overview .right_col { width: 685px; float: right; } /*-- EOF - NEW PRODUCTS PAGE ------------------------------------------------*/ /*-- BOF - ORDER DETAILS IM WARENKORB ------------------------------------------------*/ #order_details_wrap { position: relative; } #order_details { width: auto; padding: 0px; } #order_details .header { width: 99%; margin: 0px 0px 10px 0px; padding: 5px; background: none repeat scroll 0 0 #EFEFEF; border: 1px solid #DDDDDD; font-weight: bold; } #order_details .header .products_name { width: 505px; float: left; margin: 0px; } #order_details .product_in_cart_1, #order_details .product_in_cart_2 { width: 99%; margin: 0px 0px 5px 0px; padding: 5px; border-bottom: 1px dotted #AAA; } /* ARTIKEL-BILD */ #order_details .products_image { width: 80px; float: left; margin: 0px 0px 0px 0px; text-align: center; } #order_details .products_image img { width: 80px; margin: 0 auto; } /* ARTIKEL-NAME */ #order_details .products_name { width: 415px; float: left; margin: 0px 0px 0px 10px; } #order_details .products_name a { font-weight: bold; } /* EINZELPREIS */ #order_details .products_single_price { width: 100px; float: left; margin: 0px 0px 0px 10px; } /* MENGE */ #order_details .products_quantity { width: 110px; float: left; margin: 0px 0px 0px 10px; text-align: center; } #order_details .products_quantity .minus { display: inline-block; background: url(img/cart_minus.gif) no-repeat; width: 13px; height: 13px; border: none; cursor: pointer; font-size: 0.0em; margin: 0px 3px 0px 0px; position: relative; top: 8px; vertical-align: top; } #order_details .products_quantity .plus { display: inline-block; background: url(img/cart_plus.gif) no-repeat; width: 13px; height: 13px; border: none; cursor: pointer; font-size: 0.0em; margin: 0px 0px 0px 3px; position: relative; top: 8px; vertical-align: top; } #order_details .products_quantity input[type="text"] { margin: 0px 0px 0px 0px; } /* SUMME ARTIKEL-PREIS */ #order_details .products_total_price { width: 100px; float: left; margin: 0px 0px 0px 10px; font-weight: bold; } /* ARTIKEL ENTFERNEN */ #order_details .products_remove { width: 80px; float: left; margin: 0px 0px 0px 10px; text-align: center; } /* ATTRIBUTE */ #order_details .attributes_choice { margin: 5px 0px 2px 10px; font-size: 12px; } #order_details .attributes_choice .attributes_name { width: 140px; float: left; } #order_details .attributes_choice .attributes_value { width: 250px; float: left; } #order_details .attributes_choice .attributes_value span.value { display: block; width: 200px; float: left; } #order_details .attributes_choice select { width: 200px; float: left; margin: 5px 0px 5px 0px; } #order_details .attributes_choice textarea { width: 196px; float: left; margin: 5px 0px 5px 0px; } #order_details .attributes_choice input[type="text"] { width: 200px; float: left; margin: 5px 0px 5px 0px; } #order_details .attributes_choice .edit { display: block; background: url(img/cart_alter.gif) no-repeat; width: 13px; height: 13px; border: none; cursor: pointer; float: right; font-size: 0px; margin: 5px 0px 0px 0px; } /* BESTELL-SUMME */ #order_details .sub_total { width: auto; margin: 0px 0px 5px 0px; text-align: right; } #order_details .sub_total a { color: #444; padding: 0px; } /*-- EOF - ORDER DETAILS IM WARENKORB ------------------------------------------------*/ /*-- BOF - FANCYBOX SHOPPING CART ------------------------------------------------*/ #popup_wrapper #order_details .header .products_name { width: 400px; } /* ARTIKEL-BILD */ #popup_wrapper #order_details .products_image { width: 60px; } #popup_wrapper #order_details .products_image img { width: 60px; } /* ARTIKEL-NAME */ #popup_wrapper #order_details .products_name { width: 330px; } /* EINZELPREIS */ #popup_wrapper #order_details .products_single_price { width: 90px; } /* ARTIKEL ENTFERNEN */ #popup_wrapper #order_details .header .products_remove { display: none; } #popup_wrapper #order_details .products_remove { width: 30px; } /* ATTRIBUTE */ #popup_wrapper #order_details .attributes_choice .attributes_value { width: 180px; } #popup_wrapper #order_details .attributes_choice .attributes_value span.value { width: 155px; } #popup_wrapper #order_details .attributes_choice select { width: 151px; } #popup_wrapper #order_details .attributes_choice textarea { width: 151px; } #popup_wrapper #order_details .attributes_choice input[type="text"] { width: 155px; } /*-- EOF - FANCYBOX SHOPPING CART ------------------------------------------------*/ /*-- BOF - PRINT ORDER ------------------------------------------------*/ body.popupprintorder { font-family: "Trebuchet MS", Verdana, Arial, Sans-serif; padding: 15px 15px 15px 15px; background: #FFF; } body.popupprintorder .products tr.header td { background: #EDEDED; } body.popupprintorder .products .total { text-align: right; } body.popupprintorder .products .quantity { vertical-align: top; } body.popupprintorder .productname { vertical-align: top; } body.popupprintorder .model { vertical-align: top; } body.popupprintorder .singleprice { vertical-align: top; } body.popupprintorder .totalprice { vertical-align: top; } /*-- EOF - PRINT ORDER ------------------------------------------------*/ /*-- BOF - ADRESSBUCH ------------------------------------------------*/ /* STANDARD ADRESSE IM ADRESSBUCH */ .standard_address_text { float: left; width: 70%; } .standard_address { float: right; width: auto; } /* EINTRÄGE IM ADRESSBUCH */ .address_book_entry { margin: 0px 0px 10px 0px; padding: 10px; border-bottom: 1px solid #DDD; } .address_book_entry .name { margin: 0px 0px 0px 0px; font-weight: bold; } .address_book_entry .address { margin: 10px 0px 0px 0px; } /* ADRESSE BEARBEITEN */ #address_book_details_wrap { padding: 15px 15px 15px 15px; border: 1px solid #DDD; margin: 10px 0px 10px 0px; } #address_book_details_wrap label { width: 230px; height: 22px; line-height: 22px; float: left; padding: 0px; margin: 0px 0px 5px 0px; } #address_book_details_wrap .value { width: 423px; float: left; margin: 0px 0px 5px 0px; } #address_book_details_wrap input[type="text"] { width: 340px; } #address_book_details_wrap select[name="entry_country_id"] { width: 346px; } #address_book_details_wrap input[type="checkbox"] { width: auto; position: relative; top: 7px; } /*-- EOF - ADRESSBUCH ------------------------------------------------*/ /*-- BOF - KONTODATEN BEARBEITEN ------------------------------------------------*/ #account_edit_wrap { padding: 15px 15px 15px 15px; border: 1px solid #DDD; margin: 10px 0px 10px 0px; } #account_edit_wrap label { width: 230px; height: 22px; line-height: 22px; float: left; padding: 0px; margin: 0px 0px 5px 0px; } #account_edit_wrap .value { width: 423px; float: left; margin: 0px 0px 5px 0px; } #account_edit_wrap input[type="text"] { width: 340px; } /*-- EOF - KONTODATEN BEARBEITEN ------------------------------------------------*/ /*-- BOF - PASSWORT ÄNDERN ------------------------------------------------*/ #account_password_wrap { padding: 15px 15px 15px 15px; border: 1px solid #DDD; margin: 10px 0px 10px 0px; } #account_password_wrap label { width: 230px; height: 22px; line-height: 22px; float: left; padding: 0px; margin: 0px 0px 5px 0px; } #account_password_wrap .value { width: 423px; float: left; margin: 0px 0px 5px 0px; } #account_password_wrap input[type="password"] { width: 340px; } /*-- EOF - PASSWORT ÄNDERN ------------------------------------------------*/ /*-- BOF - SITEMAP ------------------------------------------------*/ .sitemapwrap { } .sitemapwrap .sitemapcenter { border: 1px solid #EEE; width: 100%; margin: 0px 0px 20px 0px; } .sitemapheader { padding: 3px 3px 3px 8px; background: #EEE; color: #FFF; font-weight: bold; vertical-align: middle; } .sitemapheader a:link, .sitemapheader a:visited, .sitemapheader a:hover { color: #444; text-decoration: none; } .sitemapcontent { padding: 6px 6px 6px 6px; } .sitemapcontent a { display: block; } /*-- EOF - SITEMAP ------------------------------------------------*/ /*-- BOF - REVIEW LISTS ------------------------------------------------*/ #reviewlist { } #reviewlist #header { width: auto; padding: 10px 10px 10px 10px; background: #EEE; border: 1px solid #DDD; font-weight: bold; } #reviewlist .review_1, #reviewlist .review_2 { width: auto; padding: 10px 10px 10px 10px; margin: 0px 0px 15px 0px; border-bottom: 1px dotted #DDD; } #reviewlist .review_1 { } #reviewlist .review_2 { } #reviewlist .date { width: 100px; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #reviewlist .author { width: 200px; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #reviewlist .rating { width: auto; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } /*-- EOF - REVIEW LISTS ------------------------------------------------*/ /*-- BOF - NEWSLETTER ------------------------------------------------*/ #newsletter_wrap { padding: 15px 15px 15px 15px; border: 1px solid #DDD; margin: 10px 0px 10px 0px; } #newsletter_page .errormessage, #newsletter_page .successmessage { margin: 20px 0px; } #newsletter_wrap label, #newsletter_wrap .label { display: block; float: left; width: 230px; padding: 3px 4px 3px 0px; margin: 0; } #newsletter_wrap input[type="text"], #newsletter_wrap textarea, #newsletter_wrap select, #newsletter_wrap img { width: 270px; float: left; margin: 0 0 10px 0; } #newsletter_wrap select, #newsletter_wrap img { width: 282px; } #newsletter_wrap .checkbox_row { margin: 0 0 10px 0; } #newsletter_wrap .checkbox_row label { float: none; display: inline; width: auto; margin: 0 10px 0 0; padding: 0; } #newsletter_wrap .checkbox_row input { margin: 0 10px 0 0; } /*-- EOF - NEWSLETTER ------------------------------------------------*/ /*-- BOF - KONTAKT ------------------------------------------------*/ #contact_us_wrap label, #contact_us_wrap .label { display: block; float: left; width: 190px; padding: 3px 4px 3px 0px; margin: 0; } #contact_us_wrap input[type="text"], #contact_us_wrap textarea, #contact_us_wrap select, #contact_us_wrap img { width: 380px; float: left; margin: 0 0 10px 0; } #contact_us_wrap input[type="file"] { margin: 0 0 10px 0; } #contact_us_wrap textarea { height: 100px; } #contact_us_wrap select, #contact_us_wrap img { width: 392px; } #contact_us_wrap .required { margin: 0px 0px 0px 10px; float: left; } #contact_us_wrap .checkbox_row { margin: 0 0 10px 0; } #contact_us_wrap .checkbox_row .required { float: none; } #contact_us_wrap .checkbox_row label { float: none; display: inline; width: auto; margin: 0 10px 0 0; padding: 0; } #contact_us_wrap .checkbox_row input { margin: 0 10px 0 0; } #contact_us_wrap .error { border: 1px solid #9E004F; } /*-- EOF - KONTAKT ------------------------------------------------*/ /*-- BOF - FAQ BEREICH ------------------------------------------------*/ #faq_list { margin: 20px 0px 0px 0px; border-top: 5px solid #DDD; } #faq_list a { color: #444; } #faq_list ul li { margin: 25px 0px 0px 0px; } #faq_list ul li span { padding-right: 10px; color: #9E004F; font-size: 16px; } #faq_list ul li li { padding: 5px; border-bottom: 1px dotted #DDD; line-height: 25px; margin: 0px; } #faq_list ul li li:hover { background: #F5F5F5; } #faq_list ul li li:first-child { border-top: 1px dotted #CCC; } #faq_category { padding: 0px; margin: 0px; } #faq_category .faq_item { margin: 0px 0px 10px 0px; } #faq_category .faq_item h3 { margin: 0px 0px 0px 0px; padding: 5px 10px 5px 10px; background: #EEE; border: 1px solid #DDD; cursor: pointer; } #faq_category .faq_item .desc { display: none; padding: 10px; border: 1px solid #DDD; border-top: none; } /*-- EOF - FAQ BEREICH ------------------------------------------------*/ /*-- BOF - GUTSCHEINE ------------------------------------------------*/ /* GUTSCHEIN EINLÖSEN IM WARENKORB */ #gift_cart { width: 930px; margin: 20px 0px 0px 0px; padding: 10px; } #gift_cart #input_code { margin: 5px 0px 0px 0px; } #gift_cart #input_code input[type="image"] { position: relative; top: 6px; left: 5px; } /* POPUP MIT INFOS */ #gift_infos { margin: 0px; padding: 0px; border: 1px solid #DDD; background: #FFF; display: none; position: absolute; top: 50%; left: 40%; z-index: 1; } #gift_infos_inner { margin: 0px; padding: 25px; color: #000; height: 425px; } #gift_infos ul.restriction_list { margin: 5px 0px 5px 40px; } /* GUTHABEN BEI AUSWAHL DER ZAHLUNGSART */ #gv_credit_selection { margin: 0px 0px 15px 0px; background: #FFF; border: 1px solid #EEE; } #gv_credit_selection h4 { margin: 0px; padding: 3px 3px 3px 10px; background: #EEE; font-family: Roboto, Arial, Helvetica, sans-serif; font-size: 14px; } #gv_credit_selection div { margin: 0px; padding: 10px 10px 10px 10px; } span#gv_user_checkbox { display: block; width: 25px; float: left; text-align: center; } /*-- EOF - GUTSCHEINE ------------------------------------------------*/ /*-- BOF - FLOATING CART -----------------------------------------------------*/ /* #box_floating_cart { display: none; width: auto; padding: 20px; } */ #box_floating_cart { display: none; position: absolute; top: 0px; left: 32%; width: auto; margin: 150px 0px 0px 0px; background: #FFF; border: 2px solid #000; z-index: 100; max-height: 500px; overflow: auto; } #box_floating_cart_inner { padding: 20px; } #box_floating_cart_inner .header { text-align: center; vertical-align: bottom; padding: 5px; border: 1px solid #DDD; margin: 0px auto; width: 380px; } #box_floating_cart_inner .intro { width: 600px; margin: 20px auto 0px auto; } #box_floating_cart_inner .product_info { width: 600px; margin: 20px auto 0px auto; } #box_floating_cart_inner .product_info .image { width: 100px; float: left; text-align: center; margin: 0px; } #box_floating_cart_inner .product_info .image img { margin: 0 auto; max-height: 100px; max-width: 100px; } #box_floating_cart_inner .product_info .text { width: 440px; float: left; margin: 0px 0px 0px 20px; } #box_floating_cart_inner .product_info .name { font-weight: bold; } #box_floating_cart_inner .product_info .model { margin: 5px 0px 0px 0px; } #box_floating_cart_inner .product_info .price_block { margin: 10px 0px 0px 0px; } #box_floating_cart_inner .product_info .quantity { width: auto; float: left; margin: 0px; } #box_floating_cart_inner .product_info .single_price { width: auto; float: left; margin: 0px 0px 0px 20px; } #box_floating_cart_inner .product_info .price { width: auto; float: left; margin: 0px 0px 0px 40px; } #box_floating_cart_inner .shopping_cart { margin: 20px 0px 0px 0px; width: 100%; padding: 20px 0px 0px 0px; border-top: 1px solid #DDD; } #box_floating_cart_inner .cart_symbol { height: 42px; width: 48px; float: left; background: url(img/shopping_cart.gif) 0px 0px no-repeat; } #box_floating_cart_inner .cart_contents { float: right; width: 492px; margin: 0px 0px 0px 20px; } #box_floating_cart_inner .cart_products { } #box_floating_cart_inner .total { text-align: right; } #box_floating_cart_inner .total a { color: #444; } #box_floating_cart_inner .buttons { width: 600px; margin: 20px auto 0px auto; } #box_floating_cart_inner .close_button, #box_floating_cart_inner .cart_button { text-decoration: none; width: 160px; border: 1px solid #DDD; padding: 5px; text-align: center; font-weight: bold; cursor: pointer; color: #444; } #box_floating_cart_inner .close_button:hover, #box_floating_cart_inner .cart_button:hover { text-decoration: none; color: #E184B0; } #box_floating_cart_inner .close_button { float: left; } #box_floating_cart_inner .cart_button { float: right; } #box_floating_cart_inner #products_also_purchased { margin: 20px 0px 0px 0px; padding: 20px 0px 0px 0px; border-top: 1px solid #DDD; width: 655px; } #box_floating_cart_inner #products_also_purchased .heading { font-size: 24px; } #box_floating_cart_inner .product_listing_grid_3col .products_row { display: none; width: 100%; position: relative; margin: 20px 0px 0px 0px; } #box_floating_cart_inner .product_listing_grid_3col .row_1 { display: block; margin: 0px; } #box_floating_cart_inner .product_listing_grid_3col .products_container { width: 185px; background: #FFF url(img/product_box_205_mid.png) 0px 0px repeat-y; } #box_floating_cart_inner .product_listing_grid_3col .products_container .box_top { width: 205px; background: #FFF url(img/product_box_205_top.png) 0px 0px no-repeat; } #box_floating_cart_inner .product_listing_grid_3col .products_container .box_bot { width: 205px; background: #FFF url(img/product_box_205_bot.png) 0px 0px no-repeat; } #box_floating_cart_inner .product_listing_grid_3col .col_2 .box_top, #box_floating_cart_inner .product_listing_grid_3col .col_2 .box_bot { left: 225px; } #box_floating_cart_inner .product_listing_grid_3col .col_3 .box_top, #box_floating_cart_inner .product_listing_grid_3col .col_3 .box_bot { left: 450px; } #box_floating_cart_inner .product_listing_grid_3col .price_buy { width: 203px; } #box_floating_cart_inner .product_listing_grid_3col .col_2 .price_buy { left: 226px; } #box_floating_cart_inner .product_listing_grid_3col .col_3 .price_buy { left: 451px; } /*-- EOF - FLOATING CART -----------------------------------------------------*/ /*-- BOF - ADDED PRODUCT -----------------------------------------------------*/ #added_product .header { text-align: center; vertical-align: bottom; padding: 5px; border: 1px solid #DDD; margin: 0px auto; width: 380px; } #added_product .intro { width: 560px; margin: 20px 0px 0px 0px; } #added_product .product_info { width: 560px; margin: 20px 0px 0px 0px; } #added_product .product_info .image { width: 100px; float: left; text-align: center; margin: 0px; } #added_product .product_info .image img { margin: 0 auto; max-height: 100px; max-width: 100px; } #added_product .product_info .text { width: 440px; float: left; margin: 0px 0px 0px 20px; } #added_product .product_info .name { font-weight: bold; } #added_product .product_info .model { margin: 5px 0px 0px 0px; } #added_product .product_info .price_block { margin: 10px 0px 0px 0px; } #added_product .product_info .quantity { width: auto; float: left; margin: 0px; } #added_product .product_info .single_price { width: auto; float: left; margin: 0px 0px 0px 20px; } #added_product .product_info .price { width: auto; float: left; margin: 0px 0px 0px 40px; } #added_product .shopping_cart { margin: 20px 0px 0px 0px; width: 100%; padding: 20px 0px 0px 0px; border-top: 1px solid #DDD; } #added_product .cart_symbol { height: 42px; width: 48px; float: left; background: url(img/shopping_cart.gif) 0px 0px no-repeat; } #added_product .cart_contents { float: right; width: 492px; margin: 0px 0px 0px 20px; } #added_product .cart_products { } #added_product .total { text-align: right; } #added_product .total a { color: #444; } #added_product .buttons { width: 560px; margin: 20px 0px 0px 0px; } #added_product .close_button, #added_product .cart_button { text-decoration: none; width: 160px; border: 1px solid #DDD; padding: 5px; text-align: center; font-weight: bold; cursor: pointer; color: #444; } #added_product .close_button:hover, #added_product .cart_button:hover { text-decoration: none; color: #E184B0; } #added_product .back_button { float: left; } #added_product .cart_button { float: right; } /*-- EOF - FLOATING CART -----------------------------------------------------*/ /*-- BOF - LOGIN PAGE -----------------------------------------------------*/ #login_page .left { width: 450px; } #login_page .login_box, #login_page .create_account_box, #login_page .guest_box { width: 413px; padding: 20px; border: 1px solid #DDD; } #login_page .create_account_box { float: right; } #login_page .guest_box { margin: 20px 0px 0px 0px; } #login_page label { width: 196px; height: 22px; line-height: 22px; float: left; padding: 0px; margin: 0px 0px 5px 0px; } #login_page .value { width: 217px; float: left; margin: 0px 0px 5px 0px; } /* PASSWORD RESET */ #login_page .password_forgotten_box .inner { display: none; margin: 20px 0px 0px 0px; padding: 20px 0px 0px 0px; border-top: 1px solid #DDD; } #login_page img.captcha { max-width: 200px; } /* LOGIN */ #login_page input[type="text"], #login_page input[type="password"] { width: 185px; } /* CREATE ACCOUNT */ #login_page .create_account_box .privacy { margin: 10px 0px 0px 0px; } #login_page .create_account_box .privacy input[type="checkbox"] { float: left; position: relative; top: 3px; } #login_page .create_account_box .privacy .value { width: 384px; } #login_page .create_account_box .privacy label, #login_page .create_account_box .privacy span.input_error { width: auto; float: none; line-height: normal; height: auto; } /* FORM ERRORS */ span.input_error { display: block; margin: 2px 0px 0px 0px; font-size: 12px; color: #9E004F; } input.input_error, select.input_error, textarea.input_error { border: 1px solid #9E004F; } /*-- EOF - LOGIN PAGE -----------------------------------------------------*/ /*-- BOF - CHECKOUT PROCESS ------------------------------------------------*/ #checkout_steps { width: auto; margin: 5px 0px 15px 0px; text-align: center; } #checkout_steps .step { display: inline-block; } #checkout_steps .step span { display: block; position: relative; top: -30px; color: #a3034d; } #checkout_steps .step span a, #checkout_steps .step span a:hover { color: #a3034d; text-decoration: none; } /* CHECKOUT ADDRESS */ #checkout_page .block_payment_address, #checkout_page .block_shipping_address, #checkout_page .block_new_address, #checkout_page .block_addresses { width: 413px; padding: 20px; border: 1px solid #DDD; } #checkout_page .block_payment_address, #checkout_page .block_new_address { float: left; } #checkout_page .block_shipping_address, #checkout_page .block_addresses { float: right; } #checkout_page .block_payment_address .title h2, #checkout_page .block_shipping_address .title h2 { width: 250px; float: left; } #checkout_page .block_payment_address .title .links, #checkout_page .block_shipping_address .title .links { width: 150px; float: right; text-align: right; } #checkout_page .block_addresses .address { width: auto; margin: 5px 0px 0px 0px; padding: 5px 0px 0px 0px; border-top: 1px dotted #DDD; } #checkout_page .block_addresses .address.first { margin: 0px; padding: 0px; border: none; } #checkout_page .block_addresses .address .text { width: auto; } #checkout_page .block_addresses .address .links { width: auto; margin: 5px 0px 0px 0px; text-align: right; } /* NEW ADDRES / CREATE ACCOUNT */ #checkout_page .block_new_address h2 a { display: block; width: auto; float: right; font-weight: normal; background: #9E004F; padding: 5px 10px 5px 10px; border: 1px solid #ccc; color: #eee; } #checkout_page .block_new_address h2 a:hover { border: 1px solid #666; color: #fff; text-decoration: none; } #checkout_page .block_new_address label { width: 196px; height: 22px; line-height: 22px; float: left; padding: 0px; margin: 0px 0px 5px 0px; } #checkout_page .block_new_address .value { width: 217px; float: left; margin: 0px 0px 5px 0px; } #checkout_page .block_new_address input[type="text"], #checkout_page .block_new_address input[type="password"] { width: 185px; } #checkout_page .block_new_address .privacy { margin: 10px 0px 0px 0px; } #checkout_page .block_new_address .privacy input[type="checkbox"] { float: left; position: relative; top: 3px; } #checkout_page .block_new_address .privacy .value { width: 384px; } #checkout_page .block_new_address .privacy label, #checkout_page .block_new_address .privacy span.input_error { width: auto; float: none; line-height: normal; height: auto; } #checkout_page .block_new_address select[name="entry_country_id"] { width: 191px; } /* VERSANDADRESSE */ .checkout_shipping_address { float: left; margin: 0px 0px 40px 0px; width: 200px; padding: 0px; } .checkout_shipping_type { float: left; margin: 0px 0px 40px 50px; width: 700px; padding: 0px; } .checkout_shipping_type .mod_sketch { margin: 0px 0px 40px 0px; } /* RECHNUNGSADRESSE */ .checkout_payment_address { float: left; margin: 0px 0px 0px 0px; width: 200px; padding: 0px; } .checkout_payment_type { float: left; margin: 0px 0px 0px 50px; width: 700px; padding: 0px; } /* AUSWAHL DER VERSANDART / ZAHLUNGSART */ .mod_block { width: auto; border: 1px solid #DDD; border-width: 0px 1px 1px 1px; margin: 0px 0px 15px 0px; padding: 0px; } .mod_block .header { width: auto; padding: 3px 3px 3px 10px; font-weight: bold; vertical-align: middle; background: #EEE; cursor: pointer; line-height: 25px; } /* 698px */ .mod_block .description { width: auto; padding: 5px 10px 5px 10px; } .mod_block .radiobutton { float: left; width: 50px; text-align: center; vertical-align: middle; } .mod_block .title { float: left; width: 470px; vertical-align: middle; margin: 0; padding: 0; display: block; } .mod_block .price { float: right; text-align: right; width: 150px; margin: 0px 10px 0px 0px; vertical-align: middle; white-space: nowrap; } /* SHIPPING METHOD */ .mod_block .text { float: left; width: 530px; vertical-align: middle; margin: 0; padding: 0; display: block; } .mod_block .description .title { width: 480px;} .mod_block .description .price { width: 70px;} .mod_block .following { margin-top: 10px; } /* FIELDS FOR PAYMENT METHODS */ .mod_block .fields_title { float: left; width: 200px; margin: 0px 0px 5px 0px; } .mod_block .fields_input { float: right; width: 460px; margin: 0px 0px 5px 0px; } .mod_block .fields_text{ width: auto; } /* AUSWAHL DES GUTHABEN */ #gv_credit_selection { width: auto; border: 1px solid #DDD; border-width: 0px 1px 1px 1px; margin: 0px 0px 15px 0px; padding: 0px; } #gv_credit_selection h4 { width: auto; padding: 3px 3px 3px 10px; font-weight: bold; vertical-align: middle; background: #EEE; } #gv_credit_selection div { width: auto; padding: 3px 3px 3px 10px; } #gv_credit_selection #gv_user_checkbox { width: 50px; text-align: center; vertical-align: middle; } #gv_credit_selection #gv_user_prompt { width: auto; vertical-align: middle; } /* KOMMENTARE BEI ZAHLUNGSARTEN */ .checkout_comment { margin: 40px 0px 0px 0px; width: auto; } .checkout_comment textarea { width: 196px; height: 250px; } /* AGB BEI ZAHLUNGSARTEN */ .checkout_agb { margin: 40px 0px 0px 0px; width: auto; } .checkout_agb textarea { width: 694px; margin: 0px 0px 10px 0px; } /* SPALTEN AUF CHECKOUT_CONFIRMATION */ #checkout_confirmation h1 { width: 400px; float: left; } #checkout_confirmation .buttons_top { width: 500px; float: right; text-align: right; } #checkout_confirmation .left_col { float: left; width: 245px; } #checkout_confirmation .right_col { float: right; width: 685px; } #checkout_confirmation .left_col .box { float: none; padding: 10px; border: 1px solid #DDD; margin: 0px 0px 20px 0px; } #checkout_confirmation .left_col .box h2 { padding: 0px; margin: 0px 0px 5px 0px; } #checkout_confirmation .left_col .box h2 a { font-weight: normal; float: right; width: auto; font-size: 14px; font-family: Roboto, Arial, Helvetica, sans-serif; } #checkout_confirmation .left_col .box p { padding: 0px; margin: 0px; } #checkout_confirmation .left_col .shipping_method img { float: right; } /* PRODUKTE AUF CHECKOUT_CONFIRMATION */ #checkout_confirmation .product { padding: 10px; } #checkout_confirmation .product.header { background: #DDD; font-weight: bold; border: 1px solid #DDD; } #checkout_confirmation .product .image { width: 75px; float: left; text-align: center; } #checkout_confirmation .product .image img { max-width: 75px; margin: 0 auto; } #checkout_confirmation .product .name { width: 225px; float: left; margin: 0px 0px 0px 10px; } #checkout_confirmation .header .name { width: 308px; margin: 0px; } #checkout_confirmation .product .name a { font-weight: bold; } #checkout_confirmation .product .quantity { width: 75px; float: left; margin: 0px 0px 0px 10px; text-align: center; } #checkout_confirmation .product .single_price, #checkout_confirmation .product .final_price { width: 125px; float: left; text-align: right; font-weight: bold; margin: 0px 0px 0px 10px; } #checkout_confirmation .product .desc { width: auto; margin: 10px 0px 0px 0px; font-style: italic; font-size: 12px; } .conditions_confirmed, #checkout_payment_info { padding: 10px; border: 1px solid #DDD; margin: 20px 0px 0px 0px; } /* ABRECHNUNG AUF CHECKOUT_CONFIRMATION */ #totalblock table { width: 100%; } #totalblock td { text-align: right; width: auto; } /* CHECKOUT LOADING */ #checkoutLoading { position: fixed; z-index: 20; top: 0; left: 0; width: 100%; margin: 0; height: 100%; background: #FFF; opacity: 0.25; } #checkoutLoadingProgress { position: fixed; z-index: 21; top: 50%; left: 0; width: 100%; margin: 0; text-align: center; height: 64px; background: url(img/loading_circle.gif) no-repeat center center; } /* URLAUBSINFO */ #holidays_info { border: 1px solid #DDD; border-width: 1px 0; padding: 10px; margin: 20px 0; color: #906; } /*-- EOF - CHECKOUT PROCESS ------------------------------------------------*/ /* -- BOF - MONEYBOOKERS (2.4) ----------------------------- */ #moneybookers_iframe { width: 100%; height: 600px; border: none; margin: 25px 0px 0px 0px; } /* -- EOF - MONEYBOOKERS (2.4) ----------------------------- */ /* -- BOF - STARTPAGE ----------------------------- */ .main_info_top { margin: 0px 0px 20px 0px; } .main_info { margin: 20px 0px 0px 0px; } /* -- EOF - STARTPAGE ----------------------------- */ /* -- BOF - STARTPAGE CATEGORIES ----------------------------- */ .sp_categories { margin: 0px 0px 20px 0px; } .sp_categories .image { display: block; margin: 0px 0px 20px 0px; } .sp_categories .image img { width: 100%; padding: 0px; } /* -- EOF - STARTPAGE CATEGORIES ----------------------------- */ /* -- BOF - PRODUCTS GIFT ----------------------------- */ .product_gift { margin: 50px 0px 0px 0px; padding: 0px; } .product_gift .col_left { float: left; width: 240px; } .product_gift .col_right { float: right; width: 685px; } .product_gift .gift { float: left; width: 193px; margin: 0px 0px 0px 20px; padding: 10px; border: 1px dotted #AAA; } .product_gift .col_1 { margin: 0px; } .product_gift .gift .text { margin: 0px 0px 10px 0px; } .product_gift .gift .image { width: 100%; height: 150px; margin: 0px 0px 20px 0px; text-align: center; } .product_gift .gift .image img { margin: 0 auto; } .product_gift .gift .name { width: auto; height: 35px; margin: 5px 0px 0px 0px; text-align: center; font-weight: bold; color: #444; } .product_gift .gift .button { width: 100%; text-align: right; height: 24px; } .product_gift .gift .description {} /* -- EOF - PRODUCTS GIFT ----------------------------- */ /* -- BOF - CART SHIPPING COSTS ----------------------------- */ .cart_shipping { float: left; width: auto; text-align: left; } .cart_shipping .info { margin: 0px 0px 0px 0px; } .cart_shipping .input { padding: 0px; margin: 5px 0px 0px 0px; } .cart_shipping .input span { display: inline-block; width: 150px; font-weight: bold; } .cart_shipping .input input, .cart_shipping .input select { display: inline-block; width: 250px; } /* -- EOF - CART SHIPPING COSTS ----------------------------- */ /*-- BOF - PRODUCT LISTING FILTER ------------------------------------------------*/ #plf_bar { width: auto; padding: 10px; margin: 0px 0px 20px 0px; background: #F5F5F5; border: 1px solid #DDD; border-radius: 2px; position: relative; z-index: 15; line-height: 25px; } /* DROPDOWN FELDER - ALLGEMIN */ #plf_bar .filter { position: relative; float: left; width: auto; margin: 0 10px 0 0; padding: 0 10px 0 0; border-right: 1px dotted #AAA; z-index: 2; } #plf_bar .title { font-family: Fjalla One-120P, Roboto, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; margin: 0px 10px 0px 0px; } #plf_bar .dropdown_header { width: auto; min-width: 80px; height: 25px; line-height: 25px; background: #FFF url(img/plf_dropdown.png) 133px 7px no-repeat; border: 1px solid #DDD; margin: 0px; padding: 0px 30px 0px 10px; display: inline-block; cursor: pointer; border: 1px solid #DDD; border-radius: 2px; box-shadow: 0px 0px 4px -1px #DDD; position: relative; } #plf_bar .dropdown_header:hover, #plf_bar .filter.open .dropdown_header { border: 1px solid #AAA; background-position: 133px -17px; } /* #plf_bar .dropdown_header:before, #plf_bar .dropdown_header:after { border-left: 4px solid rgba(0, 0, 0, 0); border-right: 4px solid rgba(0, 0, 0, 0); content: ""; height: 0; margin: 0px; position: absolute; right: 8px; width: 0; } #plf_bar .dropdown_header:before { border-top: 4px solid #AAA; top: 15px; } #plf_bar .dropdown_header:after { border-bottom: 4px solid #AAA; top: 7px; } #plf_bar .dropdown_header:hover:before, #plf_bar .filter.open .dropdown_header:before { border-top: 4px solid #777; } #plf_bar .dropdown_header:hover:after, #plf_bar .filter.open .dropdown_header:after { border-bottom: 4px solid #777; } */ #plf_bar .dropdown_sub { display: none; width: auto; position: absolute; top: 26px; right: 10px; background: #FFF; border: 1px solid #AAA; border-radius: 0 0 2px 2px; margin: 0px; padding: 0px; overflow: hidden; box-shadow: 0px 5px 10px -2px #777; } /*#plf_bar .filter:hover .dropdown_sub { display: block; }*/ #plf_bar .dropdown_sub li { background: #FFF; text-decoration: none; display: block; height: 25px; line-height: 25px; margin: 0px; padding: 0px; clear: both; border-top: 1px dotted #CCC; white-space: nowrap; overflow: hidden; cursor: pointer; width: auto; } #plf_bar .dropdown_sub li a { display: block; width: auto; height: 25px; padding: 0px 10px 0px 10px; } #plf_bar .dropdown_sub a, #plf_bar .dropdown_sub a:hover { color: #444; text-decoration: none; } #plf_bar .dropdown_sub .first { border: none; } #plf_bar .dropdown_sub li:hover { background: #F5F5F5; } #plf_bar .dropdown_sub li:hover a { color: #9E004F; } /* ARTIKEL PRO SEITE */ #plf_bar #plf_limit a { font-family: Fjalla One-120P, Roboto, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #444; margin: 0px 2px 0px 0px; } #plf_bar #plf_limit .active { color: #9E004F; } /* SORTING */ #plf_bar #plf_sorting .dropdown_header { width: 110px; } #plf_bar #plf_sorting .dropdown_sub { width: 150px; } #plf_bar #plf_sorting .ASC, #plf_bar #plf_sorting .DESC { display: inline-block; width: 8px; height: 10px; background: url(img/plf_sorting_arrow.png) 0px -10px no-repeat; position: relative; top: 8px; } #plf_bar #plf_sorting .DESC { background-position: 0px 0px; } #plf_bar #plf_sorting .ASC:hover { background-position: 0px 0px; } #plf_bar #plf_sorting .DESC:hover { background-position: 0px -10px; } #plf_bar #plf_sorting .ASC.active, #plf_bar #plf_sorting .DESC.active { display: none; } /* TEMPLATE */ #plf_bar #plf_view { float: right; margin: 0px; padding: 0px; border: none; } #plf_bar #plf_view a { display: block; width: auto; height: 25px; line-height: 25px; float: left; padding: 0px; margin: 0px 0px 0px 4px; border: 1px solid #F5F5F5; } #plf_bar #plf_view .first { margin: 0px; } #plf_bar #plf_view span.image { display: block; width: 25px; height: 25px; padding: 0px; margin: 0px; float: left; cursor: pointer; } #plf_bar #plf_view span.grid_3col { background: url(img/plf_view.png) 0px 0px no-repeat; } #plf_bar #plf_view span.list { background: url(img/plf_view.png) -50px 0px no-repeat; } #plf_bar #plf_view span.only_images { background: url(img/plf_view.png) -25px 0px no-repeat; } #plf_bar #plf_view .active span.grid_3col, #plf_bar #plf_view a:hover span.grid_3col { background-position: 0px -25px; } #plf_bar #plf_view .active span.list, #plf_bar #plf_view a:hover span.list { background-position: -50px -25px; } #plf_bar #plf_view .active span.only_images, #plf_bar #plf_view a:hover span.only_images { background-position: -25px -25px; } #plf_bar #plf_view span.text { display: none; } /* FILTER BOX ALLGEMEIN */ #plf_box { margin: 0px 0px 20px 0px; border-bottom: 1px solid #DDD; } #plf_box a, #plf_box a:hover { color: #444; text-decoration: none; } #plf_box .filter .header { line-height: 20px; padding: 10px; margin: 0px 0px -1px 0px; background: #F5F5F5 url(img/plf_toggle.png) no-repeat 210px -19px; border: 1px solid #DDD; border-radius: 2px; cursor: pointer; font-family: Fjalla One-120P, Roboto, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; } #plf_box .filter.open .header { background: #F5F5F5 url(img/plf_toggle.png) no-repeat 210px 13px; margin: 0px; } #plf_box .filter ol { max-height: 250px; overflow: auto; } #plf_box .filter ol li { line-height: 15px; padding: 10px 50px 10px 50px; border-top: 1px solid #DDD; position: relative; cursor: pointer; background: #FFF url(img/plf_checkbox.png) no-repeat 16px -63px; } #plf_box .filter ol li.first { border-top: none; } #plf_box .filter .count { position: absolute; right: 10px; top: 10px; font-size: 12px; } #plf_box .filter ol li:hover { background: #FFF url(img/plf_checkbox.png) no-repeat -20px -27px; color: #9E004F; } #plf_box .filter ol li:hover a, #plf_box .filter ol .active a { color: #9E004F; } #plf_box .filter ol .active, #plf_box .filter ol .active:hover { background: #FFF url(img/plf_checkbox.png) no-repeat -56px 9px; color: #9E004F; } /* SEARCH */ #plf_search .sub { padding: 10px; } #plf_search .input { position: relative; } #plf_search input[type="text"] { float: left; width: 156px; margin: 0; padding: 5px 25px 5px 5px; height: 20px; } #plf_search input[type="text"].error { border-color: #9E004F; } #plf_search .activate { display: block; float: left; width: 35px; height: 32px; margin: 0px; padding: 0px; border: 1px solid #DDD; border-radius: 0px 5px 5px 0px; background: #F5F5F5 url(img/plf_search_activate.png) -4px -4px no-repeat; cursor: pointer; line-height: 0px; font-size: 0px; box-shadow: 0 0 4px -1px #DDD; } #plf_search .activate:hover { border: 1px solid #AAA; background-position: -44px -4px; } #plf_search .delete { display: none; position: absolute; top: 9px; left: 167px; width: 14px; height: 14px; margin: 0px; padding: 0px; border: none; background: url(img/plf_search_delete.png) 0px 0px no-repeat; cursor: pointer; line-height: 0px; font-size: 0px; } #plf_search.active .delete { display: block; } #plf_search .search_in { margin: 10px 0px 0px 0px; white-space: nowrap; } #plf_search label { float: none; display: inline-block; margin: 0px 0px 2px 0px; padding: 0px; } /* MANUFACTURERS AND CATEGORIES */ #plf_mfilter { z-index: 3; } #plf_cfilter .dropdown_header, #plf_mfilter .dropdown_header { width: 180px; } #plf_cfilter .dropdown_sub, #plf_mfilter .dropdown_sub { width: 280px; overflow: auto; max-height: 300px; } #plf_cfilter .dropdown_sub div, #plf_mfilter .dropdown_sub div { height: auto; line-height: normal; } #plf_cfilter img, #plf_mfilter img { display: block; max-width: 50px; max-height: 30px; margin: 0 auto; padding: 0px; } #plf_cfilter span.image, #plf_mfilter span.image { display: table-cell; width: 50px; height: 30px; margin: 0px 0px 0px 10px; padding: 0px; vertical-align: middle; text-align: center; } #plf_cfilter span.text, #plf_mfilter span.text { display: table-cell; width: auto; height: 30px; line-height: 30px; padding: 0px 0px 0px 15px; } /* PRICE */ #plf_pfilter { z-index: 4; } #plf_pfilter .dropdown_header { width: 180px; } #plf_pfilter .dropdown_sub { width: 219px; } #plf_pfilter .dropdown_sub .group { border-top: 1px solid #DDD; } /* PRICE SLIDER */ #plf_pfilter .slider { line-height: 20px; padding: 10px; position: relative; } #plf_pfilter #plf_pfilter_amount { margin: 2px 0px 5px 0px; text-align: center; } #plf_pfilter #plf_pfilter_slider { margin: 0px 0px 5px 0px; } #plf_pfilter #plf_pfilter_slider .ui-slider-range { background: #FCE4EB; cursor: pointer; } #plf_pfilter #plf_pfilter_slider a, #plf_pfilter #plf_pfilter_slider a:hover, #plf_pfilter #plf_pfilter_slider a.ui-state-focus { background: url(javascript/jquery/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png) repeat-x scroll 50% 50% #F6F6F6; cursor: pointer; } #plf_pfilter #plf_pfilter_slider a:hover, #plf_pfilter #plf_pfilter_slider a.ui-state-focus { border: 1px solid #AAA; } /* DATE */ #plf_dfilter { position: relative; z-index: 15; } #plf_dfilter .sub { padding: 10px; } #plf_dfilter .sub span { display: inline-block; width: 50px; margin: 0px 0px 5px 0px; } #plf_dfilter .sub input[type="text"] { width: 150px; margin: 0px 0px 5px 0px; } /* COLOR */ #plf_box div.color .first { border-bottom: 1px solid #DDD; } #plf_box div.color .list { padding: 10px; } #plf_box div.color .list a { display: inline-block; margin: 0 4px 5px 0; height: 30px; width: 30px; padding: 2px; border: 2px solid #FFF; border-radius: 5px; } #plf_box div.color .list .active { border: 2px solid #9E004F; } #plf_box div.color .list a img { max-width: 30px; max-height: 30px; } /* ADVANCED SEARCH */ #plf_advanced_search { margin: 10px 0px 0px 0px; } #plf_advanced_search .label { float: left; width: 87px; margin: 0px; line-height: 25px; font-weight: bold; } #plf_advanced_search input[type="checkbox"] { float: left; width: auto; margin: 0px 0px 0px 20px; position: relative; top: 4px; } #plf_advanced_search span { float: left; width: auto; margin: 0px 0px 0px 10px; } /* PROCESSING */ #processing_overlay { position: absolute; z-index: 99998; top: 0px; left: 0px; width: 100%; height: auto; background: url(img/plf_ajax_bg.png) 0px 0px repeat; /* background: #000; opacity: 0.3; filter: alpha(opacity=30);*/ cursor: wait; } #processing_container { min-width: 300px; max-width: 600px; background: #FFF; border: solid 5px #CCC; border-radius: 5px; } #processing_container .title { padding: 5px 10px 5px 10px; margin: 0px; background: #9E004F; color: #FFF; border-bottom: solid 1px #999; font-size: 18px; line-height: 28px; } #processing_container .message { text-align: center; margin: 15px 0px 10px 0px; } #processing_container .loading { background: url(img/loading.gif) 0px 0px no-repeat; width: 220px; height: 19px; padding: 0px; margin: 0px auto 15px auto; } /* ENDLESS SCROLLING */ #plf_loading .message { text-align: center; margin: 15px 0px 10px 0px; } #plf_loading .loading { background: url(img/loading.gif) 0px 0px no-repeat; width: 220px; height: 19px; padding: 0px; margin: 0px auto 15px auto; } #plf_listing .product_listing_grid_3col, #plf_listing .product_listing_grid_4col, #plf_listing .product_listing_list, #plf_listing .product_listing_images_only { margin: 0px 0px 20px 0px; } #plf_listing .pagination { border-top: 1px solid #DDD; position: relative; margin: 20px 0; } #plf_listing .pagination span { background: #FFF; display: block; float: left; line-height: 22px; padding: 0px 10px; position: absolute; top: -11px; width: auto; } #plf_count { font-size: 20px; } /*-- EOF - PRODUCT LISTING FILTER ------------------------------------------------*/ /*-- BOF - PRODUCT LISTING WITH 3 COLS (grid_3col) ------------------------------------------------*/ .product_listing_grid_3col { width: 100%; } /* RAHMEN EINES ARTIKELS */ .product_listing_grid_3col .products_row { margin: 20px 0px 0px 0px; padding: 5px 0px 5px 0px; position: relative; overflow: hidden; } .product_listing_grid_3col .row_1 { margin: 0px; } .product_listing_grid_3col .products_container { float: left; width: 195px; margin: 0px 0px -300px 20px; padding: 0px 10px 300px 10px; background: #FFF url(img/product_box_215_mid.png) 0px 0px repeat-y; } .product_listing_grid_3col .col_1 { margin: 0px 0px -300px 0px; } .product_listing_grid_3col .products_container .box_mid { padding: 5px 0px 61px 0px; } .product_listing_grid_3col .products_container .box_top { width: 215px; height: 5px; background: #FFF url(img/product_box_215.png) 0px 0px no-repeat; position: absolute; top: 0px; left: 0px; } .product_listing_grid_3col .products_container .box_bot { width: 215px; height: 5px; background: #FFF url(img/product_box_215.png) 0px -5px no-repeat; position: absolute; bottom: 0px; left: 0px; } .product_listing_grid_3col .col_2 .box_top, .product_listing_grid_3col .col_2 .box_bot { left: 235px; } .product_listing_grid_3col .col_3 .box_top, .product_listing_grid_3col .col_3 .box_bot { left: 470px; } /* NEW PRODUCT BANNER */ .product_listing_grid_3col .products_container .new { background: url(img/new_product.png) no-repeat 0px -35px; height: 35px; position: absolute; left: 169px; top: 8px; width: 35px; } .product_listing_grid_3col .col_2 .new { left: 403px; } .product_listing_grid_3col .col_3 .new { left: 637px; } /* SPECIAL BANNER */ .product_listing_grid_3col .products_container .special { background: #9E004F; border: 1px solid #DDD; border-radius: 0 10px 10px 0; color: #FFF; left: 0; line-height: 20px; padding: 5px 6px; position: absolute; top: 109px; font-size: 15px; font-weight: bold; } .product_listing_grid_3col .col_2 .special { left: 235px; } .product_listing_grid_3col .col_3 .special { left: 470px; } /* ARTIKELBILD */ .product_listing_grid_3col .products_image { width: auto; height: 165px; margin: 0px; text-align: center; overflow: hidden; } .product_listing_grid_3col .products_image img { max-height: 165px; max-width: 165px; margin: 0 auto; } /* ARTIKELNAME */ .product_listing_grid_3col .products_name { width: auto; margin: 15px 0px 5px 0px; text-align: center; overflow: hidden; } .product_listing_grid_3col .products_name h2 { margin: 0px; padding: 0px; } .product_listing_grid_3col .products_name h2 a { font-size: 14px; } /* PREIS UND VPE */ .product_listing_grid_3col .price_buy { width: 213px; position: absolute; bottom: 5px; left: 1px; padding: 0px; height: 61px; text-align: center; } .product_listing_grid_3col .col_2 .price_buy { left: 236px; } .product_listing_grid_3col .col_3 .price_buy { left: 471px; } .product_listing_grid_3col .products_vpe { font-size: 12px; } /* KAUFEN UND ANZEIGEN BUTTON */ .product_listing_grid_3col .products_button { display: none; width: auto; float: right; margin: 0px; vertical-align: middle; text-align: center; background: #A0004B; padding: 4px; color: #FFF; } .product_listing_grid_3col .products_button a { display: block; padding: 5px 10px 5px 10px; border: 1px dashed #FFF; color: #FFF; } /*-- EOF - PRODUCT LISTING WITH 3 COLS (grid_3col) ------------------------------------------------*/ /*-- BOF - PRODUCT LISTING AS LIST (list) ------------------------------------------------*/ .product_listing_list { width: 100%; } /* RAHMEN EINES ARTIKELS */ .product_listing_list .products_container { width: auto; height: auto; margin: 0px 0px 20px 0px; border: 1px solid #DDD; border-radius: 5px; padding: 15px; position: relative; } /* NEW PRODUCT BANNER */ .product_listing_list .new { background: url(img/new_product.png) no-repeat 0px 0px; height: 35px; position: absolute; right: 10px; top: 0px; width: 35px; } /* SPECIAL BANNER */ .product_listing_list .special { background: #9E004F; border: 1px solid #DDD; border-radius: 0 10px 10px 0; color: #FFF; left: -1px; line-height: 20px; padding: 5px 6px; position: absolute; top: 66px; font-size: 15px; font-weight: bold; } /* ARTIKELBILD */ .product_listing_list .products_image { width: 90px; height: 90px; padding: 0px 0px 0px 5px; float: left; margin: 0px; text-align: center; } .product_listing_list .products_image img { max-height: 90px; max-width: 90px; margin: 0 auto; } .product_listing_list .products_infos { width: 530px; float: right; margin: 0px; } /* ARTIKELNAME */ .product_listing_list .products_name { width: auto; margin: 0px 0px 10px 0px; } .product_listing_list .products_name h2 { margin: 0px; } .product_listing_list .products_name h2 a { font-size: 14px; } .product_listing_list .products_short_description { width: 245px; min-height: 10px; float: left; margin: 0px; } /* PREIS UND VPE */ .product_listing_list .price_block { width: 125px; float: left; margin: 0px 0px 0px 20px; padding: 0px; background: none; border: none; position: relative; } .product_listing_list .products_vpe { font-size: 12px; } /* KAUFEN UND ANZEIGEN BUTTON */ .product_listing_list .products_button { width: auto; float: left; margin: 0px 0px 0px 20px; } /*-- EOF - PRODUCT LISTING AS LIST (list) ------------------------------------------------*/ /*-- BOF - PRODUCT LISTING ONLY IMAGES (only_images) ------------------------------------------------*/ .product_listing_images_only { width: 100%; position: relative; overflow: visible; } .product_listing_images_only .products_row { width: 100%; margin: 0px 0px 20px 0px; } /* RAHMEN EINES ARTIKELS */ .product_listing_images_only .products_container { float: left; width: 99px; height: 99px; margin: 0px 0px 0px 20px; padding: 10px; border: 1px solid #DDD; border-radius: 5px; } .product_listing_images_only .col_0 { margin: 0px; } /* ARTIKELBILD KLEIN */ .product_listing_images_only .products_image { width: 99px; height: 99px; margin: 0px; text-align: center; overflow: hidden; display: table-cell; vertical-align: middle; } .product_listing_images_only .products_image img { max-height: 99px; max-width: 99px; margin: 0 auto; } /* ZUSÄTZLICHE INFOS */ .product_listing_images_only .sub_infos { display: none; position: absolute; left: 90px; top: -25px; border: 10px solid #DDD; min-width: 260px; max-width: 310px; padding: 20px; background: #FFF; z-index: 20; border-radius: 5px; box-shadow: 0px 5px 10px -2px #777; } .product_listing_images_only .col_1 .sub_infos { left: 220px; } .product_listing_images_only .col_2 .sub_infos { left: 356px; } .product_listing_images_only .col_3 .sub_infos { left: auto; right: 220px; } .product_listing_images_only .col_4 .sub_infos { left: auto; right: 90px; } .product_listing_images_only .sub_infos .arrow { display: block; height: 68px; width: 35px; position: absolute; top: 5px; left: -35px; background: url(img/only_image_arrow_ddd.png) 0px 0px no-repeat; } .product_listing_images_only .col_3 .sub_infos .arrow, .product_listing_images_only .col_4 .sub_infos .arrow { left: auto; right: -35px; background-position: -35px 0px; } /* NEW PRODUCT BANNER */ .product_listing_images_only .sub_infos .new { background: url(img/new_product.png) no-repeat 0px -35px; height: 35px; position: absolute; right: 10px; top: 10px; width: 35px; } /* SPECIAL BANNER */ .product_listing_images_only .sub_infos .special { background: #9E004F; border: 1px solid #DDD; border-radius: 0 10px 10px 0; color: #FFF; left: -1px; line-height: 20px; padding: 6px; position: absolute; top: 90px; font-size: 15px; font-weight: bold; } /* ARTIKELBILD GROSS */ .product_listing_images_only .sub_infos .products_image { width: 100%; height: auto; margin: 0px; padding: 0px; text-align: center; overflow: hidden; display: block; } .product_listing_images_only .sub_infos .products_image img { max-height: 250px; max-width: 250px; margin: 0 auto; display: block; } /* ARTIKELNAME */ .product_listing_images_only .sub_infos .products_name { width: auto; height: auto; margin: 20px 0px 0px 0px; text-align: center; } .product_listing_images_only .sub_infos .products_name h2 { margin: 0px; } .product_listing_images_only .sub_infos .products_name h2 a { font-size: 15px; } .product_listing_images_only .sub_infos .products_short_description { width: 100%; margin: 10px 0px 0px 0px; } /* PREIS UND VPE */ .product_listing_images_only .sub_infos .price_block { float: left; margin: 20px 0px 0px 0px; background: #A0004B; padding: 4px; color: #FFF; } .product_listing_images_only .sub_infos .price_block .inner { padding: 5px 10px 5px 10px; border: 1px dashed #FFF; } .product_listing_images_only .sub_infos .productOldPrice { color: #FFF; } .product_listing_images_only .sub_infos .products_vpe { font-size: 12px; } /* KAUFEN UND ANZEIGEN BUTTON */ .product_listing_images_only .sub_infos .products_button { width: auto; float: right; margin: 20px 0px 0px 0px; vertical-align: middle; text-align: center; background: #A0004B; padding: 4px; color: #FFF; } .product_listing_images_only .sub_infos .products_button a { display: block; padding: 5px 10px 5px 10px; border: 1px dashed #FFF; color: #FFF; } /*-- EOF - PRODUCT LISTING ONLY IMAGES (only_images) ------------------------------------------------*/ /*-- BOF - PRODUCT LISTING WITH 4 COLS (grid_4col) ------------------------------------------------*/ .product_listing_grid_4col { width: 100%; } /* RAHMEN EINES ARTIKELS */ .product_listing_grid_4col .products_row { margin: 20px 0px 0px 0px; padding: 5px 0px 5px 0px; position: relative; overflow: hidden; } .product_listing_grid_4col .row_1 { margin: 0px; } .product_listing_grid_4col .products_container { float: left; width: 205px; margin: 0px 0px -300px 20px; padding: 0px 10px 300px 10px; background: #FFF url(img/product_box_225_mid.png) 0px 0px repeat-y; } .product_listing_grid_4col .col_1 { margin: 0px 0px -300px 0px; } .product_listing_grid_4col .products_container .box_mid { padding: 5px 0px 61px 0px; } .product_listing_grid_4col .products_container .box_top { width: 225px; height: 5px; background: #FFF url(img/product_box_225.png) 0px 0px no-repeat; position: absolute; top: 0px; left: 0px; } .product_listing_grid_4col .products_container .box_bot { width: 225px; height: 5px; background: #FFF url(img/product_box_225.png) 0px -5px no-repeat; position: absolute; bottom: 0px; left: 0px; } .product_listing_grid_4col .col_2 .box_top, .product_listing_grid_4col .col_2 .box_bot { left: 245px; } .product_listing_grid_4col .col_3 .box_top, .product_listing_grid_4col .col_3 .box_bot { left: 490px; } .product_listing_grid_4col .col_4 .box_top, .product_listing_grid_4col .col_4 .box_bot { left: 735px; } /* NEW PRODUCT BANNER */ .product_listing_grid_4col .products_container .new { background: url(img/new_product.png) no-repeat 0px -35px; height: 35px; position: absolute; left: 180px; top: 8px; width: 35px; } .product_listing_grid_4col .col_2 .new { left: 425px; } .product_listing_grid_4col .col_3 .new { left: 670px; } .product_listing_grid_4col .col_4 .new { left: 915px; } /* SPECIAL BANNER */ .product_listing_grid_4col .products_container .special { background: #9E004F; border: 1px solid #DDD; border-radius: 0 10px 10px 0; color: #FFF; left: 0; line-height: 20px; padding: 5px 6px; position: absolute; top: 109px; font-size: 15px; font-weight: bold; } .product_listing_grid_4col .col_2 .special { left: 245px; } .product_listing_grid_4col .col_3 .special { left: 490px; } .product_listing_grid_4col .col_4 .special { left: 735px; } /* ARTIKELBILD */ .product_listing_grid_4col .products_image { width: auto; height: 165px; margin: 0px; text-align: center; overflow: hidden; } .product_listing_grid_4col .products_image img { max-height: 165px; max-width: 165px; margin: 0 auto; } /* ARTIKELNAME */ .product_listing_grid_4col .products_name { width: auto; margin: 15px 0px 5px 0px; text-align: center; overflow: hidden; } .product_listing_grid_4col .products_name h2 { margin: 0px; padding: 0px; } .product_listing_grid_4col .products_name h2 a { font-size: 14px; } /* PREIS UND VPE */ .product_listing_grid_4col .price_buy { width: 223px; position: absolute; bottom: 5px; left: 1px; padding: 0px; height: 60px; text-align: center; } .product_listing_grid_4col .col_2 .price_buy { left: 246px; } .product_listing_grid_4col .col_3 .price_buy { left: 491px; } .product_listing_grid_4col .col_4 .price_buy { left: 736px; } .product_listing_grid_4col .products_vpe { font-size: 12px; } /* KAUFEN UND ANZEIGEN BUTTON */ .product_listing_grid_4col .products_button { display: none; width: auto; float: right; margin: 0px; vertical-align: middle; text-align: center; background: #A0004B; padding: 4px; color: #FFF; } .product_listing_grid_4col .products_button a { display: block; padding: 5px 10px 5px 10px; border: 1px dashed #FFF; color: #FFF; } /*-- EOF - PRODUCT LISTING WITH 4 COLS (grid_4col) ------------------------------------------------*/ /*-- BOF - PAGE NAVIGATION ------------------------------------------------*/ #page_navigation { margin: 20px 0px 0px 0px; width: auto; padding: 8px; border: 1px solid #DDD; border-radius: 5px; font-size: 12px; float: none; clear: both; line-height: 22px; } #page_navigation .left { float: left; width: auto; } #page_navigation .right { float: right; width: auto; } #page_navigation .pageResults { display: inline-block; height: 22px; line-height: 22px; width: 22px; padding: 0px; margin: 0px 0px 0px 5px; background: #F5F5F5; border: 1px solid #DDD; border-radius: 2px; text-align: center; cursor: pointer; } #page_navigation a.pageResults:hover { text-decoration: none; background: #EFEFEF; border: 1px solid #CCC; } #page_navigation .pageResults:first-child { margin: 0 0 0 10px; } #page_navigation strong.pageResults { font-weight: bold; cursor: default; } /*-- EOF - PAGE NAVIGATION ------------------------------------------------*/ /*-- BOF - SOCIAL SHARE PRIVACY ------------------------------------------------*/ #socialshareprivacy .switch, #socialshareprivacy .settings_info { display: none; } .social_share_privacy_area{clear:both;list-style-type:none;width:auto;height:25px;display:block;margin:20px 0!important;padding:0!important;} .social_share_privacy_area li{height:21px;float:left;margin:0 10px 10px 0;padding:0!important;} .social_share_privacy_area li .dummy_btn{float:left;cursor:pointer;height:inherit;margin:0;padding:0;} .social_share_privacy_area li div iframe{overflow:hidden;height:inherit;width:inherit;} .social_share_privacy_area .facebook .fb_like,.social_share_privacy_area .facebook .fb_like iframe{max-width:130px;} .social_share_privacy_area li div.tweet{max-width:95px;} .social_share_privacy_area li div.gplusone{max-width:70px;} .social_share_privacy_area li div.pinterest{max-width:50px;} .social_share_privacy_area li .switch{display:inline-block;text-indent:-9999em;background:transparent url(javascript/socialshareprivacy/images/socialshareprivacy_on_off.png) no-repeat 0 0 scroll;width:23px;height:12px;overflow:hidden;float:left;cursor:pointer;margin:4px 10px 0 0;padding:0;} .social_share_privacy_area li .switch.on{background-position:0 -12px;} .social_share_privacy_area li.help_info{position:relative;} .social_share_privacy_area li.help_info .info,.social_share_privacy_area li .help_info.icon .info{display:none;position:absolute;bottom:40px;left:0;width:290px;border:1px solid #ddd;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-moz-box-shadow:0 0 5px #aaa;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa;background-color:#eee;color:#333;z-index:500;background:#eee url(javascript/jquery/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;margin:0;padding:8px;} .social_share_privacy_area li.gplus.help_info .info{left:-60px;} .social_share_privacy_area li.pinterest.help_info .info{left:-160px;} .social_share_privacy_area li .help_info.icon .info{left:-243px;width:350px;} .social_share_privacy_area li.help_info.display .info,.social_share_privacy_area li .help_info.icon.display .info{display:block;} .social_share_privacy_area li.help_info.info_off.display .info{display:none;} .social_share_privacy_area li .help_info.icon{background:#fff url(javascript/socialshareprivacy/images/socialshareprivacy_info.png) no-repeat center center scroll;width:25px;height:20px;position:relative;display:inline-block;vertical-align:top;border:2px solid #e7e3e3;border-right-width:0;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px;margin:0;padding:0;} .social_share_privacy_area li.settings_info .settings_info_menu.on .help_info.icon{border-top-width:0;border-left-width:0;} .social_share_privacy_area li.settings_info .settings_info_menu.perma_option_off .help_info.icon{border-right-width:2px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;} .social_share_privacy_area li.settings_info{position:relative;top:-2px;} .social_share_privacy_area li.settings_info a{text-decoration:none;margin:0!important;} .social_share_privacy_area li.settings_info .settings_info_menu{background-color:#f3f4f5;border:2px solid #e7e3e3;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:2px 2px 3px #c1c1c1;-webkit-box-shadow:2px 2px 3px #c1c1c1;box-shadow:3px 3px 3px #c1c1c1;left:0;position:absolute;top:0;min-width:55px;z-index:1000;margin:0;padding:0;} .social_share_privacy_area li.settings_info .settings_info_menu.off{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;background-color:transparent;border-width:0;} .social_share_privacy_area li.settings_info .settings_info_menu.off form{display:none;margin:0;padding:0;} .social_share_privacy_area li.settings_info .settings_info_menu .settings{text-indent:-9999em;display:inline-block;background:#fff url(javascript/socialshareprivacy/images/settings.png) no-repeat center center scroll;width:25px;height:20px;border:2px solid #e7e3e3;-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;border-left:1px solid #ddd;margin:0;padding:0;} .social_share_privacy_area li.settings_info .settings_info_menu.on .settings{border-top-width:0;} .social_share_privacy_area li.settings_info .settings_info_menu form fieldset{min-width:150px;border-width:0;margin:0;padding:0 10px 10px;} .social_share_privacy_area li.settings_info .settings_info_menu form fieldset legend{font-size:11px;font-weight:700;line-height:16px;width:130px;background:none;border:none;margin:0;padding:10px 0;} .social_share_privacy_area li.settings_info .settings_info_menu form fieldset input{clear:both;float:left;margin:4px 10px 4px 0;padding:0;} .social_share_privacy_area li.settings_info .settings_info_menu form fieldset label{display:inline-block;float:left;font-size:12px;font-weight:700;line-height:24px;-moz-transition:color .5s ease-in;-webkit-transition:color .5s ease-in;transition:color .5s ease-in;width:auto;margin:0;padding:0;} .social_share_privacy_area li.settings_info .settings_info_menu form fieldset label.checked{color:#090;} /*-- EOF - SOCIAL SHARE PRIVACY ------------------------------------------------*/ /*-- BOF - JQEURY TOOLTIP ------------------------------------------------*/ .ui-tooltip { white-space: pre-line; } /*-- EOF - JQEURY TOOLTIP ------------------------------------------------*/ /*-- BOF - 404 ERROR PAGE --------------------------------------------------------------*/ #fzf_page .search { margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; border-bottom: 1px dotted #AAA; } #fzf_page .search input { width: auto; float: left; margin: 0px 0px 0px 10px; } #fzf_page .search input[type="text"] { width: 200px; margin: 0px; } #fzf_page .links { margin: 20px 0px 0px 0px; } /*-- EOF - 404 ERROR PAGE --------------------------------------------------------------*/ /*-- BOF - VERSANDKOSTEN SEITE --------------------------------------------------------------*/ .shipping_costs_table { margin: 0 0 20px 0; width: 100%; } .shipping_costs_table td { border: 1px solid #DDD; padding: 5px; } .shipping_costs_table .header { font-weight: bold; background: #EFEFEF; } /*-- EOF - VERSANDKOSTEN SEITE --------------------------------------------------------------*/ /*-- BOF - POPUP CONTENT --------------------------------------------------------------*/ #popup_content { padding: 20px; background: #FFF; } #popup_content #pc_heading { background: #f5f5f5; border: 1px solid #aaa; padding: 10px; } #popup_content #pc_error { background: #f5f5f5; border: 1px solid #aaa; padding: 10px; text-align: center; } #popup_content #pc_text { margin: 20px 0 0 0; } /*-- EOF - POPUP CONTENT --------------------------------------------------------------*/ /*-- BOF - POPUP IMAGE --------------------------------------------------------------*/ #popup_image { padding: 20px; background: #FFF; } #popup_image .products_name { background: #f5f5f5; border: 1px solid #aaa; padding: 10px; } #popup_image .error { background: #f5f5f5; border: 1px solid #aaa; padding: 10px; text-align: center; } #popup_image .products_image { width: 100%; text-align: center; margin: 20px 0 0 0; } #popup_image .more_images { width: 100%; text-align: center; margin: 20px 0 0; } #popup_image .more_images img { margin: 0 10px 10px 0; vertical-align: middle; } /*-- EOF - POPUP IMAGE --------------------------------------------------------------*/ /*-- BOF - IMAGESLIDER ------------------------------------*/ #imageslider { margin: 0 0 21px 0; padding: 0; list-style: none; list-style-position: outside; overflow: hidden; width: 100%; height: 600px; float: left; } #imageslider li { width: 960px; height: 600px; } #imageslider li img { width: 100%; max-width: 100%; } #imageslider .prev, #imageslider .next { height: 100%; width: 104px; position: absolute; top: 0; left: 0; background: url(img/slideshow_arrows.png) 10px center no-repeat; opacity: 0.4; z-index: 10; cursor: pointer; transition: opacity 0.3s ease 0s; } #imageslider .next { right: 0; left: auto; background-position: -104px center; } #imageslider .prev:hover, #imageslider .next:hover { opacity: 1; } #imageslider .controls { text-align: center; width: 600px; position: absolute; left: 50%; bottom: 20px; z-index: 10; margin-left: -300px; } #imageslider .controls li { display: inline-block !important; text-indent: -9999px; background: #869791; border-radius: 50px; height: 12px; width: 12px; margin: 0 5px; opacity: 0.5; border: 2px solid #FFF; cursor: pointer; transition: opacity 0.3s ease 0s; } #imageslider .controls li:hover { opacity: 1; } #imageslider .controls li.current { background: #9e004f /* #131313 */; } /*-- EOF - IMAGESLIDER ------------------------------------*/ /*-- BOF - CUSTOMERS REMIND ----------------------------------*/ #customersRemind { margin: 20px 0 0 0; padding: 15px 0 0 0; border-top: 1px solid #9e004f; } #customersRemind .intro, #customersRemind .heading { color: #9E004F; } #customersRemind .heading { font-weight: bold; text-transform: uppercase; } #customersRemind label { display: block; width: 100%; margin: 0 0 2px 0; } #customersRemind input[type="text"] { width: 100%; box-sizing: border-box; margin: 0 0 5px 0; } #customersRemind input[type="image"] { margin-top: 10px; } #customersRemindMsg { padding: 10px; margin: 20px 0; } #customersRemindMsg.red { border: 2px solid #9E004F; background: #FCE4EB; color: #9E004F; } #customersRemindMsg.green { border: 2px solid #41A85F; background: #61BD6D; color: #FFF; } /*-- EOF - CUSTOMERS REMIND ----------------------------------*/ .startpage_box { width: 300px; float: left; margin: 0 0 21px 21px; border: 3px solid #EFEFEF; overflow: hidden; } .startpage_box.first { margin-left: 0; } .startpage_box img { max-width: 100%; } .startpage_box .text { position: relative; padding: 15px; min-height: 85px; } .startpage_box .info { margin: 0 0 10px 0; text-transform: uppercase; color: #777; } .startpage_box h3 { margin: 0; width: 75%; line-height: 1.6em; } .startpage_box .button { margin: 0; display: block; position: absolute; right: 20px; top: 50px; border: 2px solid #9e004f; color: #9e004f; border-radius: 50px; padding: 15px; font-size: 25px; line-height: 11px; height: 15px; font-weight: bold; transition: all 0.3s ease 0s; } .startpage_box .button:hover { background: #9e004f; text-decoration: none; color: #FFF; } /*-- BOF - COOKIE INFO ----------------------------------*/ #cookieInfo { position: fixed; width: 100%; margin: 0px; left: 0px; bottom: 0px; padding: 15px 20px; z-index: 1000; background: #F5F5F5; border-top: 1px solid #DDD; box-shadow: #AAA 0px 0px 5px; box-sizing: border-box; } #cookieInfo .text { display: block; width: auto; } #cookieInfo .text br { display: none; } #cookieInfo .buttons { display: block; width: auto; margin: 15px 0 0 0; } #cookieInfo .buttons a { display: inline-block; margin: 0; padding: 5px 10px 7px; color: #FFF; font-weight: 700; border: 1px solid #333; background: #555; border-radius: 3px; text-decoration: none; box-shadow: inset 0 -1px 0 1px rgba(0, 0, 0, 0.1), inset 0 -10px 20px rgba(0, 0, 0, 0.1); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); text-align: center; width: 100%; box-sizing: border-box; } #cookieInfo .buttons a:hover { background: #444; } #cookieInfo .buttons #cookieInfoDismiss { margin: 10px 0 0 0; } @media (min-width: 576px) { #cookieInfo .buttons a { width: auto; white-space: nowrap; } #cookieInfo .buttons #cookieInfoDismiss { margin: 0 0 0 10px; } } @media (min-width: 768px) { #cookieInfo .text br { display: block; } } @media (min-width: 1100px) { /* 1200px */ #cookieInfo { padding: 10px 15px; } #cookieInfo .text { float: left; } #cookieInfo .buttons { float: right; margin-top: 3px; } #cookieInfo .buttons #cookieInfoDismiss { margin: 0 0 0 10px ; } } /*-- EOF - COOKIE INFO ----------------------------------*/