/* Manhattan author: David Steeb, Julian Lochstampfer:: b:dreizehn GmbH, Stuttgart */ /* reset.css v1.0 | 20080212 */ 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 {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}ins {text-decoration:none;}del{text-decoration:line-through;}table {border-collapse:collapse;border-spacing:0;} /* end reset */ /* --- general typo --- */ body,html { line-height: 16px; background: none center top no-repeat #000; } html { overflow-y: scroll; } body, html, input, select, textarea { font-family: "Arial", "Helvetica", sans-serif; font-size: 12px; } h1 { font-size: 35px; font-weight: bold; } h2 { font-size: 26px; color: #4f85c3; } h3 { font-size: 18px; line-height: 18px; color: #fff; text-transform: uppercase; } h3.localizedname { color: #000; margin-top: 6px; line-height: 20px; font-weight: lighter; margin-bottom: 12px; width: 330px; } h5 { font-size: 13px; line-height: 16px; } p { margin: 1em 0; } a { color: #000; text-decoration: none; } a:hover { } cufon cufontext {text-align:left;} /*Verhindert Linien unterhalb der RECHTSBÜNDIGEN Texte, die mit Cufon ersetzt wurden*/ .cufonTransform { text-transform: uppercase; } /* --- layout --- */ #pageWrap { width: 995px; margin: 0 auto; text-align: center; } #leftCol { width: 190px; text-align: left; float: left; } #mainCol { width: 800px; text-align: left; float: left; } /* --- common styles --- */ .formRow { width: 100%; float: left; display: block; clear: both; } .toTop { text-align: right; float: right; margin: 15px 10px 0 0; } .toTop a { font-size: 10px; line-height: 10px; padding-right: 8px; background: url(img/arrowToTopSprite.png) right 4px no-repeat; } .toTop a:hover { } a.button { height: 23px; width: 109px; background: url(img/bgProductInfoLinks.png) left top no-repeat; text-align: center; display: block; padding-top: 4px; color: #868686; } a.button:hover { background-position: left -27px; color: #fff !important; } a.elig { text-decoration: underline; } .spinner { width: 790px; height: 200px; background: url(img/bgLoader.gif) center center no-repeat; float: left; } input, textarea { outline: none; } p.red, h3.red { color: red !important; } .outOfSight { margin-left: -100000px; height: 0; } /* --- jqTrasform --- */ .row-2 .jqTransformSelectWrapper { } .row-1 .jqTransformSelectWrapper div { z-index: 1400; } .row-1 .jqTransformSelectWrapper ul { z-index: 1350; } .jqTransformSelectWrapper div { width: 255px; height: 26px; background: url(img/bgDDClose.png) top left no-repeat; z-index: 1300; position: absolute; cursor: pointer; } .jqTransformSelectWrapper div span { display: block; height: 26px; width: 255px; line-height: 26px; text-indent: 13px; color: #fff; } .jqTransformSelectWrapper ul { z-index: 1250; background: url(img/bgDDOpen.png) bottom left no-repeat; position: absolute; margin-top: 24px; padding-bottom: 10px; padding-top: 3px; height: auto; width: 90%; max-height: 350px; overflow: hidden;; } .jqTransformSelectWrapper ul li a { padding-left: 12px; line-height: 30px; color: #999999 !important; display: block; } .jqTransformSelectWrapper ul li a:hover, .jqTransformSelectWrapper ul li a.selected { color: #fff !important; } .jqTransformSelectWrapper div span.all { color: #999; } .inputSelectHideFirst .jqTransformSelectWrapper li:first-child { display: none; } #jqTransformTextarea-ml { display: none; } #jqTransformTextarea-mm textarea { width: 238px; height: 70px;background: #eaeaea; border: 2px solid #ddd; padding-top: 5px; padding-left: 10px; } #jqTransformTextarea-mm textarea:focus { border: 1px solid #444; width: 240px; height: 72px; } .formRowTextarea { height: auto !important; margin-bottom: 10px; } textarea { font-size: 15px; font-family: "Arial", "Helvetica", sans-serif; } textarea.inputDefaultValue { color: #868686; font-size: 13px; } .formSmall .jqTransformSelectWrapper div { width: 235px; background: url(img/bgDDCloseSmall.png) left top no-repeat; font-size: 15px; color: #999999; line-height: 31px; } /* .formSmall .jqTransformSelectWrapper div span { width: 235px; } */ .formSmall .jqTransformSelectWrapper ul { background: url(img/bgDDOpenSmall.png) 2px bottom no-repeat; font-size: 15px; color: #999999; line-height: 19px; } .jqTransformInputInner div { height: 27px; width: 252px; background: url(img/bgFormInput.png) left top no-repeat; } .jqTransformInputWrapper_focus .jqTransformInputInner div { background-position: left -36px; } .jqTransformInputWrapper input { height: 27px; line-height: 27px; padding-left: 12px; width: 238px !important; font-size: 15px; font-family: "Arial", "Helvetica", sans-serif; } .jqTransformInputWrapper .inputDefaultValue { color: #868686; font-size: 13px; } .error .jqTransformInputInner div { background-position: left bottom; } .formSmall .jqTransformInputInner div { width: 232px; background: url(img/bgInputSmallSprite.png) left top no-repeat; } .formSmall .jqTransformInputWrapper_focus .jqTransformInputInner div { background-position: left -36px; } .formSmall .jqTransformInputWrapper input { width: 218px !important; } .formSmall .error .jqTransformInputInner div { background-position: left bottom; } .jqTransformRadioWrapper { display: block; } .jqTransformRadioWrapper a.jqTransformRadio { display: block; background: url(img/bgRadioSprite.png) left top no-repeat; height: 11px; width: 20px; float: left; margin-top: 2px; } .jqTransformRadioWrapper a.jqTransformChecked { background-position: left -31px !important; } .jqtransform div.formRowHover:hover a.jqTransformRadio { background-position: left -15px; } .jqTransformCheckboxWrapper a.jqTransformCheckbox { background: url(img/bgCheckboxSprite.png) left top no-repeat; width: 20px; height: 15px; display: block; } .jqTransformCheckboxWrapper a.jqTransformCheckbox:hover { background-position: left -15px; } .jqTransformCheckboxWrapper a.jqTransformChecked { background-position: left -30px !important; } .jqTransformCheckboxWrapper { display:block; float:left; height: 15px; margin-right: 8px; width: 15px; } .jqtransform div.formRowHover:hover .jqTransformCheckboxWrapper a.jqTransformCheckbox { background-position: left -15px; } .inputText-250 input { width: 242px; background: transparent; border: none; } .inputSelect-250 select { width: 255px; margin-left: -2px; } .inputText-230 input { width: 220px; background: transparent; border: none; } .inputSelect-230 select { width: 235px;} /* --- social Networks --- */ .shareContainer { position: absolute; z-index: 10000; } #shareContainerVideo { display: none; top: 484px; left: 783px; } li.socialLinkWrap { position: relative; } .shareContainer ul, li.social ul { width: 54px; height: 36px; background: url(img/socialLayer.png) left top no-repeat; position: absolute; bottom: 22px; right: 27px; display: none; padding-bottom: 3px; padding-left: 2px; } .shareContainer ul, li.social:hover ul { display: block;} .shareContainer li, li.social li { display: inline; } .shareContainer ul a, li.social ul a { height: 24px; width: 24px; padding: 0 0 0 0; margin: 2px 0 0 0; background: url(img/socialSprite.png) no-repeat; display: block; float: left; } .shareContainer ul a.facebook, li.social ul a.facebook { background-position: left 0px; } .shareContainer ul a.facebook .FBConnectButton_Text_Simple, .shareContainer ul a.facebook .FBConnectButton_Simple, li.social ul a.facebook .FBConnectButton_Text_Simple, li.social ul a.facebook .FBConnectButton_Simple { background-image: none !important; display: block; height: 24px; width: 24px; } .shareContainer ul a.twitter, li.social ul a.twitter { background-position: left -100px;} /* li.social ul a.schulervz { background-position: left -200px; } li.social ul a.digg { background-position: left -300px; } li.social ul a.delicious { background-position: left -400px; } */ .shareContainer ul a.facebook:hover, li.social ul a.facebook:hover { background-position: left -50px; } .shareContainer ul a.twitter:hover, li.social ul a.twitter:hover { background-position: left -150px;} /* li.social ul a.schulervz:hover { background-position: left -249px; } li.social ul a.digg:hover { background-position: left -349px; } li.social ul a.delicious:hover { background-position: left -449px; } */ /* ---- leftCol layout --- */ #leftCol a { color: #fff; } #leftCol a:hover { color: #868686; } #header { width: 100%; float: left; margin-bottom: 4px} #menu { width: 170px; float: left; } #menu .mainMenu { font-size: 19px; line-height: 26px; font-weight: bold; float: left; } .mainMenu a, .mainMenu span { padding-left: 15px; background: url(img/arrowSprite.png) 5px 5px no-repeat; } /* --- lochstampfer 28.4.2011. Manhattan&Buffelo Colloction needed two lines--- */ .mainMenu li ul a { display: block; } .mainMenu .active { color: #ffffff; background-position: 1px -53px; } .mainMenu a:hover { background-position: 4px -25px; color: #868686; } .mainMenu a.active:hover { background-position: 1px -53px; color: #fff; } .mainMenu li ul { font-size: 16px; font-weight: normal; line-height: 19px; margin: 5px 0 15px 5px; } .mainMenu li ul.isLastList { margin-bottom: 0; } .mainMenu li ul a { background: none; } #menu .mainMenu li ul a.active { color: #868686; } .mainMenu li ul .spacer { height: 8px; overflow: hidden; width: 30px; } .mainMenu .linkFinder { padding-left: 28px; text-indent: -28px; } .mainMenu .linkFinder a { background: url(img/arrowSprite.png) 5px -115px no-repeat ; margin-left: 9px; padding-left: 18px; font-weight: bold; display: inline; } .mainMenu .linkFinder a:hover { background-position: 5px -145px; } #menu .mainMenu li ul li.linkFinder a.active { background-position: 5px -144px !important; } .divider { height: 1px; background: url(img/bgDivider.png) left top repeat-x; float: left; overflow: hidden; } #menu .divider { margin: 10px -1px 9px 14px; width: 158px;} #menu .dividerLi .divider { margin-left: 9px;} /* --- mainMenu form --- */ #menuForm { margin: 0px 0 6px 15px; } #menuForm, #menuFormSearch, #menuFormNewsletter { width: 100%; float: left; } #menuFormNewsletter { margin-top: 10px; } #menuForm label { text-transform: uppercase; color: #fff; padding-left: 2px;} #menuForm .formRowInput { height: 23px; width: 154px; background: url(img/bgInputMenuSprite.png) left top no-repeat; float: left; display: inline; margin-top: 4px; } #menuForm .formRowInput input { background: transparent; border: none; float: left; width: 122px; height: 22px; padding-left: 5px; font-size: 12px; line-height: 22px; } #menuForm .divInputSubmit input { width: 20px; height: 23px; } #menuForm .isActive {background-position: left bottom ; } #menuForm .divInputSubmit { height: 23px; width: 20px; margin-right: 5px; float: right; /* background: url(img/arrowBgSearchDouble.png) left top no-repeat; */ display: inline; } #metaNav { margin: 4px 0 0 15px; font-size: 13px; line-height: 19px; width: 100%; float: left; color: #fff; } #metaNav .active { color: #868686; } #menu .socialNetwork { margin: 0 0 10px -2px; } #menu .socialNetwork img { display: none;} #menu .socialNetwork a { background: url(img/facebook.png) left top no-repeat; display: block; width: 75px; height: 32px;} #menu .socialNetwork a:hover { background: url(img/facebookMO.png)} #menu .socialLinks { width: 100%; float: left; margin-bottom: 5px; } #menu .socialLinksHeader { margin-top: 6px; } #menu p { padding-left: 15px; text-transform: uppercase; color: #fff; } #menu .socialLinksIcons { padding-bottom: 8px; } #menu .socialLinks a { width: 35px; height: 35px; display: block; float: left; background-image: url(img/social-links.png); } #menu .socialLinks a span { display: none; } #menu .socialLinks-facebook { background-position: -7px -85px; } #menu .socialLinks-twitter { background-position: 73px -84px; } #menu .socialLinks-youtube { background-position: 42px -86px; width: 45px !important; } #menu .socialLinks-facebook:hover, .invertMenu #menu .socialLinks-facebook:hover { background-position: -7px -45px; } #menu .socialLinks-twitter:hover, .invertMenu #menu .socialLinks-twitter:hover { background-position: 73px -44px; } #menu .socialLinks-youtube:hover, .invertMenu #menu .socialLinks-youtube:hover { background-position: 42px -46px; } .invertMenu #menu p { color: #000; } .invertMenu #menu .socialLinks-facebook { background-position: -7px -5px; } .invertMenu #menu .socialLinks-twitter { background-position: 73px -4px; } .invertMenu #menu .socialLinks-youtube { background-position: 42px -6px; } /* --- breadcrumb --- */ #breadCrumb { width: 790px; height: 50px; float: left; text-align: left; font-size: 14px; font-weight: bold; margin-left: 5px; } #breadCrumb a { color: #fff; background: url(img/arrowBreadCrumbSprite.png) right 2px no-repeat; padding: 0 10px 0 5px; } #breadCrumb a:hover { color: #868686; } #breadCrumb p { margin: 18px 0 0 0; } #breadCrumb span { margin: 0 5px; padding-right: 6px; /* background: url(img/arrowSprite.png) left 2px no-repeat ; */ } #breadCrumb a.current { color: #868686; background: none; } /* --- layout with black logo --- */ .invertMenu .divider { background-image: url(img/invert_bgDivider.png); } .invertMenu .mainMenu a, .invertMenu .mainMenu span { color: #000; background: url(img/invert_arrowSprite.png) 5px 5px no-repeat; } .invertMenu #leftCol a { color: #000; } .invertMenu #leftCol a:hover { color: #868686; } .invertMenu #metaNav .active { color: #868686; } .invertMenu #menuForm label { color: #000; } .invertMenu #menuForm .formRowInput input { color: #fff; } .invertMenu #breadCrumb a { color: #000;} .invertMenu #breadCrumb a.current { color: #868686; } .invertMenu #langMenu { color: #000; } .invertMenu #menuForm .formRowInput { background-image: url(img/invert_bgInputMenuSprite.png); } /* --- main content --- */ #content { float: left; width: 802px; text-align: left; margin-bottom: 90px; } /* ---- teaser --- */ .teaser { margin-right: 10px; margin-bottom: 10px; float: left; background: center top no-repeat; } .height-505 { height: 505px; } .height-450 { height: 450px; } .height-400 { height: 400px; } .height-205 { height: 205px; } .width-790 { width: 790px; } .width-523 { width: 523px; } .width-390 { width: 390px; } .width-256 { width: 256px; } .width-190 { width: 190px; } .margin-right-11 { margin-right: 11px; } /* for manual selection */ .teaserContainer { width: 190px; margin-right: 10px; margin-bottom: 10px; float: left; background: center top no-repeat; } /* --- Themen teaser ---- */ .themen { position: relative; overflow: hidden; } .themen img { display: inline; } .themen .link { position: absolute; bottom: 17px; left: 20px; height: auto; /* width: 85%; */ } .themen .link a { text-transform: uppercase; background: url(img/arrowSprite.png) left -207px no-repeat; ; font-size: 14px; line-height: 19px; font-weight: bold; padding-left: 12px; color: #000; } .themen .link a:hover { background-position: left -147px; color: #868686; } .themen .themenTitle { position: absolute; bottom: 300px; left: -9999px;} .linkWhite .link a { color: #fff; background-position: left -117px; } .linkWhite .link a:hover { color: #868686; background-position: left -147px; } .linkRight .link { right: 20px; left: auto; text-align: right; } .linkTop .link { top: 10px; bottom: auto; } /* Product Info */ .productInfo { height: 478px; width: 790px; background: #fff; position: relative;} .productInfo a { color: #868686} .productInfo a:hover { color: #fff} .productInfo .productImage { float: left; width: 390px; height: 447px; overflow: hidden; } .productInfo .productImage td { width: 380px; height: 448px; vertical-align: middle; text-align: center; } .productInfo .newProduct { position: absolute; margin-top: 20px; margin-left: 20px; } .productInfoColRight { float: left; width: 400px; height: 448px; /* overflow-y: hidden; */ } .productInfoTextWrap { margin-top: 26px; width: 100%; float: left; } .productInfoTextWrap ul { margin-left: -15px; } .productInfoTextWrap li { padding-left: 15px; background: url(img/listItemProductInfo.png) 6px 6px no-repeat; font-size: 13px; line-height: 19px; } .productInfo h4, .productInfo h2 { font-size: 22px; margin-top: 4px; text-transform: uppercase; color: #000; } .productInfo h4.red, .productInfo h2.red { color: #ff3838; } .productInfo ul { margin-top: 11px; width: 380px; float: left; } .productInfoColorWrap { padding-top: 22px; width: 340px; float: left; } .productInfoColorWrap h5 { font-size: 12px; font-weight: normal; line-height: 16px; font-weight: bold; } .productInfoColorWrap ul { width: 100%; } .productInfo .colorBullets li { width: 36px; display: inline; margin: 0 6px 6px 0; float: left; position: relative; } .productInfo .colorBullets span { z-index: 300; height: 10px; position: absolute; top: 15px; left: 0; width: 36px; text-align: center; display: block; font-size: 10px; line-height: 10px; color: #000; } .productInfo .colorBullets img { position: absolute; z-index: 200; } .productInfo .colorBullets div { position: relative; } .productInfo .colorBullets div div img { position: absolute; z-index: 100; } .productInfo .colorBullets .colorBulletsColor-1 span { top: 15px; } .productInfo .colorBullets .colorBulletsColor-2 span { top: 9px; } .productInfo .colorBullets .colorBulletsColor-3 span { top: 7px; } .productInfo .colorBullets .colorBulletsColor-4 span { top: 6px; } .productInfo .fontWhite span { color: #fff; } .productInfoLinkWrap { position: absolute; bottom: 65px; right: 64px; } .productInfoLinkWrap ul.links { width: 336px; height: 23px; float: left; text-align: center; } .productInfoLinkWrap li { display: inline; } .productInfoLinkWrap a { height: 23px; width: 109px; background: url(img/bgProductInfoLinks.png) left top no-repeat; float: left; padding-top: 4px; margin-right: 3px; font-size: 12px; } .productInfoLinkWrap a:hover { background-position: left -27px ;} .productInfoNav { width: 790px; height: 30px; background: #222222; float: left; text-align: center; } .productInfoNav a { height: 30px; line-height: 30px;} .productInfoNavLeft { width: 260px; text-align: left; float: left; height: 30px; display: inline; margin-left: 15px; /* overflow: hidden; */ } .productInfoNavLeft a { background: url(img/arrowProductInfoNavSprite.png) left 6px no-repeat; padding-left: 20px; display: block; } .productInfoNavRight { width: 260px; text-align: right; float: right; height: 30px; display: inline; margin-right: 15px; /* overflow: hidden; */ } .productInfoNavRight a { background: url(img/arrowProductInfoNavSprite.png) right -44px no-repeat; padding-right: 20px; display: block; } .productInfoNavLeft a:hover { background-position: left -94px; } .productInfoNavRight a:hover { background-position: right -144px; } /* --- ProductFilter --- */ .jqTransformHidden { display: none; } #productFilter { height: 46px; width: 790px; background: url(img/bgProductFilter.png) left top; float: left; margin-bottom: 10px; font-size: 15px; color: #999999; line-height: 15px; } #productFilter select { width: 250px; } .formProductFilter { margin-left: 8px; } #productFilter .jqtransformdone .productFilterForm { float: left; width: 259px; margin-top: 8px; } #productFilter .jqTransformSelectWrapper div { background: url(img/bgProductFilterDDClose.png) top left no-repeat; height: 31px;} #productFilter .jqTransformSelectWrapper div span {height: 31px; line-height: 31px; margin-left: 1px; } #productFilter .jqTransformSelectWrapper ul { margin-top: 28px; margin-left: 1px; } #productFilter .jqTransformSelectWrapper div.scrolling { width: 257px; height: 391px; margin-top: 28px; background: url(img/bgDDOpen.png) bottom left no-repeat; position: absolute; z-index: 1250; overflow: hidden; } #productFilter .jqTransformSelectWrapper div.scrolling ul { margin-top: 10px; background: none; } #productFilter .jqTransformSelectWrapper div.higher, #productFilter .jqTransformSelectWrapper div.lower { height: 16px; width: 100%; position: absolute; background: url(img/bgScrollbarSpriteBig.png) left top no-repeat; } #productFilter .jqTransformSelectWrapper div.higher { background-position: 3px top; } #productFilter .jqTransformSelectWrapper div.lower { margin-top: 376px; background-position: 3px -30px; } #productFilter .jqTransformSelectWrapper div.higher:hover { background-position: 3px -60px; } #productFilter .jqTransformSelectWrapper div.lower:hover { background-position: 3px -89px; } #productFilter .productFilterFarbe .jqTransformSelectWrapper ul li a { background: url(img/bgProductFilterColorSprite.png) left top no-repeat; padding-left: 56px; } #productFilter .productFilterFarbe .jqTransformSelectWrapper .all a { padding-left: 12px; background: none; } #productFilter .productFilterFarbe .jqTransformSelectWrapper .creme a { background-position: 12px -199px; } #productFilter .productFilterFarbe .jqTransformSelectWrapper .white a { background-position: 12px -2247px; } #productFilter .productFilterFarbe .jqTransformSelectWrapper .transparent a { background-position: 12px -267px; } #productFilter .productFilterFarbe .jqTransformSelectWrapper .nude a { background-position: 12px -1838px; } #productFilter .productFilterFarbe .jqTransformSelectWrapper .yellow a { background-position: 12px -335px; } #productFilter .productFilterFarbe .jqTransformSelectWrapper .gold a { background-position: 12px -404px; } #productFilter .productFilterFarbe .jqTransformSelectWrapper .beige a { background-position: 12px 5px; } #productFilter .productFilterFarbe .jqTransformSelectWrapper .orange a { background-position: 12px -1908px; } #productFilter .productFilterFarbe .jqTransformSelectWrapper .red a { background-position: 12px -2111px; } #productFilter .productFilterFarbe .jqTransformSelectWrapper .pink a { background-position: 12px -1974px; } #productFilter .productFilterFarbe .jqTransformSelectWrapper .rose a { background-position: 12px -2042px; } #productFilter .productFilterFarbe .jqTransformSelectWrapper .purple a { background-position: 12px -609px; } #productFilter .productFilterFarbe .jqTransformSelectWrapper .blue a { background-position: 12px -63px; } #productFilter .productFilterFarbe .jqTransformSelectWrapper .green a { background-position: 12px -541px; } #productFilter .productFilterFarbe .jqTransformSelectWrapper .brown a { background-position: 12px -131px; } #productFilter .productFilterFarbe .jqTransformSelectWrapper .black a { background-position: 12px -2179px; } #productFilter .productFilterFarbe .jqTransformSelectWrapper .grey a { background-position: 12px -472px; } #productFilter .productFilterFarbe .jqTransformSelectWrapper .creme a:hover, #productFilter .productFilterFarbe .jqTransformSelectWrapper .creme a.selected { background-position: 12px -881px; } #productFilter .productFilterFarbe .jqTransformSelectWrapper .white a:hover, #productFilter .productFilterFarbe .jqTransformSelectWrapper .white a.selected { background-position: 12px -1770px; } #productFilter .productFilterFarbe .jqTransformSelectWrapper .transparent a:hover, #productFilter .productFilterFarbe .jqTransformSelectWrapper .transparent a.selected { background-position: 12px -949px; } #productFilter .productFilterFarbe .jqTransformSelectWrapper .nude a:hover, #productFilter .productFilterFarbe .jqTransformSelectWrapper .nude a.selected { background-position: 12px -1359px; } #productFilter .productFilterFarbe .jqTransformSelectWrapper .yellow a:hover, #productFilter .productFilterFarbe .jqTransformSelectWrapper .yellow a.selected { background-position: 12px -1017px; } #productFilter .productFilterFarbe .jqTransformSelectWrapper .gold a:hover, #productFilter .productFilterFarbe .jqTransformSelectWrapper .gold a.selected { background-position: 12px -1086px; } #productFilter .productFilterFarbe .jqTransformSelectWrapper .beige a:hover, #productFilter .productFilterFarbe .jqTransformSelectWrapper .beige a.selected { background-position: 12px -677px; } #productFilter .productFilterFarbe .jqTransformSelectWrapper .orange a:hover, #productFilter .productFilterFarbe .jqTransformSelectWrapper .orange a.selected { background-position: 12px -1428px; } #productFilter .productFilterFarbe .jqTransformSelectWrapper .red a:hover, #productFilter .productFilterFarbe .jqTransformSelectWrapper .red a.selected { background-position: 12px -1634px; } #productFilter .productFilterFarbe .jqTransformSelectWrapper .pink a:hover, #productFilter .productFilterFarbe .jqTransformSelectWrapper .pink a.selected { background-position: 12px -1497px; } #productFilter .productFilterFarbe .jqTransformSelectWrapper .rose a:hover, #productFilter .productFilterFarbe .jqTransformSelectWrapper .rose a.selected { background-position: 12px -1565px; } #productFilter .productFilterFarbe .jqTransformSelectWrapper .purple a:hover, #productFilter .productFilterFarbe .jqTransformSelectWrapper .purple a.selected { background-position: 12px -1291px; } #productFilter .productFilterFarbe .jqTransformSelectWrapper .blue a:hover, #productFilter .productFilterFarbe .jqTransformSelectWrapper .blue a.selected { background-position: 12px -745px; } #productFilter .productFilterFarbe .jqTransformSelectWrapper .green a:hover, #productFilter .productFilterFarbe .jqTransformSelectWrapper .green a.selected { background-position: 12px -1223px; } #productFilter .productFilterFarbe .jqTransformSelectWrapper .brown a:hover, #productFilter .productFilterFarbe .jqTransformSelectWrapper .brown a.selected { background-position: 12px -813px; } #productFilter .productFilterFarbe .jqTransformSelectWrapper .black a:hover, #productFilter .productFilterFarbe .jqTransformSelectWrapper .black a.selected { background-position: 12px -1702px; } #productFilter .productFilterFarbe .jqTransformSelectWrapper .grey a:hover, #productFilter .productFilterFarbe .jqTransformSelectWrapper .grey a.selected { background-position: 12px -1154px; } #productFilter .productFilterFarbe div span { text-indent: 56px; background: url(img/bgProductFilterColorSprite.png) no-repeat} #productFilter .productFilterFarbe div span.all { background: none; text-indent: 13px; } #productFilter .productFilterFarbe div span.creme { background-position: 12px -880px; } #productFilter .productFilterFarbe div span.white { background-position: 12px -1769px; } #productFilter .productFilterFarbe div span.transparent { background-position: 12px -948px; } #productFilter .productFilterFarbe div span.nude { background-position: 12px -1358px; } #productFilter .productFilterFarbe div span.yellow { background-position: 12px -1016px; } #productFilter .productFilterFarbe div span.gold { background-position: 12px -1085px; } #productFilter .productFilterFarbe div span.beige { background-position: 12px -676px; } #productFilter .productFilterFarbe div span.orange { background-position: 12px -1427px; } #productFilter .productFilterFarbe div span.red { background-position: 12px -1633px; } #productFilter .productFilterFarbe div span.pink { background-position: 12px -1496px; } #productFilter .productFilterFarbe div span.rose { background-position: 12px -1564px; } #productFilter .productFilterFarbe div span.purple { background-position: 12px -1290px; } #productFilter .productFilterFarbe div span.blue { background-position: 12px -744px; } #productFilter .productFilterFarbe div span.green { background-position: 12px -1222px; } #productFilter .productFilterFarbe div span.brown { background-position: 12px -812px; } #productFilter .productFilterFarbe div span.black { background-position: 12px -1701px; } #productFilter .productFilterFarbe div span.grey { background-position: 12px -1153px; } /* --- Überschrift Kategorie --- */ .headlineKategorie { width: 100%; float: left; margin-bottom: 15px; } .headlineKategorie h3 { margin-top: 7px; margin-left: 15px; float: left; } .headlineKategorie h3 a { margin-left: -15px; padding-left: 15px; background: url(img/arrowSprite.png) 5px 5px no-repeat; color: #fff; display: block; } .headlineKategorie h3 a:hover { background-position: 5px -25px; color: #868686} .headlineKategorie .divider { width: 790px; float: left; margin-top: 5px;} .headlineKategorie .toTop { margin-bottom: 0px; margin-top: 12px; } .headlineKategorie .toTop a { color: #fff; background-position: right 4px; } .headlineKategorie .toTop a:hover { background-position: right -6px; color: #868686; } /* ---- productListItem --- */ .productList { background: #fff; width: 190px; height: 420px; overflow: hidden; position: relative; } .productList p { color: #666666; margin: 0 0; } .productListImage td { width: 190px; height: 346px; vertical-align: middle; text-align: center; } .productListImage td a { font-size: 1px; line-height: 1px; } .productList .newProduct { position: absolute; right: 3px; top: 4px; } .productListTextWrap { float: left; width: 190px; height: 80px; overflow: hidden; position: absolute; bottom: 0; } .productListTextWrapInnerWrap { margin: 10px 10px 0 10px; } .productListInfo { display: none; } .productListTextWrap .link { position: absolute; bottom: 6px; } .productListTextWrap .link a.allColor { padding-left: 7px; float: left; background: url(img/arrowProductListInfoSprite.png) left 6px no-repeat; color: #666666;} .productListTextWrap .divider { float: left; position: absolute; bottom: 30px; left: 9px; width: 136px; height: 1px; } .productListTextWrap .colorBullet { position: absolute; bottom: 10px; right: 10px; } .productListTextWrap .colorBullet img { position: absolute; z-index: 200; } .productListTextWrap .colorBullet div img { position: absolute; z-index: 100; } .productListTextWrap .colorBullet div { position: relative; } .productList:hover .productListTextWrap { background: url(../img/products/bgProductListInfoText-black.png) left top repeat-x;} .productList:hover h5 { color: #fff; } .productList:hover p { display: none; } .productList:hover .productListInfo { display: block; } .productListTextWrap a.allColor:hover { color: #fff; background-position: left -24px; } /* --- productListItem smal --- */ .productListSmall { height: 265px; } .productListSmall .productListImage td { height: 189px; } /* --- ProductList HEADER ---*/ .productListHeader { height: 25px; width: 190px; overflow: hidden; } .productListHeader h4 { font-size: 14px; line-height: 14px; padding-top: 3px; text-transform: uppercase; overflow: hidden; color: #fff; margin-left: 5px; padding-left: 10px; } .productListHeader a { color: #fff; padding-left: 10px; margin-left: -10px; background: url(img/arrowBreadCrumbSprite.png) left 2px no-repeat; display: block; } .productListHeader a:hover { color: #868686; background-position: left -38px; } .productsManualListing { clear: both; } #productListNoResults .productListHeader { width: 100%; overflow: auto; height: auto; float: left; } /* --- contentHeader --- */ #contentHeader { width: 790px; background: white; } #contentHeaderTextWrap { padding: 16px 0 7px 10px; } #contentHeader h2 { font-size: 18px; line-height: 1em; color: black; text-transform: uppercase; margin-bottom: 15px; } /* --- contentBody --- */ #contentBody { width: 790px; margin-top: 11px; display: block; float: left; margin-bottom: 10px; } #contentBody h3 { font-size: 18px; line-height: 18px; color: #858585; text-transform: uppercase; margin-bottom: -5px;} #contentBody h4 { font-size: 15px; line-height: 16px; font-weight: bold; margin-top: 27px; margin-bottom: 1em; } #contentBody h5 { font-size: 12px; line-height: 16px; color: #858585; font-weight: bold; margin-bottom: 1.1em;} #contentBody h6 { font-size: 12px; line-height: 16px; font-weight: bold; margin-bottom: 0; margin-top: 1em;} #contentBody a { color: #868686; } #contentBody a:hover, #contentBody a.active { color: #000; } #contentBody p { margin: 0; } #contentBody .divider { margin: 12px 0 15px -7px; background: url(img/bgDividerContent.png); } #contentBody .dividerToTop { margin-top: 20px; margin-bottom: -10px; float: none; } #contentBody a.withArrow { padding-left: 7px; background: url(img/arrowProductListInfoSprite.png) left 5px no-repeat; margin-top: 0.5em; display: block; } #contentBody a.withArrow:hover { background-position: left -55px} #contentBody .toTop { margin-right: 0; margin-top: 0px; } #contentBody .toTop a { background-position: right -6px; } #contentBody .toTop a:hover { background-position: right -16px; } /* --- multi column layout --- */ .multiCol { width: 100%; float: left; } .multiCol-col { float: left; background: #fff; } .multiCol .col-last { float: right; } .multiCol-6633 .col-1, .multiCol-3366 .col-2 { width: 510px; } .multiCol-3366 .col-1, .multiCol-6633 .col-2 { width: 270px; } .multiCol-5050 .multiCol-col { width: 49.9%; } .multiColInnerWrap { padding: 16px 20px 20px 20px; float: left; } .multiCol-6633 .col-1 .divider, .multiCol-3366 .col-2 .divider { width: 485px; } .multiCol-3366 .col-1 .divider, .multiCol-6633 .col-2 .divider { width: 245px; } .multiCol-333333 .multiCol-col { width: 32.6%; } /* --- searchResults --- */ .searchResult { background: #fff; position: relative; } .searchResult .pageList { margin-top: 25px !important; color: #868686;} #contentBody .dividerPageList { margin-bottom: 0;} .searchResult .toTop { position: absolute; bottom: 20px; right: 0px; } .searchResult .toTop a { background-position: right -6px; } .searchResult .toTop a:hover { background-position: right -16px; } .tx-indexedsearch-res .resultLink a { padding-left: 7px; background: url(img/arrowProductListInfoSprite.png) left 5px no-repeat; margin-top: 0.5em; display: block; } .tx-indexedsearch-browsebox, .tx-indexedsearch-whatis { display:none; } /* --- newsletterForm --- */ #contentBody a.button { float: right; padding-top: 4px; margin-right: 3px; } #newsletterForm { width: 250px; margin-top: 20px; float: left; position: relative; } #newsletterForm .formRow { height: 36px; } #newsletterForm .radioButton { height: 20px; } #newsletterForm .info { height: 30px; margin-left: 12px; width: 100%; display: block; font-size: 10px; margin-top: -5px; } #newsletterForm .jqTransformSelectWrapper ,jqTransformInputWrapper { font-size: 15px; } #newsletterLayer { width: 100%; height: 100%; position: absolute; background: #fff; z-index: 20000; filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; display: none; } #newsletterSuccesstext, #newsletterSuccesstextUnsubscribe { display: none; } #newsletterErrortext { display: none; color: red; } /* --- Store Locator --- */ #storeLocatorForm { height: 213px; } #formFastSearch { height: 130px; } #storeLocatorForm .formRow { height: 46px; } #storeLocatorForm a.button { margin-right: 12px; } #storeLocatorForm .jqTransformSelectWrapper div.scrolling { width: 232px; height: 391px; margin-top: 25px; background: url(img/bgDDOpenSmall.png) 2px bottom no-repeat; position: absolute; z-index: 1250; overflow: hidden; } #storeLocatorForm .jqTransformSelectWrapper div.scrolling ul { margin-top: 10px; background: none; } #storeLocatorForm .jqTransformSelectWrapper div.higher, #storeLocatorForm .jqTransformSelectWrapper div.lower { height: 16px; width: 100%; position: absolute; background: url(img/bgScrollbarSprite.png) left top no-repeat; } #storeLocatorForm .jqTransformSelectWrapper div.higher { background-position: 2px top; } #storeLocatorForm .jqTransformSelectWrapper div.lower { margin-top: 376px; background-position: 2px -30px; } #storeLocatorForm .jqTransformSelectWrapper div.higher:hover { background-position: 2px -60px; } #storeLocatorForm .jqTransformSelectWrapper div.lower:hover { background-position: 2px -89px; } #storeLocatorFastForm .info { margin-bottom: 15px; margin-top: -10px; } #storeLocatorFastForm .formRowInput { height: 27px; width: 232px; background: url(img/bgInputSmallSprite.png) left top no-repeat; float: left; display: inline; margin-left: -1px; } #storeLocatorFastForm .formRowInput input { background: transparent; border: none; float: left; width: 200px; height: 27px; padding-left: 5px; font-size: 12px; line-height: 22px; } #storeLocatorFastForm .formRowInput input.inputDefaultValue { color: #868686;} #storeLocatorFastForm .divInputSubmit input { width: 20px; height: 27px; } #storeLocatorFastForm .isActive { background-position: left -33px; } #storeLocatorFastForm .divInputSubmit { height: 23px; width: 20px; margin-top: -29px; margin-right: 5px; float: right; display: inline; } #storeLocatorFastForm input.selected { display: none; } #storeLocatorFastForm .isActive input.selected { display: block; } #storeLocatorFastForm .isActive input.unselected { display: none; } #storeLocatorForm a.button { margin-top: 15px; margin-right: 7px; } /* --- autocomplete --- */ .ui-corner-all { -moz-border-radius: 0; border-radius: 0; } .ui-menu { margin-top: -4px; width: 227px !important; font-size: 11px; } .ui-widget { font-family: "Arial", "Helvetica", sans-serif; ; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #000; background: #333 url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #999; } .ui-state-hover a, .ui-state-hover a:hover { color: #000; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #000; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #000; text-decoration: none; } .ui-widget :active { outline: none; } /* --- storeList --- */ #storList { display: block; } #storeList h5 { font-size: 15px; line-height: 16px; margin-bottom: 0; color: black; font-weight: bold; } .storeListItem { margin-top: 17px; width: 100%; } /* --- registrationForm --- */ #registration { margin-top: 20px; float: left; width: 100%; } #registration .formRow { height: 36px; } #registration .formRow:hover { } #registration .formRowSmall { height: 20px; } #registration .info { margin-top: 17px; margin-left: 12px; font-size: 10px; } #registration .questionList {margin-top: 18px; float: left; width: 100%; } #registration .terms { margin-top: 20px; float: left; width: 100%; } #registration .registrationOnOff { margin-top: 20px; float: left; width: 100%; } #registration .registrationOnOff .jqTransformRadioWrapper a.jqTransformRadio { width: 15px; } .only-1-Row .question { float: left; width: 240px; } .only-1-Row .inputDiv { float: left; width: auto; margin-right: 5px;} .only-1-Row .inputDiv span { width: 14px; float: left; } #registration a.button { margin-right: 9px; } /* ProductFinder */ #productFinder { background: #343434; height: 620px; padding-bottom: 20px; position: relative; } #productFinder .multiCol-col { height: 560px; background: none; margin-top: 15px; } #productFinder .multiColInnerWrap { padding-top: 0; padding-left: 15px; } #productFinder .col-1, #productFinder .col-3 { width: 252px; } #productFinder .col-2 { width: 280px; } #productFinder .col-1, #productFinder .col-2 { background: url(img/bgDividerVertical.png) right top repeat-y;} #productFinder .linkWrap { width: 100%; float: left; position: absolute; bottom: 20px; left: 0; } #productFinder .linkInnerWrap { width: 195px; margin: 0 297px; } #productFinder a.button { width: 195px; background: url(img/bgButtonBigSprite.png) left top no-repeat; color: #868686; } #productFinder a.button:hover { background-position: left -27px; } #productFinder h3 { margin-bottom: 35px; margin-top: 5px; } #productFinder .formRow { height: 16px; margin-bottom: 14px; } #productFinder .jqtransform label { color: #868686; font-size: 15px; } #productFinder .formRow:hover label { color: #fff; } #productFinder label.jqTransformLabelChecked { color: #fff; } #productFinder .col-2 label { width: 254px; background: url(img/bgColorFinder.png) right 5px no-repeat; display: block; } #productFinder label.beige { background-position: right 3px; } #productFinder label.beige:hover, #productFinder label.beige.jqTransformLabelChecked { background-position: right -40px; } #productFinder label.black { background-position: right -83px; } #productFinder label.black:hover, #productFinder label.black.jqTransformLabelChecked { background-position: right -126px; } #productFinder label.blue { background-position: right -169px; } #productFinder label.blue:hover, #productFinder label.blue.jqTransformLabelChecked { background-position: right -212px; } #productFinder label.brown { background-position: right -255px; } #productFinder label.brown:hover, #productFinder label.brown.jqTransformLabelChecked { background-position: right -298px; } #productFinder label.creme { background-position: right -341px; } #productFinder label.creme:hover, #productFinder label.creme.jqTransformLabelChecked { background-position: right -384px; } #productFinder label.gold { background-position: right -427px; } #productFinder label.gold:hover, #productFinder label.gold.jqTransformLabelChecked { background-position: right -470px; } #productFinder label.green { background-position: right -513px; } #productFinder label.green:hover, #productFinder label.green.jqTransformLabelChecked { background-position: right -556px; } #productFinder label.grey { background-position: right -599px; } #productFinder label.grey:hover, #productFinder label.grey.jqTransformLabelChecked { background-position: right -642px; } #productFinder label.nude { background-position: right -685px; } #productFinder label.nude:hover, #productFinder label.nude.jqTransformLabelChecked { background-position: right -728px; } #productFinder label.orange { background-position: right -771px; } #productFinder label.orange:hover, #productFinder label.orange.jqTransformLabelChecked { background-position: right -814px; } #productFinder label.pink { background-position: right -857px; } #productFinder label.pink:hover, #productFinder label .jqTransformLabelChecked { background-position: right -900px; } #productFinder label.purple { background-position: right -943px; } #productFinder label.purple:hover, #productFinder label.pink.jqTransformLabelChecked { background-position: right -986px; } #productFinder label.red { background-position: right -1029px; } #productFinder label.red:hover, #productFinder label.red.jqTransformLabelChecked { background-position: right -1072px; } #productFinder label.rose { background-position: right -1115px; } #productFinder label.rose:hover, #productFinder label.rose.jqTransformLabelChecked { background-position: right -1158px; } #productFinder label.transparent { background-position: right -1201px; } #productFinder label.transparent:hover, #productFinder label.transparent.jqTransformLabelChecked { background-position: right -1243px; } #productFinder label.white { background-position: right -1285px; } #productFinder label.white:hover, #productFinder label.white.jqTransformLabelChecked { background-position: right -1328px; } #productFinder label.yellow { background-position: right -1371px; } #productFinder label.yellow:hover, #productFinder label.yellow.jqTransformLabelChecked { background-position: right -1414px; } .noResults { background: #343434; } .noResultsInnerWrap { padding: 0 20px; color: #999; line-height: 19px; font-size: 13px; } .noResults span.color { color: #fff; } /* --- video --- */ .video { background: white; position: relative; overflow: hidden; } .videoInnerWrap { padding: 20px 10px ; } .video h2 { color: #000; text-transform: uppercase; font-size: 22px; } .videoScreen { height: 247px; width: 100%; position: relative; margin-top: 7px; } .videoScreen a.videoButton { width: 100%; background: url(img/arrowPlay.png) center center no-repeat; display: block; position: absolute; left: 0; top: 0; text-align: center; height: 247px; } .videoScreen a.videoButton:hover { background: url(img/arrowPlayMO.png) center center no-repeat; } .video .socialLinkWrap { width: 109px; position: absolute; bottom: 12px; right: 10px; height: 23px; } .video a.button { float: right; } .videoBig .videoInnerWrap { padding: 10px; } .videoLeftCol { width: 185px; float: left; height: 370px; position: relative; padding-top: 10px; } .videoRightCol { width: 580px; float: right; height: 380px; } .videoBig .videoScreen { height: 380px; margin-top: 0; } .videoBig .videoScreen a.videoButton { height: 380px; } .videoBig .socialLinkWrap { bottom: 0; left: 2px; } .videoBig a.button { float: left; } .videoInTeaser .videoInnerWrap { padding: 10px; padding-bottom: 20px; } .videoInTeaser .videoScreen { height: auto; margin-top: 0px; margin-left: -10px; } .videoInTeaser .videoInfo { width: 580px; } .videoInTeaser .videoInfo p { margin: 0; } /* --- Gewinnspiel --- */ #raffle { background: #fff; } .raffleInnerWrap { padding: 10px; padding-bottom: 30px; float: left; } #raffle .raffleTextWrap { width: 500px; } #raffle p { margin: 1em 0; } #raffle h3 { margin-top: 40px; } #raffle .divider { width: 770px; margin-left: 0; } #raffle h4 { font-size: 30px; line-height: 30px; font-weight: bold; margin: 0 0 10px 0; } #raffle form { float: left; width: 100%; display: block; } #raffle .col-1 { width: 260px; } #raffle .col-2 { width: 250px; } #raffle .formRow { height: 35px; } #raffle .formRowSmall { height: 20px; } #raffle .questionWrap { margin-bottom: 25px; display: block; width: 100%; float: left; } #raffle .infoText { font-size: 10px; line-height: 10px; padding-top: 13px; } #raffle .formRow p { margin: 0;} #raffle .terms { margin: 20px 0; display: block; float: left; width: 100%; } #raffle a.button { float: left; } /* --- PrintView --- */ #printView { background-color: #ffffff; float: left; width: 100%; } #printView .productInfoLinkWrap { display: none; } #printView .productInfoNav { display: none; } #printView .printViewInnerWrap { margin: 30px 0 0 42px; background: #fff; float: left; width: 748px; } #printView .header { float: left; width: 100%; position: relative; background: #fff; } #printView .printButton a { float: right; position: absolute; right: 50px; bottom: 5px; } #printView .printViewLogo { float: left; margin-bottom: 5px; } #printView .divider { background: url(img/bgDividerContent.png); width: 705px; } #printView h3 { color: #000; margin-left: 8px; } #printView .newProduct { position: absolute; margin-top: 20px; margin-left: 40px; } #printView .productList:hover .productListInfo { display: none; } #printView .productList:hover .productListTextWrap { background: none;} #printView .productList:hover h5 { color: #000; } #printView .productList:hover p { display: block; } #printView .productList { width: 164px; height: 367px; border: solid 1px #acacac; margin-top: 5px; } #printView .productListSmall { height: 232px; } #printView .productListImage td { width: 164px; height: 297px; } #printView .productListSmall .productListImage td { width: 164px; height: 172px; } #printView .productListTextWrap { width: 164px; height: 80px; overflow: hidden; position: absolute; bottom: 0; } #printView .productInfo { margin-left: -42px; margin-right: 0; height: 448px; float: left; } #printView .footer { height: 80px; width: 100%; float: left; margin-top: 20px; } #printView .footerLeft { float: left; padding-top: 5px; font-weight: bold; } #printView .footerRight { float: right; padding-top: 5px; margin-right: 50px; } iframe html { overflow-y: auto; } /* --- slideshow --- */ #slideshow { background: #fff; height: 580px; width: 770px; padding: 10px; } #slideshow .slideshowInnerWrap { background: url(img/bgSlideshow.png) center top repeat-x; height: 580px; width: 770px; position: relative; } #slideshow .pictureInnerWrap { padding-top: 10px; } #slideshow .pictureInnerWrap div { display: none; text-align: center; width: 100%; } #slideshow .pictureInnerWrap .isActive { display: block; } #slideshow #nav { height: 75px; width: 570px; position: absolute; bottom: 0; left: 0;} #slideshow #nav li { display: inline; margin-right: 10px; } #slideshow #nav li.notActive { filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } #slideshow .slideshowShare { float: right; width: 109px; height: 27px; position: absolute; bottom: 28px; right: 0; } #slideshow .arrow { height: 21px; width: 12px; margin-top: 20px; background: url(img/arrowSlideshowSprite.png) left top no-repeat; float: left; } #slideshow .arrowRight { background-position: left bottom; } #slideshow .navList { float: left; width: 523px; overflow: hidden; margin: 0 10px; } #slideshow .navListInnerWrap { width: 11000px;} #shareContainerSlideshow { position: absolute; margin-top: 525px; margin-left: 670px; z-index: 11000; } /* --- mup pdf display --- */ .mupDisplay { width: 790px; } .mupDisplaySize { width: 100%; float: left; margin-bottom: 7px; } .mupDisplaySize p { text-align: right; margin: 2px 2px 0 0; color: #fff; } .mupDisplaySizeText { width: 765px; float: left; } .mupDisplaySizeIcons { width: 25px; float: left; } .mupDisplaySize .mupViewSmall, .mupDisplaySize .mupViewBig { width: 7px; height: 11px; overflow: hidden; display: block; float: left; background: #fff; margin-left: 4px; margin-top: 3px; } .mupDisplaySize .mupViewBig { width: 10px; height: 14px; margin-top: 0; } .mupDisplaySize .mupViewActive { background: #868686; } .mupDisplaySize a:hover { background: #868686; } .mupDisplaySize .mupViewActive:hover { background: #fff; } .mupDisplayImageContainer { float: left; position: relative; } .mupDisplayBig .mupDisplayThumbnailContainer { display: none; } .mupDisplayBig .mupDisplayPage { width: 790px; height: 1150px; float: left; } .mupDisplayBig .mupDisplayImageContainer { width: 790px; height: 1150px; overflow: hidden; } .mupDisplayBig .mupDisplayImageSlider { height: 1150px; width: 13000px; margin-top: -2px; } .mupDisplayNavigate { position: absolute; text-indent: -13000px; width: 395px; } .mupDisplayNavigateLeft { left: 0; } .mupDisplayNavigateRight { right: 0; } .mupDisplayNavigate a { background-image: url(img/mupArrowsSprite.png); display: block; position: absolute; } .mupDisplayBig .mupDisplayNavigate { height: 1150px; top: 0; } .mupDisplayBig .mupDisplayNavigate a { height: 75px; width: 95px; display: none; top: 263px; } .mupDisplayBig .mupDisplayNavigateLeft a { left: 0; background-position: left bottom; } .mupDisplayBig .mupDisplayNavigateRight a { right: 0; background-position: right bottom; } .mupDisplayBig .mupDisplayNavigateLeft:hover a, .mupDisplayBig .mupDisplayNavigateRight:hover a { display: block; } .mupDisplayBig .mupDisplayNavigateLeftOff:hover a, .mupDisplayBig .mupDisplayNavigateRightOff:hover a { display: none !important; } .mupDisplaySmall .mupDisplayPageFirst { text-align: right; } .mupDisplaySmall .mupDisplayPage { height: 575px; width: 790px; float: left; } .mupDisplaySmall .mupDisplayImageContainer { width: 790px; height: 575px; overflow: hidden; } .mupDisplaySmall .mupDisplayImageSlider { height: 575px; width: 13000px; margin-top: -2px; } .mupDisplaySmall .mupDisplayNavigate { height: 575px; top: 0; } .mupDisplaySmall .mupDisplayNavigate a { height: 51px; width: 60px; display: none; top: 250px; } .mupDisplaySmall .mupDisplayNavigateLeft a { left: 0; background-position: left top; } .mupDisplaySmall .mupDisplayNavigateRight a { right: 0; background-position: right top; } .mupDisplaySmall .mupDisplayNavigateLeft:hover a, .mupDisplaySmall .mupDisplayNavigateRight:hover a { display: block; } .mupDisplaySmall .mupDisplayNavigateLeftOff:hover a, .mupDisplaySmall .mupDisplayNavigateRightOff:hover a { display: none !important; } .mupDisplayThumbnailContainer { width: 100%; float: left; height: 65px; margin-top: 10px; } .mupDisplayThumbnailPage { margin-right: 10px; width: 90px; float: left; position:relative; } /* .mupDisplayThumbnailPageFirst { width: 45px; } */ .mupDisplayThumbnailPage img { margin: 0; } .mupDisplayThumbnailPage a.overlay { display: block; width: 90px; height: 65px; background: #000; filter: alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; position: absolute; top: 0; left: 0; } /* .mupDisplayThumbnailPageFirst a.overlay, .mupDisplayThumbnailPageLast a.overlay { width: 45px; } */ .mupDisplayThumbnailPage:hover a.overlay, .mupDisplaySmall .active a.overlay { background: none; } .mupDisplayThumbnailContainer .socialLinkWrap { position: absolute; margin-left: 700px; } .mupDisplayThumbnailContainer .socialLinkWrap li.social ul { right: inherit; bottom: inherit; margin-left: 17px; margin-top: -64px; } .mupDisplayThumbnailContainer a.button { background: url(img/bgButtonSmall.png) right top no-repeat; width: 90px; } /* videojs player */ .videoContainer { position: absolute; z-index: 10000; } .videoteasercombi { float: left; width: 800px; } .videoteasercombi .vjs-controls { width: 800px; z-index: 11000; margin-top: -50px; } .videoteasercombi .vjs-controls > .vjs-progress-control { /* width: 745px; */ /* float: left; */ position: absolute; margin: 0 10px 0 0; float: left; } .videoteasercombi .vjs-controls > .vjs-play-control { position: absolute; } .videoteasercombi .vjs-controls > .vjs-time-control { display: none; } .videoteasercombi .vjs-controls > .vjs-volume-control { display: block; } .videoteasercombi .vjs-controls > .vjs-fullscreen-control { position: absolute; }