@charset "UTF-8"; html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, .home sub, .content sub, .sidebar sub, tt, var, b, .home strong, .content strong, .sidebar strong, u, i, center, dl, dt, dd, ol, ul, .home ol, .content ol, .sidebar ol, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; } html { line-height: 1; } ol, ul, .home ol, .content ol, .sidebar ol { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } q, blockquote { quotes: none; } q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; } a img { border: none; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /*$red3: #dc2f1f;*/ @font-face { font-family: 'iconfont'; src: url("../Fonts/iconfont.eot"); } @font-face { font-family: 'iconfont'; src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format("truetype"), url(data:application/font-woff;charset=utf-8;base64,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) format("woff"); font-weight: normal; font-style: normal; } .breadcrumb ul li:first-of-type a:before, .breadcrumb .home ol li:first-of-type a:before, .home .breadcrumb ol li:first-of-type a:before, .breadcrumb .content ol li:first-of-type a:before, .content .breadcrumb ol li:first-of-type a:before, .breadcrumb .sidebar ol li:first-of-type a:before, .sidebar .breadcrumb ol li:first-of-type a:before, .teaser_button1:before, .product_filter .productfilter_head button:before, .productlist_item .productlist_item_morelink:before, .tx-powermail .powermail_submit:before, .teaser_button2:before, .teaser_button3:before, .teaser_button4:before, .color1 .teaser_button1:before, .color1 .teaser_button2:before, .color1 .teaser_button3:before, .color1 .teaser_button4:before, .color2 .teaser_button1:before, .color2 .teaser_button2:before, .color2 .teaser_button3:before, .color2 .teaser_button4:before, .color3 .teaser_button1:before, .color3 .teaser_button2:before, .color3 .teaser_button3:before, .color3 .teaser_button4:before, .color4 .teaser_button1:before, .color4 .teaser_button2:before, .color4 .teaser_button3:before, .color4 .teaser_button4:before, .hometeaser_container .teaser_headline.icon-success_stories:before, .content .teaser_headline.icon-success_stories:before, .products-lightbox-inner .teaser_headline.icon-success_stories:before, .sidebar .teaser_headline.icon-success_stories:before, .hometeaser_container .teaser_headline.icon-events:before, .content .teaser_headline.icon-events:before, .products-lightbox-inner .teaser_headline.icon-events:before, .sidebar .teaser_headline.icon-events:before, .hometeaser_container .teaser_headline.icon-videos:before, .content .teaser_headline.icon-videos:before, .products-lightbox-inner .teaser_headline.icon-videos:before, .sidebar .teaser_headline.icon-videos:before, .hometeaser_container .teaser_headline.icon-contact_us:before, .content .teaser_headline.icon-contact_us:before, .products-lightbox-inner .teaser_headline.icon-contact_us:before, .sidebar .teaser_headline.icon-contact_us:before, .hometeaser_container .teaser_headline.icon-links:before, .content .teaser_headline.icon-links:before, .products-lightbox-inner .teaser_headline.icon-links:before, .sidebar .teaser_headline.icon-links:before, .hometeaser_container .teaser_headline.icon-star:before, .content .teaser_headline.icon-star:before, .products-lightbox-inner .teaser_headline.icon-star:before, .sidebar .teaser_headline.icon-star:before, .searchform button i:after, .product_filter .productfilter_categories a:after, .iconselector [class^="icon-"], .iconselector [class*=" icon-"] { font-family: 'iconfont'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-star:before { content: "\e605"; } .icon-links:before { content: "\e606"; } .icon-search:before { content: "\e600"; } .icon-contact_us:before { content: "\e601"; } .icon-events:before { content: "\e602"; } .icon-success_stories:before { content: "\e603"; } .icon-videos:before { content: "\e604"; } .icon-caret-left:before { content: "\f0d9"; } .icon-caret-right:before { content: "\f0da"; } .icon-home:before { content: "\f015"; } .container25252525:before, .container5050:before, .container333333:before, .main:before, #keyvisual:before, .hometeaser_container:before, .page_header:before, .mainnavi .mn_level1 > li:before, .teaser:before, .hometeaser:before, .teaser .article:before, .hometeaser .article:before, .product_filter .productfilter_head:before, .productlist_item:before, .productdetail_features_container:before, .accordion_container:before, .tabs_container:before, .container25252525:after, .container5050:after, .container333333:after, .main:after, #keyvisual:after, .hometeaser_container:after, .page_header:after, .mainnavi .mn_level1 > li:after, .teaser:after, .hometeaser:after, .teaser .article:after, .hometeaser .article:after, .product_filter .productfilter_head:after, .productlist_item:after, .productdetail_features_container:after, .accordion_container:after, .tabs_container:after { content: ""; display: table; } .container25252525:after, .container5050:after, .container333333:after, .main:after, #keyvisual:after, .hometeaser_container:after, .page_header:after, .mainnavi .mn_level1 > li:after, .teaser:after, .hometeaser:after, .teaser .article:after, .hometeaser .article:after, .product_filter .productfilter_head:after, .productlist_item:after, .productdetail_features_container:after, .accordion_container:after, .tabs_container:after { clear: both; } .home a, .content a, .sidebar a, .cookie_text a, .teaser .article a, .hometeaser .article a { text-decoration: none; } .home a:hover, .content a:hover, .sidebar a:hover, .cookie_text a:hover, .teaser .article a:hover, .hometeaser .article a:hover { text-decoration: underline; } /* Uniform Theme: Uniform Default Version: 1.8 By: Josh Pyles License: MIT License --- For use with the Uniform plugin: http://uniformjs.com/ */ /* General settings */ div.selector, div.selector span, div.checker span, div.radio span, div.uploader, div.uploader span.action, div.button, div.button span { background-image: url("../Images/sprite.png"); background-repeat: no-repeat; -webkit-font-smoothing: antialiased; } div.selector, div.checker, div.button, div.radio, div.uploader { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; /* Keeping this as :focus to remove browser styles */ } div.selector:focus, div.checker:focus, div.button:focus, div.radio:focus, div.uploader:focus { outline: 0; } div.selector, div.selector *, div.radio, div.radio *, div.checker, div.checker *, div.uploader, div.uploader *, div.button, div.button * { margin: 0; padding: 0; } .highContrastDetect { background: url("../Images/bg-input.png") repeat-x 0 0; width: 0px; height: 0px; } /* Input & Textarea */ input.uniform-input, select.uniform-multiselect, textarea.uniform { padding: 3px; background: url("../Images/bg-input.png") repeat-x 0 0; outline: 0; } input.uniform-input.active, select.uniform-multiselect.active, textarea.uniform.active { background: url("../Images/bg-input-focus.png") repeat-x 0 0; } /* Remove default webkit and possible mozilla .search styles. * Keeping this as :active to remove browser styles */ div.checker input, input[type="search"], input[type="search"]:active { -moz-appearance: none; -webkit-appearance: none; } /* Select */ div.selector { background-position: 0 -130px; line-height: 26px; height: 26px; padding: 0 0 0 10px; position: relative; overflow: hidden; } div.selector span { text-overflow: ellipsis; display: block; overflow: hidden; white-space: nowrap; background-position: right 0; height: 26px; line-height: 26px; padding-right: 25px; cursor: pointer; width: 100%; display: block; } div.selector.fixedWidth { width: 190px; } div.selector.fixedWidth span { width: 155px; } div.selector select { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; position: absolute; height: 22px; top: 2px; left: 0px; width: 100%; } div.selector.active { background-position: 0 -156px; } div.selector.active span { background-position: right -26px; } div.selector.hover, div.selector.focus { background-position: 0 -182px; } div.selector.hover span, div.selector.focus span { background-position: right -52px; } div.selector.hover.active, div.selector.focus.active { background-position: 0 -208px; } div.selector.hover.active span, div.selector.focus.active span { background-position: right -78px; } div.selector.disabled, div.selector.disabled.active { background-position: 0 -234px; } div.selector.disabled span, div.selector.disabled.active span { background-position: right -104px; } /* Checkbox */ div.checker { position: relative; } div.checker, div.checker span, div.checker input { width: 19px; height: 19px; } div.checker span { display: inline-block; *display: inline; zoom: 1; text-align: center; background-position: 0 -260px; } div.checker span.checked { background-position: -76px -260px; } div.checker input { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; display: inline-block; *display: inline; zoom: 1; } div.checker.active span { background-position: -19px -260px; } div.checker.active span.checked { background-position: -95px -260px; } div.checker.hover span, div.checker.focus span { background-position: -38px -260px; } div.checker.hover span.checked, div.checker.focus span.checked { background-position: -114px -260px; } div.checker.hover.active span, div.checker.focus.active span { background-position: -57px -260px; } div.checker.hover.active span.checked, div.checker.focus.active span.checked { background-position: -133px -260px; } div.checker.disabled, div.checker.disabled.active { background-position: -152px -260px; } div.checker.disabled span.checked, div.checker.disabled.active span.checked { background-position: -171px -260px; } /* Radio */ div.radio { position: relative; } div.radio, div.radio span, div.radio input { width: 18px; height: 18px; } div.radio span { display: inline-block; *display: inline; zoom: 1; text-align: center; background-position: 0 -279px; } div.radio span.checked { background-position: -72px -279px; } div.radio input { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; display: inline-block; *display: inline; zoom: 1; text-align: center; } div.radio.active span { background-position: -36px -279px; } div.radio.active span.checked { background-position: -90px -279px; } div.radio.hover span, div.radio.focus span { background-position: -72px -279px; } div.radio.hover span.checked, div.radio.focus span.checked { background-position: -108px -279px; } div.radio.hover.active span, div.radio.focus.active span { background-position: -54px -279px; } div.radio.hover.active span.checked, div.radio.focus.active span.checked { background-position: -126px -279px; } div.radio.disabled span, div.radio.disabled.active span { background-position: -144px -279px; } div.radio.disabled span.checked, div.radio.disabled.active span.checked { background-position: -162px -279px; } /* Uploader */ div.uploader { background-position: 0 -297px; height: 28px; width: 190px; cursor: pointer; position: relative; overflow: hidden; } div.uploader span.action { background-position: right -409px; height: 28px; line-height: 28px; width: 82px; text-align: center; float: left; display: inline; overflow: hidden; cursor: pointer; } div.uploader span.filename { text-overflow: ellipsis; display: block; overflow: hidden; white-space: nowrap; float: left; cursor: default; height: 24px; margin: 2px 0 2px 2px; line-height: 24px; width: 85px; padding: 0 10px; } div.uploader input { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; position: absolute; top: 0; right: 0; float: right; cursor: default; width: 100%; height: 100%; } div.uploader.active span.action { background-position: right -465px; } div.uploader.hover, div.uploader.focus { background-position: 0 -353px; } div.uploader.hover span.action, div.uploader.focus span.action { background-position: right -437px; } div.uploader.hover.active span.action, div.uploader.focus.active span.action { background-position: right -493px; } div.uploader.disabled, div.uploader.disabled.active { background-position: 0 -325px; } div.uploader.disabled span.action, div.uploader.disabled.active span.action { background-position: right -381px; } /* Buttons */ div.button { background-position: 0 -641px; height: 30px; cursor: pointer; position: relative; /* Keep buttons barely visible so they can get focus */ } div.button a, div.button button, div.button input { opacity: 0.01; filter: alpha(opacity=1); -moz-opacity: 0.01; display: block; top: 0; left: 0; right: 0; bottom: 0; position: absolute; } div.button span { display: inline-block; *display: inline; zoom: 1; line-height: 22px; text-align: center; background-position: right -521px; height: 22px; margin-left: 13px; padding: 8px 15px 0 2px; } div.button.active { background-position: 0 -671px; } div.button.active span { background-position: right -551px; cursor: default; } div.button.hover, div.button.focus { background-position: 0 -701px; } div.button.hover span, div.button.focus span { background-position: right -581px; } div.button.disabled, div.button.disabled.active { background-position: 0 -731px; } div.button.disabled span, div.button.disabled.active span { background-position: right -611px; cursor: default; } /* INPUT & TEXTAREA */ input.uniform-input, select.uniform-multiselect, textarea.uniform { font-size: 12px; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: normal; color: #777; border-top: solid 1px #aaa; border-left: solid 1px #aaa; border-bottom: solid 1px #ccc; border-right: solid 1px #ccc; border-radius: 3px; } input.uniform-input.hover, input.uniform-input.focus, select.uniform-multiselect.hover, select.uniform-multiselect.focus, textarea.uniform.hover, textarea.uniform.focus { border-color: #999; } /* PRESENTATION */ /* Buttons */ /* div.button { span { font-weight: bold; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; } @include whenHover { span { color: #555; } } @include whenDisabled { span { color: #bbb; } } } */ /* Select */ div.selector { font-size: 12px; } div.selector span { color: #666; text-shadow: 0 1px 0 #fff; } div.selector select { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 12px; } div.selector.disabled span, div.selector.disabled.active span { color: #bbb; } /* Checker */ /* div.checker { margin-right: 5px; } */ /* Radio */ /* div.radio { margin-right: 3px; } */ /* Uploader */ /* div.uploader { span.action { text-shadow: #fff 0px 1px 0px; background-color: #fff; font-size: 11px; font-weight: bold; } span.filename { color: #777; border-right: solid 1px #bbb; font-size: 11px; } @include whenDisabled { span.action { color: #aaa; } span.filename { border-color: #ddd; color: #aaa; } } } */ input.uniform-input, input.uniform-input:focus { background-color: #fff; } body { font-family: Arial,sans-serif; font-size: 12px; } .home h1, .content h1, .sidebar h1 { font-size: 29px; color: #41c363; line-height: 38px; font-weight: normal; margin-bottom: 27px; } .home h2, .content h2, .sidebar h2 { font-size: 18px; font-weight: bold; color: black; line-height: 20px; margin: 15px 0; } .home h2.headline_underlined, .content h2.headline_underlined, .sidebar h2.headline_underlined { border-bottom: 2px solid #41c363; padding-bottom: 4px; } .home h3, .content h3, .sidebar h3 { font-size: 18px; font-weight: normal; line-height: 20px; margin-bottom: 15px; } .home h4, .content h4, .sidebar h4 { font-size: 12px; font-weight: bold; margin-bottom: 15px; line-height: 20px; } .home .color1, .content .color1, .sidebar .color1 { color: #54c970; } .home p.emphasize, .content p.emphasize, .sidebar p.emphasize { font-size: 15px; line-height: 23px; font-style: italic; margin-bottom: 15px; } .home p, .content p, .sidebar p { line-height: 20px; margin-bottom: 15px; } .home ul, .home ol, .content ul, .content ol, .sidebar ul, .sidebar ol { margin-bottom: 15px; } .home ul li, .home ol li, .content ul li, .content ol li, .sidebar ul li, .sidebar ol li { background: url('data:image/gif;base64,R0lGODlhAwADAIABAEHDY////yH5BAEAAAEALAAAAAADAAMAAAIEBGIZBQA7') no-repeat left 8px; padding-left: 14px; margin-bottom: 8px; line-height: 20px; } .home ol, .content ol, .sidebar ol { list-style: decimal; margin-left: 15px; } .home ol li, .content ol li, .sidebar ol li { background: none; padding-left: 0; } .home a, .content a, .sidebar a { color: #54c970; } .home b, .home strong, .content b, .content strong, .sidebar b, .sidebar strong { font-weight: bold; } .home i, .content i, .sidebar i { font-style: italic; } .home sup, .home sub, .content sup, .content sub, .sidebar sup, .sidebar sub { vertical-align: baseline; position: relative; top: -0.4em; font-size: 10px; } .home sub, .content sub, .sidebar sub { top: 0.4em; } .container100 .col100 { width: 100%; clear: right; float: right; margin-right: 0; padding: 0 25px; } @media (min-width: 980px) { .container100 .col100 { padding: 0; } } .container25252525 .col25 { width: 100%; clear: right; float: right; margin-right: 0; } @media (min-width: 480px) { .container25252525 .col25 { width: 48.93617%; clear: right; float: left; margin-left: 0; margin-right: 2.12766%; } } @media (min-width: 980px) { .container25252525 .col25 { width: 23.40426%; clear: right; float: left; margin-left: 0; margin-right: 2.12766%; } } .container25252525 .col25.lastcol { width: 100%; clear: right; float: right; margin-right: 0; } @media (min-width: 480px) { .container25252525 .col25.lastcol { width: 48.93617%; clear: right; float: right; margin-right: 0; } } @media (min-width: 980px) { .container25252525 .col25.lastcol { width: 23.40426%; clear: right; float: right; margin-right: 0; } } @media (min-width: 480px) { .container25252525 .col25:nth-of-type(even) { margin-right: 0px; } } @media (min-width: 980px) { .container25252525 .col25:nth-of-type(even) { margin-right: 2.12766%; } } @media (min-width: 980px) { .container25252525 .col25:nth-of-type(4) { margin-right: 0; } } .hometeaser .container5050 .col50 { width: 50%; clear: right; float: left; margin-left: 0; margin-right: 0%; } @media (min-width: 980px) { .hometeaser .container5050 .col50 { width: 100%; clear: right; float: right; margin-right: 0; } } .hometeaser .container5050 .col50.lastcol { width: 50%; clear: right; float: right; margin-right: 0; } @media (min-width: 980px) { .hometeaser .container5050 .col50.lastcol { width: 100%; clear: right; float: right; margin-right: 0; } } .container5050 .col50 { width: 100%; clear: right; float: right; margin-right: 0; } @media (min-width: 980px) { .container5050 .col50 { width: 50%; clear: right; float: left; margin-left: 0; margin-right: 0%; padding-right: 25px; } } .container5050 .col50.lastcol { width: 100%; clear: right; float: right; margin-right: 0; } @media (min-width: 980px) { .container5050 .col50.lastcol { width: 50%; clear: right; float: right; margin-right: 0; padding-left: 25px; } } .container333333 .col33 { width: 100%; clear: right; float: right; margin-right: 0; /* &.col1{ @include breakpoint($bpsmall){ padding-right:12px; } } */ } @media (min-width: 480px) { .container333333 .col33 { width: 31.91489%; clear: right; float: left; margin-left: 0; margin-right: 2.12766%; } } .container333333 .col33.lastcol { width: 100%; clear: right; float: right; margin-right: 0; } @media (min-width: 480px) { .container333333 .col33.lastcol { width: 31.91489%; clear: right; float: right; margin-right: 0; } } /* li[class*="slide-"]{ width:100%; padding-top:50%; } */ * { -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -moz-box-sizing: border-box; box-sizing: border-box; } img { max-width: 100%; display: block; height: auto; } .page_container { width: 100%; } .main, #keyvisual { max-width: 980px; margin: 0 auto; margin-top: 40px; } #keyvisual { margin-top: 0; background: transparent no-repeat; background-size: contain; } .home { padding: 0 20px; } .content_wrapper { overflow: hidden; padding-left: 20px; } @media (min-width: 980px) { .content_wrapper { margin-right: 230px; padding-left: 0; overflow: visible; } } @media (min-width: 980px) { .content_wrapper.productpage { margin-left: 230px; margin-right: 0; padding-left: 0; overflow: visible; } } @media (min-width: 980px) { .content_wrapper.fullwidth { margin-left: 0; margin-right: 0; padding-left: 0; overflow: visible; } } .content { padding-right: 20px; margin-bottom: 30px; } @media (min-width: 980px) { .content { float: left; width: 100%; max-width: 750px; } } @media (min-width: 980px) { .fullwidth .content { float: left; width: 100%; max-width: none; padding-right: 0; } } .sidebar { width: 100%; padding-left: 20px; padding-right: 20px; } @media (min-width: 980px) { .sidebar { width: 230px; float: left; padding: 0; } } .keyvisual_container { margin-bottom: 25px; background-color: #3d3d3d; text-align: center; } .keyvisual_container img { margin: 0 auto; } .hideme { display: none; } .page_header { width: 100%; max-width: 980px; margin: 0 auto; } .page_header .logo { width: 390px; height: 37px; display: block; margin: 25px auto 35px auto; text-indent: -119988px; overflow: hidden; text-align: left; text-transform: capitalize; background-image: url('../Images/logo.jpg?1489757583'); background-repeat: no-repeat; background-position: 50% 50%; } @media (max-width: 460px) { .page_header .logo { background-image: url("../Images/logo-320.jpg"); height: 35px; width: 320px; } } @media (min-width: 980px) { .page_header .logo { margin-left: 0; float: left; margin: 25px auto 35px auto; } } .page_header .logo_claim { font-weight: normal; font-size: 14px; text-align: center; margin-bottom: 20px; width: 100%; margin-left: 0px; height: 31px; text-indent: -119988px; overflow: hidden; text-align: left; text-transform: capitalize; background-image: url('../Images/Integrated-Solutions-Logo.jpg?1489758758'); background-repeat: no-repeat; background-position: 50% 50%; } @media (min-width: 980px) { .page_header .logo_claim { width: 332px; float: left; display: inline-block; margin-top: 46px; margin-left: 25px; } } .page_header .logo_claim em { color: #41c363; } .page_header .logo_claim { display:none; } .cookie-message a { color: #54c970 !important; } .cookie-message a.cookiebar-accept { background: #54c970 none repeat scroll 0 0 !important; color: #fff !important; } .mainnavi_container { height: 52px; max-width: 980px; margin: 0 auto; background-color: #41C363; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF41C363', endColorstr='#FF54C970'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQxYzM2MyIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjNTRjOTcwIi8+PHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiM1NGM5NzAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MWMzNjMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #41c363), color-stop(50%, #54c970), color-stop(51%, #54c970), color-stop(100%, #41c363)); background-image: -webkit-linear-gradient(top, #41c363 0%, #54c970 50%, #54c970 51%, #41c363 100%); background-image: linear-gradient(to bottom, #41c363 0%, #54c970 50%, #54c970 51%, #41c363 100%); position: relative; } .mainnavi_toggle { display: inline-block; color: #FFF; text-decoration: none; font-size: 40px; margin-left: 20px; padding-top: 5px; float: left; } @media (min-width: 980px) { .mainnavi_toggle { display: none; } } .mainnavi { position: absolute; display: none; width: 100%; z-index: 5000; top: 52px; max-width: 490px; /* &:after { content: '☰'; font-size: 16px; width: 1em; line-height: 1; text-align: center; position: absolute; top: 50%; left: 50%; margin-top: -($responsive-nav-icon-size / 2); margin-left: -($responsive-nav-icon-size / 2); } */ } @media (min-width: 980px) { .mainnavi { position: relative; display: block; top: 0; max-width: none; } } @media (min-width: 980px) { .mainnavi .mn_level1 { float: left; position: relative; } } .mainnavi .mn_level1 > li { position: relative; } @media (min-width: 980px) { .mainnavi .mn_level1 > li { display: inline; float: left; } } @media (min-width: 980px) { .mainnavi .mn_level1 > li:hover .mn_level2 { display: block; position: absolute; top: 52px; } .mainnavi .mn_level1 > li:hover .mn_level2 li { float: left; clear: both; } } .mainnavi .mn_level1 > li:hover:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 0, 0, 0); border-top-color: #41C363; border-width: 5px; margin-left: -5px; } @media (min-width: 980px) { .mainnavi .mn_level1 > li:nth-of-type(even) div { border-left: 1px solid #41c363; border-right: 1px solid #41c363; } } @media (min-width: 980px) { .mainnavi .mn_level1 > li:nth-of-type(odd) div { border-left: 1px solid #41c363; border-right: 1px solid #41c363; } } .mainnavi .mn_level1 > li > div { height: 52px; background-color: #41C363; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF41C363', endColorstr='#FF54C970'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQxYzM2MyIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjNTRjOTcwIi8+PHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiM1NGM5NzAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MWMzNjMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #41c363), color-stop(50%, #54c970), color-stop(51%, #54c970), color-stop(100%, #41c363)); background-image: -webkit-linear-gradient(top, #41c363 0%, #54c970 50%, #54c970 51%, #41c363 100%); background-image: linear-gradient(to bottom, #41c363 0%, #54c970 50%, #54c970 51%, #41c363 100%); } @media (min-width: 980px) { .mainnavi .mn_level1 > li > div { display: inline-block; float: left; } } @media (min-width: 980px) and (min-width: 980px) { .mainnavi .mn_level1 > li > div:hover { background-color: #41C363; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF41C363', endColorstr='#FF54C970'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQxYzM2MyIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjNTRjOTcwIi8+PHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiM1NGM5NzAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MWMzNjMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #41c363), color-stop(50%, #54c970), color-stop(51%, #54c970), color-stop(100%, #41c363)); background-image: -webkit-linear-gradient(top, #41c363 0%, #54c970 50%, #54c970 51%, #41c363 100%); background-image: linear-gradient(to bottom, #41c363 0%, #54c970 50%, #54c970 51%, #41c363 100%); } } .mainnavi .mn_level1 > li > div a { color: white; font-size: 16px; padding: 18px 20px 16px 20px; display: block; text-decoration: none; } @media (min-width: 980px) { .mainnavi .mn_level1 > li > div i { display: none; } } .mainnavi .mn_level1 > li > div i:before { content: '+'; display: block; color: white; font-size: 16px; padding: 18px 0px 16px 0px; text-align: center; position: absolute; right: 0px; top: 0; width: 40px; cursor: pointer; } .mainnavi .mn_level2 { display: none; background-color: white; background-color: rgba(255, 255, 255, 0.9); padding: 10px 0; min-width: 270px; } @media (min-width: 980px) { .mainnavi .mn_level2 li { display: block; width: 100%; } } .mainnavi .mn_level2 > li { position: relative; } @media (min-width: 980px) { .mainnavi .mn_level2 > li:hover > a { color: white; background-color: #41c363; background-color: rgba(65, 195, 99, 0.9); } } @media (min-width: 980px) { .mainnavi .mn_level2 > li:hover > a + i:before { color: white; } } .mainnavi .mn_level2 a, .mainnavi .mn_level2 span { padding-left: 20px; font-size: 14px; text-decoration: none; display: block; padding: 10px 0; padding-left: 20px; font-weight: bold; color: black; width: 100%; } .mainnavi .mn_level2 i:before { content: '+'; display: block; color: black; font-size: 14px; padding: 10px; text-align: center; position: absolute; right: 0; top: 0; width: 40px; cursor: pointer; } .mainnavi .mn_level3 { display: none; } .mainnavi .mn_level3 a { color: #6a6a6a; font-weight: normal; padding: 10px 0; padding-left: 16px; } .mainnavi .mn_level3 a:before { display: inline-block; content: '・'; } @media (min-width: 980px) { .mainnavi .mn_level3 a:hover { color: white; background-color: #41c363; background-color: rgba(65, 195, 99, 0.9); } } .mainnavi li.showlvl2 > div > i:before { content: "-"; } .mainnavi li.showlvl2 .mn_level2 { display: block; } .mainnavi li.showlvl3 > i:before { content: "-"; } .mainnavi li.showlvl3 .mn_level3 { display: block; } .sidebar { /** left navi **/ } .sidebar .csc-menu { padding: 17px 15px; padding-top: 0; } .sidebar .left_navi { background: #fff; border: 1px solid #d2d2d2; } .sidebar .left_navi li { background: none; margin-bottom: 0; padding: 0; border-bottom: 1px solid #d2d2d2; } .sidebar .left_navi li.active > a, .sidebar .left_navi li.active > span { font-weight: bold; color: #41c363; } .sidebar .left_navi li.active ul, .sidebar .left_navi li.active ol { display: block; } .sidebar .left_navi li ul, .sidebar .left_navi li ol { margin-bottom: 0; display: none; } .sidebar .left_navi li li:first-of-type { border-top: 1px solid #d2d2d2; } .sidebar .left_navi li li:last-of-type { border-bottom: 0; } .sidebar .left_navi li li a { padding-left: 25px; font-weight: normal; } .sidebar .left_navi a, .sidebar .left_navi span { color: black; font-size: 12px; font-weight: bold; display: block; padding: 10px; padding-bottom: 5px; } span.toggle { cursor: pointer; } .breadcrumb { background-color: #3d3d3d; color: white; display: none; } @media (min-width: 980px) { .breadcrumb { display: block; padding-left: 42px; } } .breadcrumb ul, .breadcrumb .home ol, .home .breadcrumb ol, .breadcrumb .content ol, .content .breadcrumb ol, .breadcrumb .sidebar ol, .sidebar .breadcrumb ol { max-width: 980px; margin: 0 auto; display: block; border-top: 1px solid #4e4e4e; border-bottom: 1px solid #4e4e4e; } .breadcrumb ul li, .breadcrumb .home ol li, .home .breadcrumb ol li, .breadcrumb .content ol li, .content .breadcrumb ol li, .breadcrumb .sidebar ol li, .sidebar .breadcrumb ol li { display: inline-block; margin-right: -4px; padding-top: 19px; padding-bottom: 20px; font-weight: bold; } .breadcrumb ul li:first-of-type a:before, .breadcrumb .home ol li:first-of-type a:before, .home .breadcrumb ol li:first-of-type a:before, .breadcrumb .content ol li:first-of-type a:before, .content .breadcrumb ol li:first-of-type a:before, .breadcrumb .sidebar ol li:first-of-type a:before, .sidebar .breadcrumb ol li:first-of-type a:before { content: "\f015"; margin-right: 4px; position: relative; top: 1px; font-size: 15px; display: inline-block; } .breadcrumb ul li:after, .breadcrumb .home ol li:after, .home .breadcrumb ol li:after, .breadcrumb .content ol li:after, .content .breadcrumb ol li:after, .breadcrumb .sidebar ol li:after, .sidebar .breadcrumb ol li:after { display: inline-block; content: '>'; margin: 0 6px; font-size: 12px; font-weight: bold; } .breadcrumb ul li:last-child:after, .breadcrumb .home ol li:last-child:after, .home .breadcrumb ol li:last-child:after, .breadcrumb .content ol li:last-child:after, .content .breadcrumb ol li:last-child:after, .breadcrumb .sidebar ol li:last-child:after, .sidebar .breadcrumb ol li:last-child:after { display: none; } .breadcrumb ul li a, .breadcrumb .home ol li a, .home .breadcrumb ol li a, .breadcrumb .content ol li a, .content .breadcrumb ol li a, .breadcrumb .sidebar ol li a, .sidebar .breadcrumb ol li a { color: white; text-decoration: none; font-size: 12px; } .breadcrumb ul li a:hover, .breadcrumb .home ol li a:hover, .home .breadcrumb ol li a:hover, .breadcrumb .content ol li a:hover, .content .breadcrumb ol li a:hover, .breadcrumb .sidebar ol li a:hover, .sidebar .breadcrumb ol li a:hover { text-decoration: underline; } .page_footer_container { max-width: 980px; margin: 0 auto; background-color: #666666; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF666666', endColorstr='#FF343434'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzM0MzQzNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #666666), color-stop(100%, #343434)); background-image: -webkit-linear-gradient(top, #666666 0%, #343434 100%); background-image: linear-gradient(to bottom, #666666 0%, #343434 100%); font-size: 11px; color: #c9cccc; padding: 10px; text-align: center; } @media (min-width: 980px) { .page_footer_container { text-align: left; padding: 3px 10px; margin-top: 37px; } } .footer_toolbar { display: block; text-align: center; } @media (min-width: 980px) { .footer_toolbar { float: right; width: 120px; } } #toplink { display: inline-block; color: #c9cccc; text-decoration: none; margin-bottom: 16px; margin-left: 8px; } #toplink:before { content: '|'; margin-right: 8px; } #toplink:after { content: '⬆︎'; margin-left: 6px; } .print_page { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAAAAABzHgM7AAAAAnRSTlMAAHaTzTgAAACXSURBVAgdBcE/CsIwFAfg30vSxKKguAjiAdy9o5NHcfACDuIZHHTopFAVrH/Shrz2NX4fgIJ/vnrLEVBAyrLkSHlA4cAMm/o02sEgfJIkqPb1BW0fbhYztrpQhq4XjokVVWOZ0ymX4Gor52npzK1RutV1HsrOm/IedNdr0TwZEjaLQCbKgIu1wXLlWSCJGhg899F2EKKAPwOaTBS5N1JpAAAAAElFTkSuQmCC') no-repeat right top; color: #c9cccc; display: inline-block; width: 43px; margin: 0 auto; padding-right: 18px; text-decoration: none; margin-bottom: 16px; } @media (min-width: 980px) { .print_page { margin-bottom: 0; } } .copyright { display: inline-block; margin-right: 8px; margin-bottom: 16px; } @media (min-width: 410px) { .copyright { margin-bottom: 0; } } @media (min-width: 980px) { .copyright { margin-bottom: 0; float: left; } } .footer_navi { display: inline-block; } .footer_navi li { display: inline-block; margin-right: 8px; } .footer_navi li:first-child:before { content: ''; } @media (min-width: 410px) { .footer_navi li:first-child:before { content: '|'; } } .footer_navi li:before { content: '|'; display: inline-block; margin-right: 8px; } .footer_navi li a { text-decoration: none; color: #c9cccc; } .footer_navi li a:hover { text-decoration: underline; } .cookie_text { max-width: 980px; margin: 0 auto; font-size: 10px; color: #666666; margin-top: 12px; line-height: 1.3; padding: 0 10px 10px 10px; } @media (min-width: 980px) { .cookie_text { padding-left: 0; padding-right: 0; margin-top: 4px; } } .cookie_text a { color: #54c970; } .teaser_button1, .product_filter .productfilter_head button, .productlist_item .productlist_item_morelink, .tx-powermail .powermail_submit { display: inline-block; border-radius: 5px; padding: 7px 13px; color: white; text-decoration: none; font-size: 12px; margin-top: 10px; line-height: 18px; background-color: #41c363; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF41C363', endColorstr='#FF41C363'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQxYzM2MyIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjNDFjMzYzIi8+PHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiM0MWMzNjMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MWMzNjMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #41c363), color-stop(50%, #41c363), color-stop(51%, #41c363), color-stop(100%, #41c363)); background-image: -webkit-linear-gradient(top, #41c363 0%, #41c363 50%, #41c363 51%, #41c363 100%); background-image: linear-gradient(to bottom, #41c363 0%, #41c363 50%, #41c363 51%, #41c363 100%); border: 1px solid #41c363; color: #fff !important; } .teaser_button1:before, .product_filter .productfilter_head button:before, .productlist_item .productlist_item_morelink:before, .tx-powermail .powermail_submit:before { content: "\f0da"; display: inline-block; margin-right: 6px; font-size: 10px; } .sidebar .teaser_button1, .sidebar .product_filter .productfilter_head button, .product_filter .productfilter_head .sidebar button, .sidebar .productlist_item .productlist_item_morelink, .productlist_item .sidebar .productlist_item_morelink, .sidebar .tx-powermail .powermail_submit, .tx-powermail .sidebar .powermail_submit { margin-top: 0; } .teaser_button1:hover, .product_filter .productfilter_head button:hover, .productlist_item .productlist_item_morelink:hover, .tx-powermail .powermail_submit:hover { text-decoration: none; } .teaser_button2 { display: inline-block; border-radius: 5px; padding: 7px 13px; color: white; text-decoration: none; font-size: 12px; margin-top: 10px; line-height: 18px; background-color: #72777d; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF72777D', endColorstr='#FF72777D'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcyNzc3ZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjNzI3NzdkIi8+PHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiM3Mjc3N2QiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3Mjc3N2QiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #72777d), color-stop(50%, #72777d), color-stop(51%, #72777d), color-stop(100%, #72777d)); background-image: -webkit-linear-gradient(top, #72777d 0%, #72777d 50%, #72777d 51%, #72777d 100%); background-image: linear-gradient(to bottom, #72777d 0%, #72777d 50%, #72777d 51%, #72777d 100%); border: 1px solid #72777d; color: #fff !important; } .teaser_button2:before { content: "\f0da"; display: inline-block; margin-right: 6px; font-size: 10px; } .sidebar .teaser_button2 { margin-top: 0; } .teaser_button2:hover { text-decoration: none; } .teaser_button3 { display: inline-block; border-radius: 5px; padding: 7px 13px; color: white; text-decoration: none; font-size: 12px; margin-top: 10px; line-height: 18px; background-color: #00a2c6; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF00A2C6', endColorstr='#FF00A2C6'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYTJjNiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDA4MTllIi8+PHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiMwMDgxOWUiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGEyYzYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00a2c6), color-stop(50%, #00819e), color-stop(51%, #00819e), color-stop(100%, #00a2c6)); background-image: -webkit-linear-gradient(top, #00a2c6 0%, #00819e 50%, #00819e 51%, #00a2c6 100%); background-image: linear-gradient(to bottom, #00a2c6 0%, #00819e 50%, #00819e 51%, #00a2c6 100%); border: 1px solid #00cbf5; color: #fff !important; } .teaser_button3:before { content: "\f0da"; display: inline-block; margin-right: 6px; font-size: 10px; } .sidebar .teaser_button3 { margin-top: 0; } .teaser_button3:hover { text-decoration: none; } .teaser_button4 { display: inline-block; border-radius: 5px; padding: 7px 13px; color: white; text-decoration: none; font-size: 12px; margin-top: 10px; line-height: 18px; background-color: #54c970; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF54C970', endColorstr='#FF54C970'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU0Yzk3MCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjNTRjOTcwIi8+PHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiM1NGM5NzAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NGM5NzAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #54c970), color-stop(50%, #54c970), color-stop(51%, #54c970), color-stop(100%, #54c970)); background-image: -webkit-linear-gradient(top, #54c970 0%, #54c970 50%, #54c970 51%, #54c970 100%); background-image: linear-gradient(to bottom, #54c970 0%, #54c970 50%, #54c970 51%, #54c970 100%); border: 1px solid #54c970; color: #fff !important; } .teaser_button4:before { content: "\f0da"; display: inline-block; margin-right: 6px; font-size: 10px; } .sidebar .teaser_button4 { margin-top: 0; } .teaser_button4:hover { text-decoration: none; } .color1 .teaser_button1, .color1 .product_filter .productfilter_head button, .product_filter .productfilter_head .color1 button, .color1 .productlist_item .productlist_item_morelink, .productlist_item .color1 .productlist_item_morelink, .color1 .tx-powermail .powermail_submit, .tx-powermail .color1 .powermail_submit, .color1 .teaser_button2, .color1 .teaser_button3, .color1 .teaser_button4 { display: inline-block; border-radius: 5px; padding: 7px 13px; color: white; text-decoration: none; font-size: 12px; margin-top: 10px; line-height: 18px; background-color: #41c363; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF41C363', endColorstr='#FF41C363'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQxYzM2MyIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjNDFjMzYzIi8+PHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiM0MWMzNjMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MWMzNjMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #41c363), color-stop(50%, #41c363), color-stop(51%, #41c363), color-stop(100%, #41c363)); background-image: -webkit-linear-gradient(top, #41c363 0%, #41c363 50%, #41c363 51%, #41c363 100%); background-image: linear-gradient(to bottom, #41c363 0%, #41c363 50%, #41c363 51%, #41c363 100%); border: 1px solid #41c363; } .color1 .teaser_button1:before, .color1 .product_filter .productfilter_head button:before, .product_filter .productfilter_head .color1 button:before, .color1 .productlist_item .productlist_item_morelink:before, .productlist_item .color1 .productlist_item_morelink:before, .color1 .tx-powermail .powermail_submit:before, .tx-powermail .color1 .powermail_submit:before, .color1 .teaser_button2:before, .color1 .teaser_button3:before, .color1 .teaser_button4:before { content: "\f0da"; display: inline-block; margin-right: 6px; font-size: 10px; } .sidebar .color1 .teaser_button1, .sidebar .color1 .product_filter .productfilter_head button, .product_filter .productfilter_head .sidebar .color1 button, .sidebar .color1 .productlist_item .productlist_item_morelink, .productlist_item .sidebar .color1 .productlist_item_morelink, .sidebar .color1 .tx-powermail .powermail_submit, .tx-powermail .sidebar .color1 .powermail_submit, .sidebar .color1 .teaser_button2, .sidebar .color1 .teaser_button3, .sidebar .color1 .teaser_button4 { margin-top: 0; } .color2 .teaser_button1, .color2 .product_filter .productfilter_head button, .product_filter .productfilter_head .color2 button, .color2 .productlist_item .productlist_item_morelink, .productlist_item .color2 .productlist_item_morelink, .color2 .tx-powermail .powermail_submit, .tx-powermail .color2 .powermail_submit, .color2 .teaser_button2, .color2 .teaser_button3, .color2 .teaser_button4 { display: inline-block; border-radius: 5px; padding: 7px 13px; color: white; text-decoration: none; font-size: 12px; margin-top: 10px; line-height: 18px; background-color: #72777d; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF72777D', endColorstr='#FF72777D'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcyNzc3ZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjNzI3NzdkIi8+PHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiM3Mjc3N2QiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3Mjc3N2QiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #72777d), color-stop(50%, #72777d), color-stop(51%, #72777d), color-stop(100%, #72777d)); background-image: -webkit-linear-gradient(top, #72777d 0%, #72777d 50%, #72777d 51%, #72777d 100%); background-image: linear-gradient(to bottom, #72777d 0%, #72777d 50%, #72777d 51%, #72777d 100%); border: 1px solid #72777d; } .color2 .teaser_button1:before, .color2 .product_filter .productfilter_head button:before, .product_filter .productfilter_head .color2 button:before, .color2 .productlist_item .productlist_item_morelink:before, .productlist_item .color2 .productlist_item_morelink:before, .color2 .tx-powermail .powermail_submit:before, .tx-powermail .color2 .powermail_submit:before, .color2 .teaser_button2:before, .color2 .teaser_button3:before, .color2 .teaser_button4:before { content: "\f0da"; display: inline-block; margin-right: 6px; font-size: 10px; } .sidebar .color2 .teaser_button1, .sidebar .color2 .product_filter .productfilter_head button, .product_filter .productfilter_head .sidebar .color2 button, .sidebar .color2 .productlist_item .productlist_item_morelink, .productlist_item .sidebar .color2 .productlist_item_morelink, .sidebar .color2 .tx-powermail .powermail_submit, .tx-powermail .sidebar .color2 .powermail_submit, .sidebar .color2 .teaser_button2, .sidebar .color2 .teaser_button3, .sidebar .color2 .teaser_button4 { margin-top: 0; } .color3 .teaser_button1, .color3 .product_filter .productfilter_head button, .product_filter .productfilter_head .color3 button, .color3 .productlist_item .productlist_item_morelink, .productlist_item .color3 .productlist_item_morelink, .color3 .tx-powermail .powermail_submit, .tx-powermail .color3 .powermail_submit, .color3 .teaser_button2, .color3 .teaser_button3, .color3 .teaser_button4 { display: inline-block; border-radius: 5px; padding: 7px 13px; color: white; text-decoration: none; font-size: 12px; margin-top: 10px; line-height: 18px; background-color: #00a2c6; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF00A2C6', endColorstr='#FF00A2C6'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYTJjNiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDA4MTllIi8+PHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiMwMDgxOWUiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGEyYzYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00a2c6), color-stop(50%, #00819e), color-stop(51%, #00819e), color-stop(100%, #00a2c6)); background-image: -webkit-linear-gradient(top, #00a2c6 0%, #00819e 50%, #00819e 51%, #00a2c6 100%); background-image: linear-gradient(to bottom, #00a2c6 0%, #00819e 50%, #00819e 51%, #00a2c6 100%); border: 1px solid #00cbf5; } .color3 .teaser_button1:before, .color3 .product_filter .productfilter_head button:before, .product_filter .productfilter_head .color3 button:before, .color3 .productlist_item .productlist_item_morelink:before, .productlist_item .color3 .productlist_item_morelink:before, .color3 .tx-powermail .powermail_submit:before, .tx-powermail .color3 .powermail_submit:before, .color3 .teaser_button2:before, .color3 .teaser_button3:before, .color3 .teaser_button4:before { content: "\f0da"; display: inline-block; margin-right: 6px; font-size: 10px; } .sidebar .color3 .teaser_button1, .sidebar .color3 .product_filter .productfilter_head button, .product_filter .productfilter_head .sidebar .color3 button, .sidebar .color3 .productlist_item .productlist_item_morelink, .productlist_item .sidebar .color3 .productlist_item_morelink, .sidebar .color3 .tx-powermail .powermail_submit, .tx-powermail .sidebar .color3 .powermail_submit, .sidebar .color3 .teaser_button2, .sidebar .color3 .teaser_button3, .sidebar .color3 .teaser_button4 { margin-top: 0; } .color4 .teaser_button1, .color4 .product_filter .productfilter_head button, .product_filter .productfilter_head .color4 button, .color4 .productlist_item .productlist_item_morelink, .productlist_item .color4 .productlist_item_morelink, .color4 .tx-powermail .powermail_submit, .tx-powermail .color4 .powermail_submit, .color4 .teaser_button2, .color4 .teaser_button3, .color4 .teaser_button4 { display: inline-block; border-radius: 5px; padding: 7px 13px; color: white; text-decoration: none; font-size: 12px; margin-top: 10px; line-height: 18px; background-color: #54c970; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF54C970', endColorstr='#FF54C970'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU0Yzk3MCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjNTRjOTcwIi8+PHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiM1NGM5NzAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NGM5NzAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #54c970), color-stop(50%, #54c970), color-stop(51%, #54c970), color-stop(100%, #54c970)); background-image: -webkit-linear-gradient(top, #54c970 0%, #54c970 50%, #54c970 51%, #54c970 100%); background-image: linear-gradient(to bottom, #54c970 0%, #54c970 50%, #54c970 51%, #54c970 100%); border: 1px solid #54c970; } .color4 .teaser_button1:before, .color4 .product_filter .productfilter_head button:before, .product_filter .productfilter_head .color4 button:before, .color4 .productlist_item .productlist_item_morelink:before, .productlist_item .color4 .productlist_item_morelink:before, .color4 .tx-powermail .powermail_submit:before, .tx-powermail .color4 .powermail_submit:before, .color4 .teaser_button2:before, .color4 .teaser_button3:before, .color4 .teaser_button4:before { content: "\f0da"; display: inline-block; margin-right: 6px; font-size: 10px; } .sidebar .color4 .teaser_button1, .sidebar .color4 .product_filter .productfilter_head button, .product_filter .productfilter_head .sidebar .color4 button, .sidebar .color4 .productlist_item .productlist_item_morelink, .productlist_item .sidebar .color4 .productlist_item_morelink, .sidebar .color4 .tx-powermail .powermail_submit, .tx-powermail .sidebar .color4 .powermail_submit, .sidebar .color4 .teaser_button2, .sidebar .color4 .teaser_button3, .sidebar .color4 .teaser_button4 { margin-top: 0; } .teaser, .hometeaser { background: #f4f4f4; margin-bottom: 9px; } .teaser .article, .hometeaser .article { padding: 17px 15px; padding-top: 0; font-size: 12px; color: #6c6c6c; } .teaser .article h3, .hometeaser .article h3 { font-size: 12px; font-weight: bold; color: black; margin-bottom: 5px; } .teaser .article p, .hometeaser .article p { line-height: 18px; } .teaser .article a, .hometeaser .article a { color: #54c970; } .hometeaser_container .teaser_headline, .content .teaser_headline, .products-lightbox-inner .teaser_headline, .sidebar .teaser_headline { font-size: 16px; color: #6a6a6a; text-transform: uppercase; padding: 11px 15px 17px 15px; border-bottom: 1px solid #d2d2d2; font-weight: normal; } .hometeaser_container .teaser_headline.icon-success_stories:before, .content .teaser_headline.icon-success_stories:before, .products-lightbox-inner .teaser_headline.icon-success_stories:before, .sidebar .teaser_headline.icon-success_stories:before { content: "\e603"; display: inline-block; margin-right: 16px; font-size: 28px; } .hometeaser_container .teaser_headline.icon-events, .content .teaser_headline.icon-events, .products-lightbox-inner .teaser_headline.icon-events, .sidebar .teaser_headline.icon-events { position: relative; padding-left: 50px; padding-top: 23px; } .hometeaser_container .teaser_headline.icon-events:before, .content .teaser_headline.icon-events:before, .products-lightbox-inner .teaser_headline.icon-events:before, .sidebar .teaser_headline.icon-events:before { position: absolute; content: "\e602"; display: inline-block; font-size: 25px; left: 15px; top: 17px; } .hometeaser_container .teaser_headline.icon-videos, .content .teaser_headline.icon-videos, .products-lightbox-inner .teaser_headline.icon-videos, .sidebar .teaser_headline.icon-videos { position: relative; padding-left: 50px; padding-top: 23px; } .hometeaser_container .teaser_headline.icon-videos:before, .content .teaser_headline.icon-videos:before, .products-lightbox-inner .teaser_headline.icon-videos:before, .sidebar .teaser_headline.icon-videos:before { position: absolute; content: "\e604"; display: inline-block; font-size: 21px; left: 15px; top: 17px; } .hometeaser_container .teaser_headline.icon-contact_us, .content .teaser_headline.icon-contact_us, .products-lightbox-inner .teaser_headline.icon-contact_us, .sidebar .teaser_headline.icon-contact_us { position: relative; padding-left: 50px; padding-top: 23px; } .hometeaser_container .teaser_headline.icon-contact_us:before, .content .teaser_headline.icon-contact_us:before, .products-lightbox-inner .teaser_headline.icon-contact_us:before, .sidebar .teaser_headline.icon-contact_us:before { position: absolute; content: "\e601"; display: inline-block; font-size: 30px; left: 15px; top: 17px; } .hometeaser_container .teaser_headline.icon-links, .content .teaser_headline.icon-links, .products-lightbox-inner .teaser_headline.icon-links, .sidebar .teaser_headline.icon-links { position: relative; padding-left: 50px; padding-top: 23px; } .hometeaser_container .teaser_headline.icon-links:before, .content .teaser_headline.icon-links:before, .products-lightbox-inner .teaser_headline.icon-links:before, .sidebar .teaser_headline.icon-links:before { position: absolute; content: "\e606"; display: inline-block; font-size: 30px; left: 15px; top: 17px; } .hometeaser_container .teaser_headline.icon-star, .content .teaser_headline.icon-star, .products-lightbox-inner .teaser_headline.icon-star, .sidebar .teaser_headline.icon-star { position: relative; padding-left: 50px; padding-top: 23px; } .hometeaser_container .teaser_headline.icon-star:before, .content .teaser_headline.icon-star:before, .products-lightbox-inner .teaser_headline.icon-star:before, .sidebar .teaser_headline.icon-star:before { position: absolute; content: "\e605"; display: inline-block; font-size: 30px; left: 15px; top: 17px; } .color1 .teaser_headline.icon-success_stories:before, .color1 .teaser_headline.icon-events:before, .color1 .teaser_headline.icon-videos:before, .color1 .teaser_headline.icon-contact_us:before, .color1 .teaser_headline.icon-links:before, .color1 .teaser_headline.icon-star:before { color: #41c363; } .color2 .teaser_headline.icon-success_stories:before, .color2 .teaser_headline.icon-events:before, .color2 .teaser_headline.icon-videos:before, .color2 .teaser_headline.icon-contact_us:before, .color2 .teaser_headline.icon-links:before, .color2 .teaser_headline.icon-star:before { color: #72777d; } .color3 .teaser_headline.icon-success_stories:before, .color3 .teaser_headline.icon-events:before, .color3 .teaser_headline.icon-videos:before, .color3 .teaser_headline.icon-contact_us:before, .color3 .teaser_headline.icon-links:before, .color3 .teaser_headline.icon-star:before { color: #008db7; } .color4 .teaser_headline.icon-success_stories:before, .color4 .teaser_headline.icon-events:before, .color4 .teaser_headline.icon-videos:before, .color4 .teaser_headline.icon-contact_us:before, .color4 .teaser_headline.icon-links:before, .color4 .teaser_headline.icon-star:before { color: #41c363; } .related_link { margin-bottom: 8px; /* max-width:240px; float:left; */ } @media (min-width: 980px) { .related_link { float: none; width: 100%; } } .related_link figure { width: 62px; float: left; margin-right: 18px; } .related_link .teaser_button { margin-top: 0; } table.contenttable, table.centeredHead, table.centered, table.fullwidth { border: 2px solid #d2d2d2; margin-bottom: 15px; } table.contenttable tr:nth-of-type(odd), table.centeredHead tr:nth-of-type(odd), table.centered tr:nth-of-type(odd), table.fullwidth tr:nth-of-type(odd) { background-color: #f4f4f4; } table.contenttable th, table.centeredHead th, table.centered th, table.fullwidth th { font-size: 12px; font-weight: bold; border-bottom: 2px solid #d2d2d2; padding: 10px 5px; background-color: white; } table.contenttable h4, table.centeredHead h4, table.centered h4, table.fullwidth h4 { font-size: 12px; } table.contenttable td, table.centeredHead td, table.centered td, table.fullwidth td { padding: 5px; vertical-align: top; } table.contenttable tbody, table.centeredHead tbody, table.centered tbody, table.fullwidth tbody { padding-top: 10px; } table.contenttable p, table.centeredHead p, table.centered p, table.fullwidth p { margin-bottom: 0; } table.centeredHead th { text-align: center; background: none; } table.centered td, table.centered th { text-align: center; } table.fullwidth { width: 100%; } .mimetypes-sprite, a.pdf:before, a.xls:before, a.xlsx:before, a.doc:before, a.docx:before, a.zip:before, a.jpg:before, a.png:before, a.gif:before, a.eps:before { background-image: url('../Images/mimetypes-s440a2bf0b4.png'); background-repeat: no-repeat; } a.pdf:before, a.xls:before, a.xlsx:before, a.doc:before, a.docx:before, a.zip:before, a.jpg:before, a.png:before, a.gif:before, a.eps:before { content: ''; background-position: 0 -204px; height: 14px; width: 14px; width: 16px; line-height: 24px; padding: 0 10px 0 8px; position: absolute; left: 0; top: 3px; } a.pdf:before { background-position: 0 -238px; height: 14px; width: 14px; } a.xls:before, a.xlsx:before { background-position: 0 -34px; height: 14px; width: 14px; } a.doc:before, a.docx:before { background-position: 0 -510px; height: 14px; width: 14px; } a.zip:before { background-position: 0 0; height: 14px; width: 14px; } a.jpg:before, a.png:before, a.gif:before, a.eps:before { background-position: 0 -136px; height: 14px; width: 14px; } a.pdf, a.xls, a.xlsx, a.doc, a.docx, a.zip, a.jpg, a.png, a.gif, a.eps, a.noIcon { background: none; padding-left: 18px; position: relative; display: inline-block; } ul.csc-uploads span, .home ol.csc-uploads span, .content ol.csc-uploads span, .sidebar ol.csc-uploads span { display: inline; } ul.csc-uploads li, .home ol.csc-uploads li, .content ol.csc-uploads li, .sidebar ol.csc-uploads li { background-image: none; padding-left: 0; } .sidebar .csc-uploads { padding: 17px 15px; padding-top: 0; } .sidebar .csc-uploads span.csc-uploads-fileName { text-decoration: none; } .sidebar .csc-uploads span.csc-uploads-fileName:hover { text-decoration: underline; } div.csc-textpic-intext-right .csc-textpic-imagewrap { float: none; margin-left: 0; } @media (min-width: 480px) { div.csc-textpic-intext-right .csc-textpic-imagewrap { float: right; margin-left: 10px; width: 50%; } } div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { float: none; margin-left: 0; } @media (min-width: 480px) { div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { float: right; margin-left: 10px; width: 50%; } } div.csc-textpic-intext-right-nowrap .csc-textpic-text { margin-right: 0; } @media (min-width: 480px) { div.csc-textpic-intext-right-nowrap .csc-textpic-text { margin-right: 50%; } } div.csc-textpic-intext-left .csc-textpic-imagewrap { float: none; margin-right: 0; } @media (min-width: 480px) { div.csc-textpic-intext-left .csc-textpic-imagewrap { float: left; margin-right: 10px; width: 50%; } } div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { float: none; margin-right: 0; } @media (min-width: 480px) { div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { float: left; margin-right: 10px; width: 50%; } } div.csc-textpic-intext-left-nowrap .csc-textpic-text { margin-left: 0; } @media (min-width: 480px) { div.csc-textpic-intext-left-nowrap .csc-textpic-text { margin-left: 50%; } } .main div.csc-textpic .csc-textpic-imagewrap figure, #keyvisual div.csc-textpic .csc-textpic-imagewrap figure, .main div.csc-textpic figure.csc-textpic-imagewrap, #keyvisual div.csc-textpic figure.csc-textpic-imagewrap { display: block; } div.csc-textpic-center .csc-textpic-center-inner { float: none; position: static; right: auto; } div.csc-textpic-center .csc-textpic-center-outer { float: none; position: static; right: auto; } div.csc-textpic-center img { margin: 0 auto; } figcaption.csc-textpic-caption { display: block; margin-top: 6px; } .searchform { display: inline-block; float: right; font-size: 12px; } .searchform input[type="text"] { font-size: 12px; border-radius: 5px; height: 30px; margin-top: 11px; margin-right: 5px; border: none; padding: 2px 14px; width: 190px; } @media (min-width: 980px) { .searchform input[type="text"] { width: 260px; } } .searchform input[type="text"]:focus { outline: none; } .searchform button { padding: 0; line-height: 10; background: none; outline: none; border: none; height: 43px; display: block; float: right; color: #FFF; margin-right: 20px; } .searchform button i { display: block; } .searchform button i:after { content: "\e600"; font-size: 30px; margin-top: 11px; padding: 0; cursor: pointer; display: block; } .tx-indexedsearch .browsebox li { background: none; } .socialmedia-sprite, .sm_linkedin, .sm_twitter, .sm_youtube { background-image: url('../Images/socialmedia-se7e5f3581e.png'); background-repeat: no-repeat; } .socialmedia_container_mobile { display: block; } @media (min-width: 980px) { .socialmedia_container_mobile { display: none; } } .socialmedia_container_desktop { display: none; } @media (min-width: 980px) { .socialmedia_container_desktop { display: block; float: right; margin-top: 28px; } } .socialmedia { width: 150px; margin: 0 auto; display: block; margin-top: 15px; margin-bottom: 22px; } .socialmedia li { display: inline; } .sm_linkedin, .sm_twitter, .sm_youtube { background-position: 0 0; color: #000; display: inline-block; padding-left: 40px; padding-top: 8px; height: 27px; } .sm_twitter { background-position: 0 -40px; } .sm_youtube { padding-left: 55px; background-position: 0 -82px; } .two_col_ordered_list { padding-top: 10px; } .two_col_ordered_list .list_element { margin-bottom: 25px; } .two_col_ordered_list h3 { font-size: 12px; font-weight: bold; margin-bottom: 0; } .two_col_ordered_list h3 span { display: inline-block; font-size: 24px; font-weight: normal; } .two_col_ordered_list ul li, .two_col_ordered_list .home ol li, .home .two_col_ordered_list ol li, .two_col_ordered_list .content ol li, .content .two_col_ordered_list ol li, .two_col_ordered_list .sidebar ol li, .sidebar .two_col_ordered_list ol li { background: url('data:image/gif;base64,R0lGODlhAwADAIABAEHDY////yH5BAEAAAEALAAAAAADAAMAAAIEBGIZBQA7') no-repeat left 4px; padding-left: 14px; margin-bottom: 8px; } .two_col_ordered_list .col1 { width: 100%; clear: right; float: right; margin-right: 0; } @media (min-width: 980px) { .two_col_ordered_list .col1 { width: 48.93617%; clear: right; float: left; margin-left: 0; margin-right: 2.12766%; padding-right: 30px; margin-right: 0; } } .two_col_ordered_list .col2 { width: 100%; clear: right; float: right; margin-right: 0; } @media (min-width: 980px) { .two_col_ordered_list .col2 { width: 48.93617%; clear: right; float: left; margin-left: 0; margin-right: 2.12766%; padding-left: 30px; margin-right: 0; } } .header-slider { background: #ccc; border-width: 1px 0; position: relative; height: 318px; } /** * BxSlider v4.1.2 - Fully loaded, responsive content slider * http://bxslider.com * * Written by: Steven Wanderski, 2014 * http://stevenwanderski.com * (while drinking Belgian ales and listening to jazz) * * CEO and founder of bxCreative, LTD * http://bxcreative.com */ /** RESET AND LAYOUT ===================================*/ .bx-wrapper { position: relative; margin: 0 auto; padding: 0; *zoom: 1; } .bx-wrapper img { max-width: 100%; display: block; } .bxslider { margin: 0; padding: 0; list-style: none; } .bxslider > li { height: 35,714285714%; background: no-repeat center center; } .bxslider > li.clickable { cursor: pointer; } .bxslider > li a { color: inherit; text-decoration: none; } .keyvisualContent { max-width: 980px; margin: 0 auto; position: relative; } .keyvisualContent_inner { position: absolute; top: 38.57143%; right: 0; color: #FFF; } .keyvisualContent_inner p.title { font-weight: bold; font-size: 15px; line-height: 15px; padding: 10px; background: #41c363; background-color: rgba(65, 195, 99, 0.6); text-shadow: 1px 1px 1px #000; } @media (min-width: 980px) { .keyvisualContent_inner p.title { font-size: 25px; line-height: 25px; padding: 15px; } } .keyvisualContent_inner a.button { display: none; } /* .keyvisualImage{ position: absolute; left: 400px; top: -300px; display: none; } */ .keyvisualImage { float: right; text-align: center; width: 150px; } .keyvisualImage img { display: inline; } /** THEME ===================================*/ .bx-wrapper .bx-viewport { -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); -ms-transform: translatez(0); transform: translatez(0); } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: 0px; width: 100%; } .bx-wrapper .bx-pager { position: relative; width: 920px; margin: -45px auto 0 auto; text-align: left; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; float: right; display: inline-block; width: auto; margin-right: 20px; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { background: #FFF; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; border-radius: 5px; box-shadow: 0px 0px 5px #333333; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #41C363; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-controls-direction { display: none; } .bx-wrapper .bx-prev { left: 10px; } .bx-wrapper .bx-next { right: 10px; } /* .bx-wrapper .bx-prev:hover{ background-position: 0 0; } .bx-wrapper .bx-next:hover{ background-position: -43px 0; } */ .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 40px; height: 40px; text-indent: -9999px; z-index: 9999; opacity: 0.5; } .bx-wrapper .bx-controls-direction a:hover { opacity: 1; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666 \9; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } .bx-controls.bx-has-pager.bx-has-controls-direction { max-width: 980px; margin: 0 auto; position: relative; text-align: right; } .tx-ave-slider .bx-wrapper .bx-viewport { box-shadow: none; } .tx-ave-slider .bx-wrapper .bx-pager.bx-default-pager a { box-shadow: none; } .page-navigation, .news .page-navigation { background-color: #f4f4f4; border: 1px solid #d2d2d2; border-left: none; border-right: none; text-align: center; font-size: 10px; padding: 12px 0; clear: both; position: relative; } .page-navigation p, .news .page-navigation p { position: absolute; } .page-navigation .f3-widget-paginator { display: inline-block; margin: 0 auto; } .page-navigation .f3-widget-paginator li { display: inline-block; background: none; margin-bottom: 0; padding-left: 4px; } .page-navigation .f3-widget-paginator li a { color: #6c6c6c; } .page-navigation .f3-widget-paginator li.current a, .page-navigation .f3-widget-paginator li.active a { color: #41c363; } .page-navigation .f3-widget-paginator li.previous { padding-left: 0; padding-right: 6px; } .page-navigation .f3-widget-paginator li.next { padding-left: 10px; padding-right: 0px; } .news .news_list_date, .news .news_detail_date { color: #6c6c6c; margin-bottom: 6px; font-size: 12px; } .news h3.news_list_headline { margin-bottom: 6px; } .news h3.news_list_headline a { font-size: 14px; font-weight: bold; color: black; } .news .news_list_teaser { color: #6c6c6c; } .news .teaser_button1, .news .product_filter .productfilter_head button, .product_filter .productfilter_head .news button, .news .productlist_item .productlist_item_morelink, .productlist_item .news .productlist_item_morelink, .news .tx-powermail .powermail_submit, .tx-powermail .news .powermail_submit { margin-top: 5px; } .news article { padding: 22px 0; border-bottom: 1px solid #d2d2d2; } .news .backbutton:before { content: "\f0d9"; } .news-detail-contentwrap { width: 100%; overflow: hidden; } .news-img-wrap { margin-bottom: 15px; } @media (min-width: 480px) { .news-img-wrap { float: right; max-width: 200px; } } .news-single .article .teaser_button1, .news-single .article .product_filter .productfilter_head button, .product_filter .productfilter_head .news-single .article button, .news-single .article .productlist_item .productlist_item_morelink, .productlist_item .news-single .article .productlist_item_morelink, .news-single .article .tx-powermail .powermail_submit, .tx-powermail .news-single .article .powermail_submit { margin-top: 15px; } .home .news article { padding: 17px 15px; padding-top: 0; font-size: 12px; border-bottom: none; } .home .news article h3.news_list_headline { margin-top: 15px; } .home .news article:first-child { border-bottom: 1px solid #d2d2d2; } .home .news article:first-child h3.news_list_headline { margin-top: 0; } .product_filter { background: #fff; } .product_filter form { padding-left: 15px; padding-bottom: 20px; margin: 10px; background-color: #f4f4f4; font-size: 0.9em; } .product_filter .productfilter_head { padding: 15px 7px 14px 0; } .product_filter .productfilter_head h3 { color: #41c363; font-size: 20px; font-weight: normal; display: inline-block; margin: 0; margin-top: 7px; float: left; } .product_filter .productfilter_head button { float: right; } .product_filter .productfilter_categories li:first-of-type { border-top: 0 !important; } .product_filter .productfilter_categories a { padding-left: 0 !important; } .product_filter .productfilter_categories a:after { content: "\f0da"; font-size: 18px; float: right; top: 2px; -webkit-transition: all 0.3s; transition: all 0.3s; } .product_filter .productfilter_categories a.openproductfilter:after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .product_filter .productfilter_categories a.openproductfilter + fieldset { display: block; } .product_filter .productfilter_categories fieldset { display: none; } .product_filter .productfilter_category_row { position: relative; float: left; clear: both; /* height: 20px; */ width: 100%; margin-bottom: 5px; min-height: 20px; margin-left: -2px; } .product_filter .productfilter_category_row input[type="checkbox"] { margin: 0px; padding: 0; display: none; } .product_filter .productfilter_category_row input[type="checkbox"] + label { position: absolute; left: 0; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAQAAACRZI9xAAAAuklEQVQoz42SuxGDQAxExTB0Q34dQQQ1XB0QOCcE2yEVYOaeCiCCPhww/MzHbKbV7ul3IjOaAONirIsxTSB7uIQBJcOSoQwuEW+VLnz3oCNcGEJqysKfYo9KXxvPyL75TI6UeicYRZ1Lxib7dYk1CBmaQDConALFiEbkF5LMxYLFXkgs9tYr/3u5MZEIKd3JXmqXTOpWn4fbLWe28Kmof27U0S43Gj0pPUqOJUfpSQ9KNwFGI6xG2//yBWYkfTHSaAKbAAAAAElFTkSuQmCC') no-repeat left 2px; padding-left: 22px; font-size: 11px; color: #6c6c6c; } .product_filter .productfilter_category_row input[type="checkbox"]:checked + label { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAABmklEQVR42o1UPUsDQRCdKGonNiI2NjYWNmIR8H9oY2MhESR3v+EqKwuxTMCAH8nlwCZ+lLGwjXJZUgcEr1ILIRqU+PGebI5lvTtdeMyyO+/tzOzsStJotVpj7XY7H4bhFqynbZ7r8p8BggNCBCigRBFtFde5D7dcIjkIglE4VODYBRaTfLgONIEG/e39HDbOlFIXKafYvpfAjX2CyxOyBJxjmXTr8vWDmqwwYqZmFvFep5A8PBlxfLkC+hB5hj3VqUXkC6sOKMkYIO26vvQg8ObUJVz1ZFxnoMgX1KGASTlNAMQ1EF90Kk+bVZkxylDi9XPiEcOiEXEENVmKBWhPZNnQj7lxJIVDmUPY73AewM47BzKN+QNEPim07cu6wbci0TUp1mQHzo/AAOQ7CIWsAdBDPfbEHmZNzNuBc6DDf6UF+sA1b8cWMG/H7JOusy8TiKDDtCD4ARttVGQqpeGa7BNb+Rb1OS8cyeywqYpVWcjo2Abnv94OW58n/PF2ujyQ/lnvwtU1UkAZ8LRVet21SZn/ib5+jzbrP/kGyJl8hJECQyEAAAAASUVORK5CYII=') no-repeat left 1px; } .product_filter .toggleContent { clear: both; } .product_filter .toggleContent .productfilter_category_row { margin-left: 0; } .product_filter .productfilter_categories a.showMoreOrLess { color: #41c363; font-weight: normal; } .product_filter .productfilter_categories a.showMoreOrLess:after { content: ''; } .product_filter #filter_reset { cursor: pointer; } .productpage .content { padding-right: 20px; padding-left: 0px; } @media (min-width: 980px) { .productpage .content { width: 100%; padding-right: 0; padding-left: 20px; } } .productpage .content .page-navigation { background-color: #f4f4f4; border: 1px solid #d2d2d2; border-left: none; border-right: none; text-align: center; font-size: 10px; padding: 12px 0; } .productpage .content .page-navigation p { position: absolute; } .productpage .content .page-navigation .f3-widget-paginator { display: inline-block; margin: 0 auto; } .productpage .content .page-navigation .f3-widget-paginator li { display: inline-block; background: none; margin-bottom: 0; padding-left: 4px; } .productpage .content .page-navigation .f3-widget-paginator li a { color: #6c6c6c; } .productpage .content .page-navigation .f3-widget-paginator li.current a, .productpage .content .page-navigation .f3-widget-paginator li.active a { color: #41c363; } .productpage .content .page-navigation .f3-widget-paginator li.previous { padding-left: 0; padding-right: 6px; } .productpage .content .page-navigation .f3-widget-paginator li.next { padding-left: 10px; padding-right: 0px; } .productpage .content h1 { margin-top: 27px; } @media (min-width: 980px) { .productpage .content h1 { margin-top: 0; } } @media (min-width: 980px) { .productlist_container { margin-top: -3px; } } .page-navigation + .productlist_item:first-of-type { border-top: none; } .productlist_item { background: white; padding: 17px 0; position: relative; float: left; width: 100%; border-bottom: 1px solid #d2d2d2; } .productlist_item:first-of-type { border-top: 1px solid #D2D2D2; } .productlist_item:last-of-type { border-bottom: none; } .productlist_item.new:after { background: url(../Images/newflag.gif) no-repeat left top; width: 56px; height: 56px; content: ''; position: absolute; right: 0; top: 0; } .productlist_item .productlist_col1, .productlist_item .productlist_col2, .productlist_item .productlist_col3 { float: left; width: 100%; margin-bottom: 25px; } @media (min-width: 980px) { .productlist_item .productlist_col1, .productlist_item .productlist_col2, .productlist_item .productlist_col3 { width: 31.50685%; margin-bottom: 0; } } @media (min-width: 980px) { .productlist_item .productlist_col2, .productlist_item .productlist_col3 { width: 34.24658%; } } .productlist_item .productlist_col3 { margin-bottom: 0; } @media (min-width: 980px) { .productlist_item .productlist_col3 { position: relative; padding-bottom: 28px; } } @media (min-width: 980px) { .productlist_item.new .productlist_col3 { padding-right: 66px; } } .productlist_item .productlist_item_brand img { margin-bottom: 25px; } .productlist_item .productlist_item_name { font-size: 15px; margin-bottom: 5px; } @media (min-width: 980px) { .productlist_item .productlist_item_name { margin-bottom: 25px; padding-right: 10px; } } .productlist_item .productlist_item_name br { display: none; } @media (min-width: 980px) { .productlist_item .productlist_item_name br { display: block; } } .productlist_item .productlist_item_code { color: #6c6c6c; font-size: 15px; } .productlist_item .productlist_item_features { margin-bottom: 0; } .productlist_item .productlist_item_features li { background: url(../Images/productlist_bullet.gif) no-repeat left 8px; color: #6c6c6c; font-size: 12px; margin-bottom: 0; } @media (min-width: 980px) { .productlist_item .productlist_item_features li { padding-right: 10px; } } .productlist_item .productlist_item_downloads { float: left; width: 73.21429%; margin-bottom: 0; } @media (min-width: 980px) { .productlist_item .productlist_item_downloads { float: none; width: 100%; } } .productlist_item .productlist_item_downloads li { background: none; padding-left: 0; } .productlist_item .productlist_item_morelink { margin-top: 0; float: right; } @media (min-width: 980px) { .productlist_item .productlist_item_morelink { float: none; position: absolute; bottom: 0; } } .productdetail_name h1 { font-size: 18px; font-weight: bold; color: black; margin-bottom: 5px; line-height: 27px; } @media (min-width: 980px) { .productdetail_name h1 { margin-bottom: 15px; } } .productdetail_name h1 br { display: none; } @media (min-width: 980px) { .productdetail_name h1 br { display: block; } } .productdetail_code { color: #41c363; font-size: 15px; margin-bottom: 25px; } .productdetail_brand { float: none; } @media (min-width: 980px) { .productdetail_brand { float: right; width: 50%; } } .productdetail_brand img { margin-bottom: 25px; } @media (min-width: 980px) { .productdetail_brand img { margin: 0 auto; } } .productdetail_features_container { margin-bottom: 25px; width: 100%; } @media (min-width: 980px) { .productdetail_features_container { width: 50%; float: left; } } .productdetail_features_container dl dt { font-size: 12px; color: #6c6c6c; font-weight: bold; float: left; border-bottom: 1px dotted #6c6c6c; clear: both; width: 50%; position: relative; height: 12px; margin-bottom: 10px; } .productdetail_features_container dl dt span { position: absolute; top: 2px; background-color: #fff; height: 16px; display: inline-block; padding-right: 5px; } .productdetail_features_container dl dd { font-size: 12px; color: #6c6c6c; float: right; width: 50%; padding-left: 5px; margin-top: 2px; } .productdetail_annotation { font-size: 12px; color: #6c6c6c; line-height: 20px; clear: both; } .backbutton { margin-top: 25px; } .backbutton:before { content: "\f0d9"; } /** TABS **/ #product-tabs-header { padding-top: 20px; } #product-tabs-header ul, #product-tabs-header .home ol, .home #product-tabs-header ol, #product-tabs-header .content ol, .content #product-tabs-header ol, #product-tabs-header .sidebar ol, .sidebar #product-tabs-header ol { border-bottom: 2px solid #d2d2d2; width: 100%; margin-bottom: 20px; z-index: 403; min-height: 34px; } #product-tabs-header li { display: inline-block; border: 2px solid #d2d2d2; background-image: none; margin-bottom: -2px; padding: 5px 15px; margin-right: 3px; background-color: #f4f4f4; z-index: 407; } #product-tabs-header li.active { background-color: white; border-bottom: 2px solid white; } #product-tabs-header.morelines.active { border-bottom: 2px solid #d2d2d2; } #product-tabs.accordeon { margin-top: 20px; } #product-tabs.accordeon .tab-header { display: block; width: 100%; background-color: #f4f4f4; background-color: #f4f4f4; padding: 10px; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; margin-bottom: 4px; font-size: 1.2em; font-weight: normal; cursor: pointer; } #product-tabs.accordeon .tab-header a { color: #6a6a6a; } #product-tabs.accordeon .tab-header a:after { content: '+'; color: #41c363; font-size: 25px; font-weight: bold; float: right; margin-top: -6px; } #product-tabs.accordeon .tab-header.opened a:after { content: '-'; margin-top: -8px; margin-right: 3px; } .tab-content { clear: both; padding-top: 20px; } .officesform { margin-bottom: 15px; } .office { min-height: 140px; } .loading { background: transparent url(../Img/ajax-loader.gif) no-repeat center center; } .parsley-errors-list { /*display:none;*/ font-weight: bold; color: #41c363; } .tx-powermail { font-size: 12px; color: #6c6c6c; } .tx-powermail form { border: 1px solid #d2d2d2; width: 100%; padding-bottom: 22px; } .tx-powermail legend { display: none; } .tx-powermail legend.powermail_radio_legend { display: block; margin-left: 7px; margin-bottom: 5px; } .tx-powermail h3 { font-size: 20px; font-weight: normal; color: #41c363; border-bottom: 1px solid #d2d2d2; padding: 16px 7px; margin-bottom: 23px; } .tx-powermail .powermail_radio_outer { margin-bottom: 15px; } .tx-powermail .powermail_radio_inner { position: relative; min-height: 20px; margin-left: 7px; margin-right: 7px; margin-bottom: 3px; } .tx-powermail .powermail_radio_inner input[type="radio"] { display: none; position: absolute; } .tx-powermail .powermail_radio_inner input[type="radio"]:checked + label { background: url(../Images/radio_checked.png) no-repeat left 0px; } .tx-powermail .powermail_radio_inner label { left: 0; background: url(../Images/checkbox.png) no-repeat left 0px; padding: 1px 0px 2px 20px; font-size: 12px; color: #6c6c6c; line-height: 1.4; display: inline-block; } .tx-powermail .powermail_fieldwrap_textarea { margin-left: 7px; margin-right: 7px; } .tx-powermail .powermail_fieldwrap_textarea label { display: block; margin-bottom: 5px; } .tx-powermail .powermail_fieldwrap_textarea textarea { min-height: 63px; width: 100%; max-width: 467px; border: 1px solid #d2d2d2; } .tx-powermail .powermail_fieldwrap_textarea textarea:focus { outline: none; } .tx-powermail .powermail_fieldwrap_text { margin: 35px 7px 15px 7px; margin-top: 35px; } .tx-powermail .powermail_fieldwrap_input { margin-left: 7px; margin-right: 7px; margin-bottom: 20px; } .tx-powermail .powermail_fieldwrap_input label { display: block; margin-bottom: 5px; } .tx-powermail .powermail_fieldwrap_input input[type="text"], .tx-powermail .powermail_fieldwrap_input input[type="email"] { width: 100%; max-width: 467px; border: 1px solid #d2d2d2; padding: 10px 5px; } .tx-powermail .powermail_fieldwrap_input input[type="text"]:focus, .tx-powermail .powermail_fieldwrap_input input[type="email"]:focus { outline: none; } .tx-powermail .powermail_fieldwrap_select { margin-left: 7px; margin-right: 7px; margin-bottom: 20px; } .tx-powermail .powermail_fieldwrap_select label { display: block; margin-bottom: 5px; } .tx-powermail .powermail_fieldwrap_select .powermail_country { width: 100%; max-width: 467px; } .tx-powermail .powermail_fieldwrap_select .selector { width: 100%; max-width: 467px; } .tx-powermail .powermail_fieldwrap_select .selector select { width: 100%; margin-left: 10px; } .tx-powermail .powermail_fieldwrap_select div.selector { background: none; border: 1px solid #d2d2d2; height: 35px; } .tx-powermail .powermail_fieldwrap_select div.selector.fixedWidth span { max-width: 467px; width: 100%; background: none; margin-top: 4px; background: url(../Images/select_arrow.gif) no-repeat right 11px; } .tx-powermail .powermail_submit { border: 1px solid red; margin: 0 7px; margin-top: 15px; } .tx-powermail .powermail_submit:focus { outline: none; } .tx-powermail .powermail_all { line-height: 20px; } .tx-powermail .powermail_all dt { float: left; font-weight: bold; width: 200px; clear: both; padding-right: 20px; } .tx-powermail .powermail_all dd { min-width: 200px; float: left; } .tx-embedded-contacts .selector { width: 100%; max-width: 467px; } .tx-embedded-contacts .selector select { width: 100%; margin-left: 10px; } .tx-embedded-contacts div.selector { background: none; border: 1px solid #d2d2d2; height: 35px; background-color: #fff; } .tx-embedded-contacts div.selector.fixedWidth { width: 100%; } .tx-embedded-contacts div.selector.fixedWidth span { max-width: 467px; width: 100%; background: none; margin-top: 4px; background: white url(../Images/select_arrow.gif) no-repeat right 11px; } .tx-embedded-contacts .hideme { display: none; } .searchform { display: inline-block; float: right; font-size: 12px; } .searchform input[type="text"] { font-size: 12px; border-radius: 5px; height: 30px; margin-top: 11px; margin-right: 5px; border: none; padding: 2px 14px; width: 190px; } @media (min-width: 980px) { .searchform input[type="text"] { width: 260px; } } .searchform input[type="text"]:focus { outline: none; } .searchform button { padding: 0; line-height: 10; background: none; outline: none; border: none; height: 43px; display: block; float: right; color: #FFF; margin-right: 20px; } .searchform button i { display: block; } .searchform button i:after { content: "\e600"; font-size: 30px; margin-top: 11px; padding: 0; cursor: pointer; display: block; } .tx-indexedsearch .browsebox li { background: none; } .ui-accordion-header { border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; background: #f4f4f4; padding: 14px 11px; position: relative; margin-bottom: 5px; cursor: pointer; font-size: 18px; font-weight: normal; line-height: 1; } .ui-accordion-header .ui-accordion-header-icon { display: block; float: right; } .ui-accordion-header .ui-accordion-header-icon:after { content: '+'; color: #41c363; font-size: 28px; font-weight: bold; position: absolute; right: 11px; top: 10px; width: 30px; text-align: center; } .ui-accordion-header.ui-accordion-header-active .ui-accordion-header-icon:after { content: '-'; } .ui-accordion-content { padding: 13px; display: none; } .ui-accordion-content.ui-accordion-content-active { display: block; } .content .tabs-selector { list-style: none; padding: 0; margin: 0 !important; border-bottom: 1px solid #d2d2d2; } .content .tabs-selector li { display: inline-block; list-style: none; background: #f4f4f4; border: 1px solid #d2d2d2; margin: 0 -1px -1px 0; padding: 14px 11px; cursor: pointer; font-size: 14px; } .content .tabs-selector li.ui-tabs-active { background: #FFF; border-bottom: 1px solid #FFF; } .content .tabs-selector li a { text-decoration: none; color: inherit; } .content .tab-content { padding: 14px 0; } .svg-wrapper { display: inline-block; position: relative; width: 100%; padding-bottom: 56.25%; vertical-align: top; } .svg-wrapper svg { display: inline-block; position: absolute; top: 0; left: 0; } a .hotspot { fill: transparent; } a path + path { fill: #515151; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: .2s all ease-in; transition: .2s all ease-in; } a:hover path + path { fill: #f00; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .ajax-loader { background-image: url(../Images/ajax-loader.gif); background-position: center center; background-repeat: no-repeat; } .products-lightbox { min-height: 200px; } .products-lightbox .start-download-redirect { float: right; } #start-download-now a { color: #000; text-decoration: none; text-align: center; } .products-lightbox-inner .teaser_headline.icon-star { padding-left: 60px; padding-top: 30px; margin-bottom: 30px; } #windows-release-countdown { margin: 0 auto 15px auto; width: 190px; padding-bottom: 30px; border-bottom: 1px solid #D2D2D2; font-size: 12px; text-align: center; } #windows-release-countdown h3 { font-size: 14px; font-weight: bold; text-align: left; } #windows-release-countdown h3 a { font-size: 14px; font-weight: bold; color: black; } #windows-release-countdown .countdown-container { height: 100px; } #windows-release-countdown .time { border-radius: 5px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); display: inline-block; text-align: center; position: relative; height: 35px; width: 55px; -webkit-perspective: 500px; -ms-perspective: 500px; perspective: 500px; -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } #windows-release-countdown .count { background: #00bcf2; color: #f8f8f8; display: block; font-family: 'Oswald', sans-serif; font-size: 25px; line-height: 34px; overflow: hidden; position: absolute; text-align: center; text-shadow: 0 0 10px rgba(0, 0, 0, 0.8); top: 0; width: 100%; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-transform-style: flat; -ms-transform-style: flat; transform-style: flat; } #windows-release-countdown .count.top { border-top: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.1); border-radius: 5px 5px 0 0; height: 50%; -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; } #windows-release-countdown .count.bottom { background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0)); background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0)); background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.1), transparent); border-top: 1px solid #000; border-bottom: 1px solid #000; border-radius: 0 0 5px 5px; line-height: 0; height: 50%; top: 50%; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; } #windows-release-countdown .label { font-size: normal; margin-top: 5px; display: block; position: absolute; top: 33px; width: 100%; } /* Animation start */ #windows-release-countdown .count.curr.top { -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); z-index: 3; } #windows-release-countdown .count.next.bottom { -webkit-transform: rotateX(90deg); -ms-transform: rotateX(90deg); transform: rotateX(90deg); z-index: 2; } /* Animation end */ #windows-release-countdown .flip .count.curr.top { -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; -webkit-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); transform: rotateX(-90deg); } #windows-release-countdown .flip .count.next.bottom { -webkit-transition: all 250ms ease-in-out 250ms; transition: all 250ms ease-in-out 250ms; -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); } @media screen and (max-width: 48em) { #windows-release-countdown { width: 100%; } #windows-release-countdown .countdown-container { height: 100px; } #windows-release-countdown .time { height: 70px; width: 48px; } #windows-release-countdown .count { font-size: 1.5em; line-height: 70px; } #windows-release-countdown .label { font-size: 0.8em; top: 72px; } }