/* ==|== normalize ========================================================== */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, div { display: block; position: relative;} audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; font-size: 13px; line-height: 1.231; } body, button, input, select, textarea { font-family: sans-serif; color: #444; } ::-moz-selection { background: #aab0b5; color: #fff; text-shadow: none; } ::selection { background: #aab0b5; color: #fff; text-shadow: none; } a { color: #444; } a:visited { color: #444; } a:hover { color: #000; } a:focus { outline: 0; } a:hover, a:active { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { margin: 0; padding: 0 0 0 30px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } label { cursor: pointer; } legend { border: 0; *margin-left: -7px; padding: 0; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; *overflow: visible; } table button, table input { *overflow: auto; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } /* ==|== primary styles ===================================================== */ body {} .page-black { background: #040506;} .page-white { background: #fff;} h1, h2, h3, h4, h5, h6 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;} h1 {} h2 { font-weight: 300; font-size: 32px; line-height: 42px; margin: 24px 0 18px 0;} h3 { font-weight: 300; font-size: 18px; line-height: 24px; margin: 24px 0 18px 0;} h4 { font-weight: bold; font-size: 15px; line-height: 20px; margin: 12px 0 12px 0;} h5 { font-size: 13px; line-height: 18px; margin: 12px 0 6px 0;} h6 { font-size: 13px; line-height: 18px; margin: 12px 0 6px 0;} p { margin: 12px 0 8px 0; line-height: 18px;} .page-black h1, .page-black h2, .page-black h3, .page-black h4, .page-black h5, .page-black h6 { color: #fff;} .page-black p { color: #818385;} .page-black p a, .page-black h3 a { color: #fff;} .page-black p a:hover, .page-black h3 a:hover { color: #fff; text-decoration: none;} .page-white p a:hover, .page-white h3 a:hover { color: #444; text-decoration: none;} .page-black p strong { color: #fff;} .page-black .catalog-grid-sheet p { color: #444;} #logo { position: absolute; z-index: 200; width: 100%;} #logo-inner { width: 974px; margin: 0 auto;} #logo h1 a { position: absolute; z-index: 200; top: 40px; left: 10px; display: block; width: 63px; height: 34px; background: url('../images/logo-rzb-leuchten.png') no-repeat left top; text-indent: -9999em;} * html #logo h1 a { background-image: url('../images/logo-rzb-leuchten.gif');} #header { position: absolute; z-index: 100; top: 0; width: 100%; background: #1b2329 url('../images/header-background.jpg') no-repeat center top;} #header-inner { width: 974px; margin: 0 auto;} #header-navigation { height: 95px;} #header-colors { height: 3px; background: url('../images/header-colors.png') repeat-y center top; line-height: 0px; font-size: 1px;} #header h1, #header h2, #header h3, #header h4, #header h5 { color: #fff;} #header-meta h1, #header-meta h2, #header-meta h3, #header-meta h4, #header-meta h5 { color: #fff;} #header-search { position: absolute; top: 40px; right: 10px;} #header-search-form input { color: #a1a6a8;width: 126px; height: 30px; padding-left: 35px; padding-right: 15px; background: #12191c url('../images/search.gif') no-repeat left top; outline: 0; border: 2px solid #616668;} #header-search-form input:hover { border-color: #616668; } #header-search-form input:focus { color: #a1a6a8; border-color: #a1a6a8;} #meta-login input[type="text"], #meta-login input[type="password"] { color: #a1a6a8; width: 150px; height: 30px; padding-left: 10px; padding-right: 10px; background: #12191c; outline: 0; border: 2px solid #343b41;} #meta-login input[type="text"]:hover, #meta-login input[type="password"]:hover { border-color: #616668; } #meta-login input[type="text"]:focus, #meta-login input[type="password"]:focus{ color: #a1a6a8; border-color: #a1a6a8;} #meta-login fieldset div { float: left; margin-right: 10px; margin-top: 10px; min-width: 150px;} #meta-login fieldset { background: #32424B; margin-top: 10px; padding: 5px 15px 15px 15px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #meta-login fieldset legend { display: none;} #meta-login input[type="submit"] { display: block; border: none; outline: none; font-size: 15px; font-weight: bold; padding: 0 10px 0 10px; height: 34px; line-height: 34px; color: #1d252b; text-shadow:0 1px rgba(255,255,255,0.6);text-decoration: none; background: url('../images/button-left.png') no-repeat right top; margin-right: 5px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #meta-login input[type="submit"]:hover, #meta-login input[type="submit"]:focus, #meta-login input[type="submit"]:active { background-position: right bottom;} #meta-login label { padding-bottom: 4px;} #meta-login .csc-frame-rulerBefore { margin-left: 18px;} #meta-login #tx-srfeuserregister-pi1-fe_users_form { display: none !important;} .social-media-wrap { height: 0; width: 974px; margin: 0 auto; z-index: 1;} .social-media { position: absolute; top: 10px; right: 10px; z-index: 1;} .social-media li { margin: 0; padding: 0; display: block; float: left;} .social-media li a { margin: 0 0 0 5px; padding: 0; display: block; float: left; height: 16px; width: 16px; text-indent: -9999em;} .social-media .facebook a { background: url('../images/social/facebook.png');} .social-media .googleplus a { background: url('../images/social/google.png');} .social-media .linkedin a { background: url('../images/social/linkedin.png');} .social-media .xing a { background: url('../images/social/xing.png');} .social-media .youtube a { background: url('../images/social/youtube.png');} .social-media .pinterest a { background: url('../images/social/pinterest.png');} .world {display: block; float: left; height: 17px; width: 25px; background: url('../images/worldwide.png') no-repeat left center; vertical-align: center;} #navigation { position: absolute; top: 40px; width: 700px; left: 118px; list-style: none; margin: 0; padding: 0;} #navigation li { display: block; float: left; } #navigation a { display: block; float: left; margin-right: 25px; padding-right: 5px; text-decoration: none; color: #fff; font-size: 16px; line-height: 34px; height: 30px; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; transition: color 0.2s;} * html #navigation a { margin-right: 15px;} #navigation a.not-active { color: #4a5560;} #navigation a.active { color: #fff;} #navigation a.not-hover { color: #4a5560;} #navigation a.hover { color: #fff;} .header-navigation-item { height: 300px; display: none;} .header-navigation-item-inner { height: 278px; margin: 1px; padding: 10px 0 10px 99px;} .header-navigation-item-inner p, .header-navigation-item-inner h2 { padding-left: 18px;} .header-navigation-item-inner p { font-size: 15px; color: #fff; padding: 12px 18px;} .header-navigation-item-inner div p { padding: 0;} .header-more-products { list-style: none; padding: 0; margin: 0;} .header-more-products li { display: block; height: 26px;} .header-more-products li a { color: #fff; text-decoration: none; height: 26px; line-height: 26px;} .header-more-products li a:hover { text-decoration: underline;} #header .csc-menu { list-style: none; padding: 0; margin: 0;} #header .csc-menu li { display: block; height: 26px;} #header .csc-menu li a { color: #fff; text-decoration: none; height: 26px; line-height: 26px;} #header .csc-menu li a:hover { text-decoration: underline;} #header-meta { position: absolute; z-index: 130; top: 0; width: 100%; background: #1b2329 url('../images/header-background.jpg') no-repeat center top;} #header-meta-inner { width: 974px; margin: 0 auto;} #header-meta-navigation { position: absolute; z-index: 35; bottom: -3px; width: 100%; border-top: 3px solid #69747f;} #header-meta-navigation-inner { width: 974px; margin: 0 auto;} #header-meta p { color: #fff;} #header-meta a { color: #fff;} #header-meta a:hover { text-decoration: none;} #meta-navigation { position: absolute; z-index: 35; bottom: -25px; right:140px; display: block; margin: 0 auto; padding: 0; list-style: none; } * html #meta-navigation { bottom: -27px;} #meta-navigation li { display: block; float: left; list-style: none; margin: 0; padding: 0;} #meta-navigation a { display: block; float: left; margin-left: 5px; height: 18px; line-height: 20px; padding: 5px 15px; background: #69747f url('../images/header-meta.gif') repeat-x left bottom; text-decoration: none; color: #c9cdd0; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} * html #meta-navigation a { margin-left: 2px;} #meta-navigation a:hover, #meta-navigation a:focus, #meta-navigation a:active { color: #fff; background-image: none;} #meta-navigation a.not-active { opacity: 0.3;} #meta-navigation a.active { opacity: 1.0;} #teaser .flex-control-nav {position: absolute; right: 22px; top: 20px; text-align: right;} #teaser .flex-control-nav li {display: inline-block; *display: inline; *zoom: 1; float: none;} #teaser .flex-control-nav li a {display: inline-block; *display: inline; *zoom: 1; float: none; text-indent: 9999em;} #teaser-boxes-inner .csc-default ul { list-style: none; padding: 0; margin: 0;} #teaser-boxes-inner .csc-default ul li { display: block; height: 26px;} #teaser-boxes-inner .csc-default ul li a { color: #fff; text-decoration: none; height: 26px; line-height: 26px;} #teaser-boxes-inner .csc-default ul li a:hover { text-decoration: underline;} #teaser-boxes-inner .csc-default .jqTransformSelectWrapper ul li a { color: #1d252b; padding-top: 0;} #teaser-boxes-inner .csc-default .jqTransformSelectWrapper ul li a:hover { color: #fff; text-decoration:none;} .header-navigation-item-inner ul { list-style: none; padding: 0; margin: 0;} .header-navigation-item-inner ul li { display: block; height: 26px;} .header-navigation-item-inner ul li a { color: #fff; text-decoration: none; height: 26px; line-height: 26px;} .header-navigation-item-inner ul li a:hover { text-decoration: underline;} .header-meta-item { height: 398px; display: none; padding: 0; overflow: hidden;} .header-meta-item-inner { height: 376px; margin: 1px; padding: 10px 0 10px 99px; overflow: hidden;} .header-meta-item-small { height: 95px; } .header-meta-item-small .header-meta-item-inner { height: 95px;} * html .header-meta-item-small { height: 96px;} * html .header-meta-item-small .header-meta-item-inner { height: 76px;} .header-meta-item h2 { padding: 2px 0 0 18px; *padding-top: 10px; } * html .header-meta-item h2 { padding-top: 10px;} .header-meta-item-text { padding-top: 20px; color: #fff;} .header-meta-item-small .header-meta-item-text { position: absolute; right: 18px; top: 50px;} #languages { list-style: none; margin: 0; padding: 0; position: absolute; top: 0; right: 0; text-align: left; width: 300px;} #languages li { list-style: none; width: 30px; height: 18px; margin: 0; padding: 0; margin-left: 10px; display: block; float: right; text-indent: -9999em;} #languages li a { display: block; float: left; height: 18px; width: 30px; text-indent: -9999em; } #languages li.language-german a { background: url('../images/flag-de.gif') no-repeat center top; text-indent: -9999em;} #languages li.language-english a { background: url('../images/flag-gb.gif') no-repeat center top; text-indent: -9999em;} #languages li.language-french a { background: url('../images/flag-fr.gif') no-repeat center top; text-indent: -9999em;} #languages li.language-dutch a { background: url('../images/flag-nl.gif') no-repeat center top; text-indent: -9999em;} #languages li.language-spanish a { background: url('../images/flag-es.gif') no-repeat center top; text-indent: -9999em;} #languages li.language-russian a { background: url('../images/flag-ru.gif') no-repeat center top; text-indent: -9999em;} .button { display: block; display: inline-block; border: none; outline: none; font-size: 15px; font-weight: bold; padding: 0 0 0 10px; height: 34px; line-height: 34px; color: #1d252b; text-shadow:0 1px rgba(255,255,255,0.6);text-decoration: none; background: url('../images/button-left.png') no-repeat left top; margin-right: 5px;} .button span { position: relative; display: block; height: 34px; padding-right: 30px; color: #1d252b; text-shadow:0 1px rgba(255,255,255,0.6);right: -5px; background: url('../images/button-right.png') no-repeat right top;} .button-back { background: url('../images/button-left.png') no-repeat left top; } .button-back span { background: url('../images/button-right-woarrow.png') no-repeat right top; padding-right: 15px;} .button:hover, .button:focus, .button:active { background-position: left bottom;} .button:hover span, .button:focus span, .button:active span { background-position: right bottom;} .button-catalog-entry { margin-bottom: 10px;} input.button, .button-simple { padding-right: 10px; background-position: right top; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} input.button:hover, input.button:focus, input.button:active, .button-simple:hover, .button-simple:focus, .button-simple:active { background-position: right bottom;} .button-simple { color: #1d252b !important; text-shadow:0 1px rgba(255,255,255,0.6);} #content-sidebar input.button { width: 180px; text-align: left; background: url('../images/button-right-arrow.png') no-repeat right top;} #content-sidebar input.button:hover { background-position: right bottom;} .button-catalog-entry { width: 170px; padding-left: 5px;} #main { padding-top: 98px; z-index: 2;} .page-black #main { background: url('../images/main-back.jpg') no-repeat center top;} #teaser { background: #0a0c0e; z-index: 1;} #teaser-inner { width: 974px; height: 550px; z-index: 1; margin: 0 auto; overflow: hidden;} .teaser-item { width: 974px; height: 550px; z-index: 2;} .teaser-item img { position: absolute; top: 0; left: 0;} .teaser-item-text { position: absolute; top: 100px; left: 550px; width: 396px;} .teaser-item-text p { margin: 0; line-height: 18px;} .teaser-item-text h2 { text-transform: uppercase; text-shadow: 0 1px 0 rgba(0,0,0,0.5);} .teaser-item-text h3 { width: 230px;} .teaser-item-text img { position: relative; margin-top: 10px; margin-right: 5px;} .teaser-item-text .button { float: right; margin-top: 7px;} .teaser-box-link { text-decoration: none; display: block; position: relative; z-index: 12; margin-bottom: 5px; } .teaser-box-link { *margin-bottom: -14px;} .teaser-box-link span { position: absolute; display: block; bottom: 0; right: 0; background: url('../images/button-arrow.png') no-repeat left top; height: 24px; width: 24px; text-indent: -9999em;} .teaser-box-link img { -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s;} /*.teaser-box-link:hover span, .teaser-box-link:focus span, .teaser-box-link:active span { background-position: left bottom;} */ .teaser-box-link:hover img, .teaser-box-link:focus img, .teaser-box-link:active img { box-shadow:0px 0px 30px rgba(255,255,255,0.5)} /* Teaser Architecture */ #teaser-archit { background: #0a0c0e; z-index: 1; } #teaser-archit-inner { width: 974px; z-index: 1; margin: 0 auto; overflow:hidden; } #teaser-archit .flex-control-nav { position: absolute; width: 974px; height:auto; left: 0; right:0; top:450px; text-align: center; } #teaser-archit .flex-control-nav li { display: inline-block; *display: inline; *zoom: 1; float: none; cursor:pointer; margin:10px; border-radius:7px; } /*#teaser-archit .flex-control-nav li.flex-active { -webkit-box-shadow: 0 0 30px rgba(255,255,255,0.7); -moz-box-shadow: 0 0 30px rgba(255,255,255,0.7); position:relative; } #teaser-archit .flex-control-nav li.flex-active:before { content:''; display:block; width: 20px; height: 10px; background: transparent url('../images/catalog-grid-sheet-arrow.gif') no-repeat center top; position: absolute; top: -10px; left:50%; margin-left:-10px; z-index: 6; }*/ #teaser-archit .flex-control-nav li img { border-radius:7px; } #teaser-archit .flex-control-nav li img.flex-active { -webkit-box-shadow: 0 0 30px rgba(255,255,255,0.7); -moz-box-shadow: 0 0 30px rgba(255,255,255,0.7); position:relative; } .teaser-archit-item { width: 974px; height: 450px; z-index: 2; overflow:hidden; } .teaser-archit-item img { position: absolute; top: 0; left: 0; } .teaser-archit-item .teaser-item-text { top: auto; bottom:0; left: 0; width: 736px; background:rgba(0,0,0,0.8); padding:0 119px 30px 119px; } .teaser-archit-item .teaser-item-text p { margin: 0; line-height: 18px;} .teaser-archit-item .teaser-item-text h2 { text-transform: uppercase; text-shadow: 0 1px 0 rgba(0,0,0,0.5); margin-bottom:15px; } .teaser-archit-item .teaser-item-text h3 { width: auto; margin-top:15px; } .teaser-archit-item .teaser-item-text img { position: relative; margin-top: 10px; margin-right: 5px;} .teaser-archit-item .teaser-item-text .button { float: none; position:absolute; right:119px; top:23px; } #archit-carousel { width: 894px; margin:0 auto; padding:20px 0; } #archit-carousel .slides { margin:0; padding:0; list-style:none; } #archit-carousel .slides li { margin:0; padding:10px 0; border-radius:7px; cursor:pointer; text-align:center; } #archit-carousel .slides li img { border-radius:7px; } #archit-carousel .slides .flex-active-slide img { -webkit-box-shadow: 0 0 15px rgba(255,255,255,0.7); -moz-box-shadow: 0 0 15px rgba(255,255,255,0.7); } #archit-carousel .flex-direction-nav { margin: 0; padding: 0; list-style: none; } #archit-carousel .flex-direction-nav li { margin: 0; padding: 0; } #archit-carousel .flex-direction-nav li a { position:absolute; display:block; line-height:140px; text-indent:-9999px; width:30px; } #archit-carousel .flex-direction-nav .flex-prev { left:-40px; top:0; bottom:0; background:transparent url('../images/archit-prev.png') no-repeat center center; } #archit-carousel .flex-direction-nav .flex-next { right:-40px; top:0; bottom:0; background:transparent url('../images/archit-next.png') no-repeat center center; } #archit-carousel .flex-direction-nav .flex-disabled { opacity:0.2; } /* -------------------- */ #content-cols .teaser-box-link {margin-bottom: 18px;} #content-cols hr {margin: 18px 18px 18px 18px;} #content-cols .csc-textpic-text ul { margin-left: 30px;} #content-cols .csc-textpic-text li { line-height: 18px} #content-cols .csc-frame-indent3366 .teaser-box-link h4 { padding-left: 0;} #content-cols .csc-frame-indent3366 h3 { margin-left: 0 !important; padding-left: 0 !important;} #content-cols .csc-frame-indent3366 h3 a { text-decoration: none;} #teaser-boxes { height: 180px; margin-top: -160px; z-index: 10; background: rgba(0,0,0,0.5);} #teaser-boxes-inner { width: 874px; margin: 0 auto; z-index: 11; padding: 10px 0 0 100px;} #teaser-boxes-inner * { z-index: 12;} * html #teaser-boxes-inner { padding-left: 82px; width: 894px;} .one-column, .csc-frame-indent3366 { width: 198px; float: left; margin-left: 18px;} .one-and-half-column { width: 306px; float: left; margin-left: 18px;} .two-columns, .csc-frame-indent6633 { width: 414px; float: left; margin-left: 18px;} .one-column h4 a { color: #fff; text-decoration: none;} #teaser-boxes .csc-frame-indent3366 { margin-left: 0 !important;} #content-image { height: 280px; background: #0a0b0d; overflow: hidden;} #content-image-inner { width: 974px; margin: 0 auto; } .content-image-white { background: #fff !important;} #content { width: 874px; margin: 0 auto; padding: 8px 0 25px 100px; } #content-cols { margin: 0 0 0 0; float: left; width: 666px; z-index: 6;} #content-cols h2, #content-cols h3, #content-cols h4, #content-cols h5, #content-cols ul, #content-cols ol, #content-cols p, #content-cols dl { width: 480px; padding-left: 18px;} #content-cols dl h2, #content-cols dl h3, #content-cols dl h4, #content-cols dl p { padding-left: 0; margin: 8px 0;} #content-cols dt a { text-decoration: none;} #content-cols dt a:hover { text-decoration: underline;} #content-cols ul.file-list { width: 400px;} #content-sidebar { width: 180px; /*margin-left: 684px;*/ float: left; margin-left: 18px; padding: 22px 0 0 0; *width :190px; z-index: 5;} .page-black #content-sidebar { z-index: 7;} /*.page-white #content-cols { width: 648px;} .page-white #content-sidebar { margin-left: 666px;} */ .page-white #content-sidebar { width: 180px;} #page-start #content { display: none;} #content-cols .column h4 { padding-left: 0; width: auto;} #content-cols .teaser-box-link { color: #444;} .teaser-box-link .label { color: #ccc; position: absolute; bottom: 5px; left: 18px;} .teaser-box-link:hover .label { color: #fff;} .label { color: #ccc; position: absolute; bottom: 5px; left: 18px; text-decoration: none;} a:hover .label { color: #fff;} .checklist { list-style: none; padding: 0; margin: 0;} .checklist li { background: url('../images/checklist.gif') no-repeat 2px 2px; font-size: 13px; line-height: 18px; padding-bottom: 10px; padding-left: 20px;} dl { padding: 10px 0;} dt { font-weight: bold; font-size: 15px; padding-top: 10px;} dd { line-height: 18px; padding-bottom: 15px;} /* dl.csc-textpic-image { float: left; width: auto !important;}*/ dl.csc-textpic-image dd { margin: 0; padding: 5px 0; color: #888;} dl.csc-textpic-image { padding: 0;} .csc-textpic-single-image { margin: 0 0 18px 18px;} .csc-textpic-single-image img { -webkit-border-radius: 6px; -moz-border-radius: 6px; -border-radius: 6px;} .csc-frame-indent3366 .csc-textpic-single-image { margin-left: 0 !important;} .csc-textpic-imagewrap { width: auto !important;} .csc-textpic-imagerow { margin-bottom: 18px; min-height: 108px; width: auto !important;} .csc-textpic-imagerow ul { list-style: none; } .csc-textpic-imagerow li { float: left; margin-right: 18px;} .csc-textpic-imagerow img { -webkit-border-radius: 6px; -moz-border-radius: 6px; -border-radius: 6px;} .csc-textpic-imagewrap { margin-bottom: 18px; min-height: 108px; width: auto !important;} .csc-textpic-imagewrap ul { list-style: none; } .csc-textpic-imagewrap li { float: left; margin-right: 18px;} .csc-textpic-imagewrap img { -webkit-border-radius: 6px; -moz-border-radius: 6px; -border-radius: 6px;} /* remove dl.csc-textpic-image img { width: 185px;} dl.csc-textpic-image dd { width: 185px;} dl.csc-textpic-image2 { float: left; width: auto !important;} dl.csc-textpic-image2 dd { margin: 0; padding: 5px 0; color: #888;} */ #content .csc-frame-frame1 { margin: 18px 0; padding: 1px 0 6px 0; background: #1d2429; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .page-white #content .csc-frame-frame1 { background: #E8EBEF;} #content .csc-frame-frame1 h3 { margin-top: 12px;} .csc-frame-frame1 .csc-frame-indent3366 { margin-left: 0;} .csc-frame-frame1 .csc-frame-indent3366 h4 { margin-top: 0;} .csc-frame-frame3 dl { padding-left: 0 !important;} .cycle-nav { position: absolute; top: 12px; left: 12px; z-index: 100; list-style: none;} .cycle-nav li { display: block; float: left; margin: 0; padding: 0;} .cycle-nav a { display: block; float: left; text-indent: -9999em; width: 10px; height: 10px; background: rgba(255,255,255,0.1); border: 1px solid #fff; margin-right: 5px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;} .cycle-nav li.activeSlide a { background: #fff;} .flex-control-nav { position: absolute; top: 12px; left: 12px; z-index: 100; list-style: none; margin: 0; padding: 0 !important;} .flex-control-nav li { display: block; float: left;} .flex-control-nav a { display: block; float: left; text-indent: -9999em; width: 10px; height: 10px; background: rgba(255,255,255,0.1); border: 1px solid #fff; margin-right: 5px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;} .flex-control-nav li a.flex-active { background: #fff;} .csc-frame .flex-control-nav {top: 20px; left: 30px;} .csc-frame .flex-control-nav li {margin-right: 0 !important;} #wheretofind { width: 874px; margin: 0 auto; padding: 8px 0 25px 100px; min-height: 350px; background: url('../images/worldmap.png') no-repeat 100px 80px; } #wheretofind h2, #wheretofind h3 { padding-left: 18px;} #wheretofind a { color: #b7b9ba; text-decoration: none;} #wheretofind a:hover { color: #fff !important; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; transition: color 0.2s;} #wheretofind ul { position: relative; list-style: none; padding-left: 0; margin-left: 18px; margin-right: 4px; float: left; } #wheretofind ul ul { width: 144px;display: none; position: absolute; top: 0; left: 148px; } #wheretofind li { line-height: 22px; } #wheretofind h4 { font-size: 16px; color: #444; margin: 0; } #wheretofind h5 { font-size: 14px; color: #444; margin: 12px 0 0 0; font-weight: normal} #wheretofind .wheretofind-locations { width: 533px;} #wheretofind .wheretofind-locations li { display: block; padding: 0 0 6px 0; width: 512px; /*height: 140px;*/ background: #fff; margin-right: 18px; margin-bottom: 18px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -border-radius: 6px; -webkit-box-shadow: 0 0 30px rgba(255,255,255,0.7);-moz-box-shadow: 0 0 30px rgba(255,255,255,0.7); } #wheretofind .wheretofind-locations-inner { padding: 10px 15px; } #wheretofind .wheretofind-locations-contacts-inner { padding: 1px 15px 12px 15px; background: #fff url('../images/catalog-grid-sheet-title-invers.gif') repeat-x left top;} #wheretofind #wheretofind-zip-search, #wheretofind #wheretofind-zip-search2 { width: 482px; height: 80px; padding: 10px 15px;} #wheretofind .wheretofind-locations h4.wheretofind-locations-contacts-subgroup-title { margin: 10px 15px 10px 15px;} #wheretofind #wheretofind-zip-search-results, #wheretofind #wheretofind-zip-search-results2 { display: none;} .page-black #main #wheretofind .wheretofind-locations a { color: #444 !important; text-decoration: underline;} .page-black #main #wheretofind .wheretofind-locations a:hover { color: #000 !important; text-decoration: none;} #wheretofind-zip-search-form, #wheretofind-zip-search-form2 { margin: 18px 0 18px 0;} #wheretofind-zip-search-form input[type="text"], #wheretofind-zip-search-form2 input[type="text"] { color: #a1a6a8; float: left; width: 226px; height: 20px; line-height: 20px; padding-top: 5px; padding-bottom: 5px; padding-left: 35px; padding-right: 15px; background: #12191c url('../images/search.gif') no-repeat left top; outline: 0; border: 2px solid #343b41; margin-right: 18px;} #wheretofind-zip-search-form input[type="text"]:hover, #wheretofind-zip-search-form2 input[type="text"]:hover { border-color: #616668; } #wheretofind-zip-search-form input[type="text"]:focus, #wheretofind-zip-search-form2 input[type="text"]:focus { color: #a1a6a8; border-color: #a1a6a8;} #wheretofind-zip-search-form input[type="submit"], #wheretofind-zip-search-form2 input[type="submit"] { display: block; border: none; outline: none; font-size: 15px; font-weight: bold; padding: 0 0 0 10px; height: 34px; line-height: 34px; color: #1d252b; text-shadow:0 1px rgba(255,255,255,0.6);text-decoration: none; background: url('../images/button-left.png') no-repeat right top; margin-right: 5px; padding-right: 10px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; } #wheretofind-zip-search-form input[type="submit"]:hover, #wheretofind-zip-search-form2 input[type="submit"]:hover { background-position: right bottom;} #contactlist { width: 874px; margin: 0 auto; padding: 8px 0 25px 100px; min-height: 350px; background: url('../images/rzb-contacts.png') no-repeat 100px 80px; } #contactlist h2, #contactlist h3 { padding-left: 18px;} #contactlist a { color: #b7b9ba; text-decoration: none;} #contactlist a:hover { color: #fff !important; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; transition: color 0.2s;} #contactlist ul { position: relative; list-style: none; padding-left: 0; margin-left: 18px; margin-right: 4px; float: left; } #contactlist ul ul { width: 144px;display: none; position: absolute; top: 0; left: 148px; } #contactlist li { line-height: 22px; } #contactlist h4 { font-size: 16px; color: #444; margin: 0; } #contactlist h5 { font-size: 14px; color: #444; margin: 12px 0 0 0; font-weight: normal} #contactlist .contactlist-contact { width: 352px;} #contactlist .contactlist-contact li { display: block; padding: 0 0 6px 0; width: 346px; /*height: 140px;*/ background: #fff; margin-right: 18px; margin-bottom: 18px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -border-radius: 6px; -webkit-box-shadow: 0 0 30px rgba(255,255,255,0.7);-moz-box-shadow: 0 0 30px rgba(255,255,255,0.7); } #contactlist .contactlist-contact-inner { padding: 10px 15px; } .page-black #main #contactlist .contactlist-contact a { color: #444 !important; text-decoration: underline;} .page-black #main #contactlist .contactlist-contact a:hover { color: #000 !important; text-decoration: none;} /* #wheretofind-zip-search-results { position: absolute; z-index: 10; top: 120px; left: 148px; height: 300px; background: yellow; width: 533px;} #wheretofind-zip-search-results .wheretofind-zip-search-results { top: 0; left: 0;} */ #catalog { width: 874px; margin: 0 auto 0 auto; padding: 8px 0 25px 100px; } #catalog h2, #catalog h3 { padding-left: 18px;} .catalog-grid { margin: 10px 0 0 0; float: left; width: 666px;} .catalog-grid-row { height: 108px;} .catalog-grid-item { text-decoration: none; position: relative; width: 90px; height: 90px; float: left; margin-left: 18px;-moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .catalog-grid-item:hover { opacity: 1.0 !important;} .catalog-grid-item-more { width: 88px; height: 88px; float: left; margin-left: 18px; background: #000; border: 1px solid #666; text-decoration: none; text-align: center; line-height: 130px; font-size: 13px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .catalog-grid-item-more:hover { color: #fff; border-color: #ccc;} .catalog-grid-item img { width: 90px; height: 90px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .catalog-grid-item-name { position: absolute; z-index: 6; width: auto !important; top: 67px; left: 10px; text-decoration: none; display: none; height: 28px; line-height: 28px; padding: 0 10px; background: #69747f url('../images/header-meta.gif') repeat-x left bottom; text-decoration: none; color: #c9cdd0; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .catalog-grid-item:hover .catalog-grid-item-name /*, .catalog-grid-item-active .catalog-grid-item-name */ { position: absolute; z-index: 6; width: auto !important; top: 67px; left: 10px; text-decoration: none; display: block; height: 28px; line-height: 28px; padding: 0 10px; background: #69747f url('../images/header-meta.gif') repeat-x left bottom; text-decoration: none; color: #c9cdd0; text-shadow: 0 -1px 0 rgba(0,0,0,0.5); -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .catalog-grid-item-active:hover .catalog-grid-item-name { display: none;} .catalog-grid-item-wide { width: 198px;} .catalog-grid-item-wide img { width: 198px;} .catalog-grid-sheet-placeholder { display: none;margin-bottom: 18px; z-index: 6;} .catalog-grid-sheet-placeholder-open { margin-bottom: 18px;} .catalog-grid-sheet { z-index: 6;min-height: 300px; padding-bottom: 10px; background: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; -border-radius: 6px; border: 1px solid #dbdee3; -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.2);-moz-box-shadow: 0 0 30px rgba(0,0,0,0.2);} .page-black .catalog-grid-sheet{ -webkit-box-shadow: 0 0 30px rgba(255,255,255,0.7); -moz-box-shadow: 0 0 30px rgba(255,255,255,0.7);} .catalog-grid-sheet-item-wide { width: 198px;} .catalog-grid-sheet-item-wide img { width: 198px;} .catalog-grid-sheet-arrow { width: 20px; height: 10px; background: transparent url('../images/catalog-grid-sheet-arrow.gif') no-repeat center top; position: absolute; top: -10px; z-index: 6;} .catalog-grid-sheet-1 .catalog-grid-sheet-arrow { left: 53px;} .catalog-grid-sheet-2 .catalog-grid-sheet-arrow { left: 161px;} .catalog-grid-sheet-3 .catalog-grid-sheet-arrow { left: 269px;} .catalog-grid-sheet-4 .catalog-grid-sheet-arrow { left: 377px;} .catalog-grid-sheet-5 .catalog-grid-sheet-arrow { left: 485px;} .catalog-grid-sheet-6 .catalog-grid-sheet-arrow { left: 593px;} .catalog-grid-sheet-contact-cycle { margin-bottom: 15px; height: 140px; overflow:hidden;} .catalog-grid-sheet-1 .catalog-grid-sheet-arrow-wide { left: 107px;} .catalog-grid-sheet-2 .catalog-grid-sheet-arrow-wide { left: 323px;} .catalog-grid-sheet-3 .catalog-grid-sheet-arrow-wide { left: 539px;} #content-cols .catalog-grid-sheet p, #content-cols .catalog-grid-sheet h2, #content-cols .catalog-grid-sheet h3, #content-cols .catalog-grid-sheet h4, #content-cols .catalog-grid-sheet h5 { padding-left: 0; width: auto;} #content-cols .catalog-grid-sheet h2 { color: #444; padding: 0 !important; margin: 0 0 16px 0;} #content-cols .catalog-grid-sheet h3 { color: #444; padding: 0 !important; margin: 0 0 16px 0;} #content-cols .catalog-grid-sheet h4 { position: relative; color: #444; font-size: 13px; padding: 0 17px; margin: 0; height: 30px; line-height: 30px; -webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px; border-top: 1px solid #e8ebef; } #content-cols .catalog-grid-sheet-content:first-child h4 { border-top: none;} #content-cols .catalog-grid-sheet h4 a { text-decoration: none;} #content-cols .catalog-grid-sheet h5 { position: relative; color: #444; font-size: 15px; padding: 0; margin: 0; height: 30px; line-height: 30px; } #content-cols .catalog-grid-sheet h5 a { display: block; text-decoration: none; height: 30px; padding: 0 17px 0 43px; line-height: 30px; width: 604px; background: url('../images/catalog-grid-sheet-title-invers.gif') repeat-x left top; border-top: 1px solid #e8ebef;} #content-cols .catalog-grid-sheet h5 a:hover { background: #fff;} #content-cols .catalog-grid-sheet a { color: #444;} #content-cols .catalog-grid-sheet h6 { position: relative; color: #444; font-size: 13px; padding: 0; margin: 0; height: 30px; line-height: 30px; } #content-cols .catalog-grid-sheet .catalog-grid-sheet-article-tabs-pane h6 { height: auto; line-height: 20px; margin: 5px 0;} #content-cols .catalog-grid-sheet h6 a { font-weight: normal; display: block; text-decoration: none; height: 30px; padding: 0 17px 0 43px; line-height: 30px; width: 604px; background: url('../images/catalog-grid-sheet-title-invers.gif') repeat-x left -15px; border-top: 1px solid #e8ebef;} #content-cols .catalog-grid-sheet h6 a:hover { background: #fff;} .catalog-grid-sheet-content { padding: 0; margin: 0; z-index: 6; /*border: 1px solid #e8ebef; top: -1px; margin-bottom: -1px; */ } .catalog-grid-sheet-content-pane { padding: 0; margin: 10px 0 0 0; z-index: 6;} .catalog-grid-sheet-col-left { width: 198px; min-height: 1px; float: left; z-index: 20; margin-left: 18px; *padding-left: 18px; padding-bottom: 18px; } .catalog-grid-sheet-col-left .file-list { padding-left: 0 !important; width: 200px !important;} .catalog-grid-sheet-articles-image { width: 198px; min-height: 198px; max-height: 396px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; } .catalog-grid-sheet-articles-image-huge { display: none; position: absolute; z-index: 500; top: 13px; left: 13px; *left: 31px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; -webkit-box-shadow: 0 0 30px rgba(255,255,255,0.7); -moz-box-shadow: 0 0 30px rgba(255,255,255,0.7);} .huge-image-zoom-button { position: relative; top: -30px; left: 167px; height: 24px; width: 24px; display: block; background: url('../images/zoom.png') no-repeat left top; text-indent: -9999em;} .catalog-grid-sheet-col-right { width: 412px; margin-left: 18px; float: left; } .ajax-inner { z-index: 6;} .catalog-grid-sheet-col-left a { text-decoration: none;} .catalog-grid-sheet-articles { margin: 20px 0 20px 0;} .catalog-grid-sheet-articles-accordion-pane { padding: 17px 0;} .catalog-grid-sheet-series-link { position: relative; text-decoration: none;} .catalog-grid-sheet-series-link img { height: 90px; margin-bottom: 0; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .catalog-grid-sheet-family .catalog-grid-sheet-series-link { margin-bottom: 18px;} .series-video-youtube { margin-left: 18px; max-width: 75%; margin-top:25px;} .series-video-youtube iframe {max-width: 100%;} /* remove padding-bottom: 9x */ .catalog-grid-sheet-family { padding: 0 0 0 16px; background: #fff url('../images/catalog-grid-sheet-title-invers.gif') repeat-x left top; /* background: #e8ebef url('../images/catalog-grid-sheet-title.gif') repeat-x left top; */ border-top: 1px solid #e8ebef; } .catalog-grid-sheet-brochures { padding: 0 0 0 16px; background: #fff url('../images/catalog-grid-sheet-title-invers.gif') repeat-x left top; /* background: #e8ebef url('../images/catalog-grid-sheet-title.gif') repeat-x left top; */ border-top: 1px solid #e8ebef; } .catalog-grid-sheet-brochures .csc-frame-frame1 {margin: 0 !important;} .catalog-grid-sheet-brochures .csc-frame-frame1 img {margin-left: 0 !important;} .catalog-grid-sheet-projects { padding: 0 0 0 16px;} .catalog-grid-sheet-lamps { padding: 0 0 0 16px;} .catalog-grid-sheet-lamps h6 { font-weight: normal; } .catalog-grid-sheet-lamps-table h6 {padding: 0 0 0 16px !important; font-weight: normal;} .catalog-grid-sheet-downloads { padding: 10px 16px 0 16px;} .catalog-grid-sheet-article-groups { margin: 20px 0 12px 0;} .catalog-grid-sheet-article-groups h6 { padding: 0 16px;} .catalog-grid-sheet-item { float: left; margin-right: 18px; margin-bottom: 18px; margin-left: 0; } .catalog-grid-sheet-tab-brochures .csc-frame-frame1 {background: none !important; margin: 0 !important; padding: 0 !important;} .catalog-grid-sheet-tab-brochures .csc-frame-frame1 img {margin-left: 0 !important;} .catalog-grid-sheet-contact { position: absolute; z-index: 6; top: 0; /*left: 684px; width: 180px;*/ left: 666px; width: 180px; background: #E8EBEF; padding-left: 18px; -webkit-border-top-right-radius: 6px;-webkit-border-bottom-right-radius: 6px;-moz-border-radius-topright: 6px;-moz-border-radius-bottomright: 6px;border-top-right-radius: 6px;border-bottom-right-radius: 6px;} .catalog-grid-sheet-contact-item, .contact-item { margin: 10px 0 5px 0;} .catalog-grid-sheet-contact-top { position: absolute; z-index: 6; top: -80px; left: 18px; width: 198px; height: 80px; background: transparent url('../images/contact-grad-white-top.png') repeat-x left top;} .catalog-grid-sheet-contact-bottom { position: absolute; z-index: 6; bottom: -80px; left: 18px; width: 198px; height: 80px; background: transparent url('../images/contact-grad-white-bottom.png') repeat-x left top;} /*.page-black .catalog-grid-sheet-contact-top { background: transparent url('../images/contact-grad-black-top.png') repeat-x left top;} .page-black .catalog-grid-sheet-contact-bottom { background: transparent url('../images/contact-grad-black-bottom.png') repeat-x left top;} */ .page-black .catalog-grid-sheet-contact-top { background: none;} .page-black .catalog-grid-sheet-contact-bottom { background: none;} .page-black .catalog-grid-sheet-contact { background: #2d2e32;} #content-cols .catalog-grid-sheet-contact h5, .contact-item h5 { color: #fff; font-size: 15px; height: auto; line-height: 20px; padding: 10px 0 5px 0;} #content-cols .catalog-grid-sheet-contact h6, .contact-item h6 { color: #fff; height: 30px; line-height: 30px;} .page-white .contact-item h5, .page-white .contact-item h6 { color: #444;} #content-cols .catalog-grid-sheet-contact-item p, .contact-item p { margin-top: 0; color: #929292;} #content-cols .catalog-grid-sheet-contact a, .contact-item a { color: #929292;} #content-cols .catalog-grid-sheet-contact a:hover, .contact-item a:hover { color: #fff;} .page-white .contact-item a:hover { color: #444;} .catalog-grid-sheet-contact-item-image, .contact-item-image { margin-bottom: 5px; width: 60px; height: 60px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; } .catalog-grid-sheet-contact-item-image img, .contact-item-image img { width: 60px; height: 60px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .contact-item-inline { z-index: 5;} #content #content-cols .contact-item-inline p, .contact-item-inline h4, .contact-item-inline h5, .contact-item-inline h6 { padding-left: 0 !important;} #content #content-cols .contact-item-inline h4 { margin-top: 0;} .csc-frame-frame1 .contact-item-inline { margin-left: 18px; width: 198px; float: left;} #contact-list h3 { margin-bottom: 0;} #contact-list h4 { margin-top: 12px; margin-bottom: 6px; border-top: 1px solid #454a4d; width: 648px; padding-top: 12px;} #contact-list .csc-frame-frame1 { padding-bottom: 10px;} .page-white #content-cols .catalog-grid-sheet-contact h5 { color: #444;} .page-white #content-cols .catalog-grid-sheet-contact h6 { color: #444;} .page-white #content-cols .catalog-grid-sheet-contact-item p { margin-top: 0; color: #444;} .page-white #content-cols .catalog-grid-sheet-contact a { color: #222;} .page-white #content-cols .catalog-grid-sheet-contact a:hover { color: #000; text-decoration: none;} /* remove */ /*.catalog-grid-sheet-item { float: left; margin-right: 9px; margin-bottom: 9px; width: 62px; height: 62px;} .catalog-grid-sheet-item img { width: 100%; height: 100%;} */ .catalog-grid-sheet-item-wide { float: left; margin-right: 18px;} .catalog-project-images { margin: 0 18px 18px 18px; height: 330px; width: 630px; overflow: hidden;} .catalog-project-description { padding: 0 140px 0 18px;} .catalog-family-images { padding: 0 18px 18px 18px; height: 180px;} .catalog-family-images img { height: 180px; width: 630px;} .catalog-family-images-project { margin: 18px 18px 18px 18px; height: 330px; overflow: hidden;} .catalog-family-description { padding: 0 140px 0 18px;} .catalog-family-description-features { padding-bottom: 18px;} .articles-table { width: 100%;} .articles-table th { text-align: left; border-bottom: 1px solid #e8ebef;} .articles-table td, .articles-table th { padding-left: 9px; } .articles-table td.articles-group { padding: 12px 0 5px 18px; font-weight: bold; font-size: 14px; border-bottom: 1px solid #e8ebef;} .articles-table tr.article-item td { font-size: 11px; line-height: 20px; border-bottom: 1px solid #e8ebef;} .articles-table tr.article-item:hover td { background: #e8ebef;} .articles-table tr.article-item a { display:block; text-decoration: none; line-height: 16px; padding-top: 6px; padding-bottom: 4px;} .articles-table th .col-010 { padding-left: 18px !important;} .articles-table .header a { margin-left: 0; display: block; width: 9px; height: 9px; text-indent: -9999em; background: url('../images/tablesort.gif') no-repeat left top; } .articles-table .headerSortUp a { background-position: left -9px;} .articles-table .headerSortDown a { background-position: left bottom;} .articles-table .headerNoSort a { background-image: none !important; display: none;} .articles-table .col-icon { padding-right: 18px; text-align: right;} .articles-table .col-icon img { padding-left: 5px; height: 16px;} /* article number */ .articles-table .col-010 { width: 110px; padding-left: 18px;} /* sizes */ .articles-table .col-045 { width: 130px;} /* bestueckung */ .articles-table .col-600 { /* min-width: 170px; */} /* erkennungsweite */ .articles-table .col-910 { width: 50px;} /* lichtstromfaktor */ .articles-table .col-920 { min-width: 42px;} /* vorschaltgerät */ .articles-table .col-930 { width: 70px;} .articles-table .col-color, .accessories-table .col-color { width: 17px; padding-left: 18px;} .color-item { display: block; text-indent: -9999em; width: 15px; height: 15px; margin-top: 4px; border: 1px solid #d9dde2; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; margin-right: 0;} .accessories-table { width: 100%; margin-bottom: 15px; margin-top: 5px;} .accessories-table th { text-align: left; border-bottom: 1px solid #e8ebef;} .accessories-table td, .accessories-table th { padding-left: 9px; height: 16px; position: relative;} .accessories-table tr.accessories-item td { font-size: 11px; line-height: 20px; border-bottom: 1px solid #e8ebef;} .accessories-table tr.accessories-item:hover td { background: #e8ebef;} .accessories-table tr.accessories-item a { display:block; text-decoration: none; line-height: 16px; padding-top: 6px; padding-bottom: 4px;} .accessories-table .col-name { width: 80px;} .accessories-item .col-color { padding-left: 0; padding-right: 9px;} .accessories-thumb-image { position: absolute; z-index: 20; top: 5px; left: 0px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; width: 98px; height: 98px; } #content-cols .catalog-grid-sheet #tab-accessories h6 { height: auto; line-height: 20px;} .spareparts-table { width: 100%; margin-bottom: 15px; margin-top: 5px;} .spareparts-table th { text-align: left; border-bottom: 1px solid #e8ebef;} .spareparts-table td, .spareparts-table th { padding-right: 9px; height: 16px; line-height: 16px; padding-top: 4px; padding-bottom: 4px; } .spareparts-table tr.spareparts-item td { font-size: 11px; line-height: 20px; border-bottom: 1px solid #e8ebef;} /*.spareparts-table tr.spareparts-item:hover td { background: #e8ebef;} */ .spareparts-table tr.spareparts-item a { display:block; text-decoration: none; } .article-number { width: 198px;} .article-details { width: 16px; padding-left: none; padding-right: 6px;} .article-details-button { display: none; height: 16px; width: 16px; text-indent: -9999em; background: url('../images/button-arrow-small.png') no-repeat left top;} .articles-table tr.article-item:hover .article-details-button { display: block;} .articles-details-table { width: 100%; margin: 5px 0 15px 0;} .articles-details-table td { padding-right: 6px;} .articles-details-table th { font-weight: normal; text-align: left; width: 220px;} .articles-details-table td, .articles-details-table th { padding-top: 2px; padding-bottom: 2px; border-bottom: 1px solid #E8EBEF;} .articles-details-drawing { padding: 10px 0 20px 0;} .articles-details-drawing img { max-width: 250px; max-height: 220px;} .sheet-close { text-indent: -9999em; display: block; width: 16px; height: 16px; background: url('../images/button-close.gif') no-repeat left top; position: absolute; top: 7px; right: 7px;} .sheet-remove { text-indent: -9999em; display: block; width: 16px; height: 16px; background: url('../images/button-close.gif') no-repeat left top; position: absolute; top: 7px; right: 7px;} .project-details-table { width: 100%; margin: 24px 0 24px 0;} .project-details-table td { text-align: left; border-bottom: 1px solid #e8ebef; padding-left: 18px; padding-top: 3px; padding-bottom: 3px;} .project-details-table a:hover { text-decoration: none;} .project-details-title { font-weight: bold;} #catalog-sidebar { margin-left: 684px; padding-top: 10px;} .catalog-grid-sheet-articles-accordion .ui-icon-triangle-1-e { display: block; position: absolute; top: 0; left: 18px; width: 20px; height: 30px; background: url('../images/arrow-right.png') no-repeat left top;} .catalog-grid-sheet-articles-accordion .ui-icon-triangle-1-s { display: block; position: absolute; top: 0; left: 18px; width: 20px; height: 30px; background: url('../images/arrow-down.png') no-repeat left top;} .catalog-grid-sheet-articles-accordion-level2 .ui-icon-triangle-1-e { left: 18px; } .catalog-grid-sheet-articles-accordion-level2 .ui-icon-triangle-1-s { left: 18px; } .catalog-grid-sheet-article-tabs { border-top: 1px solid #e8ebef; margin-top: 18px;} ul.catalog-grid-sheet-article-tabs-navigation { width: 216px !important; float: left; list-style: none; margin: 0; padding: 0 0 10px 0 !important;} .catalog-grid-sheet-article-tabs-navigation li a { display: block; text-decoration: none; height: 30px; line-height: 30px; padding: 0 18px; border-bottom: 1px solid #e8ebef; border-right: 1px solid #e8ebef; background: #e8ebef;} .catalog-grid-sheet-article-tabs-pane { width: 408px; margin-left: 234px;} .catalog-grid-sheet-article-tabs-navigation li.ui-state-active a { background: #fff !important; font-weight: bold; border-right: none;} .catalog-grid-sheet-article-tabs-navigation li.ui-state-hover a { background: #fff;} .catalog-grid-sheet-article-tabs h6 { font-size: 13px !important; font-weight: bold; padding-top: 5px;} .articles-sort-title { font-weight: bold; margin-left: 18px; padding-top: 6px; width: 630px !important;} .articles-sort-title1 { /*border-bottom: 1px solid #ccc; */} .file-list { list-style: none; margin: 0; padding: 10px;} .file { list-style: none; padding-bottom: 10px;} .file a { padding-left: 20px; padding-bottom: 10px;} .file a:hover { text-decoration: none;} .file-pdf a { background: url('../images/icons/document-pdf.png') no-repeat left top;} .file-text a { background: url('../images/icons/document-text.png') no-repeat left top;} .file-blank a { background: url('../images/icons/document.png') no-repeat left top;} .ui-tabs-hide { display: none;} .availability { margin-top: 10px;} .availability p strong { color: #444;} .table-availability { margin-bottom: 18px; } .table-availability td { padding: 3px 5px; text-align: center; border-right: 2px solid #fff; border-spacing: 2px;} .table-availability td:last-child { border: none;} .avail-green, .avail-orange, .avail-red { color: #fff; font-weight: bold; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .avail-green { background: #28b148;} .avail-orange { background: #e58700;} .avail-red { background: #c50000;} #subnav, .csc-menu-1 { list-style: none; margin: 1px 0; padding: 10px 0;} #subnav li a, .csc-menu-1 li a { display: block; padding: 6px 0; text-decoration: none; color: #bbb; } #subnav li.active, .csc-menu-1 li.active { margin: 0 0;} #subnav li.active a, .csc-menu-1 li.active a { border-top: 1px solid #c6c6c6; padding: 5px 0; border-bottom: 1px solid #c6c6c6; color: #444; font-weight: bold;} #subnav a:hover, #subnav a:focus, #subnav a:active, .csc-menu-1 a:hover, .csc-menu-1 a:focus, .csc-menu-1 a:active { color: #444;} .page-black .csc-menu-1 li a { color: #818385;} .page-black .csc-menu-1 li.active a { color: #fff;} .page-black .csc-menu-1 a:hover, .page-black .csc-menu-1 a:focus, .page-black .csc-menu-1 a:active { color: #fff;} /* --------- Newsletter ----------- */ .newsletter-teaser { border-top: 2px solid #373839; padding-top:25px; } .newsletter-teaser-inner { background: url('../images/newsletter.png') no-repeat left top; padding:10px 0; } .newsletter-teaser h3 { text-align:right; padding:0 !important; margin:0; width:auto !important; } .newsletter-teaser .button { margin-left:20px; } /* -------------------------------- */ #footer { border-top: 2px solid #373839;} .page-white #footer { border-color: #e8ebef;} #footer-inner { width: 864px; margin: 0 auto; padding: 10px 0 20px 110px; } * html #footer-inner { padding-left: 82px; width: 894px;} #footer-inner li, #footer-inner ul { list-style: none; padding: 0; line-height: 18px;} #footer-inner a { text-decoration: none; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; transition: color 0.2s;} .page-black #footer-inner h5, .page-black #footer-inner h5 a { color: #7e7f81;} .page-black #footer-inner a { color: #b7b9ba; } .page-black #footer-inner a:hover, .page-black #footer-inner a:focus, .page-black #footer-inner a:active { color: #fff;} .page-white #footer-inner h5, .page-white #footer-inner h5 a { color: #b1b4b7;} .page-white #footer-inner a { color: #b1b4b7; } .page-white #footer-inner a:hover, .page-white #footer-inner a:focus, .page-white #footer-inner a:active { color: #6e7173;} .footer-column { width: 154px; float: left; margin-left: 8px; margin-right: 4px;} .catalog-form { position: relative; z-index: 200;} .catalog-form p { display: block;} .catalog-form select { width: 178px; margin-bottom: 10px;} .awards img { margin-right: 18px; padding: 10px 0;} .glossary-index { list-style: none; height: 30px;} .glossary-index li { display: block; float: left;} .glossary-index a { display: block; width: 20px; height: 20px; line-height: 21px; text-align: center; margin-right: 4px; border: 1px solid #ccc; text-decoration: none; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .glossary-index a:hover { background: #eee;} form.jqtransformdone label{margin-top:4px;margin-right:8px;display:block;float:left;} form.jqtransformdone div.rowElem{clear:both;padding:4px 0px;} .jqTransformSelectWrapper{width:175px !important;position:relative; height:34px;background:url('../images/select-left.png') no-repeat top left;float:left;margin-bottom:12px;} .jqTransformSelectWrapper div span{font-size:13px;color:#1d252b;text-shadow:0 1px rgba(255,255,255,0.6);float:none;position:absolute;white-space:nowrap;height:34px;line-height:34px; width: 158px; padding:0px 0 0 15px;overflow:hidden;cursor:pointer;} .jqTransformSelectWrapper a.jqTransformSelectOpen{display:block;position:absolute;right:-5px;width:31px;height:34px;background:url('../images/select-right.png') no-repeat center center;} .jqTransformSelectWrapper ul{position:absolute;width:178px !important; height: auto !important; margin-left:0 !important; top:31px;left:0px;list-style:none;background-color:#FFF;border:solid 1px #CCC;display:none;margin:0px;padding:0px; overflow:auto;overflow-y:auto;color:#1d252b;z-index: 20;} .jqTransformSelectWrapper ul a{display:block;padding:6px 14px;text-decoration:none;color:#1d252b;background-color:#FFF;font-size:12px; background: #fff;} .jqTransformSelectWrapper ul a.selected{background:#EDEDED;color:#1d252b;} .jqTransformSelectWrapper ul a:hover,.jqTransformSelectWrapper ul a.selected:hover{background:#757c87;color:#fff;} .jqTransformHidden{display:none;} .jqTransformDisabledWrapper { opacity: 0.3;} .jqtransformdone .jqTransformSelectWrapper div span { width: 140px !important;} .loading { position: absolute; top: 150px; left: 325px; height: 16px; width: 16px; background: url('../images/ajax-loader.gif') no-repeat left top; text-indent: -9999em; } .loading-top { top: 20px;} .loading-calculate { height: 16px; width: 16px; background: url('../images/ajax-loader.gif') no-repeat left top; text-indent: -9999em;} .loading-availability { height: 16px; width: 16px; margin-top: 10px; float: right; background: url('../images/ajax-loader.gif') no-repeat left top; text-indent: -9999em;} .loading-cart { height: 16px; width: 16px; background: url('../images/ajax-loader.gif') no-repeat left top; text-indent: -9999em;} .next-sheet { height: 1px;} #page-start .jqTransformSelectWrapper { opacity: 1.0;} .tx-jpfaq-pi1 dl{margin:0;padding:0;padding-bottom:0;} .tx-jpfaq-pi1 dt h3{background:url('../Img/plus.png') no-repeat left center;padding-left:20px;margin-bottom:3px;} .tx-jpfaq-pi1 dt h3.questionUnfolded{background:url('../Img/min.png') no-repeat left center;} .tx-jpfaq-pi1 dt h3{cursor:pointer;} .tx-jpfaq-pi1 .jpfaqAll{background:url('../Img/all_plus.png') no-repeat left center;padding-left:20px;margin-bottom:0;} .tx-jpfaq-pi1 .jpfaqAll.questionUnfolded{background:url('../Img/all_min.png') no-repeat left center;} .tx-jpfaq-pi1 dt { margin: 1px 0; padding: 1px 0;} .tx-jpfaq-pi1 dd { margin: 1px 0; padding: 1px 0 1px 40px;} .jpfaq-inner { position: relative;} .tx-jpfaq-pi1 dd { display: none;} .csc-frame-rulerBefore { clear: left; padding-top: 20px;} .csc-frame-frame2 {margin-top: 0 !important; margin-bottom: 0 !important;} .form-calculate fieldset { border: 1px solid #bdc1c5; margin: 9px 0 9px 0; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; position: relative;} .form-calculate legend { font-size: 13px; font-weight: bold; margin: 0 10px;} #amortisation-lamp { float: left; width: 290px; margin-left: 16px;} #amortisation-ledlamp { float: left; width: 300px; margin-left: 32px;} #amortisation-parameters { clear: left; margin: 18px 16px 18px 16px; padding-top: 18px;} #amortisation .catalog-grid-sheet { min-height: 180px;} #amortisation .loading { top: 90px;} .savings-result { color: #7ea900; font-size: 16px; line-height: 22px;} #amortisation-parameters label { display: inline-block; *display: inline; *zoom:1; width: 160px;} #amortisation-form input[type='text'] { border: none; outline: none; background: #E8EBEF; border: 1px solid #bdc1c5; margin-left: 10px; margin-bottom: 10px; height: 20px; width: 40px; text-align: right; line-height: 20px; padding: 5px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} #amortisation-form input[type='text']:hover, .form-calculate input[type='text']:focus { background: #fff;} #amortisation-lamp img, #amortisation-ledlamp img { width: 90px; height: 90px; float: left; margin-right: 18px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .form-calculate-room-result, .form-calculate-distance-result, .form-calculate-cone-result { padding: 5px 10px; background: #E8EBEF; margin: 10px 0 0 0; display: none;} .form-calculate-amortisation-result { padding: 16px 16px 6px 16px; margin: 10px 0 0 0; display: none; background: #fff url('../images/catalog-grid-sheet-title-invers.gif') repeat-x left top;} .form-calculate-result { text-align: right; width: 30px; background: #fff; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; padding: 0 10px; height: 30px; line-height: 30px; float: left; clear: left; margin: 5px 0;} .form-calculate-result-label { height: 30px; line-height: 30px; float: left; margin: 5px 10px;} .form-calculate fieldset input, .form-calculate fieldset label { margin-left: 10px;} .form-calculate input[type='text'] { border: none; outline: none; background: #E8EBEF; border: 1px solid #bdc1c5; height: 20px; width: 30px; line-height: 20px; padding: 5px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .form-calculate input[type='text']:hover, .form-calculate input[type='text']:focus { background: #fff;} .form-calculate-result-loading { float: right; top: -30px; right: 10px;} .form-calculate-fieldset-room { height: 275px; background: url('../images/calculate-room.gif') no-repeat 135px 40px;} .form-calculate-fieldset-conegraph { padding-top: 305px; background: url('../images/calculate-conegraph.gif') no-repeat 20px 10px;} #form-calculcate-conegraph-label-coneheight { margin-left: 110px;} .calculate-office-ceiling { background-image: url('../images/calculate-office-ceiling.gif');} .calculate-office-pendel { background-image: url('../images/calculate-office-pendel.gif');} .calculate-corridor-ceiling { background-image: url('../images/calculate-corridor-ceiling.gif');} .calculate-corridor-pendel { background-image: url('../images/calculate-corridor-pendel.gif');} #form-calculate-roomlength-wrap { position: absolute; top: 25px; left: 260px;} #form-calculate-roomwidth-wrap { position: absolute; top: 15px; left: 60px;} #form-calculate-roomheight-wrap { position: absolute; top: 100px; left: 15px;} #form-calculate-photometriccenterheight-wrap { position: absolute; top: 200px; left: 0;} #form-calculate-reflection-wrap { position: absolute; top: 250px; left: 10px;} .form-calculate-fieldset-requiredqty, .form-calculate-fieldset-luxprovided { display: none;} .form-calculate-fieldset-calctype, .form-calculate-fieldset-application, .form-calculate-distance-fieldset-application { height: 80px;} .form-calculate-lumdata p { margin: 8px 0;} .form-calculate-lumdata label { margin-right: 10px;} #form-calculate-calctype-luxprovided, #form-calculate-workplaneheight-office, #form-calculate-distance-type-bollards { position: absolute; z-index: 5; top: 30px; left: 100px;} #form-calculate-calctype-requiredqty, #form-calculate-workplaneheight-corridor, #form-calculate-distance-type-safety { position: absolute; z-index: 5; top: 30px; left: 300px;} .radio-label-button { display: block; width: 197px; height: 78px; background: #fff; text-align: center; line-height: 130px; border: 1px solid #bdc1c5; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; } .radio-label-button:hover { background: #E8EBEF;} .radio-label-button-active { border-color: #bdc1c5; background: #E8EBEF;} #form-calculate-calctype-luxprovided-label, #form-calculate-workplaneheight-office-label, #form-calculate-distance-type-bollards-label { position: absolute; z-index: 10; top: 0; left: 0;} #form-calculate-calctype-requiredqty-label, #form-calculate-workplaneheight-corridor-label, #form-calculate-distance-type-safety-label { position: absolute; z-index: 10; top: 0; right: 0;} #form-calculate-calctype-luxprovided-label { background-image: url('../images/calctype-luxprovided.png'); background-repeat: no-repeat; background-position: center top;} #form-calculate-calctype-requiredqty-label { background-image: url('../images/calctype-requiredqty.png'); background-repeat: no-repeat; background-position: center top;} #form-calculate-workplaneheight-office-label { background-image: url('../images/calculate-office.png'); background-repeat: no-repeat; background-position: center top;} #form-calculate-workplaneheight-corridor-label { background-image: url('../images/calculate-corridor.png'); background-repeat: no-repeat; background-position: center top;} #form-calculate-distance-type-bollards-label { background-image: url('../images/calculate-bollards.png'); background-repeat: no-repeat; background-position: center top;} #form-calculate-distance-type-safety-label { background-image: url('../images/calculate-safety.png'); background-repeat: no-repeat; background-position: center top;} .form-calculate-distance-result-safety { background-image: url('../images/calculate-distance-safety-result.png'); background-repeat: no-repeat; background-position: 225px 7px; height: 200px;} /* .form-calculate-distance-result-safety .form-calculate-distance-result-disttolumc0 { position: absolute; top: 125px; left: 225px; } .form-calculate-distance-result-safety .form-calculate-distance-result-label-disttolumc0 { position: absolute; top: 125px; left: 270px;} */ .selector-attribute { clear: left; width: 180px; padding: 10px 0 0 0;} .selector-attribute input { margin-right: 10px;} .selector-attribute label { color: #fff !important;} .selector-attribute-checkbox { height: 30px;} .selector-attribute-checkbox input { float: left; margin-top: 5px;} .jq-not-selected {opacity: 0.5;} .jq-not-selected:hover {opacity: 1.0;} .jq-active {opacity:1.0;} #ajax-search-results h2 { margin-top: 8px; font-size: 20px;} .search-result-item { display: block; width: 270px; height: 90px; margin-left: 18px; float: left; margin-bottom: 18px; text-decoration: none; color: #fff !important; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .search-result-item:hover, .search-result-item:focus { background: #32424b;} .search-result-item-image { width: 90px; height: 90px; float: left;} .search-result-item-image img { width: 90px; height: 90px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; } .search-result-item-name { margin-left: 108px; margin-top: 10px; font-weight: bold; font-size: 15px; width: 145px;} .search-result-item-text { margin-left: 108px;} .search-result-item-small { height: 60px; margin-bottom: 9px;} .search-result-item-small .search-result-item-image { width: 60px; height: 60px;} .search-result-item-small img { height: 60px; width: 60px;} .search-result-item-small .search-result-item-name { margin-left: 78px;} .search-result-item-small .search-result-item-text { margin-left: 78px;} .search-result-item-more { display: block; width: 270px; height: 90px; margin-left: 18px; float: left; margin-bottom: 18px; text-decoration: none; color: #fff !important; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .search-result-item-more:hover, .search-result-item-more:focus { background: #32424b;} .search-result-item-more .search-result-item-image { width: 88px; height: 88px; float: left; border: 1px solid #616668; line-height: 130px; text-align: center; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .search-result-item-more:hover .search-result-item-image { border-color: #A1A6A8;} .search-result-item-more-name { margin-left: 108px; margin-top: 10px; font-weight: bold; font-size: 15px;} .search-result-item-more-text { margin-left: 108px;} .search-result-item-more-small { height: 60px; margin-bottom: 9px;} .search-result-item-more-small .search-result-item-image { width: 58px; height: 58px; border: 1px solid #616668; line-height: 80px; text-align: center; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .search-result-item-more-small:hover .search-result-item-image { border-color: #A1A6A8;} .search-result-item-more-small .search-result-item-name { margin-left: 78px;} .search-result-item-more-small .search-result-item-text { margin-left: 78px;} #search-results .search-result-item-name { color: #fff;} #search-results .search-result-item-text { color: #fff;} #search-results .search-result-item:hover, #search-results .search-result-item:focus { background: #1d2429;} #search-results { width: 874px; margin: 0 auto; padding: 8px 0 25px 100px; z-index: 5; } #search-results h2, #search-results h3 { padding-left: 18px;} #search-form { margin: 0 0 36px 18px;} #search-form input[type="text"] { color: #a1a6a8; float: left; width: 226px; height: 20px; line-height: 20px; padding-top: 5px; padding-bottom: 5px; padding-left: 35px; padding-right: 15px; background: #12191c url('../images/search.gif') no-repeat left top; outline: 0; border: 2px solid #343b41; margin-right: 18px;} #search-form input[type="text"]:hover { border-color: #616668; } #search-form input[type="text"]:focus { color: #a1a6a8; border-color: #a1a6a8;} #search-form input[type="submit"] { display: block; border: none; outline: none; font-size: 15px; font-weight: bold; padding: 0 0 0 10px; height: 34px; line-height: 34px; color: #1d252b; text-shadow:0 1px rgba(255,255,255,0.6);text-decoration: none; background: url('../images/button-left.png') no-repeat right top; margin-right: 5px; padding-right: 10px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; } #search-form input[type="submit"]:hover { background-position: right bottom;} #checkout-address { margin: 0 18px 18px 18px;} #checkout-address label { float: none; display: block; color: #fff; padding: 12px 0 6px 0;} #checkout-address input[type="text"] { color: #a1a6a8; width: 226px; height: 20px; line-height: 20px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; background: #12191c; outline: 0; border: 2px solid #343b41; margin-right: 18px;} #checkout-address input[type="text"]:hover { border-color: #616668; } #checkout-address input[type="text"]:focus { color: #a1a6a8; border-color: #a1a6a8;} #checkout-address .form-input-row { clear: left;} #checkout-address .form-input-col { float: left;} #checkout-address .form-input-col-zip input { width: 80px;} #checkout-address select { margin-bottom: 10px;} #checkout-address .jqTransformSelectWrapper { opacity: 1.0;} #content #content-cols #checkout-address .jqTransformSelectWrapper ul { padding-left: 0 !important; height: 200px !important;} #checkout-actions { height: 34px; text-align: right; margin-top: 20px; width: 630px; margin: 20px auto 18px auto;} #checkout-actions-prev { position: absolute; top: 0; left: 0;} #checkout-actions-next { position: absolute; top: 0; right: 0;} #warranty-registration-form { margin: 0 18px 18px 18px;} #warranty-registration-form label { float: none; display: block;padding: 12px 0 6px 0;} #warranty-registration-form input[type="text"] { color: #444 !important; width: 226px; height: 20px; line-height: 20px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; background: #fff; outline: 0; border: 2px solid #bdc1c5; margin-right: 18px;} #warranty-registration-form input[type="text"]:hover { border-color: #a1a6a8; } #warranty-registration-form input[type="text"]:focus { color: #a1a6a8; border-color: #616668;} #warranty-registration-form fieldset { margin-bottom: 15px;} #warranty-registration-form legend { font-size: 15px; line-height: 20px; padding: 12px 0 6px 0; font-weight: bold;} #warranty-registration-form .form-input-row { clear: left;} #warranty-registration-form .form-input-row-small { padding-bottom: 3px;} #warranty-registration-form .form-input-row-small input { margin-right: 3px;} #warranty-registration-form input.small { width: 30px; text-align: center;} #warranty-registration-form input.medium { width: 100px;} #warranty-registration-form .form-input-row ul { padding-left: 0 !important;} #warranty-registration-form .form-input-row-radio { padding-left: 1px;} #warranty-registration-form .form-input-row-radio label { display: inline; padding: 0 15px 0 9px;} #warranty-registration-form .form-input-row-float { float: left; clear: none;} #warranty-registration-form input[type="submit"] { display: block; border: none; outline: none; font-size: 15px; font-weight: bold; padding: 0 0 0 10px; height: 34px; line-height: 34px; color: #1d252b; text-shadow:0 1px rgba(255,255,255,0.6);text-decoration: none; background: url('../images/button-left.png') no-repeat right top; margin-right: 5px; padding-right: 10px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; } #warranty-registration-form input[type="submit"]:hover { background-position: right bottom;} .warranty-error { color: #e42309; font-weight: bold;} div.tx-datamintsfeuser-pi1 { margin-bottom: 20px; } .tx-datamintsfeuser-pi1 input[type="text"], .tx-datamintsfeuser-pi1 input[type="password"] { color: #a1a6a8;float: left; width: 226px; height: 20px; line-height: 20px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; background: #12191c; outline: 0; border: 2px solid #343b41; margin-right: 18px;} .tx-datamintsfeuser-pi1 input[type="text"]:hover, .tx-datamintsfeuser-pi1 input[type="password"]:hover { border-color: #616668; } .tx-datamintsfeuser-pi1 input[type="text"]:focus, .tx-datamintsfeuser-pi1 input[type="password"]:focus { color: #a1a6a8; border-color: #a1a6a8;} .tx-datamintsfeuser-pi1 input[type="submit"] { display: block; border: none; outline: none; font-size: 15px; font-weight: bold; padding: 0 0 0 10px; height: 34px; line-height: 34px; color: #1d252b; text-shadow:0 1px rgba(255,255,255,0.6);text-decoration: none; background: url('../images/button-left.png') no-repeat right top; margin-right: 5px; padding-right: 10px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; } .tx-datamintsfeuser-pi1 input[type="submit"]:hover { background-position: right bottom;} #datamints_feuser_123_address_wrapper textarea, #datamints_feuser_2627_address_wrapper textarea { color: #a1a6a8;float: left; width: 226px; height: 20px; line-height: 20px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; background: #12191c; outline: 0; border: 2px solid #343b41; margin-right: 18px; } #datamints_feuser_123_address_wrapper textarea:hover, #datamints_feuser_123_address_wrapper textarea:focus, #datamints_feuser_2627_address_wrapper textarea:hover, #datamints_feuser_2627_address_wrapper textarea:focus { color: #a1a6a8; border-color: #a1a6a8; } /*** Form and Fields ***/ .tx-datamintsfeuser-pi1 { color: #fff;} div.tx-datamintsfeuser-pi1 form { margin: 0; padding: 0; } div.tx-datamintsfeuser-pi1 form fieldset { position: relative; margin-bottom: 20px; margin-left: 18px; padding: 35px 15px 15px 15px !important; background: #1d2429; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; } .page-black div.tx-datamintsfeuser-pi1 form fieldset { border: none;} div.tx-datamintsfeuser-pi1 form fieldset div.form_item { clear: both; margin-top: 10px; padding-top: 10px; } div.tx-datamintsfeuser-pi1 form fieldset div.form_item label { display: block; width: 220px; float: left; height: 32px; line-height: 32px; color: #fff; } div.tx-datamintsfeuser-pi1 form fieldset div.form_item input, div.tx-datamintsfeuser-pi1 form fieldset div.form_type_text textarea { width: 300px; } div.tx-datamintsfeuser-pi1 form fieldset div.form_type_check input { width: auto; } div.tx-datamintsfeuser-pi1 form fieldset div.form_type_select select { width: 300px; max-height: 100px; } div.tx-datamintsfeuser-pi1 form fieldset div.form_type_check div.check_item_wrapper, div.tx-datamintsfeuser-pi1 form fieldset div.form_type_select div.check_item_wrapper, div.tx-datamintsfeuser-pi1 form fieldset div.form_type_radio div.radio_item_wrapper, div.tx-datamintsfeuser-pi1 form fieldset div.form_type_group div.group_item_wrapper { margin-left: 220px; width: 300px; max-height: 100px; overflow: auto; } div.tx-datamintsfeuser-pi1 form fieldset div.form_type_check div.check_item label, div.tx-datamintsfeuser-pi1 form fieldset div.form_type_select div.check_item label, div.tx-datamintsfeuser-pi1 form fieldset div.form_type_radio div.radio_item label, div.tx-datamintsfeuser-pi1 form fieldset div.form_type_group div.group_item label { display: inline; width: auto; float: none; } div.tx-datamintsfeuser-pi1 form fieldset div.form_type_check div.check_item input, div.tx-datamintsfeuser-pi1 form fieldset div.form_type_select div.check_item input, div.tx-datamintsfeuser-pi1 form fieldset div.form_type_radio div.radio_item input, div.tx-datamintsfeuser-pi1 form fieldset div.form_type_group div.group_item input { margin-right: 4px; width: auto; float: left; } div.tx-datamintsfeuser-pi1 form fieldset div.form_type_check div.check_item { float: left; margin-right: 10px; } div.tx-datamintsfeuser-pi1 form fieldset div.form_type_captcha div.captcha_picture { display: inline; margin-right: 20px; } div.tx-datamintsfeuser-pi1 form fieldset div.form_type_captcha div.captcha_picture img { vertical-align: middle; } div.tx-datamintsfeuser-pi1 form fieldset div.form_type_captcha input { width: 100px; vertical-align: middle; } div.tx-datamintsfeuser-pi1 form fieldset div.form_type_submit { clear: both; margin-top: 20px; } div.tx-datamintsfeuser-pi1 form fieldset div.form_type_submit input { width: auto; } div.tx-datamintsfeuser-pi1 fieldset legend { font-weight: 300; font-size: 15px; line-height: 20px; color: #fff; position: absolute; top: 10px; left: 15px; } /*** Error - Messages ***/ div.tx-datamintsfeuser-pi1 form fieldset div.form_item div.form_error { color: #a20; font-weight: bold; margin-top: 5px; padding-top: 10px; padding-left: 0; clear: left; } .csc-frame-frame1 .csc-textpic img { -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .csc-textpic-intext-right .csc-textpic-imagewrap { float: right; margin-left: 18px; margin-bottom: 18px;} .csc-textpic-intext-right { margin-right: 18px;} .csc-textpic-clear { clear: both;} .brochures-item form { margin: 5px 0 5px 18px; float: left;} .brochures-item form h4 { padding-left: 0 !important;} .brochures-item select { margin-bottom: 9px;} .brochures-item { min-height: 145px;} .brochures-item img { margin: 16px 0 10px 18px; float: left;} .brochures-item ul { padding-left: 0; margin-left: 0;} #brochures .brochures-item .jqTransformSelectWrapper, .catalog-grid-sheet-brochures .brochures-item .jqTransformSelectWrapper { /*opacity: 1.0;*/ margin-bottom: 0 !important; width: 300px !important; } #brochures .brochures-item .jqTransformSelectWrapper span, .catalog-grid-sheet-brochures .brochures-item .jqTransformSelectWrapper span { width: 283px !important;} .brochures-item .jqTransformSelectWrapper ul { width: 303px !important; padding-left: 0 !important; max-height: 120px !important;} /*.addtocart { position: absolute; top: 100px; left: 117px;}*/ .addtocart {margin-top: 56px; clear: left;} .addtocart a.button { margin-right: 10px;} .catalog-grid-sheet-brochures .brochures-item { background: none !important;} .catalog-grid-sheet-brochures .brochures-item form h4 { height: auto !important; font-weight: bold;font-size: 15px !important;line-height: 20px !important;margin: 12px 0 12px 0 !important; padding: 0 !important;} .catalog-grid-sheet-brochures .brochures-item .jqTransformSelectWrapper a:hover { color: #fff !important;} #cart { padding-bottom: 10px;} #meta-cart #cart { height: 220px;} #cartlink { display: none;} .cart-item { display: block; width: 630px; margin-left: 18px; clear: left; margin-bottom: 18px; margin-top: 18px; text-decoration: none; color: #fff !important; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .cart-item-image { height: 60px; width: 60px; float: left; text-align: center; margin-right: 18px;} .cart-item img { height: 60px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; } .cart-item .cart-item-count { float: left; width: 50px; height: 60px; line-height: 60px; text-align: center;} .cart-item .cart-item-desc { float: left; margin-right: 18px; } .cart-item .cart-item-name { margin-top: 10px; font-weight: bold; font-size: 15px; } .cart-item .cart-item-text { } .cart-item .cart-item-actions { float: right; padding-top: 20px;} .cart-item a { color: #fff; text-decoration: none; width: 370px; height: 60px; display: block; float: left; margin-right: 18px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .cart-item a:hover, .cart-item a:focus { background: #32424b;} .cart-item-count input { color: #a1a6a8;float: left; margin-top: 14px; width: 30px; text-align: center; height: 20px; line-height: 20px; padding-top: 5px; padding-bottom: 5px; padding-left: 2px; padding-right: 2px; background: #12191c; outline: 0; border: 2px solid #343b41; margin-right: 18px;} .cart-item-count input:hover { border-color: #616668; } .cart-item-count input:focus { color: #a1a6a8; border-color: #a1a6a8;} .cart-item-more { } .cart-item-more a { width: 370px;} .cart-item-more .cart-item-image { width: 58px; height: 58px; border: 1px solid #616668; line-height: 80px; text-align: center; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} #cart-actions { text-align: right; width: 630px; margin: 20px 18px 5px 18px;} #meta-cart-gotocart { position: absolute; top: 200px; right: 0;} #shoppingcart-wrap { width: 874px; margin: 0 auto; padding: 10px 0 0 100px;} #shoppingcart-wrap h2, #shoppingcart-wrap h3, #shoppingcart-wrap h4, #shoppingcart-wrap p { padding-left: 18px;} #shoppingcart { width: 864px; background: url('../images/cart-background.gif') repeat-y left top; padding: 1px 0 16px 0; -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;} #shoppingcart .cart-item { } #shoppingcart #cart-actions { width: 612px;} #shoppingcart #cart-actions .button-back { float: left;} #shoppingcart .cart-item a { width: 320px;} #shoppingcart .cart-item-wide a { width: 345px; } .shoppingcart-more-articles { font-size: 15px; display: block; float: left; height: 34px; line-height: 34px;} .shoppingcart-free-shipping-notice { display: block; float: left; height: 34px; line-height: 34px;} #shoppingcart .cart-item .cart-item-actions { float: left; padding-top: 23px; padding-right: 9px;} #shoppingcart .removefromcart { display: block; border: none; outline: none; width: 16px; height: 16px; text-align: -9999em; background: transparent url('../images/button-close.gif') no-repeat left top; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} #shoppingcart .cart-item-price { float: left; margin-right: 18px; width: 90px; text-align: right; line-height: 60px;} #shoppingcart .cart-item-price-total { margin-right: 0;} #shoppingcart .sum-total { color: #fff; font-size: 17px; font-weight: bold; padding: 18px 0 6px 0; border-top: 1px solid #2f383f; margin-top: 18px;} #shoppingcart .sum-total-label { width: 520px; float: left; text-align: right;} #shoppingcart .sum-total-price { width: 110px; float: left; text-align: right;} #shoppingcart .sum-vat { color: #fff;} #shoppingcart .sum-vat-label { width: 520px; float: left; text-align: right;} #shoppingcart .sum-vat-price { width: 110px; float: left; text-align: right;} .form-login-element { float: left; margin-left: 18px;} .form-login-element label { color: #818385; display: block; height: 25px;} .form-login-element input[type="text"] {} .form-login-element input[type="text"], .form-login-element input[type="password"] { color: #a1a6a8; width: 150px; height: 30px; padding-left: 10px; padding-right: 10px; background: #12191c; outline: 0; border: 2px solid #343b41;} .form-login-element input[type="text"]:hover, .form-login-element input[type="password"]:hover { border-color: #616668; } .form-login-element input[type="text"]:focus, .form-login-element input[type="password"]:focus{ color: #a1a6a8; border-color: #a1a6a8;} .form-login-element input[type="submit"] { margin-top: 25px;} .form-login-element input[type="submit"] { display: block; border: none; outline: none; font-size: 15px; font-weight: bold; padding: 0 10px 0 10px; height: 34px; line-height: 34px; color: #1d252b; text-shadow:0 1px rgba(255,255,255,0.6);text-decoration: none; background: url('../images/button-left.png') no-repeat right top; margin-right: 5px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} .form-login-element input[type="submit"]:hover, .form-login-element input[type="submit"]:focus, .form-login-element input[type="submit"]:active { background-position: right bottom;} #shoppingcart-wrap #checkout-address h3 { padding-left: 0;} #shoppingcart-wrap #checkout-address .form-input-row-radio label { padding: 0 0 0 0;} #shoppingcart-wrap #checkout-address .form-input-row-radio input { width: 20px; float: left; margin-right: 5px;} #label-paypal { width: 82px; height: 28px; margin-top: -5px; display: block; background: url('../images/paypal-logo.png'); float: left !important; text-indent: -9999em;} #shoppingcart-content { width: 648px; float: left; margin-right: 18px;} #shoppingcart-sidebar { width: 180px; float: left; padding-top: 18px;} #shoppingcart-sidebar ul { padding-left: 0; list-style: none; color: #3b4042;} #shoppingcart-sidebar ul li { padding-left: 25px; font-size: 15px; line-height: 20px; margin-bottom: 10px;} #shoppingcart-sidebar ul li.active { color: #fff;} #shoppingcart-sidebar ul li.done { color: #fff; background: url('../images/cart-checklist.png') no-repeat left 4px;} .cart-error { color: #ff0000; font-size: 15px;} .minicart #cart-actions { width: 840px;} #map { height: 500px; width: 100%; margin-bottom: -55px;} #movie { margin-top: 18px; margin-left: 18px;} /* .jobs { list-style: none; } .jobs li { line-height: 18px;} .jobs li a { display: block; padding: 6px 0;text-decoration: none;color: #BBB; font-size: 13px;} .jobs li a:hover { border-top: 1px solid #C6C6C6;padding: 5px 0;border-bottom: 1px solid #C6C6C6;color: #444;} */ .jobs { list-style: none; } .jobs li { line-height: 18px;} .jobs li a { display: block; padding: 6px 0;text-decoration: none;color: #818385; font-size: 13px;} .jobs li a:hover { border-top: 1px solid #C6C6C6;padding: 5px 0;border-bottom: 1px solid #C6C6C6;color: #fff;} .page-white .jobs li a:hover { color: #000;} .tx-dmmjobcontrol-pi1 div ul { margin-left: 30px;} .tx-dmmjobcontrol-pi1 div li { line-height: 18px; padding-bottom: 6px; color: #444;} .tx-felogin-pi1 label { display: block; width: 120px;} #history p { margin: 0; padding: 6px 0 6px 18px; margin-left: 38px; border-left: 2px solid #E8EBEF;} #history p:hover { border-color: #888;} #history h3 { margin: 0; padding: 18px 0 18px 18px;} #history .csc-textpic-clear { clear: none !important;} #history .csc-textpic { clear: both;} .csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { float: right;} .filelist ul { list-style: none;} .filelist li { line-height: 18px;} .filelist li a { display: block; padding: 6px 0;text-decoration: none;color: #818385; font-size: 13px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding-left: 20px;} .filelist li a:hover { border-top: 1px solid #C6C6C6; border-bottom: 1px solid #C6C6C6;color: #000;} .filelist a.pdf { background: url('../images/icons/document-pdf.png') no-repeat left 6px;} #fadeout { display: none; position: absolute; z-index: 20; top: 0; left: 0; right: 0; bottom: 0; background: #000;} .page-black #fadeout { background: #000;} .page-white #fadeout { background: #fff;} .csc-textpic-imagecolumn { margin-left: 18px;} .csc-textpic-imagecolumn ul { list-style: none; margin: 0; padding: 0;} .catalog-family-description-inline-images { margin-bottom: 18px;} .catalog-family-description-inline-images img { margin-left: 18px;} .catalog-grid-sheet-content .catalog-family-description-inline-images img { margin-left: 0;} #news-latest-start { overflow: hidden; height: 100px; width: 198px; color: #fff;} #news-latest-start h5 {margin-top: 5px;} #news-latest-start h5 a { color: #fff; text-decoration: none;} #news-latest-start h5 a:hover { text-decoration: underline;} .news-latest-start-item { height: 100px; width: 198px;} .news-list-browse { margin-left: 18px; margin-top: 18px;} .news-list-browse a { margin-right: 5px;} .news-list-browse a:hover {text-decoration: none;} .activeLinkWrap { margin-right: 5px;} .activeLinkWrap a { margin-right: 5px; text-decoration: none;} #news-list ul { list-style: none; margin: 36px 18px 0 18px; padding: 0; } #news-list ul li { margin: 0; padding: 0;} #news-list ul li a { display: block; text-decoration: none; padding: 10px 0 10px 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; } #news-list ul li a:hover, #news-list ul li a:focus { color: #444; border-color: #C6C6C6;} #news-list h3 { margin: 6px 0 12px 0; padding: 0;} #news-list .time { font-weight: bold; color: #999;} #news-list .subheader { line-height: 18px; color: #bbb;} #news-list .subheader p { padding-left: 0; margin-top: 0;} #news-list ul li a:hover .subheader, #news-list ul li a:focus .subheader, #news-list ul li a:hover .time, #news-list ul li a:focus .time { color: #444;} #news-latest .time { font-weight: bold; color: #444;} #news-single .time { font-weight: bold; color: #444;} .news-single-img { margin-left: 18px; height: 251px;} .news-single-img img { -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} #news-list .news-single-image { float: left; margin-right: 18px; } #news-list .news-single-image img { -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .news-single-caption { padding: 5px 10px; color: #fff; text-shadow: 1px 1px 0 rgba(0,0,0,0.8); line-height: 15px; top: -30px;} .csc-frame-frame1 ul { margin-left: 36px; margin-bottom: 18px;} .csc-frame-frame1 li { line-height: 18px;} .page-black .csc-frame-frame1 li { color: #818385;} .event-register a { display: inline-block !important; padding-top: 0 !important; padding-bottom: 0 !important; padding-left: 10px !important; border: none !important; margin-bottom: 20px; margin-top: 5px;} #presse-list ul { list-style: none; width: 620px;} #presse-list li { clear: both; margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid #ccc;} #presse-list .news-single-image { float: left; margin-right: 18px;} #presse-list .news-single-image img { -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .presse-text { float: left; width: 450px;} .presse-text .title h3 { padding-left: 0 !important; font-size: 15px; font-weight: bold; margin-top: 5px;} .presse-text .title h3 a { text-decoration: none;} .presse-spacer { padding: 0 8px;} #presse-single-wrap { width: 874px; margin: 0 auto; padding: 8px 0 0 100px; } #presse-single { margin: 0 0 0 0; float: left; width: 666px; z-index: 6;} #presse-sidebar { width: 180px; /*margin-left: 684px;*/ float: left; margin-left: 18px; padding: 22px 0 0 0; *width :190px; z-index: 5;} #presse-single h2, #presse-single h3, #presse-single h4, #presse-single h5, #presse-single ul, #presse-single ol, #presse-single p, #presse-single dl { width: 480px; padding-left: 18px;} #presse-sidebar img { margin-bottom: 9px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} #presse-sidebar .presse-single-caption {margin-bottom: 18px;} .size { color: #888; padding-left: 0;} ul.file-links { list-style: none; margin: 0; padding: 0 !important; width: auto !important;} ul.file-links li {padding-left: 20px; background: url('../images/icons/document.png') no-repeat left top; margin-bottom: 5px !important; padding-bottom: 0 !important; border: none !important;} ul.file-links li a { display: block; min-height: 20px; text-decoration: none; line-height: 20px; } #presse-list ul.file-links { padding-top: 10px !important;} /* Powermail */ /* Form */ span.powermail_mandatory { /* Color of mandatory error message */ color: red; } fieldset.tx-powermail-pi1_fieldset { /* Fieldset */ padding: 45px 15px 15px 15px; background: #E8EBEF; -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; margin-bottom: 18px; position: relative; } .tx-powermail-pi1_thx { background: #E8EBEF; padding: 1px 0; -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; } .page-black fieldset.tx-powermail-pi1_fieldset { background: #1d2429; } .page-black .tx-powermail-pi1_thx { background: #1d2429; } .page-black fieldset.tx-powermail-pi1_fieldset label, fieldset.tx-powermail-pi1_fieldset legend { color: #fff;} .page-white fieldset.tx-powermail-pi1_fieldset legend { color: #444;} .tx-powermail-pi1_thx h3 { margin-top: 18px; } fieldset.tx-powermail-pi1_fieldset legend.tx_powermail_pi1_fieldwrap_html_radio_title {font-size: 13px;} .powermail_all { margin: 18px; } .powermail_all td { padding-right: 18px !important; } #uid70 { margin-bottom: 10px;} fieldset.tx-powermail-pi1_fieldset legend { /* legend of Fieldset */ font-weight: normal; font-size: 18px; position: absolute; top: 10px; } fieldset.tx-powermail-pi1_fieldset label, fieldset.tx-powermail-pi1_fieldset fieldset legend { /* label */ display: block; width: 198px; float: left; white-space:normal; clear: left; line-height: 20px; padding: 5px 0; } .powermail_textarea {margin-bottom:10px;} fieldset.tx-powermail-pi1_fieldset label { margin-bottom: 10px; } fieldset.tx-powermail-pi1_fieldset input { margin-left:0; } fieldset.tx-powermail-pi1_fieldset input.powermail_text, fieldset.tx-powermail-pi1_fieldset input.powermail_date, fieldset.tx-powermail-pi1_fieldset input.powermail_datetime, fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea, fieldset.tx-powermail-pi1_fieldset input.powermail_captcha{ /* Input and textarea */ color: #444;float: left; width: 226px; height: 20px; line-height: 20px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; background: #fff; outline: 0; border: 2px solid #ced0d2; margin-right: 18px; } .page-black fieldset.tx-powermail-pi1_fieldset input.powermail_text, .page-black fieldset.tx-powermail-pi1_fieldset input.powermail_date, .page-black fieldset.tx-powermail-pi1_fieldset input.powermail_datetime, .page-black fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea, .page-black fieldset.tx-powermail-pi1_fieldset input.powermail_captcha { color: #a1a6a8;float: left; width: 226px; line-height: 20px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; background: #12191c; outline: 0; border: 2px solid #343b41; margin-right: 18px; } .page-black fieldset.tx-powermail-pi1_fieldset input.powermail_text:hover, .page-black fieldset.tx-powermail-pi1_fieldset input.powermail_date:hover, .page-black fieldset.tx-powermail-pi1_fieldset input.powermail_datetime:hover, .page-black fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea:hover, .page-black fieldset.tx-powermail-pi1_fieldset input.powermail_captcha:hover { border-color: #616668; } .page-black fieldset.tx-powermail-pi1_fieldset input.powermail_text:focus, .page-black fieldset.tx-powermail-pi1_fieldset input.powermail_date:focus, .page-black fieldset.tx-powermail-pi1_fieldset input.powermail_datetime:focus, .page-black fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea:focus, .page-black fieldset.tx-powermail-pi1_fieldset input.powermail_captcha:focus { color: #a1a6a8; border-color: #a1a6a8; } fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea { height: 60px; } fieldset.tx-powermail-pi1_fieldset input.powermail_time, fieldset.tx-powermail-pi1_fieldset input[type=time]{ width:60px; } fieldset.tx-powermail-pi1_fieldset textarea:focus, fieldset.tx-powermail-pi1_fieldset input:not([type="submit"]):focus { border-color: #9b9da1; } fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_radio input.powermail_radio { /* Radiobuttons */ margin: 3px 0; } div.tx_powermail_pi1_fieldwrap_html { /* DIV container arround every field */ margin: 0 0 0.5em 0; clear:both; } fieldset.tx-powermail-pi1_fieldset input.powermail_submit { /* submit button */ margin: 20px 0 10px 200px; font-weight: bold; } fieldset.tx-powermail-pi1_fieldset legend.tx_powermail_pi1_fieldwrap_html_checkbox_title { font-size: 13px; line-height: 18px; position: relative; } p.tx_powermail_pi1_fieldwrap_html_checkbox_title, p.tx_powermail_pi1_fieldwrap_html_radio_title { margin: 0; padding: 0; font-weight: bold; } div.countryzone { margin: 10px 0 0 200px; } div.tx_powermail_pi1_fieldwrap_html label a, div.tx_powermail_pi1_fieldwrap_html p a, div.tx_powermail_pi1_fieldwrap_html fieldset legend.tx_powermail_pi1_fieldwrap_html_checkbox_title a, div.tx_powermail_pi1_fieldwrap_html fieldset legend.tx_powermail_pi1_fieldwrap_html_radio_title a{ /* Description */ cursor: help; text-decoration: none; } div.tx_powermail_pi1_fieldwrap_html label a dfn, div.tx_powermail_pi1_fieldwrap_html p a dfn, div.tx_powermail_pi1_fieldwrap_html fieldset legend.tx_powermail_pi1_fieldwrap_html_checkbox_title a dfn, div.tx_powermail_pi1_fieldwrap_html fieldset legend.tx_powermail_pi1_fieldwrap_html_radio_title a dfn{ /* Description */ display: none; text-decoration: none; position:absolute; z-index:1; width: auto; padding:3px 10px 5px 10px; background-color:#00559E; border:1px solid #00559E; font-size:11px; color:#fff; white-space: normal; /* CSS3 spicing for mozilla and webkit */ -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0 0 6px #ddd; -webkit-box-shadow:0 0 6px #ddd; box-shadow:0 0 6px #ddd; } div.tx_powermail_pi1_fieldwrap_html label a:hover dfn, div.tx_powermail_pi1_fieldwrap_html p a:hover dfn, div.tx_powermail_pi1_fieldwrap_html fieldset legend.tx_powermail_pi1_fieldwrap_html_checkbox_title a:hover dfn, div.tx_powermail_pi1_fieldwrap_html fieldset legend.tx_powermail_pi1_fieldwrap_html_radio_title a:hover dfn{ /* Description on mouseover */ display: block; } div.tx_powermail_pi1_fieldwrap_html img.icon_info { /* Description icon */ padding: 2px 2px 0 2px; } fieldset.tx-powermail-pi1_fieldset div.even { } .tx_powermail_pi1_form .jqTransformSelectWrapper ul { padding-left: 0 !important; height: 200px !important;} /* Confirmation */ td.powermail_all_td { padding: 3px 10px 3px 0; } /* THX */ td.powermail_all p.bodytext { margin: 0; } fieldset.tx-powermail-pi1_fieldset fieldset { border: 0 none; padding: 0; margin: 0; position: relative; } fieldset.tx-powermail-pi1_fieldset fieldset legend { position: absolute; left: 0; padding: 0; margin: 0; } .powermail_mandatory { color: #f00; } .placeholder { color:#999; } .powermail_mandatory_helper{visibility:hidden;height:1px;position:absolute;} fieldset.tx-powermail-pi1_fieldset .powermail_check_inner, fieldset.tx-powermail-pi1_fieldset .powermail_radio_inner { margin-left: 215px; clear: both; } fieldset.tx-powermail-pi1_fieldset .powermail_check_inner label, fieldset.tx-powermail-pi1_fieldset .powermail_radio_inner label { float: none; width: auto; display: inline; font-weight: normal; margin-left: 7px; } fieldset.tx-powermail-pi1_fieldset .powermail_check_inner input, fieldset.tx-powermail-pi1_fieldset .powermail_radio_inner input { float: left; position: relative; clear: left; } /* Multiple JS */ div.fieldsets { clear: both; } div.powermail_multiple_js fieldset.tx-powermail-pi1_fieldset legend, div.powermail_multiple_js fieldset.tx-powermail-pi1_fieldset.ui-tabs-hide{ display:none; } div.powermail_multiple_js fieldset.tx-powermail-pi1_fieldset { padding-top:15px; } div.powermail_multiple_js fieldset.tx-powermail-pi1_fieldset fieldset legend { display:block; } ul.powermail_multiplejs_tabs { list-style-type: none; padding: 0; margin: 0; } ul.powermail_multiplejs_tabs li { float: left; margin: 0 1px 0 0; padding: 0; list-style-type: none; } ul.powermail_multiplejs_tabs li a { display: block; padding: 5px 10px; color: #666; font-weight: bold; text-decoration: none; background: #E0E0E0; -webkit-border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; outline: none; } ul.powermail_multiplejs_tabs li a.act { background: #F0F0F0; color: #333; padding:5px 10px 6px 10px; position:relative; margin-bottom:-1px } input.tx_powermail_pi1_submitmultiple_forward, input.tx_powermail_pi1_submitmultiple_back {margin-top:1em;} input.tx_powermail_pi1_submitmultiple_forward { float: right; } .powermail_multiple_php form > div.tx_powermail_pi1_fieldwrap_html_submit { display: inline; float: right; margin-top:1em; } .tx_powermail_pi1_fieldwrap_html_submit { clear: left; padding-top: 5px; padding-left: 5px;} .tx_powermail_pi1_fieldwrap_html_submit input {display: block; border: none; outline: none; font-size: 15px; font-weight: bold; padding: 0 10px 0 10px; height: 34px; line-height: 34px; color: #1d252b; text-shadow:0 1px rgba(255,255,255,0.6);text-decoration: none; background: url('../images/button-left.png') no-repeat right top; margin-right: 5px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} .tx_powermail_pi1_fieldwrap_html_submit input:hover, .tx_powermail_pi1_fieldwrap_html_submit input:focus { background-position: right bottom;} /* error message */ .error { /* supply height to ensure consistent positioning for every browser */ background-color:#FF0000; border:1px solid #FF0000; font-size:11px; color:#fff !important; padding:3px 10px 5px 10px; margin-left:-2px; z-index:10; text-align:left; height:auto; /* CSS3 spicing for mozilla and webkit */ -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0 0 6px #ddd; -webkit-box-shadow:0 0 6px #ddd; box-shadow:0 0 6px #ddd; } .error p { margin: 0; padding: 0; font-weight: bold; color: #fff !important; } /* pure CSS arrow */ html:root .error em { display:block; width:0; height:0; border:10px solid; border-color:#FF0000 transparent transparent; /* positioning */ position:absolute; bottom:-10px; left:5px; border-bottom:0 none; } /* For the details, see: http://flowplayer.org/tools/dateinput/index.html#skinning */ /* the input field */ .date { width: 237px !important; } /* calendar root element */ #calroot { /* place on top of other elements. set a higher value if nessessary */ z-index:10000; margin-top:-1px; width:198px; padding:2px; background-color:#fff; font-size:11px; border:1px solid #ccc; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow: 0 0 15px #666; -webkit-box-shadow: 0 0 15px #666; box-shadow:0 0 15px #666; } /* head. contains title, prev/next month controls and possible month/year selectors */ #calhead { padding:2px 0; height:22px; } #caltitle { font-size:14px; color:#FA8800; float:left; text-align:center; width:155px; line-height:20px; text-shadow:0 1px 0 #ddd; } #calnext, #calprev { display:block; width:20px; height:20px; background:transparent url(../img/prev.gif) no-repeat scroll center center; float:left; cursor:pointer; } #calnext { background-image:url(../img/next.gif); float:right; } #calprev.caldisabled, #calnext.caldisabled { visibility:hidden; } /* year/month selector */ #caltitle select { font-size:10px; } /* names of the days */ #caldays { height:18px; border-bottom:1px solid #ddd; } #caldays span { display:block; float:left; width:28px; text-align:center; } /* container for weeks */ #calweeks { background-color:#fff; margin-top:4px; } /* single week */ .calweek { clear:left; height:22px; } /* single day */ .calweek a { display:block; float:left; width:27px; height:20px; text-decoration:none; font-size:11px; margin-left:1px; text-align:center; line-height:20px; color:#666; -moz-border-radius:3px; -webkit-border-radius:3px; } /* different states */ .calweek a:hover, .calfocus { background-color:#ddd; } /* sunday */ a.calsun { color:red; } /* offmonth day */ a.caloff { color:#ccc; } a.caloff:hover { background-color:rgb(245, 245, 250); } /* unselecteble day */ a.caldisabled { background-color:#efefef !important; color:#ccc !important; cursor:default; } /* current day */ #calcurrent { background-color:#498CE2; color:#fff; } /* today */ #caltoday { background-color:#333; color:#fff; } /* slider root element */ .slider { background:#fff; height:9px; position:relative; cursor:pointer; border:1px solid #333; width:300px; float:left; clear:right; margin-top:10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:inset 0 0 8px #000; box-shadow:inset 0 0 8px #000; } /* progress bar (enabled with progress: true) */ .progress { height:9px; background-color:#C5FF00; display:none; opacity:0.6; } /* drag handle */ .handle { background:#fff url(../img/h30.png) repeat-x 0 0; height:20px; width:20px; top:-7px; position:absolute; display:block; margin-top:1px; border:1px solid #000; cursor:move; -moz-box-shadow:0 0 6px #000; -webkit-box-shadow:0 0 6px #000; box-shadow:0 0 6px #000; -moz-border-radius:14px; -webkit-border-radius:14px; border-radius:14px; } /* the input field */ fieldset.tx-powermail-pi1_fieldset input.powermail_text.range { float:left; margin:0 0 0 15px; padding:3px 0; text-align:center; width:50px; } .tx-indexedsearch-whatis, .tx-indexedsearch-info {display: none;} #tx-procatapi-pi1-search-form-content {display: none;} p.tx-indexedsearch-descr { padding-left: 18px;} .tx-indexedsearch-browsebox { padding-left: 18px;} #tab-search-products { padding: 18px 0 9px 0;} .search-tab { border: 1px solid #41484d; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} #tab-search-content { padding-right: 18px;} #search-tab-nav { height: 40px; margin: 0; padding: 0; list-style: none; margin-left: 18px;} #search-tab-nav li { display: block; float: left;} #search-tab-nav a { display: block; float: left; margin-right: 5px; background: transparent; color: #fff; padding: 10px; height: 20px; line-height: 20px; font-size: 15px; text-decoration: none; -webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;} #search-tab-nav a.active { background: #41484d; color: #fff; font-weight: bold;} .tx-newloginbox-pi1 td p { width: 120px !important; margin: 0; padding: 10px 0 0 0;} .tx-newloginbox-pi1 input[type="text"], .tx-newloginbox-pi1 input[type="password"] { color: #a1a6a8; width: 250px; height: 30px; padding-left: 10px; padding-right: 10px; background: #12191c; outline: 0; border: 2px solid #343b41;} .tx-newloginbox-pi1 input[type="text"]:hover, .tx-newloginbox-pi1 input[type="password"]:hover { border-color: #616668; } .tx-newloginbox-pi1 input[type="text"]:focus, .tx-newloginbox-pi1 input[type="password"]:focus{ color: #a1a6a8; border-color: #a1a6a8;} .tx-newloginbox-pi1 input[type="submit"] { margin-top: 25px;} .tx-newloginbox-pi1 input[type="submit"] { display: block; border: none; outline: none; font-size: 15px; font-weight: bold; padding: 0 10px 0 10px; height: 34px; line-height: 34px; color: #1d252b; text-shadow:0 1px rgba(255,255,255,0.6);text-decoration: none; background: url('../images/button-left.png') no-repeat right top; margin-right: 5px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} .tx-newloginbox-pi1 input[type="submit"]:hover, .tx-newloginbox-pi1 input[type="submit"]:focus, .tx-newloginbox-pi1 input[type="submit"]:active { background-position: right bottom;} #news-single table { margin-left: 18px; width: 498px;} #news-single td { padding: 4px 18px 4px 0; border-top: 1px solid #ccc;} #news-single th { text-align: left; padding: 10px 0;} #presse-list .news-list-browse { margin: 18px 18px;} .addthis_toolbox { padding: 18px;} .slicknav_menu {display:none;} #c2918 p { font-size: 12px; color: #888;} /* ==|== non-semantic helper classes ======================================== */ .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; } .ir br { display: none; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } .clear {clear:both;} /* * Print */ @media print { body, #main { background: #fff !important;} body { padding: 20px 50px;} #content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content p, #content ul { color: #444 !important;} #content, #main { padding: 0 !important;} #content-image, #footer, #header-meta, #header, #logo { display: none !important;} } /* ==|== media queries ====================================================== */ @media only screen and (min-width: 480px) { } @media only screen and (min-width: 768px) { } /*body { width: 1100px;}*/