/* __include Use only for site-specific stylesheets; will be completely empty in next base-install */ /* __startExclude */ @import url("type.css"); /* COLORS: #FF491F - orange (old, according to screen, but not strong enough: ff613b) */ /* SPRITE */ #gCClose, #showCollection, #galleryControl a, #cartOverview a, #collectionClose, .sprite { background-image: url('../images/sprite.png'); background-repeat: none; background-color: transparent; display: block; text-indent: -9999px; } /* TYPEOGRAPHIE */ /* .ITCAvantGardeStd-Bold { font-weight: normal; font-style: normal; line-height: normal; font-family: 'ITCAvantGardeStdMdBold', sans-serif; } .ITCAvantGardeStd-BkObl { font-weight: normal; font-style: normal; line-height: normal; font-family: 'ITCAvantGardeStdBkItalic', sans-serif; } .ITCAvantGardeStd-Bk { font-weight: normal; font-style: normal; line-height: normal; font-family: 'ITCAvantGardeStdBkRegular', sans-serif; } .ITCAvantGardeStd-BoldObl { font-weight: normal; font-style: normal; line-height: normal; font-family: 'ITCAvantGardeStdMdBoldItalic', sans-serif; } .ITCAvantGardeStd-Md { font-weight: normal; font-style: normal; line-height: normal; font-family: 'ITCAvantGardeStdMdRegular', sans-serif; } .ITCAvantGardeStd-MdObl { font-weight: normal; font-style: normal; line-height: normal; font-family: 'ITCAvantGardeStdMdItalic', sans-serif; } .ITCAvantGardeStd-XLt { font-weight: normal; font-style: normal; line-height: normal; font-family: 'ITCAvantGardeStdXLtRegular', sans-serif; } .ITCAvantGardeStd-XLtObl { font-weight: normal; font-style: normal; line-height: normal; font-family: 'ITCAvantGardeStdXLtItalic', sans-serif; } .REBOARD { font-weight: normal; font-style: normal; line-height: normal; font-family: 'REBOARDRegular', sans-serif; } .SempliceRegular { font-weight: normal; font-style: normal; line-height: normal; font-family: 'SempliceRegularRegular', sans-serif; } */ * { font-weight: normal; font-style: normal; line-height: normal; font-family: 'ITCAvantGardeStdBkRegular', 'Lucida Sans Unicode ', 'Lucida Grande', sans-serif; } h3 { margin-bottom: 0.25em; } em { font-style: normal; font-weight: normal; color: #FF491F; } address, input, label, li, option, p, pre, select, td, textarea, th, caption { font-size: 12px; line-height: 1.3em; margin-bottom: 0; color: #ff491F; } address strong, input strong, label strong, li strong, option strong, p strong, pre strong, select strong, td strong, textarea strong, th strong, caption { font-weight: normal; font-style: normal; font-family: 'ITCAvantGardeStdMdBold', 'Lucida Sans Unicode ', 'Lucida Grande', sans-serif; } p { margin-bottom: 1em; } .indent1 { margin-left: 18px; } .indent2 { margin-left: 36px; } h3, h3 em, h4, h4 span { font-weight: normal; font-style: normal; color: #FF491F; line-height: normal; } h3 { font-family: 'ITCAvantGardeStdMdBold', 'Lucida Sans Unicode ', 'Lucida Grande', sans-serif; font-size: 17px; text-transform: uppercase; } h3 em { font-family: 'SempliceRegularRegular', 'Courier New', 'DejaVu Sans Mono', monospace; font-size: 8px; text-transform: uppercase; } h4 { font-family: 'ITCAvantGardeStdMdBold', 'Lucida Sans Unicode ', 'Lucida Grande', sans-serif; font-size: 12px; text-transform: lowercase; } h3 a { font-family: 'ITCAvantGardeStdMdBold', 'Lucida Sans Unicode ', 'Lucida Grande', sans-serif; padding: 2px 0 0 36px; background: transparent url('../images/sprite.png') -4px -443px no-repeat; line-height: 1.3em; } h3 a, h3 a:link, h3 a:active, h3 a:visited { color: #FF491F; text-decoration: none; } h3 a:hover { color: #fff; } #content p a, #content p a:link, #content p a:active, #content p a:visited { color: #fff; text-decoration: none; } #content p a:hover { text-decoration: underline; } #content p, #content td, #cartWrapper p, #cartWrapper td, #cartWrapper label, #cartWrapper address { text-transform: lowercase; } #cartWrapper a { text-decoration: underline; } hr { height: 2px; border: none; background: transparent url('../images/bg_hr.png') 0 0 repeat-x; width: 100%; margin: 30px 0; } sup { font-size: 60%; vertical-align: top; } .justify { text-align: justify; } /* BOX MODEL */ #logo { position: fixed; bottom: 15px; right: 25px; } #jbg-content { overflow: auto } /* just in case the content is longer than the page */ #contentHolder { position: fixed; top: 15%; left: 380px; width: 455px; /*height: 60%; */ overflow: hidden; padding: 10px; color: #FF491F; } #content { height: 100%; padding-right: 35px; } /* SCROLLBAR */ .jScrollPaneDrag { background-color: #FF491F; } .jScrollPaneTrack { background-color: transparent; } .jScrollPaneTrackTop, .jScrollPaneTrackBottom { position: absolute; right: 0; width: 3px; height: 1px; background-color: #FF491F; font-size: 1px; line-height: 1px; } /* CART */ #cartOverview { position: fixed; bottom: 60px; left: 0px; width: 236px; height: 49px; } #cartOverview table { margin-bottom: 0; } #cartOverview div { float: left; background-color: #000; height: 36px; width: 159px; padding: 13px 0 0 25px; } #cartOverview td { font-weight: normal; font-style: normal; line-height: 1.5em; font-family: 'SempliceRegularRegular', 'Courier New', 'DejaVu Sans Mono', monospace; font-size: 8px; text-transform: uppercase; color: #fff; } #cartOverview td em { font-weight: normal; font-style: normal; line-height: 1.5em; font-family: 'SempliceRegularRegular', 'Courier New', 'DejaVu Sans Mono', monospace; font-size: 8px; text-transform: uppercase; } #cartOverview a { float: right; display: block; height: 100%; width: 49px; background-color: #FF491F; background-position: 5px -186px; } /* GALLERY AND SOUND CONTROLS */ #gCClose { position: absolute; top: 15px; left: 15px; height: 40px; width: 45px; background-position: 5px -90px; } #showCollection { position: absolute; top: 15px; left: 15px; height: 40px; width: 45px; background-position: 5px -90px; } #galleryControl { position: fixed; bottom: 15px; left: 15px; padding: 0; margin: 0; } #galleryControl li { float: left; list-style-type: none; padding: 0; margin: 0; } #galleryControl li a { height: 20px; } #gCMusicOnOff { width: 55px; background-position: 5px -145px; margin-right: 10px; } #gCMusicOnOff.paused { background-position: 5px -165px; margin-right: 10px; } #gCPrevious { width: 20px; background-position: 0 -65px; } #gCPlayStop { width: 15px; background-position: 0 -25px; } #gCPlayStop.stopped { background-position: 0 -5px; } #gCNext { width: 20px; background-position: 0 -45px; } .jbg-loading { background-image: url('../images/ajax-loader.gif'); } /* NAVIGATION */ /* MAIN */ #navMain { height: 133px; width: 405px; position: fixed; left: 25px; top: 45px; } #navMain li { float: none; } #navMain li a { width: 405px; height: 100%; background: transparent url('../images/fuckyouie7.gif') 0 0 repeat; } #navMain * { line-height: 1px; overflow: hidden; } /* prevent expanding in IEs */ #navMain li span.navName { position: absolute; text-indent: -9999px; line-height: 1px;} #navMain li span.navOn, #navMain li span.navOff { background-color: transparent; background-image: url('../images/sprite_nav.png'); background-repeat: no-repeat; float: left; width: 198px; cursor: pointer; } #navMain li span.navOn { position: absolute; left: 207px; } #navMain li span.navOff { position: absolute; } #navKollektion, #navKollektion span { height: 27px; } #navKollektion span.navOff { } #navKollektion span.navOn { background-position: -208px 0; } #navLabel, #navLabel span { height: 29px; } #navLabel span.navOff { background-position: 0 -27px; } #navLabel span.navOn { background-position: -208px -27px; } #navKontakt, #navKontakt span { height: 29px; } #navKontakt span.navOff { background-position: 0 -56px; } #navKontakt span.navOn { background-position: -208px -56px; } #navAGB, #navAGB span { height: 16px; } #navAGB span.navOff { background-position: 0 -85px; } #navAGB span.navOn { background-position: -208px -85px; } #navImpressum, #navImpressum span { height: 16px; } #navImpressum span.navOff { background-position: 0 -101px; } #navImpressum span.navOn { background-position: -208px -101px; } #navNews, #navNews span { height: 16px; } #navNews span.navOff { background-position: 0 -118px; } #navNews span.navOn { background-position: -208px -118px; } #navBlog, #navBlog span { height: 16px; } #navBlog span.navOff { background-position: 0 -118px; } #navBlog span.navOn { background-position: -208px -118px; } /* SOCIAL */ #navLike { width: 250px; height: 21px; position: fixed; left: 146px; top: 192px; } #navSocial { height: 15px; width: 95px; position: fixed; left: 128px; top: 192px; } #navSocial li { margin-left: 5px; } #navSocial a { width: 14px; height: 15px; background-color: transparent; background-image: url('../images/sprite.png'); background-repeat: no-repeat; } #navSocial a span { line-height: 1px; overflow: hidden; } /* prevent expanding in oder IEs */ #navSocialFlickr a { background-position: -4px -245px; background-color: transparent; background-image: url('../images/sprite.png'); background-repeat: no-repeat; } #navSocialYouTube a { background-position: -4px -265px; } #navSocialTwitter a { background-position: -4px -285px; } #navSocialMySpace a { background-position: -4px -305px; } #navSocialFacebook a { background-position: -4px -325px; } /* SUBNAV */ .navSub { position: fixed; left: 236px; top: 234px; margin: 0; padding: 0; list-style-type: none; } .navSub li { margin: 0; padding: 0; font-size: 12px; line-height: 1em; color: #fff; } .navSub li a, .navSub li a:link, .navSub li a:visited, .navSub li a:active, .navSub li a:hover { height: 12px; font-weight: normal; font-style: normal; font-family: 'ITCAvantGardeStdMdBold', 'Lucida Sans Unicode ', 'Lucida Grande', sans-serif; text-transform: uppercase; color: #fff; text-decoration: none; display: block; overflow: hidden; } .navSub li.active a, .navSub li.active a:link, .navSub li.active a:visited, .navSub li.active a:active, .navSub li.active a:hover { color: #FF491F; } .navSub li a { text-indent: -100px; } .navSub.active li a { text-indent: 0; } /* page- / element-specific */ /* BUMPER */ #bumper { position: fixed; top: 45px; left: 900px; } #bumper li { font-weight: normal; font-style: normal; line-height: 1.5em; font-family: 'SempliceRegularRegular', 'Courier New', 'DejaVu Sans Mono', monospace; font-size: 8px; text-transform: uppercase; color: #fff; } #bumper a.icon { background: transparent url('../images/icon_bumper.png') 0 0 no-repeat; width: 49px; display: block; text-align: center; padding-top: 70px; font-weight: normal; font-style: normal; line-height: 1.5em; font-family: 'SempliceRegularRegular', 'Courier New', 'DejaVu Sans Mono', monospace; font-size: 8px; text-transform: uppercase; color: #FF491F; text-decoration: none; } /* PREVIEW VIDEO-LINKS */ div.videoLink img.preview { float: left; margin: 0 8px 8px 0; width: 126px; } div.videoLink { margin-bottom: 27px; } /* NEWS */ .floatLeftImage { float: left; margin: 0 8px 8px 0; } hr.news:last-child { display: none; } /* COLLECTION */ #mainHiddenOnGallery, #collectionWrapper { height: 100%; width: 100%; } #cartWrapper .cartButton, #collectionDetailsHolder .cartButton { background: transparent url('../images/sprite.png') 5px -440px no-repeat; font-size: 17px; line-height: 25px; font-weight: normal; font-style: normal; text-transform: uppercase; color: #FF491F; font-family: 'ITCAvantGardeStdMdBold', 'Lucida Sans Unicode ', 'Lucida Grande', sans-serif; text-decoration: none; padding-left: 45px; display: block; float: right; height: 25px; } a.cartButton { color: #FF491F; } /* overview pages */ #collectionOverview { width: 330px; height: 199px; position: relative; list-style-type: none; list-style-image: none; margin: 0; padding: 0; } #collectionOverview li { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; } #collectionOverview li ul li { position: relative; top: auto; left: auto; } /* reset - I want parent > child selectors! */ /* collection overview */ #collectionOverviewHolder { position: fixed; top: 260px; left: 28px; } #collectionOverview li ul { list-style-type: none; list-style-image: none; margin: 0; padding: 0; } #collectionOverview li ul li { float: left; margin: 0 1px 1px 0; height: 99px; width: 109px; } #collectionOverview li ul li.lastInRow { margin-right: 0; } #collectionOverview li ul li.lastRow { margin-bottom: 0; } #collectionOverview li ul li a { display: block; position: relative; height: 100%; width: 100%; } #collectionOverview li ul li a div.productActive { position: absolute; top: 1px; left: 1px; height: 97px; width: 107px; background: transparent url('../images/bg_orange_dots.png') 0 0 repeat; display: none; } #collectionOverview li ul li a div.productSoldOut { position: absolute; top: 0; left: 0; height: 98px; width: 108px; background: transparent url('../images/overlay_sold_out.png') 0 0 repeat; display: none; } #collectionOverview li ul li a.active div.productActive { display: block; } #collectionOverview li ul li a.soldOut div.productSoldOut { display: block; } #collectionOverviewPagination { margin: 5px 0 0 0; padding: 0; list-style-type: none; list-style-image: none; } #collectionOverviewPagination li { float: left; } #collectionOverviewPagination li a { text-decoration: none; color: #FF491F; } #collectionOverviewPagination li a.active { color: #fff; } #collectionOverviewPagination li a:hover { color: #fff; } #collectionOverviewPagination li span { padding: 0 2px; color: #FF491F; } #collectionOverviewPagination li a, #collectionOverviewPagination li span { font-weight: normal; font-style: normal; line-height: 1.5em; font-family: 'SempliceRegularRegular', 'Courier New', 'DejaVu Sans Mono', monospace; font-size: 8px; text-transform: uppercase; } /* details */ #collectionDetailsHolder, #collectionDetailsLoading { position: fixed; top: 0; left: 461px; height: 100%; background-color: #ffffff; width: 237px; padding: 0 31px; } #collectionClose { position: fixed; top: 0; left: 707px; height: 40px; width: 45px; background-position: 5px -93px; } #productImageHolder { margin: 40px 0 30px; width: 100%; height: 217px; position: relative; } #productImageHolder img { position: absolute; top: 0; left: 0; } #productLinkChangeSide { text-align: right; margin-bottom: 12px; } #productLinkChangeSide a { background: transparent url('../images/sprite.png') 228px -468px no-repeat; text-decoration: none; padding-right: 9px; display: block; height: 12px; } #productLinkChangeSide a span { font-weight: normal; font-style: normal; line-height: 1.5em; font-family: 'SempliceRegularRegular', 'Courier New', 'DejaVu Sans Mono', monospace; font-size: 8px; text-transform: uppercase; color: #FF491F; } #collectionDetailsHolder h2 { font-size: 12px; font-weight: normal; font-style: normal; color: #FF491F; font-family: 'ITCAvantGardeStdBkRegular', 'Lucida Sans Unicode ', 'Lucida Grande', sans-serif; } #collectionDetailsHolder h2 strong { font-family: 'ITCAvantGardeStdMdBold', 'Lucida Sans Unicode ', 'Lucida Grande', sans-serif; text-transform: lowercase; } #productPrice { font-size: 21px; line-height: 21px; font-weight: normal; font-style: normal; text-transform: lowercase; color: #FF491F; font-family: 'ITCAvantGardeStdMdBold', 'Lucida Sans Unicode ', 'Lucida Grande', sans-serif; margin-bottom: -2px; margin-top: -2px; } #collectionDetailsHolder hr { margin: 10px 0; } #productDescription p { text-transform: lowercase; font-weight: normal; font-style: normal; line-height: normal; font-family: 'ITCAvantGardeStdBkRegular', 'Lucida Sans Unicode ', 'Lucida Grande', sans-serif; font-size: 12px; line-height: 1.3em; margin-bottom: 1em; color: #FF491F; } #chooseSizeFirst, #noneChosen, #chooseSizeFirst, #noneChosen { color: #FF491F; } #chooseSizeFirst { margin-bottom: 5px; } p.errorDisplay { text-transform: lowercase; font-weight: normal; font-style: normal; line-height: normal; font-family: 'ITCAvantGardeStdBkRegular', 'Lucida Sans Unicode ', 'Lucida Grande', sans-serif; font-size: 12px; line-height: 1.3em; background-color: #FF491F; color: #ffffff; margin: 10px 0; padding: 5px 5px 0 5px; } #chosenProductSubmit { background-color: transparent; width: auto; border: 0; cursor: pointer; } /* size & color */ ul#productSizes li { float: left; margin: 0 5px 5px 0; } ul#productSizes li a { display: block; position: relative; height: 15px; width: 25px; border: 1px solid #FF491F; text-align: center; font-weight: normal; font-style: normal; line-height: 1.5em; font-family: 'SempliceRegularRegular', 'Courier New', 'DejaVu Sans Mono', monospace; font-size: 8px; color: #FF491F; text-transform: uppercase; text-decoration: none; padding-top: 2px; } ul#productSizes li a span.chosenIndicator { display: block; height: 19px; width: 27px; background: transparent url('../images/sprite.png') -3px -467px no-repeat; position: absolute; top: 0; left: 0; } ul.productColors li { float: left; margin: 0 5px 5px 0; } ul.productColors li a { display: block; position: relative; text-indent: -9999px; height: 19px; width: 27px; } ul.productColors li a span.chosenIndicator { display: block; height: 19px; width: 27px; background: transparent url('../images/sprite.png') -4px -484px no-repeat; position: absolute; top: 0; left: 0; } ul.productColors li a span.productColorWhite { display: block; height: 17px; width: 25px; border: 1px solid #c6c7c8; position: absolute; top: 0; left: 0; } #productChosenCombination { text-transform: lowercase; font-weight: normal; font-style: normal; line-height: normal; font-family: 'ITCAvantGardeStdBkRegular', 'Lucida Sans Unicode ', 'Lucida Grande', sans-serif; font-size: 12px; line-height: 1.3em; margin-bottom: 1em; color: #000000; } /* other */ #collectionDetailsLoading { background: white url('../images/ajax-loader.gif') 10px 10px no-repeat; } #retina { background-color: white; background-repeat: no-repeat; background-position: 0 0; border: 2px solid white; position: absolute; height: 160px; width: 160px; display: none; /*-moz-box-shadow: 0 0 5px #777, 0 0 10px #aaa inset; -webkit-box-shadow: 0 0 5px #777; box-shadow: 0 0 5px #777, 0 0 10px #aaa inset; -moz-border-radius: 80px; -webkit-border-radius: 80px; border-radius: 80px;*/ } /* CART */ .cartStepBack { width: 31px; height: 17px; background-position: -4px -563px; position: fixed; top: 42px; } #cartListingsTable .cartStepBack { left: 492px; } #cartWrapper h4 span { font-family: 'ITCAvantGardeStdBkRegular', 'Lucida Sans Unicode ', 'Lucida Grande', sans-serif; } #cartWrapper h4 span a { color: #FF491F; text-decoration: none; } .cartStep h4:first-child { margin-bottom: 15px; } #cartWrapper hr { margin: 8px 0; } #cartWrapper p { margin-bottom: 0; } #cartWrapper p.errorDisplay { margin-bottom: 10px; } .cartStep { position: fixed; top: 0; height: 100%; background-color: #ffffff; width: 237px; padding: 44px 31px; } #cartListings { left: 461px; } #cartAddress { left: 533px; } #cartSummary { left: 605px; } .cartStepProceed { position: fixed; bottom: 13px; width: 237px; } /* listings (step 1) */ .cartListingsTable { margin: 23px 0; } .cartListingsTable tbody td { vertical-align: top; } .cartListingsTable tfoot td { vertical-align: bottom; } .cartListingsTable td.productSum { font-family: 'ITCAvantGardeStdMdBold', 'Lucida Sans Unicode ', 'Lucida Grande', sans-serif; } .cartListingsTable span.totalPrice, .cartListingsTable span.totalPriceWithShipping { font-family: 'ITCAvantGardeStdMdBold', 'Lucida Sans Unicode ', 'Lucida Grande', sans-serif; font-size: 17px; } .cartListingsTable span.productID { text-transform: none; } ul.cartFunctions { margin-top: 2px; } ul.cartFunctions li { float: left; margin: 0 5px 5px 0; } ul.cartFunctions li a { height: 9px; width: 9px; } ul.cartFunctions li a.deleteProduct { background-position: -4px -511px; } ul.cartFunctions li a.increaseQuantity { background-position: -4px -531px; } ul.cartFunctions li a.decreaseQuantity { background-position: -4px -551px; } label.radioVertical { padding: 2px 0; } label.checkboxVertical { padding-top: 3px; } div.radio { margin-right: 0; } /* address (step 2) */ #cartAddressForm { margin-bottom: 15px; } #cartAddressForm label { width: 60px; padding-right: 0; } #cartAddressForm input { border: 1px solid #FF491F; width: 171px; margin-bottom: 5px; padding: 3px 2px 0; height: 14px; } #cartAddress p#postFormNotice { margin-left: 60px; } /* summary (step 3) */ #cartSummaryListings .cartListingsTable { margin-bottom: 0; } /* thank you */ #cartThankYou { position: fixed; top: 300px; right: 185px; width: 220px; } #cartThankYou p { margin-left: 10px; } #cartThankYou .cartButton { float: none; background-position: 5px -442px; } #flashContent { width: 100%; height: 100%; position: fixed; top: 0; left: 0; } #banner-vkfrei { position: fixed; top: 0px; right: 0px; height: 184px; width: 263px; z-index: 5000; background: url('../images/versandkostenfrei.png') no-repeat;} /* __endExclude */