/* Eitido (c) 2014 - Norman Geiersbach */
 html { min-width: 960px; height: 100%; background-color: #f0f0f0; } body { min-width: 960px; height: 100%; font-family: 'Neo Sans W02', Arial; font-size: 13px; font-weight: normal; line-height: 18px; color: #999999; } h1 { display: none; } h2 { margin: 0; padding: 7px 0; font-family: 'Neo Sans W02 Light', Arial; font-size: 30px; font-weight: normal; letter-spacing: -1px; line-height: 36px; color: #333333; } h2.highlight { padding-bottom: 0; color: #999999; } h2.highlight span { color: #efb700; } h3 { margin: 0; font-family: 'Neo Sans W02 Medium', Arial; font-size: 16px; font-weight: normal; line-height: 36px; color: #333333; } h4 { margin: 0; font-family: 'Neo Sans W02 Medium', Arial; font-size: 12px; font-weight: normal; line-height: 18px; color: #333333; } a { font-size: 12px; line-height: 18px; text-decoration: none; } a.link, a.link-document, a.link-external, a.link-internal { display: inline-block; padding-left: 15px; height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-transform: uppercase; color: #333333; background-image: url('images/link-icon.png'); } a.link:hover, a.link-document:hover, a.link-external:hover, a.link-internal:hover { color: #efb700; background-position: 0px -18px; } input, select, textarea { font-family: 'Neo Sans W02', Arial; font-size: 12px; font-weight: normal; line-height: 18px; color: #999999; } input:focus, select:focus, textarea:focus { color: #666666; } ul.navigation, ul.navigation ul { list-style-type: none; margin: 0; padding: 0; } #page-wrapper { margin-bottom:-345px; height: 100%; height: auto !important; min-height: 100%; } #page-wrapper-push { height:345px; } #header { min-width: 960px; min-height: 216px; background-image: url('images/header.png'); background-repeat: repeat-x; } #content { padding: 32px 0 72px 0; } #footer { min-width: 960px; height:345px; background-image: url('images/footer.png'); background-repeat: repeat-x; background-position: 0px -120px; } .page-inner-wrapper { position: relative; margin: 0 auto; padding: 0 10px; width: 940px; } #header a#logo-branded-gold { display: block; position: absolute; left: 9px; top: 0px; z-index: 101; } #header a#logo-branded-gold #header-glare { position: absolute; left: -243px; top: 0px; width: 396px; height: 58px; z-index: 100; background-image: url('images/header-glare.png'); } #header-panel { padding: 36px 0 0 240px; height: 118px; overflow: hidden; font-size: 12px; color: #666666; background-image: url('images/separator-line.png'); background-position: right 103px; } #header-navigation-bar { height: 60px; } #header-panel .header-title-row { padding: 6px 0 8px 0; height: 36px; } #header-panel .header-navigation-row { padding: 16px 0 0 0; } #header-panel .header-navigation-row ul.navigation li { float: left; margin-left: 12px; } #header-panel .header-navigation-row ul.navigation li:first-child { margin-left: 0; } #header-panel .header-navigation-row ul.navigation li a { display: block; padding-left: 15px; color: #666666; background-image: url('images/header-navigation-icon.png'); } #header-panel .header-navigation-row ul.navigation li a:hover, #header-panel .header-navigation-row ul.navigation li a:focus, #header-panel .header-navigation-row ul.navigation li a.active { color: #ffffff; } #support-box { float: left; width: 300px; height: 118px; overflow: hidden; } #support-box #support-hotline { display: block; height: 36px; } .country-code-AT #support-box #support-hotline { background-image: url('images/header-title-hotline-AT.png'); } .country-code-DE #support-box #support-hotline { background-image: url('images/header-title-hotline-DE-2.png'); } #shopping-cart-box { float: left; margin-left: 20px; width: 140px; height: 118px; } #shopping-cart-box #shopping-cart-title-article { float: left; display: block; margin-right: 8px; width: 96px; height: 36px; background-image: url('images/header-title-article.png'); } #shopping-cart-box .header-title-row { position: relative; width: 140px; } #shopping-cart-box .digit-wrapper-gold { position: absolute; left: 104px; top: 6px; width: 40px; height: 36px; } #quick-info-box { float: left; margin-left: 20px; width: 220px; height: 118px; overflow: hidden; } #quick-info-box #price-update-title { float: left; display: block; margin-right: 8px; width: 108px; height: 36px; background-image: url('images/header-title-minutes.png'); } #quick-info-box #current-user-name { padding-left: 24px; max-width: 118px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #cc9900; background-position: 0px -18px; } #header-panel .digit-wrapper { float: left; } #header-panel .digit-wrapper span { float: left; display: block; height: 26px; background-image: url('images/header-digits.png'); } #header-panel .digit-wrapper span.digit-0 { width: 19px; background-position: 0px 0px; } #header-panel .digit-wrapper span.digit-1 { width: 17px; background-position: -19px 0px; } #header-panel .digit-wrapper span.digit-2 { width: 18px; background-position: -36px 0px; } #header-panel .digit-wrapper span.digit-3 { width: 18px; background-position: -54px 0px; } #header-panel .digit-wrapper span.digit-4 { width: 20px; background-position: -72px 0px; } #header-panel .digit-wrapper span.digit-5 { width: 17px; background-position: -92px 0px; } #header-panel .digit-wrapper span.digit-6 { width: 19px; background-position: -109px 0px; } #header-panel .digit-wrapper span.digit-7 { width: 17px; background-position: -128px 0px; } #header-panel .digit-wrapper span.digit-8 { width: 18px; background-position: -145px 0px; } #header-panel .digit-wrapper span.digit-9 { width: 19px; background-position: -163px 0px; } #header-panel .digit-wrapper span.digit-colon { margin: 0 2px 0 1px; width: 8px; background-position: -182px 0px; } #header-panel .digit-wrapper-gold { float: left; } #header-panel .digit-wrapper-gold span { float: left; display: block; height: 26px; background-image: url('images/header-digits.png'); } #header-panel .digit-wrapper-gold span.digit-0 { width: 19px; background-position: 0px -26px; } #header-panel .digit-wrapper-gold span.digit-1 { width: 17px; background-position: -19px -26px; } #header-panel .digit-wrapper-gold span.digit-2 { width: 18px; background-position: -36px -26px; } #header-panel .digit-wrapper-gold span.digit-3 { width: 18px; background-position: -54px -26px; } #header-panel .digit-wrapper-gold span.digit-4 { width: 20px; background-position: -72px -26px; } #header-panel .digit-wrapper-gold span.digit-5 { width: 17px; background-position: -92px -26px; } #header-panel .digit-wrapper-gold span.digit-6 { width: 19px; background-position: -109px -26px; } #header-panel .digit-wrapper-gold span.digit-7 { width: 17px; background-position: -128px -26px; } #header-panel .digit-wrapper-gold span.digit-8 { width: 18px; background-position: -145px -26px; } #header-panel .digit-wrapper-gold span.digit-9 { width: 19px; background-position: -163px -26px; } #header-panel .digit-wrapper-gold span.digit-colon { width: 8px; background-position: -182px -26px; } #top-navigation { } #top-navigation li { float: left; margin-left: 32px; } #top-navigation li:first-child { margin-left: 10px; } #top-navigation li a { display: block; position: relative; line-height: 60px; text-transform: uppercase; color: #666666; } #top-navigation li a span.overlay { display: none; position: absolute; left: 50%; top: 61px; margin-left: -8px; width: 16px; height: 7px; z-index: 201; background-image: url('images/top-navigation-overlay.png'); } #top-navigation li a:hover, #top-navigation li a:focus { color: #efb700; } #top-navigation li a.active { font-family: 'Neo Sans W02 Medium'; color: #efb700; } #top-navigation li a.active span.overlay { display: block; } #product-search { float: right; margin-top: 15px; width: 220px; height: 30px; background: url('images/product-search.png'); } #product-search input { float: left; margin: 1px 0px 1px 2px; padding: 0 8px; width: 162px; height: 28px; border: 0; background-color: #f4f4f4; } #product-search button { float: right; padding: 0; width: 40px; height: 30px; border: 0; background: transparent; } #product-search button span { display: none; } .breadcrumb-navigation-wrapper { float: right; position: relative; width: 700px; } #breadcrumb-navigation { position: absolute; top: -27px; left: 0px; width: 700px; height: 18px; overflow: hidden; } #breadcrumb-navigation li { float: left; display: block; padding-left: 20px; background-image: url('images/breadcrumb-navigation-icon.png'); background-position: 5px 8px; } #breadcrumb-navigation li:first-child { padding-left: 0; background-image: none; } #breadcrumb-navigation li a { display: inline-block; font-size: 10px; line-height: 18px; text-decoration: none; text-transform: uppercase; color: #999999; } #breadcrumb-navigation li a:hover, #breadcrumb-navigation li a.selected { color: #efb700; } #footer { } #footer-panel { color: #666666; background-image: url('images/separator-line.png'); background-repeat: repeat-x; background-position: left bottom; } #copyright { float: left; width: 460px; height: 58px; font-size: 12px; line-height: 56px; text-transform: uppercase; } #social-media { float: right; width: 460px; height: 58px; } #social-media a { color: #666666; } #social-media a:hover { color: #ffffff; } #social-media a.fb-link { float: right; display: inline-block; font-size: 12px; line-height: 56px; padding-left: 30px; background-image: url('images/fb-link-icon.png'); background-position: 0px 18px; } #footer-navigation-bar { padding: 20px 0; } #footer-navigation { float: left; width: 460px; } #footer-navigation li { float: left; margin-left: 20px; width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #footer-navigation li:first-child { margin-left: 0; } #footer-navigation li span#title-none { width: 0px; height: 24px; } #footer-navigation li span#title-company { display: block; height: 24px; background-image: url('images/footer-company-title.png'); } #footer-navigation li span#title-company span { display: none; } #footer-navigation li span#title-support { display: block; height: 24px; background-image: url('images/footer-support-title.png'); } #footer-navigation li span#title-support span { display: none; } #footer-navigation li ul li { float: none; margin-left: 0; } #footer-navigation li a { display: block; padding-left: 15px; width: 125px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666666; background-image: url('images/header-navigation-icon.png'); } #footer-navigation li a:hover, #footer-navigation li a:focus, #footer-navigation li a.selected { color: #ffffff; } #guarantee { float: right; width: 460px; font-size: 12px; color: #666666; } #guarantee span#guarantee-title { display: block; height: 24px; background-image: url('images/footer-guarantee-title.png'); } #guarantee .guarantee-block-wrapper { padding-top: 4px; } #guarantee .guarantee-block { float: left; position: relative; margin-left: 20px; padding-top: 88px; width: 140px; } #guarantee .guarantee-block:first-child { margin-left: 0; } #guarantee .guarantee-block .image-wrapper { position: absolute; left: 0px; top: 0px; width: 155px; height: 94px; background-image: url('images/guarantee-image-wrapper.png'); } #guarantee .guarantee-block .image-overlay { position: absolute; left: 0px; top: 0px; width: 140px; height: 79px; z-index: 101; background-image: url('images/image-overlay.png'); }