/* Eitido (c) 2012 - Norman Geiersbach */
 a, body, div, h1, h2, h3, html, img, li, p, table { margin: 0; padding: 0; border: 0; background-repeat: no-repeat; } a { color: #ffffff; outline: none; text-decoration: none; } a:hover { color: #008fcc; text-decoration: none; } body { min-width: 980px; height: 100%; font-family: Segoe UI, Arial, Tahoma, Helvetica; font-size: 12px; line-height: 18px; color: #666666; background-image: url('Images/gradient-bkg.png'); background-repeat: repeat-x; } html { height: 100%; background-color: #797979; background-image: url('Images/page-background.jpg'); background-repeat: repeat; } h1 { display: none; } h2 span { display: none; } input, select, textarea { font-family: Segoe UI, Arial, Tahoma, Helvetica; font-size: 12px; } fieldset { margin: 0; padding: 0; border: 0; } table { width: 100%; } table tr { vertical-align: top; } .clear { clear: both; } .business-days { float: left; padding-right: 8px; height: 32px; } .business-hours { float: left; } .document-link { display: inline-block; padding-left: 16px; color: #666666; background-image: url('Images/icon-document.png'); background-position: 0 0; } .document-link:hover { color: #ffffff; background-position: 0 -18px; } .web-link { display: inline-block; padding-left: 16px; color: #666666; background-image: url('Images/icon-link.png'); background-position: 0 0; } .web-link:hover { color: #ffffff; background-position: 0 -18px; } .button-wrapper a { display: block; margin: -3px; width: 134px; height: 30px; font-weight: bold; line-height: 30px; text-align: center; color: #f2f2f2; background-image: url('Images/button.png'); background-repeat: no-repeat; } .button-wrapper a:hover { color: #ffffff; background-position: 0 -30px; } .button-wrapper a.light { background-position: -134px 0px; } .button-wrapper a.light:hover { background-position: -134px -30px; } .button-wrapper input { display: block; margin: -3px; padding: 0; width: 134px; height: 30px; font-weight: bold; color: #f2f2f2; background-color: transparent; background-image: url('Images/button.png'); background-repeat: no-repeat; border: 0; } .button-wrapper input:hover { color: #ffffff; background-position: 0 -30px; } .button-wrapper input.light { background-position: -134px 0px; } .button-wrapper input.light:hover { background-position: -134px -30px; } .button-wrapper-large { display: block; padding: 0 8px; width: 232px; } .button-wrapper-large a { float: right; display: block; margin: -3px; width: 134px; height: 30px; font-weight: bold; line-height: 30px; text-align: center; color: #f2f2f2; background-image: url('Images/button.png'); background-repeat: no-repeat; } .button-wrapper-large a:hover { color: #ffffff; background-position: 0 -30px; } .button-wrapper-large a.light { background-position: -134px 0px; } .button-wrapper-large a.light:hover { background-position: -134px -30px; } .button-wrapper-large span { float: left; display: inline-block; margin: -3px; padding: 0 10px; width: 86px; height: 30px; overflow: hidden; font-weight: bold; line-height: 30px; text-align: right; color: #bfbfbf; background-image: url('Images/button-wrapper.png'); background-repeat: no-repeat; } .buttons .button-wrapper { margin-left: 4px; } .buttons .button-wrapper-large { margin-top: 4px; } .buttons .button-wrapper-large:first-child { margin-top: 0; } #page-wrapper { margin-bottom: -56px; height: 100%; height: auto !important; min-height: 100%; background-image: url('Images/header-bkg.png'); background-position: center top; } #page-wrapper-push { height: 56px; } #page-container { margin: 0 auto; width: 980px; } #header { position: relative; height: 370px; } #header-bar { } #logo-hpm-berlin { position: absolute; left: 15px; top: 5px; width: 183px; height: 80px; } #navigation-bar { position: absolute; left: 296px; top: 0px; width: 654px; height: 83px; overflow: hidden; } #teaser { position: absolute; left: 0px; top: 98px; width: 980px; height: 256px; } #teaser-blender { position: absolute; left: 0; top: 0; width: 980px; height: 256px; z-index: 101; } #teaser-overlay { position: absolute; left: 0; top: 0; width: 980px; height: 256px; background-image: url('Images/teaser-overlay.png'); z-index: 103; } #teaser-overlay-text { position: absolute; right: 0; top: 0; width: 392px; height: 256px; background-image: url('Images/teaser-overlay-text.png'); z-index: 104; } #main { } #footer-wrapper { background-image: url('Images/footer-bkg.png'); background-position: center bottom; } #footer { margin: 0 auto; padding-top: 8px; width: 980px; height: 48px; } #footer-menu-wrapper { float: right; padding: 8px 20px 0 0; height: 40px; overflow: hidden; } #main-menu { list-style-type: none; margin: 0; padding: 0; } #main-menu li { float: left; background-image: url('Images/main-menu-separator.gif'); padding-left: 2px; } #main-menu li a { display: block; padding: 38px 20px 0 18px; height: 83px; font-size: 16px; line-height: 44px; color: #bfbfbf; } #main-menu li a:hover, #main-menu li a.active { color: #ffffff; background-image: url('Images/main-menu-active.png'); background-repeat: repeat-x; } #main-menu li:first-child { background-image: none; padding-left: 0; } #main-menu li:first-child a { padding-left: 20px; } #footer-menu { list-style-type: none; margin: 0; padding: 0; } #footer-menu li { float: left; background-image: url('Images/footer-menu-separator.gif'); padding-left: 2px; } #footer-menu li a { display: block; padding: 0px 20px 0 18px; height: 100px; font-size: 16px; line-height: 40px; color: #bfbfbf; } #footer-menu li a:hover, #footer-menu li a.active { color: #ffffff; background-image: url('Images/footer-menu-active.gif'); background-repeat: repeat-x; } #footer-menu li:first-child { background-image: none; padding-left: 0; } #footer-menu li:first-child a { padding-left: 20px; } #sub-menu { list-style-type: none; margin: 0; padding: 2px 0 0 0; background-image: url('Images/item-end.gif'); background-position: 0 0; background-repeat: repeat-x; } #sub-menu ul { list-style-type: none; margin: 0 0 -2px 0; padding: 2px 0 0 20px; background-image: url('Images/item-end.gif'); background-position: 0 bottom; background-repeat: repeat-x; } #sub-menu li { padding: 0 0 2px 0; background-image: url('Images/item-end.gif'); background-position: 0 24px; background-repeat: repeat-x; } #sub-menu li.collapsed ul { display: none; } #sub-menu li a { display: block; padding: 0 20px; height: 24px; line-height: 24px; color: #bfbfbf; overflow: hidden; background-image: url('Images/item.gif'); background-position: 0 0; background-repeat: repeat-x; } #sub-menu li a.collapsed:hover, #sub-menu li a.extended { color: #ffffff; background-position: 0 -24px; } #sub-menu li a.none:hover, #sub-menu li a.selected { color: #ffffff; background-position: 0 -48px; } #sub-menu li a span { display: block; background-image: url('Images/icon-arrows.png'); background-position: right 24px; background-repeat: no-repeat; } #sub-menu li a.none:hover span, #sub-menu li a.selected span { background-position: right 0px; } #sub-menu li a.extended span { background-position: right -24px; } #sub-menu li a.collapsed:hover span { background-position: right -72px; } #sub-menu li a.collapsed span { background-position: right -96px; } #shop-sub-menu { list-style-type: none; margin: 0; padding: 2px 0 0 0; background-image: url('Images/item-end.gif'); background-position: 0 0; background-repeat: repeat-x; } #shop-sub-menu ul { list-style-type: none; margin: 0 0 -2px 0; padding: 2px 0 0 20px; background-image: url('Images/item-end.gif'); background-position: 0 bottom; background-repeat: repeat-x; } #shop-sub-menu li { padding: 0 0 2px 0; background-image: url('Images/item-end.gif'); background-position: 0 24px; background-repeat: repeat-x; } #shop-sub-menu li.collapsed ul { display: none; } #shop-sub-menu li a { display: block; padding: 0 20px; height: 24px; line-height: 24px; color: #bfbfbf; overflow: hidden; background-image: url('Images/item.gif'); background-position: 0 0; background-repeat: repeat-x; } #shop-sub-menu li a.collapsed:hover, #shop-sub-menu li a.extended { color: #ffffff; background-position: 0 -24px; } #shop-sub-menu li a.none:hover, #shop-sub-menu li a.selected { color: #ffffff; background-position: 0 -48px; } #shop-sub-menu li a span { display: block; background-image: url('Images/icon-arrows.png'); background-position: right 24px; background-repeat: no-repeat; } #shop-sub-menu li a.none:hover span, #shop-sub-menu li a.selected span { background-position: right 0px; } #shop-sub-menu li a.extended span { background-position: right -24px; } #shop-sub-menu li a.extended:hover span { background-position: right -48px; } #shop-sub-menu li a.collapsed:hover span { background-position: right -72px; } #shop-sub-menu li a.collapsed span { background-position: right -96px; } .insite-menu { padding: 15px 20px 0 10px; } .insite-menu:first-child { background-image: url('Images/item-end.gif'); background-repeat: repeat-x; } .insite-item { float: left; margin: -4px -4px 6px 6px; width: 216px; height: 170px; background-image: url('Images/image-wrapper-insite.png'); background-position: 0px 0px; } .insite-item .insite-item-inner { margin: 4px 4px 12px 4px; width: 208px; height: 156px; overflow: hidden; } .insite-item .insite-item-inner a { display: block; color: #bfbfbf; } .insite-item .insite-item-inner img { width: 208px; height: 132px; } .insite-item .insite-item-inner span { display: block; padding: 3px 8px 3px 8px; width: 192px; height: 18px; overflow: hidden; } .insite-item:hover a, .insite-item .insite-item-inner a:hover { color: #ffffff; } .insite-item:hover .insite-item-inner span { background-color: #0086bf; } .container { margin: -8px; width: 700px; padding-bottom: 18px; background-image: url('Images/container-footer.png'); background-position: left bottom; } .container-header { padding: 8px 8px 0 8px; height: 40px; background-image: url('Images/container-header.png'); background-position: left top; } .container-header h2, .container-header h3, .container-header strong { padding: 0 20px; font-size: 16px; font-weight: normal; line-height: 40px; color: #bfbfbf; } .container-inner { padding: 0 8px; background-image: url('Images/container.png'); background-repeat: repeat-y; background-position: left top; } .content-wrapper { float: right; position: relative; width: 684px; } .sidebar-wrapper { float: left; position: relative; width: 280px; } .sidebar-wrapper .container { width: 296px; background-position: right bottom; } .sidebar-wrapper .container-header { background-position: right top; } .sidebar-wrapper .container-inner { background-position: right top; } .block { margin-top: 15px; } .block:first-child { margin-top: 0; } .block-header { padding: 2px 20px; height: 24px; line-height: 24px; overflow: hidden; background-image: url('Images/block.gif'); background-repeat: repeat-x; } .block-header h3, .block-header strong { font-size: 12px; font-weight: normal; color: #d9d9d9; } .block-inner { padding: 15px 20px 0 20px; } .block-simple { padding: 7px 20px 0 20px; background-image: url('Images/item-end.gif'); background-repeat: repeat-x; } .block ul { list-style-type: none; margin: 0; padding-left: 12px; } .block ul li { padding-left: 12px; background-image: url('Images/bullet.gif'); background-position: left 7px; } .block ul.link-list { list-style-type: none; margin: 0; padding: 0; } .block ul.link-list li { padding: 0; background-image: none; } .block .image-wrapper { position: relative; float: left; margin: -4px 15px 15px -4px; width: 288px; height: 188px; background-image: url('Images/image-wrapper.png'); } .block .image-container { margin: 4px; width: 280px; height: 180px; overflow: hidden; } .block .image-container img { width: 280px; height: 180px; } .block .attachments { margin-top: 16px; } .home-wrapper { float: left; margin-left: 16px; width: 316px; } .home-wrapper:first-child { margin-left: 0; } .home-wrapper .container { width: 332px; background-image: url('Images/small-container-footer.png'); } .home-wrapper .container-header { background-image: url('Images/small-container-header.png'); } .home-wrapper .container-inner { background-image: url('Images/small-container.png'); } .home-wrapper .preview { position: relative; } .home-wrapper .preview .image-wrapper { width: 132px; height: 88px; background-image: url('Images/small-image-wrapper.png'); } .home-wrapper .preview .image-container { width: 124px; height: 80px; } .home-wrapper .preview .image-container img { width: 124px; height: 80px; } .home-wrapper .preview .image-wrapper { margin-bottom: 4px; } .home-wrapper .preview .web-link { position: absolute; left: 143px; top: 64px; } .product-data { float: left; width: 263px; } .product-data .button-wrapper-large { } .product-text { float: right; width: 381px; } .shopping-cart-wrapper { } .shopping-cart-wrapper .buttons { float: right; padding-top: 16px; } .shopping-cart-wrapper .button-wrapper { float: left; margin-top: 0; } .shopping-cart { width: 100%; } .shopping-cart td, .shopping-cart th { padding: 2px; } .shopping-cart th { padding-bottom: 6px; font-weight: normal; color: #bfbfbf; } .shopping-cart tbody tr:hover { background-color: #1f1f1f; } .shopping-cart .cell-product { text-align: left; } .shopping-cart .cell-quantity { width: 44px; text-align: right; } .shopping-cart .cell-quantity input { padding: 4px; width: 16px; color: #bfbfbf; border: solid 1px #212121; background-color: #1c1c1c; } .shopping-cart .cell-unitprice { width: 96px; text-align: right; } .shopping-cart .cell-subtotal { width: 96px; text-align: right; } .shopping-cart .cell-delete { width: 48px; text-align: center; } .shopping-cart .cell-delete a { display: block; height: 23px; background-image: url('Images/icon-delete.png'); background-position: center 0; } .shopping-cart .cell-delete a:hover { background-position: center -24px; } .shopping-cart .cell-text { font-weight: bold; color: #bfbfbf; text-align: right; } .shopping-cart .cell-text span { font-weight: normal; } .shopping-cart .cell-value { text-align: right; } .shopping-cart-button-wrapper { float: right; padding: 16px 20px 0 20px; } .form-wrapper { } .form-wrapper fieldset { margin: 0; padding: 8px 0 0 0; border: 0; } .form-wrapper fieldset:first-child { padding-top: 0; } .form-wrapper .field { margin-bottom: 4px; } .form-wrapper .field label { float: left; padding-top: 4px; width: 88px; } .form-wrapper .field input { float: right; padding: 4px; width: 206px; color: #bfbfbf; border: solid 1px #212121; background-color: #1c1c1c; } .form-wrapper .field select { float: right; padding: 4px; width: 216px; color: #bfbfbf; border: solid 1px #212121; background-color: #1c1c1c; } .form-wrapper .field textarea { float: right; padding: 4px; width: 206px; height: 96px; color: #bfbfbf; border: solid 1px #212121; background-color: #1c1c1c; } .form-wrapper .field input:hover, .form-wrapper .field select:hover, .form-wrapper .field textarea:hover, .form-wrapper .field input:focus, .form-wrapper .field select:focus, .form-wrapper .field textarea:focus { border: solid 1px #292929; background-color: #1f1f1f; } .form-wrapper .checkbox-field { margin-bottom: 4px; } .form-wrapper .checkbox-field label { float: left; } .form-wrapper .checkbox-field .checkbox { float: left; width: 24px; } .form-wrapper .radio-field { margin-bottom: 4px; } .form-wrapper .radio-field label { float: left; } .form-wrapper .radio-field .radiobutton { float: left; width: 24px; } .form-wrapper .button-wrapper { float: right; } .form-wrapper .buttons { float: right; } .form-wrapper .buttons .button-wrapper { float: left; } .form-wrapper .footer-info-line { float: left; font-size: 10px; color: #999999; } .form-wrapper .form-split-left { float: left; width: 310px; } .form-wrapper .form-split-right { float: right; width: 310px; } .form-wrapper .form-split-full-size { clear: both; width: 644px; } .form-wrapper .form-split-full-size .field input { width: 540px; } .form-wrapper .form-split-full-size .field select { width: 550px; } .form-wrapper .form-split-full-size .field textarea { width: 540px; } .error-summary { margin-bottom: 8px; padding: 8px; border: #bf2638 1px dotted; border-left: 0; border-right: 0; color: #bf2638; background: #271517; } .success-summary { margin-bottom: 8px; padding: 8px; border: #26bf38 1px dotted; border-left: 0; border-right: 0; color: #26bf38; background: #152717; } #payment-wrapper .radio-field { height: 45px; } #payment-wrapper .radio-field label { float: none; } #payment-wrapper .radio-field .radiobutton { height: 45px; } .gallery-buttons { margin: 4px; } .gallery-buttons a { width: 28px; height: 28px; background-image: url('Images/image-control.png'); } .gallery-button-enlarge { right: -11px; bottom: -11px; } .gallery-button-next { margin-top: -14px; right: -11px; top: 50%; background-position: -56px top; } .gallery-button-prev { margin-top: -14px; left: -11px; top: 50%; background-position: -28px top; } .gallery-button-enlarge:hover { background-position: 0px bottom; } .gallery-button-next:hover { background-position: -56px bottom; } .gallery-button-prev:hover { background-position: -28px bottom; } .popup-overlay { background: #140205; background-image: url('Images/carbon-bkg.gif'); } .popup-window { background: #000000; border: solid 0px #1a1a1a; } .popup-info-container { background: #000000; height: 40px; } .popup-info-title { padding: 4px 8px 2px 8px; color: #ffffff; line-height: 16px; height: 16px; } .popup-info-state { padding: 0 8px; color: #ffffff; font-size: 10px; line-height: 12px; } .popup-loader { background-image: url('Images/loader.png'); width: 32px; height: 32px; } .popup-buttons a { width: 28px; height: 28px; background-image: url('Images/image-control.png'); } .popup-button-close { right: -16px; top: -16px; background-position: -84px top; } .popup-button-next { margin-top: -14px; right: -16px; top: 50%; background-position: -56px top; } .popup-button-prev { margin-top: -14px; left: -16px; top: 50%; background-position: -28px top; } .popup-button-close:hover { background-position: -84px bottom; } .popup-button-next:hover { background-position: -56px bottom; } .popup-button-prev:hover { background-position: -28px bottom; }