@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=106c8dd3-3231-4a8a-b760-89b24811f17c&fontids=722132,722111,722135");

/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

button,
input,
select,
textarea {
    color: #111;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

*, *:before, *:after {
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

/* FrutigerLTW01-66BoldIta */
@font-face{
    font-family:"frutiger_bold_italic";
    src:url("fonts/722132/f334dc11-1de8-4ae2-9c2a-a1cfa665263b.eot?#iefix");
    src:url("fonts/722132/f334dc11-1de8-4ae2-9c2a-a1cfa665263b.eot?#iefix") format("eot"),url("fonts/722132/f74530f5-a39c-47e3-97d9-6821fc4df8c0.woff") format("woff"),url("fonts/722132/aa626e7f-57dd-4084-9486-3eeb921333c0.ttf") format("truetype"),url("fonts/722132/8f91ebb0-2b00-4a50-baa9-865a6502384e.svg#8f91ebb0-2b00-4a50-baa9-865a6502384e") format("svg");
}
/* FrutigerLTW01-47LightCn */
@font-face{
    font-family:"frutiger_regular";
    src:url("fonts/722111/e5b1a25e-0d2b-4aec-8672-da21553f205d.eot?#iefix");
    src:url("fonts/722111/e5b1a25e-0d2b-4aec-8672-da21553f205d.eot?#iefix") format("eot"),url("fonts/722111/e59898b4-93a8-4df7-885a-7806f9f0604d.woff") format("woff"),url("fonts/722111/85928e7e-2ace-4f1d-be54-b11c333a8d97.ttf") format("truetype"),url("fonts/722111/89390d0d-7a62-493d-9e77-9c162a709520.svg#89390d0d-7a62-493d-9e77-9c162a709520") format("svg");
}
/* FrutigerLTW01-67BoldCn */
@font-face{
    font-family:"frutiger_bold";
    src:url("fonts/722135/a3a15351-8e3c-4c29-82e6-15b106c2181f.eot?#iefix");
    src:url("fonts/722135/a3a15351-8e3c-4c29-82e6-15b106c2181f.eot?#iefix") format("eot"),url("fonts/722135/f1f95a55-f0c6-4fb5-8939-b93160b7a751.woff") format("woff"),url("fonts/722135/032fd83c-fe79-47fa-9dda-0a3f03bd0506.ttf") format("truetype"),url("fonts/722135/17f04727-b70e-460f-8b5c-c8cd21771240.svg#17f04727-b70e-460f-8b5c-c8cd21771240") format("svg");
}

/* --- begin structure -------------------------------------------------------------*/

.wrapper {
    width: 87%;
    margin: 0 8% 0 5%;
    max-width: 950px;
}

.main.filter aside.unit {
    float: left;
}

.main aside.unit {
    float: right;
}

.main .tab-content aside {
    margin-left: 0;
}

article {
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
}

.main-container {
    max-width: 100%;
    overflow: hidden;
}

.footer-container {
    margin-bottom: 57px; /* height of toolbar */
}

.grid-narrow {
    /*border-bottom: 1px solid #ddd;*/
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0 0 0 -10px;
    position: relative;
    padding: 30px;
}

.corporate-detail {
    background: #fff;
}

/* --- end structure -------------------------------------------------------------*/


/* --- begin grid -------------------------------------------------------------*/
.line, .lastUnit {overflow: hidden;_overflow:visible;_zoom:1; }
.unit{float:left;_zoom:1;}
.unitExt{float:right;}
.size1of1{float:none;}
.size1of2{width:100%;}
.size1of3{width:100%;}
.size2of3{width:100%;}
.size1of4{width:100%;}
.size2of4{width:100%;}
.size3of4{width:100%;}
.size1of5{width:100%;}
.size2of5{width:100%;}
.size3of5{width:100%;}
.size4of5{width:100%;}

.unit {
    margin-bottom: 30px;
    padding: 0 15px;
}

.line {
    margin: 0 -15px;
}

.line .line {
    margin: 0 0 0 -15px;
}

.line .line .unit {
    margin-bottom: 0;
    padding: 0;
}

.line .line .unit.firstUnit {
    padding-left: 15px;
}

.line .line .unit.lastUnit {
    padding-left: 15px;
}


/* --- end grid -------------------------------------------------------------*/

/* --- begin base -------------------------------------------------------------*/

body {
    font: 16px/26px Arial, Helvetica, Helvetica Neue, sans-serif;
}

h1, .h1 {
    font-size: 36px;
    line-height: 36px;
    font-family: 'frutiger_bold_italic', Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin-top: 0;
    color: #0090d4;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1.h2 {
    font-size: 26px;
    font-family: 'frutiger_regular', Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin-top: 0;
    color: #000;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


h2,
.h2 {
    font-size: 26px;
    line-height: 1.2;
    font-family: 'frutiger_regular', Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin-top: 0;
    color: #000;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h2.h1 {
    font-size: 32px;
    font-family: 'frutiger_bold_italic', Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 14px;
    color: #0090d4;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h3, .h3 {
    font-size: 22px;
    font-family: 'frutiger_regular', Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin-top: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h4, .h4 {
    font-size: 18px;
    font-family: 'frutiger_regular', Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin-top: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h5, .h5 {
    font-size: 16px;
    font-family: 'frutiger_bold', Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin-top: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


p {
    font-size: 14px;
    line-height: 1.6;
    margin: 0 0 10px 0;
}

a {
    font-size: 16px;
    font-family: 'frutiger_bold', Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #69aaca;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a:hover {
    color: #0090d4;
}

a:focus {
    outline-width: 0;
}

a.arrow:before {
    content: "› ";
    white-space: nowrap;
}

a.print:after {
    background: url("../img/layout/ico_print.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: " ";
    display: inline-block;
    height: 20px;
    margin-bottom: -2px;
    margin-left: 12px;
    width: 27px;
}

.touch .print {
    display: none;
}

figcaption {
    font-size: 14px;
}

ul, ol {
    margin: 0;
    padding: 0;
}

thead {
    border-bottom: 1px solid #b2b2b2;
}

tbody tr {
    border-bottom: 1px solid #d9d9d9;
}

tbody tr:hover {
    background-color: #f7f7f7;
}

tr.active {
    color: #0090D4;
}

th {
    text-align: left;
    padding: 10px;
    font-family: 'frutiger_bold', Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 16px;
}

td {
    padding: 2px 10px 2px 10px;
    font-size: 14px;
    font-family: 'frutiger_regular', Arial, Helvetica, sans-serif;
}

th:first-of-type {
    border-right: 1px solid #d9d9d9;
    white-space: nowrap;
}

td:first-of-type {
    border-right: 1px solid #d9d9d9;
    white-space: nowrap;
}

input:focus {
    outline-width: 0;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type="number"] {
    -moz-appearance: textfield;
}

label {
    font-size: 12px;
}

address {
    font-style: normal;
}

.posR {
    position: relative;
}

.fLeft {
    float: left;
}

.fRight {
    float: right;
}

.tLeft {
    text-align: left;
}

.tRight {
    text-align: right;
}

.rte ul {
    list-style-type: none;
    display: inline-block;
}

.rte li {
    /*background: url("../img/layout/ico_diamond.png") no-repeat scroll 0 6px rgba(0, 0, 0, 0);
    padding-left: 22px;*/
    list-style-image: url("../img/layout/ico_diamond.png");
    color: #666666;
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 6px;
    position: relative;
    left: 22px;
}

.ui-tabs .ui-tabs-nav .rte li {
    padding-left: 25px;
}

.ui-state-active .rte a, .ui-state-active .rte a:link, .ui-state-active .rte a:visited {
    color: #69AACA;
}

.ui-state-active .rte a:hover{
    color: #0090D4;
}

.rte p {
    color: #666666;
}

.rte a {
    font-family: Arial,Helvetica,sans-serif;
}

ul.no-bullets {
    list-style-type: none;
}

.screen768 {
    display: none;
}

.h2subline {
    color: #79787B;
    font-family: 'frutiger_regular',Arial,Helvetica,sans-serif;
    font-size: 18px;
    line-height: 1.6;
    margin: -20px 0 15px;
}

.h3subline {
    font-family: 'frutiger_regular',Arial,Helvetica,sans-serif;
    font-size: 16px;
    margin: -20px 0 10px;
}

.debug {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.5;
}


/* --- end base -------------------------------------------------------------*/

.logo {
    float: left;
    left: 0;
    margin-bottom: 12px;
    margin-top: -26px;
    position: absolute;
    top: 30px;
    width: 85px;
}

.logo.fRight {
    float: right;
}

.header-checkout {
    height: 56px;
    margin: 0 0 30px;
    position: relative;
}

.menubar .logo {
    margin-top: -19px;
}

.menubar.open .logo {
    display: none;
}

.logo img {
    width: 100%;
}

.footer-foot-container .logo img {
    max-width: 115px;
}

/* --- begin top menu -------------------------------------------------------------*/

.mobile-toggle {
    text-indent: -99999em;
    width: 38px;
    height: 34px;
    background: url(../img/layout/ico_menu.png) no-repeat center center transparent;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    float: right;
}

.mobile-toggle-info {
    float: right;
    margin-left: 0;
    margin-right: 10px;
    margin-top: 10px;
}

.mobile-toggle-info .cart-amount {
    margin-right: 10px;
}

.mobile-toggle-info .selected-country {
    color: #C2C2C2;
    display: inline-block;
    font-size: 15px;
    margin-top: 3px;
    font-family: 'frutiger_regular',Arial,Helvetica,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.menubar {
    overflow: hidden;
}

.menubar.open {
    border-bottom: 1px solid #DDDDDD;
}

/* --- begin meta menu -------------------------------------------------------------*/

.menu-meta {
    overflow: hidden;
}

.menu-meta li.meta-item {
    display: block;
    float: left;
    width: 100%;
    padding: 6px 0
}


.layer a.trigger-layer-close {
    background: url('../img/layout/close.png') no-repeat 0 7px transparent;
    text-indent: -99999em;
    width: 30px;
    height: 30px;
    margin: 20px;
    position: absolute;
    right: -30px;
    top: -10px;
}

.layer a.trigger-layer-close:hover {
    background: url('../img/layout/close.png') no-repeat 0 -24px transparent;
}

.block {
    position: relative;
    overflow: hidden;
}

.layer .block {
    padding-top: 10px;
}

.change-country {
    position: relative;
}

.layer.layer-country a.trigger-layer-close {
    display: none;
}

.layer-country strong {
    display: none;
}

.list-country a {
    color: #969696;
    font-family: 'frutiger_regular',Arial,Helvetica,sans-serif;
}

.list-country a:hover {
    color: #0090D4;
}

.menu-meta .list-country li {
    display: block;
    float: left;
    margin-right: 0;
    width: 100%;
    padding: 6px 0 6px 30px;
}

.menu-meta li.meta-item > a {
    color: #969696;
    display: inline-block;
    font-family: 'frutiger_regular',Arial,Helvetica,sans-serif;
    outline: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.menu-meta a.change-country {
    background: url("../img/layout/acc_arrow.png") no-repeat scroll right -68px rgba(0, 0, 0, 0);
    padding: 0 30px 6px 0;
    position: relative;
    display: block;
}

.menu-meta .selected-country:before {
    content : "[";
}

.menu-meta .selected-country:after {
    content : "]";
}

.menu-meta a.change-country.open {
    background-position: right 12px;
    color: #000;
}

.menu-meta a:hover {
    color: #0090d4;
}

.menu-meta a.btn-one:hover {
    color: #fff;
}

.menu-meta a.active {
    color: #000;
}

.input-search {
    border: none;
    background: transparent;
    float: left;
    font-size: 14px;
    padding: 2px 5px 5px 5px;
    width: 88%;
    font-family: 'frutiger_regular', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-appearance: none;
    border-radius: 0;
    border-bottom: 1px solid #ddd;
}

.input-search::-webkit-input-placeholder { color: #d1d1d1; }
.input-search::-moz-placeholder { color:#d1d1d1; }
.input-search:-ms-input-placeholder { color:#d1d1d1; }
.input-search:-moz-placeholder { color:#d1d1d1; }

.menu-meta .form-search {
    /*background: none repeat scroll 0 0 #EDEDED;*/
    overflow: hidden;
    padding: 6px 0 0 0;
}

.menu-meta .ico-search {
    margin-top: -4px;
    float: right;
}

.cart-amount {
    background: url("../img/layout/ico-cart-amount.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FFFFFF;
    display: block;
    float: right;
    font-size: 10px;
    line-height: 14px;
    margin: 0 0 0 8px;
    padding: 0 0 0 4px;
}

.cart-amount span {
    background: url("../img/layout/ico-cart-amount.png") no-repeat scroll right -14px rgba(0, 0, 0, 0);
    display: block;
    float: right;
    height: 14px;
    margin-left: -2px;
    width: 7px;
}

.layer-myutilis strong {
    color: #000000;
    display: block;
    font-family: 'frutiger_regular',Arial,Helvetica,sans-serif;
    font-size: 22px;
    font-weight: normal;
    margin: 0 0 30px;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.form-user .listForm:first-of-type {
    margin-bottom: 30px;
}

/* --- end meta menu -------------------------------------------------------------*/

/* --- begin top menu -------------------------------------------------------------*/

.menu-top {
    margin: 0 0 30px;
    overflow: hidden;
}

.menu-top .unit {
    margin-bottom: 0;
}

.menu-top ul {
    border-top: 1px solid #DDDDDD;
}

.menu-top ul ul {
    border-top: none;
}

.menu-top li {
    border-bottom: 1px solid #DDDDDD;
    display: block;
    float: left;
    width: 100%;
}

.menu-top li:nth-last-child(2) {
    border-bottom: none;
}

.menu-top > ul > li.open:nth-last-child(2) {
    padding-bottom: 20px;
}

.menu-top li:first-of-type {
    /*border-top: 1px solid #DDDDDD;*/
}

.menu-top li:first-of-type li {
    border-top: none;
}

.menu-top li:last-of-type {
    border-bottom: none;
}

.menu-top a {
    color: #969696;
    padding: 6px 0 0;
    text-transform: uppercase;
    display: inline-block;
    font-family: 'frutiger_regular',Arial,Helvetica,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.menu-top a:hover {
    color: #0090d4;
}

.menu-top a.active {
    color: #000;
}

.menu-top a.btn-one:hover {
    color: #FFF;
}

.menu-top .list-child a {
    display: block;
}

.menu-top .mega a.overview {
    padding-left: 30px;
}

.header-corporate .menu-top .mega a.overview {
    display: none;
}

.header-checkout hr {
    bottom: 0;
    left: -320px;
    margin: 0;
    position: absolute;
    width: 1600px;
}

.header-checkout .menubar {
    height: 56px;
    width: 100%;
}

.header-checkout .logo {
    left: 15px;
    right: auto;
    width: 85px;
}


.menu-top a.trigger-mega {
    background: url("../img/layout/acc_arrow.png") no-repeat scroll right -61px rgba(0, 0, 0, 0);
    display: block;
    padding: 9px 30px 7px 0;
    position: relative;
}

.menu-top .open a.trigger-mega {
    background-position: right 18px;
    color: #000000;
}

.menu-top .screen768 {
    float: left;
    margin-bottom: 10px;
    margin-right: 20px;
    margin-top: 12px;
}

.ico-search {
    width: 30px;
    height: 26px;
    background: url("../img/layout/ico-search.png") no-repeat scroll center 5px rgba(0, 0, 0, 0);
    text-indent: -9999em;
    display: inline-block;
}

.menu-top a.ico-search {
    margin-top: 5px;
}

.header-blog a.ico-search {
    margin-bottom: 21px;
}

.menu-top ul ul {
    padding-left: 30px;
}

.menu-top ul .product-area ul {
    padding-left: 60px;
}

.product-area .btn-one {
    margin: 10px 0 20px 0;
    text-align: center;
}

.menu-top .corporate-area {
    display: none;
}

/* --- end top menu -------------------------------------------------------------*/

/* --- begin mega menu -------------------------------------------------------------*/

.mega {
    display: none;
}

.open .mega {
    display: block;
}

.open .form-search .mega {
    min-height: 0;
    padding: 15px 320px 15px 15px;
}

.open .form-search .mega {
    height: 62px;
}

.trigger-mega-close {
    font-size: 16px;
    position: absolute;
    right: 340px;
    top: 0;
}

.menu-top a.trigger-mega-close {
    height: auto;
    margin: 0;
    position: absolute;
    right: -10px;
    top: 10px;
    width: auto;
    display: none;
    text-transform: none;
}

.menu-top .form-search a.trigger-mega-close {
    top: -5px;
}

.menu-top a.trigger-mega-close span {
    background: url('../img/layout/close.png') no-repeat 0 7px transparent;
    width: 30px;
    height: 30px;
    display: none;
    margin: 0 0 0 10px;
    float: right;
}

.menu-top a.trigger-mega-close:hover span {
    background: url('../img/layout/close.png') no-repeat 0 -23px transparent;
}

.menu-top .mega li {
    border-bottom: none;
}

.mega p {
    margin: 0;
    padding: 6px 0 0 30px;
    text-transform: uppercase;
    color: #969696;
    font-family: 'frutiger_regular', Arial, Helvetica, sans-serif;
    font-size: 16px;
}


/* --- end mega menu -------------------------------------------------------------*/

/* --- end top menu -------------------------------------------------------------*/

/* --- begin breadcrumb -------------------------------------------------------------*/

.breadcrumb {
    min-height: 50px;
}

.home .breadcrumb,
.blog .breadcrumb {
    display: none;
}

.corporate .breadcrumb {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 60px;
    position: relative;
    top: 175px;
    z-index: 10;
    overflow: hidden;
}

.corporate-detail .breadcrumb {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 60px;
    position: relative;
    top: 100px;
    z-index: 10;
    overflow: hidden;
}

.breadcrumb dl {
    border-top: 1px solid #DDDDDD;
    display: block;
    margin: 0;
}

.corporate .breadcrumb dl,
.corporate-detail .breadcrumb dl {
    border-top: medium none;
    margin: 0 0 0 20px;
    height: 60px;
}

.breadcrumb hr {
    left: 10px;
    max-width: 930px;
    position: relative;
    top: -20px;
    width: 100%;
}

.breadcrumb dd {
    margin: 0 10px 0 0;
    float: left;
    display: none;
}

.corporate .breadcrumb dd,
.corporate-detail .breadcrumb dd {
    margin: 4px 10px 0 0;
}

.breadcrumb dd:nth-last-child(2) {
    display: block;
}

.breadcrumb a {
    color: #666666;
    font-size: 13px;
    font-family: 'frutiger_regular', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    padding: 12px 0;
}

.mac-os .breadcrumb a {
    letter-spacing: 0.01em;
}

.breadcrumb a:hover {
    color: #0090D4;
}

.breadcrumb strong {
    font-weight: normal;
    font-size: 13px;
    font-family: 'frutiger_regular', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 12px 0;
    display: inline-block;
}

.mac-os .breadcrumb strong {
    letter-spacing: 0.01em;
}

.breadcrumb strong:before {
    content: "› ";
}

.breadcrumb .back2shop {
    float: right;
    margin: 4px 20px 0 0;
    position: relative;
    z-index: 10;
}

.breadcrumb .back2shop a {
    color: #69aaca;
}

.breadcrumb .back2shop a:hover {
    color: #0090d4;
}

.breadcrumb .blog-meta {
    float: right;
    margin: 4px 20px 0 0;
    position: relative;
    z-index: 10;
    font-family: 'frutiger_regular',Arial,Helvetica,sans-serif;
    font-size: 13px;
    padding: 12px 0;
}

.mac-os .breadcrumb .blog-meta {
    letter-spacing: 0.01em;
}

.breadcrumb .blog-meta .pub {
    display: inline-block;
    margin-right: 20px;
}

.breadcrumb .blog-meta .comments {
    display: inline-block;
}

.blog-meta .screen768 {
    display: none;
}


/* --- end breadcrumb -------------------------------------------------------------*/

/* --- begin footer -------------------------------------------------------------*/

.footer-main-container {
    background-color: #F6F6F5;
    border-bottom: 1px solid #DDDDDD;
    margin: 30px auto 0 auto;
    max-width: 1600px;
    overflow: hidden;
    padding-top: 38px;
}

.menu-footer {
    padding-bottom: 25px;
}

.menu-footer .item-nav0 {
    display: none;
    margin-bottom: 15px;
    min-width: 160px;
}

.lt-ie10 .menu-footer .item-nav0 {
    width: 100%;
    float: left;
    padding-right: 20px;
}

.menu-footer .item-nav0 li {
    line-height: 21px;
}

.menu-footer .item-nav0.block-newsletter {
    display: block;
}

.menu-footer a.nav0,
.menu-footer p.nav0 {
    color: #000000;
    display: block;
    font-family: 'frutiger_regular',Arial,Helvetica,sans-serif;
    font-size: 18px;
    margin-bottom: 5px;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.menu-footer a.nav0:hover {
    color: #0090d4;
}

.menu-footer a {
    color: #888888;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

.menu-footer a:hover {
    color: #0090d4;
}

.menu-footer p {
    color: #888888;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
}

.menu-footer address {
    color: #888888;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
}

.menu-footer .listSocial a {
    background: url(../img/layout/social.png) no-repeat 4px 0 transparent;
    width: 32px;
    height: 32px;
    display: block;
    text-indent: -99999em;
}

.menu-footer .listSocial a.twitter {
    background-position: 4px 0;
}

.menu-footer .listSocial a.twitter:hover {
    background-position: 4px -32px;
}

.menu-footer .listSocial a.facebook {
    background-position: -24px 0;
}

.menu-footer .listSocial a.facebook:hover {
    background-position: -24px -32px;
}

.menu-footer .listSocial a.youtube {
    background-position: -52px 0;
}

.menu-footer .listSocial a.youtube:hover {
    background-position: -52px -32px;
}

.menu-footer .listSocial a.google_plus {
    background-position: -84px 0;
}

.menu-footer .listSocial a.google_plus:hover {
    background-position: -84px -32px;
}

.menu-footer .listSocial li {
    float: left;
    display: block;
}

.menu-footer .form-newsletter-subscribe {
    margin-top: 10px;
}

.menu-footer .form-newsletter-subscribe label {
    display: none;
}

.lt-ie10 .menu-footer .form-newsletter-subscribe label {
    color: #888888;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
}

.lt-ie10 .menu-footer .form-newsletter-subscribe label.error {
    color: #c90123;
}

.form-newsletter-subscribe div {
    position: relative;
}

.menu-footer input[type="text"] {
    border: 0;
    height: 31px;
    float: left;
    padding: 0 30px 0 5px;
    font-size: 12px;
    width: 160px;
}

.lt-ie10 .menu-footer input[type="text"] {
    width: 99%;
}

.menu-footer .btn-submit,
.menu-footer .form .btn-submit {
    -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.2);
    background: url("../img/layout/arrow.png") no-repeat scroll center center #FFFFFF;
    border: 1px solid #EDEDED;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
    height: 25px;
    margin-left: -24px;
    margin-top: 3px;
    width: 21px;
    padding: 0;
}

.lt-ie10 .menu-footer .btn-submit {
    position: absolute;
    right: 0;
}

.menu-footer .btn-submit:hover {
    background: url("../img/layout/arrow_white.png") no-repeat scroll center center #0090d4;
}

.menu-foot {
    padding: 30px 0 30px 0;
    overflow: hidden;
}

.menu-foot .line {
    margin-left: 0;
    margin-bottom: 15px;
}

.menu-foot li {
    display: block;
    float: left;
    margin-right: 15px;
    width: 100%;
}

.menu-foot a {
    color: #b0b0b0;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.menu-foot a:hover {
    color: #0090d4;
}

.menu-foot p {
    color: #c0c0c0;
    font-size: 12px;
}

.menu-foot .logo {
    margin-left: 20px;
    margin-top: 5px;
    position: relative;
    float: right;
    left: 0;
    top: 0;
}

.menu-foot .list-foot {
    /*display: inline-block;*/
    overflow: hidden;
}

/* --- end footer -------------------------------------------------------------*/

/* --- begin sitemap -------------------------------------------------------------*/

.sitemap {
    list-style-type: none;
}

.sitemap > li {
    margin-bottom: 15px;
    min-width: 160px;
}

.lt-ie10 .sitemap > li {
    width: 100%;
    float: left;
    padding-right: 20px;
}

.sitemap {
    overflow: hidden;
}

.sitemap a {
    color: #888888;
    display: block;
    font-family: 'frutiger_regular',Arial,Helvetica,sans-serif;
}

.sitemap a:hover {
    color: #0090d4;
}

.sitemap > li > a {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-family: 'frutiger_regular',Arial,Helvetica,sans-serif;
    color: #000;
}

.sitemap > li > a:hover {
    color: #0090d4;
}

.sitemap > li > ul {
    margin: 0 0 15px 0;
    list-style-type: none;
}

.sitemap > li > ul > li > a {
    font-family: 'frutiger_regular',Arial,Helvetica,sans-serif;
    line-height: 24px;
}

.sitemap > li > ul > li > ul {
    list-style-type: square;
    margin: 0 0 15px 18px;
}

.sitemap > li > ul > li > ul  a {
    font-size: 15px;
    line-height: 24px;
}

/* --- end sitemap -------------------------------------------------------------*/

/* --- begin common tools -------------------------------------------------------------*/

.toolbar {
    position: fixed;
    bottom: -2px;
    left: 0;
    width: 100%;
    z-index: 100;
}

ul.listTools {
    background-color: #000000;
    height: 57px;
    list-style-type: none;
    position: relative;
    width: 100%;
    z-index: 100;
}

ul.listTools li {
    display: block;
    float: left;
    text-align: center;
    width: 20%;
}

.ico-tool-search {
    background: url(../img/layout/tools.png) no-repeat center -150px #000;
    opacity: 0.7;
    text-indent: -99999em;
    width: 57px;
    height: 57px;
    display: inline-block;
}

.ico-tool-search:hover,
.ico-tool-search.active {
    opacity: 1;
}

.ico-tool-contact {
    background: url(../img/layout/tools.png) no-repeat center -100px #000;
    opacity: 0.7;
    text-indent: -99999em;
    width: 57px;
    height: 57px;
    display: inline-block;
}

.ico-tool-contact:hover,
.ico-tool-contact.active {
    opacity: 1;
}

.ico-tool-tools {
    background: url(../img/layout/tools.png) no-repeat center -50px #000;
    opacity: 0.7;
    text-indent: -99999em;
    width: 57px;
    height: 56px;
    display: inline-block;
}

.ico-tool-tools:hover,
.ico-tool-tools.active {
    opacity: 1;
}

.ico-tool-help {
    background: url(../img/layout/tools.png) no-repeat center 0 #000;
    opacity: 0.7;
    text-indent: -99999em;
    width: 57px;
    height: 57px;
    display: inline-block;
}

.ico-tool-help:hover,
.ico-tool-help.active {
    opacity: 1;
}

.ico-tool-profile {
    background: url(../img/layout/tools.png) no-repeat center -100px #000;
    opacity: 0.7;
    text-indent: -99999em;
    width: 57px;
    height: 57px;
    display: inline-block;
}

.ico-tool-profile:hover,
.ico-tool-profile.active {
    opacity: 1;
}

.ico-tool-back2top {
    background: url(../img/layout/tools.png) no-repeat center -250px #000;
    opacity: 0.3;
    text-indent: -99999em;
    width: 57px;
    height: 57px;
    display: inline-block;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.ico-tool-back2top.visible {
    display: inline-block;
    opacity: 0.7;
}

.ico-tool-back2top.visible:hover,
.ico-tool-back2top.visible.active {
    opacity: 1;
}

.ico-feature-del {
    background: url("../img/layout/ico_feature.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 20px;
    width: 20px;
}

.ico-feature-del:hover {
    background-position: 0 -20px;
}

.ico-feature-add {
    background: url("../img/layout/ico_feature.png") no-repeat scroll 0 -40px rgba(0, 0, 0, 0);
    display: inline-block;
    height: 20px;
    width: 20px;
}

.ico-feature-add:hover {
    background-position: 0 -60px;
}

.ico-feature-arrow {
    background: url("../img/layout/ico_feature.png") no-repeat scroll 0 -80px rgba(0, 0, 0, 0);
    display: inline-block;
    height: 20px;
    width: 20px;
}

.ico-feature-arrow:hover {
    background-position: 0 -100px;
}


.ico-state-info {
    background: url("../img/layout/ico_state.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 22px;
    width: 22px;
}

.ico-state-alert {
    background: url("../img/layout/ico_state.png") no-repeat scroll 0 -44px rgba(0, 0, 0, 0);
    display: inline-block;
    height: 22px;
    width: 22px;
}

.ico-to-cart {
    background: url("../img/layout/to_cart.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 13px;
    width: 35px;
    margin: 10px 0;
    text-indent: -99999em;
}

.ico-to-cart:hover,
.active .ico-to-cart {
    background-position: 0 -13px;
}

/* --- begin toolbar -------------------------------------------------------------*/

.toolbar-panel {
    position: absolute;
    bottom: 57px;
    left: 0;
    width: 0;
    /* slow in */
    -webkit-transition: height 0.6s;
    transition: height 0.6s;
    overflow: hidden;
    background-color: #000;
    width: 100%;
    height: 0;
    text-align: left;
}

.toolbar-panel.open {
    bottom: 57px;
    left: 0;
    /* quick out */
    -webkit-transition: height 1s;
    transition: height 1s;
    height: 289px;
}

.toolbar-panel.open.done {
    overflow: visible;
}

.toolbar-body {
    min-height: 289px;
    max-height: 289px;
    padding: 20px 29px;
    width: 320px;
}

.toolbar-body h3 {
    color: #fff;
    text-transform: uppercase;
}

.toolbar-body p {
    color: #fff;
    font-family: 'frutiger_regular', Arial, Helvetica, sans-serif;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.toolbar-body h3 + p {
    margin-top: -10px;
}

.toolbar-body strong {
    font-family: 'frutiger_regular', Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.toolbar-body ul {
    margin-bottom: 15px;
    margin-top: -8px;
}

ul.listTools li li {
    width: 100%;
    text-align: left;
    line-height: 20px;
}

.form-productsearch {

}

.toolbar-body input[type="text"] {
    border: 0;
    background: #fff;
    height: 43px;
    width: 100%;
    padding: 0 10px;
}

.toolbar-body a.btn-submit {
    display: inline-block;
    line-height: 50px;
}

/* --- end toolbar -------------------------------------------------------------*/

/* --- end common tools -------------------------------------------------------------*/


/* --- begin main -------------------------------------------------------------*/

.main {
    position: relative;
}

/* --- begin progress -------------------------------------------------------------*/

.progress {
    background: none repeat scroll 0 0 #EDEDED;
    border: 1px solid #EDEDED;
    height: 49px;
    margin-bottom: 20px;
    overflow: hidden;
}

.progress .stepno {
    font-family: 'frutiger_bold', Arial, Helvetica, sans-serif;
    font-size: 40px;
    padding-right: 10px;
    float: left;
    display: block;
}

.progress .stepname {
    display: block;
    float: left;
    font-family: 'frutiger_regular',Arial,Helvetica,sans-serif;
    font-size: 16px;
    margin: -8px 0 0;
    padding-right: 10px;
    text-transform: uppercase;
}

.progress li {
    display: block;
    float: left;
}

.wizard .progress li {
    width: 33.3333%;
}

.progress a,
.progress div {
    background: url("../img/layout/bg_progress.gif") no-repeat scroll 0 0 #EDEDED;
    color: #CDCDCD;
    display: block;
    height: 49px;
    line-height: 49px;
    padding: 0 20px 0 30px;
}

.progress li:first-of-type a {
    background-image: none;
    padding: 0 20px 0 20px;
}

.progress a.step3.inactive.start,
.progress a.step4.inactive.start,
.progress div.inactive.start {
    background-position: 0 -96px;
}

.progress a:hover {
    color: #0090d4;
}

.progress a.active {
    background-position: 0 -49px;
    background-color: #fff;
    color: #000000;
}

.progress a.inactive {
    cursor: default;
}

.progress a.active.end {
    background-position: 0 -144px;
}

.progress a:hover.inactive {
    color: #CDCDCD;
}

.progress a.done {
    background-position: 0 -49px;
    background-color: #fff;
}

/* --- end progress -------------------------------------------------------------*/

/* --- begin wizard -------------------------------------------------------------*/

.wizard {

}

.wizard ul {
    list-style-type: none;
}

.wizard .list-execution {
    border-top: 1px solid #DDDDDD;
    list-style-type: none;
}

.wizard .list-execution li.active,
.wizard .list-execution li:hover {
    background: url("../img/layout/bg_cart_row.gif") repeat-x scroll 0 bottom #F7F7F7;
}
.wizard .list-execution li {
    border-bottom: 1px solid #DDDDDD;
    margin: 2px 0;
    overflow: hidden;
    padding: 8px 0;
}

.wizard .list-execution input {
    display: block;
    float: left;
    margin: 40px 10px 40px 50px;
}

.wizard .list-execution label {
    display: block;
    overflow: hidden;
    width: 80%;
    float: left;
}

.wizard .list-execution label .text {
    display: block;
    float: left;
    margin: 35px 50px 40px 10px;
    color: #666666;
    font-family: 'frutiger_regular',Arial,Helvetica,sans-serif;
    font-size: 16px;
}

.wizard .list-execution .status {
    float: right;
    width: 20%;
    max-width: 50px;
}

.wizard .status {
    height: 28px;
    width: 28px;
}

.wizard .list-execution .active .status {
    margin-top: 30px;
}

.wizard .active .status {
    background: url("../img/layout/check.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.wizard .ico-execution {
    background: url("../img/layout/execution.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    float: left;
    height: 86px;
    margin-top: 10px;
    width: 33px;
}

.wizard .ico-execution.left {

}

.wizard .buttons {
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 20px;
    margin-left: 0;
    margin-top: 20px;
    padding-bottom: 10px;
}

.wizard .buttons .size1of2 {
    width: 50%;
}

.wizard .buttons a.second {
    display: inline-block;
    padding: 5px 0 7px
}

.wizard .proceed {
    float: right;
}

a.btn-one.inactive {
    background-color: #ededed;
    color: #cdcdcd;
    cursor: default;
}

a.btn-one.inactive:hover {
    background-color: #ededed;
    color: #cdcdcd;
}

.wizard .ico-execution.right {
    background-position: 0 -86px;
}

.wizard .ico-execution.neutral {
    background-position: 0 -172px;
}

.line .select_dimension .line {
    margin: 0;
}

.wizard .select_dimension label,
.wizard .select_dimension .label {
    display: inline-block;
    font-size: 16px;
    width: 20%;
}

.wizard .select_dimension strong {
    font-size: 16px;
}

.wizard .select_dimension .form select {
    width: 80%;
}

#table_grade {
    width: 100%;
}

#table_grade th {
    border-bottom: 1px solid #aaa;
}

#table_grade td {
    padding-right: 20px;
    border-bottom: 1px dotted #aaa;
}

#table_grade td:last-of-type {
    width: 65px;
}


#table_grade tr.active {
    color: #000;
}

#table_grade tr.active,
#table_grade tr:hover {
    background: url("../img/layout/bg_cart_row.gif") repeat-x scroll 0 bottom #F7F7F7;
    cursor: pointer;
}

#table_grade tr.active td,
#table_grade tr:hover td {
    background: url("../img/layout/bg_cart_row.gif") repeat-x scroll 0 top transparent;
}

.wizard .cutting-material {
    float: left;
    margin: 6px 10px 10px 0;
}

.wizard .cutting-material-block {
    float: left;
}

#table_grade dt {
    clear: both;
    padding: 0 0 0 40px;
    /*white-space: nowrap;*/
}

#table_grade dd {
    background: url("../img/layout/recommended_usage.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 22px;
    margin: -24px 0 15px;
    text-indent: -99999em;
    width: 22px;
}

#table_grade dd.material_recommendation_0 {
    background-position: 0 -44px;
}

#table_grade dd.material_recommendation_1 {
    background-position: 0 -22px;
}

#table_grade dd.material_recommendation_2 {
    background-position: 0 0;
}

.wizard .listSelect li {
    margin-bottom: 10px;
    display: block;
}

.wizard .listSelect label {
    display: block;
}

.wizard .listSelect label span {
    display: inline-block;
    padding-left: 30px;
    width: 75%;
}

.wizard .listSelect li:hover {
    background-color: #EEEEEE;
    cursor: pointer;
}

.wizard .listDimensions li {
    margin-bottom: 40px;
    display: block;
}

.wizard .list-selected dt {
    float: left;
    margin-right: 10px;
    font-family: 'frutiger_bold',Arial,Helvetica,sans-serif;
}

.wizard .list-selected dd {
    margin: 0;
    font-family: 'frutiger_regular',Arial,Helvetica,sans-serif;
}

#table_dimension {
    width: 100%;
}

#table_dimension th:first-of-type,
#table_dimension td:first-of-type {
    border-right: none;
}

.wizard .btn-reset {
    display: block;
    color: #666666;
    font-family: 'frutiger_regular',Arial,Helvetica,sans-serif;
    font-size: 14px;
    margin: 20px 0 10px -5px;
    padding: 0 0 10px;

}

.wizard .btn-reset:hover {
    color: #0090D4;
}

.wizard .btn-reset .ico-feature-del {
    float: left;
    margin: 3px 5px;
}

.wizard .btn-reset:hover .ico-feature-del {
    background-position: 0 -20px;
}

/* --- end wizard -------------------------------------------------------------*/

/* --- begin accordion -------------------------------------------------------------*/

.accordion {
    margin-bottom: 30px;
}

.acc_head {
    color: #79787B;
    cursor: pointer;
    display: block;
    font-family: 'frutiger_bold',Arial,Helvetica,sans-serif;
    font-size: 22px;
    line-height: 1.2;
    min-height: 35px;
    padding: 5px 0 10px 60px;
    position: relative;
}

.accordion.small .acc_head {
    font-family: 'frutiger_bold',Arial,Helvetica,sans-serif;
    font-size: 16px;
    min-height: 23px;
    padding: 2px 0 10px 35px;
}

.acc_content {
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 30px;
    padding: 10px 0 0;
}

.form-filter .acc_content {
    padding: 10px 0 0 10px;
}

.product-details .acc_content {
    border-bottom: 0;
    margin-bottom: 30px;
}

.acc_head .handle {
    position: absolute;
    left: 0;
    top: 0;
    width: 35px;
    height: 35px;
    background: url(../img/layout/accordion.png) no-repeat 0 0 transparent;
}

.accordion.small .acc_head .handle {
    width: 23px;
    height: 23px;
    background: url(../img/layout/accordion_small.png) no-repeat 0 0 transparent;
}

.acc_head.open {
    color: #000;
}

.acc_head.open .handle {
    background-position: 0 -35px;
}

.accordion.small .acc_head.open .handle {
    background-position: 0 -23px;
}


/* --- end accordion -------------------------------------------------------------*/

/* --- begin self opening expandable -------------------------------------------------------------*/

#skrollr-body {
    max-width: 100%;
    overflow: hidden;
}

.expandable {
    border-bottom: 1px solid #ddd;
}
.expandable:last-of-type {
    border-bottom: none !important;
}

.exp_head {
    padding-top: 30px;
    padding-right: 20px;
}

.no-touch .exp_head {
    background: url("../img/layout/acc_arrow.png") no-repeat scroll right -117px rgba(0, 0, 0, 0);
    cursor: pointer;
}

.no-touch .expandable.open .exp_head {
    /*background-position: right 43px;*/
    background: none;
    cursor: default;
}

.exp_content {
    position: relative;
    height: auto;
    overflow: hidden;
    -webkit-transition: height 0.3s;
    transition: height 0.3s;
    margin-bottom: -1px;
}

.skrollable .item1 {
    -webkit-transition: opacity 0.5s;
    -webkit-transition-delay: 0s;
    transition: opacity 0.5s;
    transition-delay: 0s;
    opacity: 0;
}

.skrollable .item2 {
    -webkit-transition: opacity 0.5s;
    -webkit-transition-delay: 0.25s;
    transition: opacity 0.5s;
    transition-delay: 0.25s;
    opacity: 0;
}

.skrollable .item3 {
    -webkit-transition: opacity 0.5s;
    -webkit-transition-delay: 0.5s;
    transition: opacity 0.5s;
    transition-delay: 0.5s;
    opacity: 0;
}

.skrollable .item4 {
    -webkit-transition: opacity 0.5s;
    -webkit-transition-delay: 0.9s;
    transition: opacity 0.5s;
    transition-delay: 0.75s;
    opacity: 0;
}

.skrollable .item5 {
    -webkit-transition: opacity 0.5s;
    -webkit-transition-delay: 1s;
    transition: opacity 0.5s;
    transition-delay: 1s;
    opacity: 0;
}

.skrollable .item6 {
    -webkit-transition: opacity 0.5s;
    -webkit-transition-delay: 1.25s;
    transition: opacity 0.5s;
    transition-delay: 1.25s;
    opacity: 0;
}

.skrollable-before .item1,
.skrollable-before .item2,
.skrollable-before .item3,
.skrollable-before .item4,
.skrollable-before .item5,
.skrollable-before .item6 {
    opacity: 0;
}

.skrollable-after .item1,
.skrollable-after .item2,
.skrollable-after .item3,
.skrollable-after .item4,
.skrollable-after .item5,
.skrollable-after .item6 {
    opacity: 1;
}

.exp_content .nav {
    position: absolute;
    top: 40%;
    right: 125px;
}

/* --- end self opening expandable -------------------------------------------------------------*/


/* --- begin stage -------------------------------------------------------------*/

a.trigger-stage-toggle {
    outline: none;
}

.stage,
.stage-search {
    margin: 0 0 30px -10px;
    position: relative;
}

.stage-home {

}

.stage-corporate-detail {
    height: 100px;
}

.stage-home figure,
.stage-blog figure,
.stage-corporate figure {
    width: 100%;
    overflow: hidden;
}

.stage-home img,
.stage-blog img,
.stage-corporate img,
.stage-corporate-detail img {
    right: -100px;
    position: absolute;
    top: 0;
    display: block;
    height: 235px;
}
@media only screen and (max-width: 768px) {
    .stage-home img:first-child,
    .stage-blog img:first-child,
    .stage-corporate img:first-child,
    .stage-corporate-detail img:first-child {
        left: 50% !important;
        transform: translateX(-42%) !important;
    }
}

.stage figure,
.stage-search figure {
    width: 100%;
    overflow: hidden;
}

.stage img,
.stage-search img {
    width: 200%;
    margin-left: -100%;
}

.stage-home img.logo100,
.stage-blog img.logo100,
.stage img.logo100,
.stage-search img.logo100,
.stage-corporate img.logo100 {
    border: 0 none;
    left: -127px;
    top: 413px;
}

.stage-blog img.logo100 {
    top: 250px;
}

.stage-body {
    position: relative;
}

.stage-blog .stage-body {
    margin: 250px 0 0;
}

.stage-corporate .stage-body {
    margin: 194px 0 0;
}

.stage-text {
    margin: 30px 0 30px 0;
}

.stage-text p {
    margin-bottom: 8px;
}

.stage-corporate .stage-text p {
    font-family: 'frutiger_regular', Arial, Helvetica, sans-serif;
    font-size: 22px;
    line-height: 1.2;
    color: #111111;
}

.stage-text strong {
    font-family: 'frutiger_bold_italic', Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    color: #79787b;
    display: inline-block;
    background-color: #fff;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.stage-text strong span {
    /*background-color: #fff;*/
    background: url("../img/layout/bg_headline.png") no-repeat scroll right 0 rgba(0, 0, 0, 0)
    padding-right: 10px;
    display: inline-block;
}

.stage-text h1 {
    margin: 0 0 8px 0;
    background-color: #fff;
    font-size: 22px;
    line-height: 1.25;
}

.bubble {
    background: url(../img/layout/bubble_yellow_small.png) no-repeat center center transparent;
    height: 184px;
    text-align: center;
    margin: 26px auto 40px auto;
    /*padding: 26px 20px 0;
    width: 184px;*/

    width: 0;
    padding: 0;
    overflow: hidden;
}

.bubble p {
    color: #FFFFFF;
    display: inline-block;
    font-family: 'frutiger_bold',Arial,Helvetica,sans-serif;
    font-size: 14px;
    margin: 0 auto 10px;
    max-height: 90px;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.bubble hr {
    width: 50px;
    margin: 0 auto 10px auto;
    border-top: solid 1px #FFF;
    border-bottom:0;
    border-left: 0;
    border-right: 0;
    height:1px;
}

.bubble a {
    color: #fff;
    font-size: 14px;
}

.stage-search .stage-text {
    min-width: 50%;
}

.stage-search .stage-text h1 {
    margin-bottom: 30px;
}

.stage-search .form input {
    float: left;
    height: 30px;
    padding: 0 10px;
    font-size: 18px;
}

.stage-search .form input[type="submit"] {
    background: url("../img/layout/ico-search.png") no-repeat scroll center 0 #FFFFFF;
    height: 23px;
    margin-left: -35px;
    margin-top: 6px;
    padding: 0;
    width: 35px;
}

.stage-search .form input[type="submit"]:hover {
    background: url("../img/layout/ico-search.png") no-repeat scroll center -30px #FFFFFF;
}

/* --- begin tab -------------------------------------------------------------*/

.tab-overview {
    margin: 0 0 30px -10px;
}

.tab-content header {
    margin-bottom: 52px;
}

.tab-blog {
    margin-bottom: 30px;
}

.ui-widget-content {
    background: none;
    border: none;
}

.ui-tabs {
    padding: 0
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    width: 98%;
}

.tabpanel {
    float: left;
}

.ui-tabs .ui-tabs-nav li .tabpanel {
    white-space: normal;
}

.ui-tabs .ui-tabs-nav li {
    width: 100%;
    border: none;
}

.ui-tabs .ui-tabs-nav li {
    margin: 3px 3px 0 0;
}

.ui-state-active .ui-widget-content a,
.ui-widget-content a {
    color: #69AACA;
}

.ui-widget-content a:hover {
    color: #0090D4;
}

.ui-widget-content .ui-state-hover {
    background: #fafafa;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    padding: 6px 18px 6px 16px;
}

.ui-tabs .ui-tabs-nav .ui-tabs-active .ui-tabs-anchor {
    background: #fafafa;
    width: 100%;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor:before {
    background: url("../img/layout/arrow_tab.png") no-repeat scroll -6px 0 rgba(0, 0, 0, 0);
    content: "";
    display: block;
    float: right;
    height: 20px;
    margin-left: 8px;
    width: 10px;
    margin-top: 1px;
}

/* Nur Firefox */
@-moz-document url-prefix() {
    .ui-tabs .ui-tabs-nav .ui-tabs-anchor:before {
        margin-top: 3px;
    }
}

.ui-tabs .ui-tabs-nav a.ui-tabs-anchor:hover:before {
    background: url("../img/layout/arrow_tab.png") no-repeat scroll -6px -20px rgba(0, 0, 0, 0);
}


.ui-state-focus a:focus {
    color: #000;
}

.ui-tabs .ui-tabs-nav .ui-tabs-active .ui-tabs-anchor:before {
    background: url(../img/layout/arrow_tab.png) no-repeat -7px -100px transparent;
    margin-right: 8px;
}

.ui-tabs .ui-tabs-nav .ui-tabs-active a.ui-tabs-anchor:hover:before {
    background: url(../img/layout/arrow_tab.png) no-repeat -7px -100px transparent;
}

.ui-tabs .ui-tabs-panel {
    border-bottom: 1px solid #ddd;
    background: none repeat scroll 0 0 #FFFFFF;
}

.ui-widget-header {
    background: none;
    border: 0;
}

.ui-tabs .ui-tabs-panel {
    padding: 30px 0 0;
    margin: 0;
}


/* --- end tab -------------------------------------------------------------*/


/* --- begin stage product -------------------------------------------------------------*/

.stage-product {
    margin-top: 10px;
    margin-bottom: 30px;
    overflow: hidden;
    padding: 0;
    margin-left: -10px;
}

.stage-product h1 {
    font-size: 22px;
    line-height: 1.4;
    margin: 0 0 5px;
}

.stage-product p.subline {
    margin-bottom: 34px;
}

.stage-product strong {
    color: #79787B;
    font-family: 'frutiger_bold_italic',Arial,Helvetica,sans-serif;
    font-weight: normal;
    text-transform: uppercase;
}

.stage-product .rte {
    margin-bottom: 30px;
}

a.btn-one {
    background-color: #69AACA;
    color: #fff;
    padding: 5px 20px 7px;
    display: inline-block;
    margin-bottom: 10px;
}

.mac-os a.btn-one {
    padding: 7px 20px 5px;
}

a.btn-one:hover {
    background-color: #0090d4;
}

.ico-wizzard {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../img/layout/ico_wizzard.png) no-repeat 0 0 transparent;
    margin-left: 10px;
    margin-bottom: -2px;
}

a.btn-two {
    background-color: #c2c2c2;
    color: #fff;
    padding: 5px 20px 7px;
    display: inline-block;
    margin-bottom: 10px;
    width: 100%;
}

.mac-os a.btn-two {
    padding: 7px 20px 5px;
}

a.btn-two:hover {
    background-color: #0090d4;
}

.stage-product .body-text {
    width: 100%;
    float: left;
    padding-bottom: 20px;
}

.stage-product .body-image {
    width: 100%;
    float: right;
    position: relative;
}

.stage-product .body-image .product-img img {
    width: 100%;
    height: auto;
    max-width: 480px;
}

.stage-product .body-image .application {
    position: absolute;
    right: 0;
    top: 30px;
    background: url(../img/layout/bg_application.png) no-repeat 0 0 transparent;
    width: 114px;
    height: 114px;
    padding: 24px;
}

.stage-product .body-image .application img {
    width: 100%
}

.stage-product .list-thumb {
    list-style-type: none;
    margin-top: 20px;
}

.stage-product .list-thumb li {
    float: left;
    margin: 0 30px 30px 0;
}

.stage-product .debug {
    left: 320px;
    top: -44px;
}

/* --- end stage product -------------------------------------------------------------*/


/* --- end stage -------------------------------------------------------------*/


/* --- begin teaser -------------------------------------------------------------*/

.teaser-text,
.teaser-rte {
    background-color: #EEEEEE;
    overflow: hidden;
    padding: 26px 20px 40px 20px;
}

.teaser-rte,
.teaser-nav {
    margin-bottom: 30px;
}

.lt-ie9 .teaser-text p,
.lt-ie9 .teaser-rte p,
.lt-ie9 .teaser-nav p {
    display: block;
}

.teaser-text.color-zero,
.teaser-rte.color-zero {
    background-color: transparent;
    overflow: hidden;
    padding: 0;
}

.teaser-text.color-one,
.teaser-rte.color-one {
    background-color: #79787b;
    color: #ffffff;
}

.teaser-rte.color-one .rte p {
    color: #fff;
}

.teaser-text.color-two,
.teaser-rte.color-two {
    background-color: #0090d4;
    color: #ffffff;
}

.teaser-rte.color-two .rte p {
    color: #fff;
}

.teaser-text.color-two a,
.teaser-rte.color-two a {
    color: #ffffff;
}

.teaser-text.color-two a:hover,
.teaser-rte.color-two a:hover {
    text-decoration: underline;
}

.teaser-text.color-three,
.teaser-rte.color-three {
    background-color: #EEEEEE;
}

.teaser-text.color-four,
.teaser-rte.color-four {
    background-color: #DDD;
}

.teaser-rte.color-four .rte p {
    color: #000;
}

.teaser-text-special {
    margin-bottom: 30px;
}

.teaser-text-special .header {
    text-transform: uppercase;
    color: #040404;
    margin-bottom: 15px;
    font-family: 'frutiger_regular',Arial,Helvetica,sans-serif;
}

.teaser-text-special p strong {
    text-transform: uppercase;
    color: #0090d4;
    font-family: 'frutiger_bold_italic',Arial,Helvetica,sans-serif;
    font-size: 29px;
    line-height: 36px;
    margin-bottom: 15px;
    display: block;
    font-weight: normal;
}

.menu-top .teaser-text-special a {
    font-family: 'frutiger_bold',Arial,Helvetica,sans-serif;
    padding: 0;
    text-transform: none;
}

.menu-top .teaser-text-special a.second {
    color: #666666;
}

.teaser-default .body-image {
    width: 100%;
    background-color: #eeeeee;
    margin-bottom: 0;
    overflow: hidden;
}

.teaser-default .body-text {
    width: 100%;
    padding: 26px 30px 40px 30px;
    background-color: #eeeeee;
}

.teaser-default.color-zero .body-image {
    background-color: transparent;
}

.teaser-default.color-zero .body-text {
    background-color: transparent;
    padding: 26px 0 40px 0;
}

.lt-ie9 .teaser-default .body-text {
    min-height: 247px;
}

.teaser-default p,
.teaser-text p {
    position: relative;
}

.teaser-default .dots,
.teaser-text .dots {
    float: left;
    margin: -25px 0 5px;
    width: 100%;
    display: none;
}

.teaser-default .body-text a {
    display: block;
}

.teaser-default img {
    height: auto;
    max-height: 200px;
    width: 100%;
}

.teaser-default-single {
    margin-bottom: 30px;
}

.teaser-default-single img {
    margin-bottom: 20px;
}

.teaser-image {
    max-height: 287px; /* cut of bottom part */
    overflow: hidden;
    position: relative;
    background-color: #eeeeee;
}

.teaser-image a {
    display: block;
}

.teaser-image img {
    width: 100%;
    height: auto;
}

.teaser-image figcaption {
    background-color: #50687d;
    bottom: 0;
    color: #FFFFFF;
    margin: 20px;
    padding: 3px 8px;
    position: absolute;
    font-family: 'frutiger_regular', Arial, Helvetica, sans-serif;
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.list-products .teaser-product {
    padding-bottom: 30px;
}

.list-products.slides .teaser-product {
    padding-bottom: 0;
}

.list-products.slides {
    padding: 0 30px;
}

.mobile-info {
    background: url("../img/layout/info.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 40px;
    line-height: 40px;
    position: absolute;
    right: 5px;
    text-align: center;
    top: 0;
    width: 40px;
    color: #fff;
    font-family: 'frutiger_regular', Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    cursor: pointer;
}

.list-products.slides .mobile-info {
    top: 13px;
}

#modal .mobile-info {
    top: 25px;
    right: 18px;
}

#modal.slides .mobile-info {
    top: 14px;
    right: 18px;
}

.teaser-product .prod-default {
    padding-left: 13px;
    padding-right: 13px;
}

.prod-detail {
    -webkit-box-shadow: 0 0 7px 0 rgba(0,0,0,0.35);
    box-shadow: 0 0 7px 0 rgba(0,0,0,0.35);
    padding: 25px 30px;
    background-color: #fff;
}

#modal .prod-detail {
    padding: 25px 20px;
}

.prod-detail a {
    display: block;
}

.teaser-product .prod-default header,
#modal .prod-detail header {
    height: 70px;
}

.teaser-product h3,
.prod-detail h3 {
    font-size: 16px;
    font-family: 'frutiger_bold', Arial, Helvetica, sans-serif;
    line-height: 19px;
    margin-bottom: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #000000;
}

.teaser-product .prod-group,
.prod-detail .prod-group,
.prod-detail .prod-applicationtype {
    font-size: 16px;
    font-family: 'frutiger_regular', Arial, Helvetica, sans-serif;
    line-height: 19px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #000000;
}

.teaser-product .prod-default a {
    display: block;
}

.teaser-product .prod-image,
.prod-detail .prod-image {
    width: 100%;
    margin-bottom: 20px;
    margin-top: -10px;
    max-width: 210px;
}

.teaser-product .prod-brand {
    height: 24px;
    width: auto;
    max-width: 75px;
    margin-top: 10px;
}

.prod-detail .prod-brand {
    margin-bottom: 15px;
}

.prod-detail .prod-price {
    font-family: 'frutiger_regular', Arial, Helvetica, sans-serif;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #000;
}

.prod-detail .prod-image {
    width: 100%;
}

.prod-detail .prod-description {

}

.teaser-product .prod-hover {
    position: absolute;
    left : 0;
    top: 0;
}

.application-container {
    position: relative;
    height: 135px;
}

.application-container img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    opacity: 0;
}

.application-container img.active {
    z-index: 23;
    opacity: 1;

    animation: ani-application;
    animation-name: ani-application;
    animation-duration: 1.5s;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;

    -webkit-animation: ani-application;
    -webkit-animation-name: ani-application;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
}

@-webkit-keyframes ani-application {
    0% { opacity: 0; }
    20% { opacity: 1; }
    80% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes ani-application {
    0% { opacity: 0; }
    20% { opacity: 1; }
    80% { opacity: 1; }
    100% { opacity: 0; }
}

.teaser-icon [class*="ico-"] {
    background: url(../img/layout/ico_service.png) no-repeat 0 0 transparent;
    width: 76px;
    height: 70px;
    display: block;
    margin-bottom: 20px;
}

.teaser-icon a {
    display: block;
}

.teaser-icon h3 {
    color: #000;
}

.teaser-icon p {
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
}

.teaser-icon a:hover .ico-assistant, .teaser-icon a.active .ico-assistant {
    background-position: 0 -70px;
}

.teaser-icon .ico-assistant {
    background-position: 0 0;
}

.teaser-icon .ico-call-back {
    background-position: 0 -140px;
}

.teaser-icon a:hover .ico-call-back, .teaser-icon a.active .ico-call-back {
    background-position: 0 -210px;
}

.teaser-icon .ico-retoure {
    background-position: 0 -280px;
}

.teaser-icon a:hover .ico-retoure, .teaser-icon a.active .ico-retoure {
    background-position: 0 -350px;
}

.teaser-icon .ico-id {
    background-position: 0 -420px;
}

.teaser-icon a:hover .ico-id, .teaser-icon a.active .ico-id {
    background-position: 0 -490px;
}

.teaser-icon .ico-at {
    background-position: 0 -560px;
}

.teaser-icon a:hover .ico-at, .teaser-icon a.active .ico-at {
    background-position: 0 -630px;
}

.teaser-icon .ico-beratung {
    background-position: 0 -700px;
}

.teaser-icon a:hover .ico-beratung, .teaser-icon a.active .ico-beratung {
    background-position: 0 -770px;
}

.teaser-icon .ico-dokumente {
    background-position: 0 -840px;
}

.teaser-icon a:hover .ico-dokumente, .teaser-icon a.active .ico-dokumente {
    background-position: 0 -910px;
}

.teaser-icon .ico-download {
    background-position: 0 -980px;
}

.teaser-icon a:hover .ico-download, .teaser-icon a.active .ico-download {
    background-position: 0 -1050px;
}

.teaser-icon .ico-kontakt {
    background-position: 0 -1120px;
}

.teaser-icon a:hover .ico-kontakt, .teaser-icon a.active .ico-kontakt {
    background-position: 0 -1190px;
}

.teaser-icon .ico-pdf {
    background-position: 0 -1260px;
}

.teaser-icon a:hover .ico-pdf, .teaser-icon a.active .ico-pdf {
    background-position: 0 -1330px;
}

.teaser-icon .ico-pfeil {
    background-position: 0 -1400px;
}

.teaser-icon a:hover .ico-pfeil, .teaser-icon a.active .ico-pfeil {
    background-position: 0 -1470px;
}

.teaser-icon .ico-schulung {
    background-position: 0 -1540px;
}

.teaser-icon a:hover .ico-schulung, .teaser-icon a.active .ico-schulung {
    background-position: 0 -1610px;
}

.teaser-icon .ico-service {
    background-position: 0 -1680px;
}

.teaser-icon a:hover .ico-service, .teaser-icon a.active .ico-service {
    background-position: 0 -1750px;
}

.teaser-icon .ico-tools {
    background-position: 0 -1820px;
}

.teaser-icon a:hover .ico-tools, .teaser-icon a.active .ico-tools {
    background-position: 0 -1890px;
}


.teaser-quote {
    margin-bottom: 30px;
}

.teaser-quote header p {
    color: #040404;
    text-transform: uppercase;
}

.teaser-quote header {
    margin-bottom: 20px;
}

.teaser-quote blockquote {
    margin: 0 0 30px 0;
}

.teaser-quote blockquote p {
    font-family: 'frutiger_bold_italic',Arial,Helvetica,sans-serif;
    color: #0090d4;
    font-size: 28px;
    line-height: 32px;
    padding: 0 35px;
    text-transform: uppercase;
}

.teaser-quote blockquote:before {
    color: #EDEDED;
    content: "»";
    display: block;
    float: left;
    font-family: 'frutiger_bold_italic',Arial,Helvetica,sans-serif;
    font-size: 52px;
    margin: 0;
}

.teaser-quote blockquote:after {
    color: #EDEDED;
    content: "«";
    display: inline-block;
    float: right;
    font-family: 'frutiger_bold_italic',Arial,Helvetica,sans-serif;
    font-size: 52px;
    margin: -46px 0 0;
}

.teaser-quote p {
    padding: 0;
    font-family: 'frutiger_regular', Arial, Helvetica, sans-serif;
    font-size: 16px;
}

.teaser-quote p strong {

}

.teaser-contact {
    overflow: hidden;
}

.teaser-contact img {
    float: left;
    margin: 8px 30px 20px 0;
}

.teaser-contact address {
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 17px;
    font-style: normal;
    margin: 0 0 15px 0;
}

.toolbar-body .teaser-contact address {
    color: #fff;
}

.teaser-contact address strong {

}

.teaser-contact address a {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

.teaser-nav a {
    display: block;
    background: #eee;
    padding: 26px 20px;
}

.teaser-nav a:hover,
.teaser-nav.active a {
    display: block;
    background: #ccc;
}

.teaser-nav a:hover .link,
.teaser-nav.active a .link {
    color: #0090D4;
}

.teaser-nav a h3 {
    color: #000;
    margin-bottom: 0;
}

.teaser-nav a p {
    color: #666;
    font-family: Arial,Helvetica,sans-serif;
    margin-top: 22px;
}

.teaser-nav a h3 {
    color: #000;
}

.teaser-nav a .link {
    color: #69AACA;
    font-family: 'frutiger_bold',Arial,Helvetica,sans-serif;
    font-size: 16px;
}

.teaser-nav a .link {
    color: #69AACA;
    font-family: 'frutiger_bold',Arial,Helvetica,sans-serif;
    font-size: 16px;
}

.teaser-nav a .link.arrow:before {
    content: "› ";
}

.teaser-video {
    margin-bottom: 30px;
}

.teaser-video iframe {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
}

/* --- end teaser -------------------------------------------------------------*/

/* --- begin products -------------------------------------------------------------*/

.list-products {
    list-style-type: none;
}

.list-products.slides.line {
    margin: 0;
}

.list-products .unit {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 30px;

    /*border-right: 1px solid #ddd;*/
    border-bottom: 1px solid #ddd;
}

.line .line.list-products .unit {
    margin-bottom: 30px;
}

.list-products.slides .unit {
    margin-bottom: 0px;
}

.list-products.slides .size1of4 {
    max-width: 242px;
}

.list-products .unit.size1of3.teaser {
    border-right: 0;
    border-bottom: 0;
}

.list-products .size1of3:nth-child(3n+3) {
    overflow: hidden;
    _overflow: visible;
    _zoom: 1;
    margin-bottom: 30px;
}

.list-products .unit.lastUnit {
    /*border-bottom: 0;*/
    margin-bottom: 0px;
}

.list-products .details {
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.list-products .unit:hover .details {
    height: auto;
    margin: 0;
    padding: 0;
    width: auto;
    -webkit-box-shadow: 0 0 7px 0 rgba(0,0,0,0.35);
    box-shadow: 0 0 7px 0 rgba(0,0,0,0.35);
    overflow: visible;
    z-index: 20;
    left: -1px;
    top: -9px;
    padding-left: 1px;
    background-color: #FFF;
}

.arrow-round {
    background: url("../img/layout/arrow_round_retina.png") no-repeat scroll center 10px rgba(0, 0, 0, 0);
    display: block;
    height: 60px;
    text-indent: -99999em;
    width: 60px;
}

.arrow-round:hover {
    background-position: center -70px;
}

.form.form-product-detail {
    padding: 30px 0 10px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.list-filter {
    list-style-type: none;
    margin-bottom: 30px;
    overflow: hidden;
}

.list-filter li {
    float: left;
    display: block;
    margin-right: 1px;
}

.list-searchresults {
    list-style-type: none;
    margin-bottom: 30px;
    overflow: hidden;
}

.list-searchresults {
    list-style-type: none;
    margin-bottom: 30px;
    overflow: hidden;
}


.list-searchresults li,
.ui-tabs .ui-tabs-nav .list-searchresults li {
    white-space: normal;
    margin: 3px 3px 30px 0;
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd;
}

.ui-tabs .ui-tabs-nav .list-searchresults li:last-of-type {
    margin: 3px 3px 0px 0;
}

.form .list-filter li {
    margin: 0;
}

.form .list-filter > li {
    margin: 0 20px 10px 0;
    min-height: 34px;
}

.form .list-filter > li:nth-last-of-type {
    margin: 0 0 10px 0;
}

.list-filter select,
.form-download-filter select {
    background-color: #ededed;
    color: #969696;
    border: 0;
    font-size: 14px;
    font-family: 'frutiger_bold',Arial,Helvetica,sans-serif;
    padding: 6px 15px;
}

.form.form-product-detail .list-choice {
    width: auto;
}

.form.form-product-detail label.description {
    width: auto;
    margin-right: 15px;
}

.form.form-product-detail input.radio {
    display: none;
}

.form.form-product-detail label.choice {
    font-family: 'frutiger_bold',Arial,Helvetica,sans-serif;
    color: #69AACA;
    width: 60px;
    height: 33px;
    text-align: center;
    display: block;
    padding: 4px 0;
    cursor: pointer;
}

.form.form-product-detail label.choice.active {
    background: url(../img/layout/bg_execution.gif) no-repeat 0 0 transparent;
    color: #000;
}

.list-filter input {
    color: #969696;
    font-size: 14px;
    font-family: 'frutiger_bold',Arial,Helvetica,sans-serif;
    padding: 6px 5px;
    border: 1px solid #DDDDDD;
}

.form .list-filter input {
    max-width: 150px;
    width: auto;
}

.filter-values {
    display: none;
}

.blueprint {
    margin-bottom: 30px;
    max-width: 250px;
    width: 100%;
}

.result-table {
    margin-bottom: 30px;
}

.easyzoom {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 250px;
    height: 250px;
    overflow: hidden;
    margin-bottom: 23px;
}

.easyzoom a {
    display: block;
    text-align: center;
    position: relative;
}

.easyzoom  .ico-search {
    bottom: 26px;
    position: absolute;
    right: 0;
}


.easyzoom img {
    vertical-align: bottom;
}

.easyzoom.is-loading img {
    cursor: progress;
}

.easyzoom.is-ready img {
    cursor: crosshair;
}

.easyzoom.is-error  img {
    cursor: not-allowed;
}

.easyzoom-notice {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 150;
    width: 10em;
    margin: -1em 0 0 -5em;
    text-align: center;
    background: #FFF;
    box-shadow: 0 0 10px #888;
    font-family: 'frutiger_regular',Arial,Helvetica,sans-serif;
}

.easyzoom-flyout {
    position:absolute;
    z-index: 100;
    overflow: hidden;
    background: #FFF;
}

.easyzoom--overlay .easyzoom-flyout {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.easyzoom--adjacent .easyzoom-flyout {
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    margin-left: 20px;
}


/* --- end products -------------------------------------------------------------*/

a.btn-more {
    background-color: #000000;
    color: #FFFFFF;
    display: block;
    font-family: 'frutiger_bold',Arial,Helvetica,sans-serif;
    margin: 0 auto;
    padding: 6px 10px;
    text-align: center;
    width: 140px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ui-state-active a.btn-more {
    color: #FFFFFF;
}

.searchresults-container a.btn-more {
    margin-bottom: 30px;
}

a.btn-more:hover {
    background-color: #0090D4;
    color: #fff;
}


/* --- begin list-images -------------------------------------------------------------*/

.list-images ul {
    margin: 0 0 0 15px;
}

.list-images li {
    padding: 23px 30px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    float: left;
    margin-bottom: 30px;
}

.list-images li:last-of-type {
    border-right: 0;
}

.ui-tabs .ui-tabs-nav .list-images li {
    list-style-type: square;
    white-space: normal;
}

.list-images li .screen768 {
    display: none;
}

.list-images li img {
    display: block;
    width: 100%;
    height: auto;
}

/* --- end list-images -------------------------------------------------------------*/

/* --- begin list-images-slides -------------------------------------------------------------*/

.list-images-slides {
    padding: 0 60px;
}

/* --- end list-images-slides -------------------------------------------------------------*/

/* --- begin gallery -------------------------------------------------------------*/


.list-gallery {
    display: none
}

.gallery {
    margin: 0 auto 30px;
    width: auto;
}

.list-gallery .item {
    width: 100%;
    padding: 10px 0;
    display: block;
    background-color: #eee;
}

.list-gallery .item img {
    margin: 0 auto;
    display: block;
    height: 100%;
    width: auto;
}

.slidesjs-pagination {
    float: left;
    margin: 0 auto;
}

.slidesjs-pagination li {
    float: left;
    list-style-type: none;
    margin-right: 0;
}

.slidesjs-pagination a {
    background: url("../img/layout/ico_gallery.png") no-repeat scroll center 14px rgba(0, 0, 0, 0);
    text-indent: -99999em;
    width: 40px;
    height: 40px;
    display: block;
}

.slidesjs-pagination a.active {
    background-position: center -26px;
}

/* --- end gallery -------------------------------------------------------------*/

/* --- begin slick carousel -------------------------------------------------------------*/

.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: white url('../img/layout/ajax-loader.gif') center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 100px; width: 60px; line-height: 0; font-size: 0; cursor: pointer; background: url("../img/layout/btn_slider.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); color: transparent; top: 50%; margin-top: -60px; padding: 0; border: none; outline: none; }
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev { left: -62px; background-position: 0 -258px;}
.list-products.slides .slick-prev { left: -24px;}

.slick-next { right: -62px; background-position: -2px -2px;}
.list-products.slides .slick-next { right: -24px;}

.slick-list { margin: 0 0 0 -1px; }

.slick-slide {
    /*border-bottom: 1px solid #ddd;*/
    padding: 23px 0;
    position: relative;
}

.slick-slide img {
    margin: 0 auto;
}

/* --- end slick carousel -------------------------------------------------------------*/

/* --- begin filter -------------------------------------------------------------*/

.form-filter a.reset,
.form-download-filter a.reset,
.form-blog-filter a.reset {
    border-bottom: 1px solid #DDDDDD;
    color: #666666;
    display: block;
    font-family: 'frutiger_regular',Arial,Helvetica,sans-serif;
    font-size: 14px;
    margin: 0 0 10px;
    padding: 0 0 10px;
}

.form-download-filter a.reset {
    border-bottom: none;
}

.form-filter a.reset:hover,
.form-download-filter a.reset:hover,
.form-blog-filter a.reset:hover {
    color: #0090D4;
}

.form-filter a.reset.inactive,
.form-download-filter a.reset.inactive,
.form-blog-filter a.reset.inactive {
    cursor: default;
    opacity: 0.5;
}

.form-filter a.reset.inactive:hover,
.form-download-filter a.reset.inactive:hover,
.form-blog-filter a.reset.inactive:hover {
    color: #666666;
}

.form-filter .ico-feature-del,
.form-download-filter .ico-feature-del,
.form-blog-filter .ico-feature-del {
    float: left;
    margin: 3px 5px;
}

.form-filter a.reset:hover .ico-feature-del,
.form-download-filter a.reset:hover .ico-feature-del,
.form-blog-filter a.reset:hover .ico-feature-del {
    background-position: 0 -20px;
}

.form-filter a.reset.inactive:hover .ico-feature-del,
.form-download-filter a.reset.inactive:hover .ico-feature-del,
.form-blog-filter a.reset.inactive:hover .ico-feature-del {
    background-position: 0 0;
}

.form-download-filter.form .list-filter > li {
    width: 100%;
}

.form-filter input[type="checkbox"], .form-filter input[type="radio"] {
    float: left;
    margin: 2px 10px 0 0;
}

.form-filter select {
    font-size: 12px;
    width: 100%;
}

.form-filter ul ul {
    margin: 0 0 10px 0;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
}

.form-filter li {
    display: block;
    float: left;
    margin-bottom: 5px;
    width: 100%;
}

.form-filter li li:last-of-type {
    margin-bottom: 10px;
}

.form-filter label {
    float: left;
    width: 125px;
    display: inline-block;
    font-size: 12px;
    line-height: 16px;
}

.form-filter label:hover {
    color: #0090D4;
}

.form-filter p {
    font-family: 'frutiger_regular', Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    text-transform: uppercase;
}

.form-blog-filter h3 {
    float: left;
    margin-bottom: 0;
}

.form-blog-filter .list-filter {
    border-bottom: 1px solid #ddd;
}

.form-filter .listForm {
    overflow: hidden;
}


.whirling .form-filter,
.whirling .content {
    position: relative;
}

.whirling .form-filter .loading {
    background: none repeat scroll 0 0 #FFFFFF;
    position: absolute;
    width: 100%;
    z-index: 100;
}

.whirling .form-filter p {
    margin-bottom: 30px;
}

.whirling .form-filter label {
    font-size: 16px;
    font-family: 'frutiger_regular', Arial, Helvetica, sans-serif;
    float: none;
}

.whirling .accordion {
    margin-bottom: 10px;
}

.whirling .acc_head {
    padding: 5px 0 10px 45px;
}


.whirling  .form-filter .disabled {
    color: #666;
    opacity: 0.5;
}

.whirling .form-filter .filter {
    padding-top: 10px;
    border-top: 1px solid #ddd;
}

.whirling .filter-bg-layer {
    background-color: #FFFFFF;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    z-index: 99;
    width: 0;
    height: 0;
}
.form-whirling .input select {
    float: left;
    margin-top: 10px;
    width: 75px;
}

/* --- end filter -------------------------------------------------------------*/

/* --- begin footable -------------------------------------------------------------*/

@font-face {
    font-family: 'footable';
    src: url('fonts/footable.eot');
    src: url('fonts/footable.eot?#iefix') format('embedded-opentype'), url('fonts/footable.woff') format('woff'), url('fonts/footable.ttf') format('truetype'), url('fonts/footable.svg#footable') format('svg');
    font-weight: normal;
    font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: 'footable';
        src: url('fonts/footable.svg#footable') format('svg');
        font-weight: normal;
        font-style: normal;
    }
}
.footable {
    width: 100%;
    /** SORTING **/
    /** PAGINATION **/
}
.footable.breakpoint > tbody > tr.footable-detail-show > td {
    border-bottom: none;
    border-right: none;
}
.footable-row-detail td:first-of-type {
    border-right: none;
}
.footable.breakpoint > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
    content: "\e001";
}
.footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) {
    cursor: pointer;
}
.footable.breakpoint > tbody > tr > td.footable-cell-detail {
    background: #eee;
    border-top: none;
}
.footable.breakpoint > tbody > tr > td > span.footable-toggle {
    display: inline-block;
    font-family: 'footable';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    padding-right: 5px;
    font-size: 14px;
    color: #888888;
}
@media aural {
    .footable.breakpoint > tbody > tr > td > span.footable-toggle {
        speak: none;
    }
}
.footable.breakpoint > tbody > tr > td > span.footable-toggle:before {
    content: "\e000";
}
.footable.breakpoint.toggle-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
    content: "\e005";
}
.footable.breakpoint.toggle-circle > tbody > tr > td > span.footable-toggle:before {
    content: "\e004";
}
.footable.breakpoint.toggle-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
    content: "\e003";
}
.footable.breakpoint.toggle-circle-filled > tbody > tr > td > span.footable-toggle:before {
    content: "\e002";
}
.footable.breakpoint.toggle-square > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
    content: "\e007";
}
.footable.breakpoint.toggle-square > tbody > tr > td > span.footable-toggle:before {
    content: "\e006";
}
.footable.breakpoint.toggle-square-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
    content: "\e009";
}
.footable.breakpoint.toggle-square-filled > tbody > tr > td > span.footable-toggle:before {
    content: "\e008";
}
.footable.breakpoint.toggle-arrow > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
    content: "\e00f";
}
.footable.breakpoint.toggle-arrow > tbody > tr > td > span.footable-toggle:before {
    content: "\e011";
}
.footable.breakpoint.toggle-arrow-small > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
    content: "\e013";
}
.footable.breakpoint.toggle-arrow-small > tbody > tr > td > span.footable-toggle:before {
    content: "\e015";
}
.footable.breakpoint.toggle-arrow-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
    content: "\e01b";
}
.footable.breakpoint.toggle-arrow-circle > tbody > tr > td > span.footable-toggle:before {
    content: "\e01d";
}
.footable.breakpoint.toggle-arrow-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
    content: "\e00b";
}
.footable.breakpoint.toggle-arrow-circle-filled > tbody > tr > td > span.footable-toggle:before {
    content: "\e00d";
}
.footable.breakpoint.toggle-arrow-tiny > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
    content: "\e01f";
}
.footable.breakpoint.toggle-arrow-tiny > tbody > tr > td > span.footable-toggle:before {
    content: "\e021";
}
.footable.breakpoint.toggle-arrow-alt > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
    content: "\e017";
}
.footable.breakpoint.toggle-arrow-alt > tbody > tr > td > span.footable-toggle:before {
    content: "\e019";
}
.footable.breakpoint.toggle-medium > tbody > tr > td > span.footable-toggle {
    font-size: 18px;
}
.footable.breakpoint.toggle-large > tbody > tr > td > span.footable-toggle {
    font-size: 24px;
}
.footable > thead > tr > th {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
}
.footable > thead > tr > th.footable-sortable:hover {
    cursor: pointer;
}
.footable > thead > tr > th.footable-sorted > span.footable-sort-indicator:before {
    content: "\e013";
}
.footable > thead > tr > th.footable-sorted-desc > span.footable-sort-indicator:before {
    content: "\e012";
}
.footable > thead > tr > th > span.footable-sort-indicator {
    display: inline-block;
    font-family: 'footable';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    padding-left: 5px;
}
@media aural{
    .footable > thead > tr > th > span.footable-sort-indicator {
        speak: none;
    }
}
.footable > thead > tr > th > span.footable-sort-indicator:before {
    content: "\e022";
}
.footable > tfoot .pagination {
    margin: 0;
}
.footable.no-paging .hide-if-no-paging {
    display: none;
}
.footable-row-detail-inner {
    display: table;
    margin: 0 0 8px 16px;
}
.footable-row-detail-row {
    display: table-row;
    line-height: 2em;
}
.footable-row-detail-group {
    display: block;
    line-height: 2em;
    font-size: 1.2em;
    font-weight: bold;
}
.footable-row-detail-name {
    display: table-cell;
    font-weight: bold;
    padding-right: 0.5em;
}
.footable-row-detail-value {
    display: table-cell;
}
.footable-odd {
    background-color: #f7f7f7;
}
.footable-last-column {
    text-align: center;
}

tbody tr.footable-detail-show {
    border-bottom: 0;
    background-color: #F7F7F7;
}
tbody tr.footable-row-detail {
    background-color: #F7F7F7;
}

/* --- end footable -------------------------------------------------------------*/

/* --- begin block header -------------------------------------------------------------*/

.block-header h2.h1 {
    font-size: 22px;
    line-height: 1.4;
}

/* --- end block header -------------------------------------------------------------*/


/* --- begin block content -------------------------------------------------------------*/

.block-content {
    margin-bottom: 30px;
}

.block-content .body-image {
    float: left;
    max-width: 256px;
    margin-right: 30px;
    margin-bottom: 30px;
}
@media (max-width: 650px) {
    .block-content .body-image {
        float: none !important;
    }
}

.block-content .body-image img {
    max-width: 100%;
}
.pimcore_block_entry .block-content.textside-left .rte, .pimcore_block_entry .block-content.textside-right .rte {
    min-width: 200px;
}

.block-content h3 {
    min-width: 200px;
}

.block-content.textside-left .body-image {
    float: right;
    margin-right: 0;
    margin-left: 30px;
}

/* --- end block content -------------------------------------------------------------*/

/* --- begin block content -------------------------------------------------------------*/

.block-content-copy {
    margin-bottom: 30px;
    word-break: break-word;
}


.block-content-copy .body-image {
    margin-bottom: 30px;
}

.block-content-copy .body-image img {
    width: 100%;
}

.block-content-copy h2 {
    margin-bottom: 15px;
}

.block-content-copy header strong {
    margin-bottom: 23px;
    display: block;
}

/* --- end block content -------------------------------------------------------------*/


/* --- begin back2top -------------------------------------------------------------*/

.back2top {
    background: url("../img/layout/back2top.png") no-repeat scroll 0 -47px rgba(0, 0, 0, 0);
    bottom: 3px;
    display: block;
    height: 47px;
    position: fixed;
    right: 10px;
    text-indent: -99999em;
    width: 47px;
    z-index: 110;
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.back2top.visible {
    opacity: 1;
}

.back2top:hover {
    background-position: 0 0;
}

/* --- end back2top -------------------------------------------------------------*/


/* --- begin stage order -------------------------------------------------------------*/

.stage-order {
    margin-bottom: 30px;
    margin-top: 10px;
    overflow: hidden;
    padding: 0 15px 0 0;
}

.stage-order .body-image {
    float: left;
    width: 100%;
    padding-bottom: 20px;
}

.stage-order .body-image .product-img img {
    height: auto;
    max-width: 480px;
    width: 100%;
}

.stage-order .body-image .application {
    background: url("../img/layout/bg_application.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 114px;
    padding: 24px;
    position: absolute;
    right: 0;
    top: 30px;
    width: 114px;
}

.stage-order .body-image .application img {
    width: 100%;
}

.stage-order .body-text {
    float: left;
    width: 100%;
}

.stage-order h1 {
    font-size: 22px;
    line-height: 1.4;
    margin: 15px 0 0;
}

.stage-order strong {
    color: #79787B;
    font-family: 'frutiger_bold_italic',Arial,Helvetica,sans-serif;
    font-weight: normal;
    text-transform: uppercase;
}

.stage-order p.subline {
    margin-bottom: 20px;
}

.stage-order .order-content {
    overflow: hidden;
}

.stage-order .list-order-no {
    font-family: 'frutiger_regular',Arial,Helvetica,sans-serif;
    color: #848386;
    margin: 0;
}

.stage-order .list-order-no dt {
    float: left;
    margin-right: 10px;
}

.stage-order .prod-price strong {
    color: #000000;
    font-family: 'frutiger_regular',Arial,Helvetica,sans-serif;
    font-weight: normal;
    font-size: 48px;
    display: block;
    line-height: 48px;
    margin: 0;
}

.stage-order .prod-price span {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: #666666;
    display: block;
}

.stage-order .prod-price a {
    display: block;
    font-size: 11px;
}

.stage-order .form-add-to-cart {
    margin-bottom: 20px;
}

.stage-order label {
    color: #000000;
    font-family: 'frutiger_bold',Arial,Helvetica,sans-serif;
    margin: 0 20px;
    width: 115px;
    float: left;
    font-size: 16px;
    line-height: 37px;
}

.stage-order .form-add-to-cart .input-amount {
    border: 1px solid #d8d8d8;
    height: 37px;
    padding: 10px;
    font-family: 'frutiger_regular',Arial,Helvetica,sans-serif;
    width: 100px;
    text-align: center;
}

.stage-order .btn-one {
    background-color: #69AACA;
    color: #fff;
    padding: 5px 20px;
    display: inline-block;
    margin-bottom: 10px;
    width: 100%;
    border: none;
}
.stage-order .input-cart-add {
    width: 255px;
    text-align: center;
    margin-top: 10px;
    padding: 8px;
    font-family: 'frutiger_regular', Arial, Helvetica, sans-serif;
}

.stage-order .btn-one:hover {
    background-color: #0090d4;
}

.stage-order .section-discount .hr {
    margin: 15px 0;
    width: 255px;
    border-bottom: 1px solid #ddd;
}

.stage-order .section-discount hr {
    display: none;
}

.stage-order .section-discount p {
    font-size: 12px;
    margin: 0 0 -5px 0;
}

a.second {
    font-size: 16px;
    font-family: 'frutiger_regular',Arial,Helvetica,sans-serif;
    color: #666666;
}

a.second:hover {
    color: #0090D4;
}

a.second.ico {
    display: inline-block;
    margin-right: 20px;
    margin-left: -6px;
}

a.second.ico span {
    float: left;
    margin: 3px 5px;
}

.stage-order ul.list-downloads,
.stage-order ul.list-add-message {
    border-bottom: 1px solid #DDDDDD;
    list-style-type: none;
    margin: 0 0 15px;
    padding: 0 0 15px;
}

.stage-order ul.list-downloads li a.second {
    display: block;
    line-height: 20px;
}

.stage-order ul.list-related {
    list-style-type: none;
}

.stage-order ul.list-related li a.second {
    display: block;
    line-height: 20px;
}

.stage-order .list-thumb {
    list-style-type: none;
    margin-top: 20px;
}

.stage-order .list-thumb li {
    float: left;
    margin: 0 30px 30px 0;
}

/* --- end stage order -------------------------------------------------------------*/


.order-bar p {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 8px 0
}

.order-bar .size1of3 p {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 8px 0
}

/* --- begin cart -------------------------------------------------------------*/

.block-cart {
    margin-bottom: 30px;
}

.block-cart p.h2,
.layer-cart h2 {
    margin-bottom: 20px;
    font-size: 22px;
}

.block-cart p.h2 strong {
    font-weight: normal;
}

.block-cart .loading {
    float: right;
    height: auto;
    margin-top: 46px;
    width: 90px;
}

.block-cart .loading img {
    width: 100%;
    height: auto;
}

.block-cart .trigger-currency {
    display: inline-block;
    margin-bottom: 28px;
    margin-top: 10px;
}

.list-cart-head {
    border-bottom: 1px solid #DDDDDD;
    overflow: hidden;
    display: none;
}

.list-cart-head li {
    display: block;
    float: left;
    font-family: 'frutiger_regular',Arial,Helvetica,sans-serif;
    margin-bottom: 5px;
}

.list-cart-head li:first-of-type {
    font-family: 'frutiger_bold',Arial,Helvetica,sans-serif;
}

.cart-empty {
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 72px;
    padding-bottom: 20px;
    overflow: hidden;
}

.cart-content {
    font-family: 'frutiger_regular',Arial,Helvetica,sans-serif;
    position: relative;
    overflow: hidden;
}

.block-cart ul.list-cart {

}

.block-cart .list-cart li {
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    margin: 2px 0;
    padding: 8px 0;
}

.block-cart .list-cart li:nth-child(odd) {
    background: url('../img/layout/bg_cart_row.gif') repeat-x 0 bottom #f7f7f7;
}

.block-cart .list-cart li:last-of-type {
    border-bottom: 2px solid #ddd;
}

.block-cart .list-cart .row {
    overflow: hidden;
    position: relative;
}

.block-cart .prod-item {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.block-cart .prod-item a {
    font-family: 'frutiger_regular',Arial,Helvetica,sans-serif;
}

.block-cart .prod-price {
    float: left;
    width: auto;
    padding-left: 10px;
    white-space: nowrap;
}

.block-cart .prod-price .price-old {
    color: #AAAAAA;
    display: block;
    margin-bottom: -5px;
}

.block-cart .prod-price .price-new {

}

.block-cart .prod-amount {
    float: left;
    position: relative;
    width: auto;
    margin-left: 20px;
}

.block-cart .prod-amount:before {
    content: "x ";
    display: block;
    float: left;
    margin: 0 10px 0 0;
}


.block-cart .cart-content .prod-amount {
    min-height: 52px;
}

.block-cart .prod-amount input {
    width: 40px;
    border-top: none;
    border-right: none;
    border-bottom: 1px solid #ddd;
    border-left: none;
    text-align: center;
    float: left;
    margin-right: 20px;
    background: #fff;
    font-family: 'frutiger_regular',Arial,Helvetica,sans-serif;
}

.block-cart .prod-amount .cart-update {
    left: 0;
    position: absolute;
    top: 26px;
    font-family: 'frutiger_regular',Arial,Helvetica,sans-serif;
    font-size: 16px;
    display: none;
}

.block-cart .prod-amount a.btn-delete {
    color: #000;
    font-family: 'frutiger_regular',Arial,Helvetica,sans-serif;
    font-size: 0;
}

.block-cart .prod-amount a.btn-delete:hover {
    color: #0090D4;
}

.block-cart a:hover .ico-feature-del {
    background-position: 0 -20px;
}

.block-cart .prod-amount a.btn-delete .ico-feature-del {
    float: left;
    margin: 2px 6px 0 0;
}

a.second.ico:hover .ico-feature-arrow,
.block-cart a:hover .ico-feature-arrow {
    background-position: 0 -100px;
}

.block-cart .delivery-status {
    float: right;
    padding-left: 10px;
    padding-right: 20px;
    width: auto;
}

.block-cart .delivery-status.red {
    color: #c90123;
}

.block-cart .delivery-status.yellow {

}

.block-cart .delivery-status.green {

}

.block-cart .prod-price-total {
    float: none;
    padding-right: 20px;
    text-align: right;
    width: auto;
    font-family: 'frutiger_bold',Arial,Helvetica,sans-serif;
    white-space: nowrap;
}

.block-cart .prod-item .prod-image {
    float: left;
    width: 105px;
    height: 60px;
    margin: 0 10px 5px 0;
}

.block-cart .prod-item .prod-name {
    color: #000;
    line-height: 16px;
    margin-top: 8px;
}

.block-cart .prod-item .prod-id {
    font-size: 14px;
}

.block-cart .prod-item .prod-id:before {
    content: "› ";
}

.block-cart .state-info {
    padding: 10px;
    margin-top: 10px;
}

.block-cart .ico-state-info {
    float: left;
    margin: 0 15px 15px 0;
}

.block-cart .ico-state-alert {
    float: left;
    margin: 0 15px 15px 0;
}

.block-cart .state-info strong {
    text-transform: uppercase;
    font-weight: normal;
    display: block;
}

.block-cart .state-info a {
    font-size: 14px;
    font-family: 'frutiger_regular',Arial,Helvetica,sans-serif;
}

.block-cart .list-features li {
    float: left;
    margin-right: 10px;
}

.block-cart .list-features a {
    font-size: 14px;
    font-family: 'frutiger_regular',Arial,Helvetica,sans-serif;
    color: #666666;
}

.block-cart .list-features a:hover {
    color: #0090D4;
}

.block-cart .list-features a:hover .ico-feature-del {
    background-position: 0 -20px;
}

.block-cart .list-features a:hover .ico-feature-add {
    background-position: 0 -60px;
}

.block-cart .ico-feature-del,
.block-cart .ico-feature-add,
.block-cart .ico-feature-arrow {
    float: left;
    margin: 2px 5px;
}

.block-cart .summary {
    text-align: right;
    padding-right: 35px;
}

.line .block-cart .summary {
    padding-right: 20px;
}

.block-cart .price-netto,
.block-cart .tax,
.block-cart .price-delivery,
.block-cart .price-voucher {
    color: #666666;
}

.block-cart .price-netto span,
.block-cart .tax span,
.block-cart .price-delivery span,
.block-cart .price-voucher span {
    color: #000;
    width: 140px;
    display: inline-block;
}

.block-cart .price-brutto {
    color: #000;
    font-family: 'frutiger_bold',Arial,Helvetica,sans-serif;
}

.block-cart .line p,
.block-cart .line p a {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
}

.block-cart .unit {
    margin-bottom: 0;
}

.block-cart .hr {
    border-bottom: 1px solid #ddd;
    padding: 20px 0 20px 0;
}

.block-cart hr {
    border-color: #DDD;
    margin: 3px 0 20px 0;
    border-width: 2px 0 0;
}

.block-cart .list-features {
    margin-bottom: 20px;
}

.block-cart .modal-del {
    position: absolute;
    padding: 10px 20px;
    background: #fff;
    -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.35);
    box-shadow: 0 0 3px 0 rgba(0,0,0,0.35);
    right: 3px;
    width: 274px;
}

.block-cart .modal-del a {
    display: inline-block;
    margin-right: 20px;
}

.block-cart .modal-del p {
    font-size: 16px;
    text-transform: uppercase;
}

.block-cart a.btn-one {
    margin-right: 20px;
}

.layer-cart .trigger-close {
    display: block;
    margin-bottom: 30px;
    margin-top: -20px; /* -72 */
    position: relative;
    float:left;
}

/* --- end cart -------------------------------------------------------------*/

/* --- begin form -------------------------------------------------------------*/

.form {
    font-family: 'frutiger_regular',Arial,Helvetica,sans-serif;
}

.form p {
    font-family: Arial,Helvetica,sans-serif;
}

.form ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.form li {
    display: block;
    margin: 0 0 10px 0;
}

.form legend {
    font-family: 'frutiger_regular',Arial,Helvetica,sans-serif;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.form label {
    font-size: 16px;
    color: #666666;
}

.form label.error:before {
    content : "";
    display: block;
}

.form input {
    font-family: 'frutiger_regular',Arial,Helvetica,sans-serif;
    font-size: 16px;
    width: 99%;
    color: #666666;
}

.form select {
    font-family: 'frutiger_regular',Arial,Helvetica,sans-serif;
    font-size: 16px;
    width: 100%;
}

.form input[type="submit"] {
    background-color: #69AACA;
    border: 0 none;
    color: #FFFFFF;
    display: inline-block;
    margin-bottom: 10px;
    margin-left: 33.3333%;
    padding: 8px 20px 9px;
    width: 66.6667%;
    font-family: 'frutiger_bold',Arial,Helvetica,sans-serif;
}

.mac-os .form input[type="submit"] {
    padding: 8px 20px 4px;
}

.form input[type="submit"]:hover {
    background-color: #0090D4;
}

.form input[type="submit"].disabled {
    background-color: #C2C2C2;
    cursor: default;
    opacity: 0.5;
}

.form input[type="submit"].disabled:hover {
    background-color: #C2C2C2;
}

.form input.auto {
    width: auto;
    float: left;
    margin-right: 10px;
}

.form select.auto {
    width: auto;
    float: left;
    margin-right: 10px;
}

.form li:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.form .buttons:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.form .buttons {
    clear: both;
    display: block;
    margin-top: 30px;
}

.form li .input {
    float: left;
    width: 66.6667%;
}

.form li div.combo label {
    clear: both;
    display: block;
}

.form label.description {
    display: block;
    float: left;
    width: 33.33333%;
}

.form label.description.execution {
    padding: 4px 0;
}

.form .list-choice {
    display: block;
}

.form .list-choice > li {
    float: left;
    margin-right: 10px;
}

.form .list-time {
    display: block;
}

.form .list-time  li {
    float: left;
    margin: 0 10px 0 0;
}

.form .list-time li input {
    text-align: center;
}

.form .list-time li label {
    display: none;
}

.form input.text {
    border-bottom:  1px solid #ddd;
    border-left: none;
    border-right: none;
    border-top: none;
}

.form textarea.textarea {
    border: 1px solid #DDDDDD;
    min-height: 220px;
    padding: 10px;
    width: 99%;
}

.form select.select {
    border-bottom:  1px solid #ddd;
    border-left: none;
    border-right: none;
    border-top: none;
}

.form input.checkbox {
    display: block;
    float: left;
    height: 13px;
    margin: 7px 10px 0 0;
    width: 13px;
}

.form input.radio {
    display: block;
    float: left;
    height: 13px;
    margin: 7px 10px 0 0;
    width: 13px;
}

.form label.choice {
    margin-right: 20px;
    white-space: nowrap;
}

.form label.choice:last-of-type {
    margin-right: 0px;
}

.form li.error label {
    color: #c90123;
}

.form .error {
    color: #c90123;
}

.form .error-msg {
    margin-bottom: 30px;
}

.form .required {
    color: #c90123;
    float: none;
}

.ui-datepicker.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
}

#addressList .input {
    margin-bottom: 20px;
}

#addressList .input input {
    font-family: 'frutiger_regular',Arial,Helvetica,sans-serif;
    font-size: 16px;
    width: 230px;
    color: #666666 !important;
}

/* --- end form -------------------------------------------------------------*/


/* --- begin checkout -------------------------------------------------------------*/

.checkout .progress li {
    width: 25%;
}

.checkout .form input[type="submit"],
.myutilis .form input[type="submit"] {
    margin-left: 0;
    width: auto;
    float: right;
}

.checkout .proceed,
.myutilis .lastUnit .proceed {
    float: right;
}

ul.list-delivery-address,
ul.list-billing-address {
    border-top: 1px solid #DDDDDD;
    list-style-type: none;
    margin-bottom: 20px;
}

li.item-delivery-address,
li.item-billing-address {
    border-bottom: 1px solid #DDDDDD;
    margin: 2px 0;
    overflow: hidden;
    padding: 18px 20px;
    position: relative;
}

.item-delivery-address.active,
.item-delivery-address:hover,
.item-billing-address.active,
.item-billing-address:hover {
    background: url("../img/layout/bg_cart_row.gif") repeat-x scroll 0 bottom #F7F7F7;
}

.form .item-delivery-address input.radio {
    margin: 7px 10px 0 0;
}

.item-delivery-address.active .status,
.item-billing-address.active .status {
    background: url("../img/layout/check.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.item-delivery-address .status,
.item-billing-address .status {
    height: 28px;
    position: absolute;
    right: 30px;
    top: 30px;
    width: 28px;
}

.checkout .form label.description,
.myutilis .form label.description {
    min-width: 160px;
}

.form .delivery-type label.choice,
.form .billing-address label.choice {
    white-space: normal;
}

.delivery-type .active label,
.payment .active label {
    font-family: 'frutiger_bold',Arial,Helvetica,sans-serif;
}

.payment .listForm {
    margin-bottom: 30px;
}

.form .payment label.choice,
.form.form-terms-conditions label.choice {
    white-space: normal;
}

.checkout .combo,
.myutilis .combo {
    padding: 10px 0 0 23px;
}

.checkout .combo label,
.myutilis .combo label {
    line-height: 20px;
}

.checkout a.second,
.myutilis a.second {
    display: block;
    padding: 7px 0;
}

.checkout .line .line.buttons,
.myutilis .line .line.buttons {
    margin: 0;
}

.myutilis .line .order-overview .line {
    margin: 0 0 30px 0;
}

.form-delivery section {
    border-bottom: 2px solid #ddd;
    margin-bottom: 30px;
}

.form-delivery .address {
    display: block;
    margin-bottom: 10px;
    white-space: normal;
}

.form-delivery a.delete {
    color: #666666;
    display: block;
    font-family: 'frutiger_regular',Arial,Helvetica,sans-serif;
    font-size: 14px;
    margin: 0 0 10px -6px;
    padding: 0;
}

.form-delivery .ico-feature-del {
    float: left;
    margin: 3px 5px;
}

.form-delivery a.delete:hover {
    color: #0090D4;
}

.form-delivery a.delete:hover .ico-feature-del {
    background-position: 0 -20px;
}

.delivery-type ul {
    margin-bottom: 30px;
}

.delivery-type ul {
    overflow: hidden;
}

.delivery-type li {
    width: 100%;
}


.block-summary hr {
    border-color: #DDDDDD;
    border-width: 2px 0 0;
    margin: 3px 0 20px;
}

.block-summary .screenLarge {
    display: none;
}

.block-summary {
    position: relative;
}

.block-summary .loading {
    position: absolute;
    right: 0;
    right: 20px;
    height: 40px;
    width: 40px;
    top: -6px;
}

.block-summary .loading img {
    height: 100%;
}

.list-summary {
    border-top: 1px solid #DDDDDD;
    list-style-type: none;
}

.list-summary p {
    font-size: 16px;
}

.list-summary li {
    border-bottom: 1px solid #DDDDDD;
    font-family: 'frutiger_regular',Arial,Helvetica,sans-serif;
    overflow: hidden;
    padding-top: 10px;
}

.list-summary li strong {
    font-family: 'frutiger_bold',Arial,Helvetica,sans-serif;
    font-weight: normal;
}

.list-summary dl {
    margin: 0 0 10px 0;
    overflow: hidden;
}

.list-summary dt,
.list-summary .dt {
    float: left;
    text-align: right;
    width: 55%;
}

.list-summary dd {
    float: left;
    margin: 0;
    padding: 0 30px 0 10px;
    text-align: right;
    width: 45%;
}

.screenSmall dt {
    float: left;
    font-family: 'frutiger_regular', Arial, Helvetica, sans-serif;
}

.screenSmall dd strong,
.screenSmall dt strong {
    font-family: 'frutiger_bold', Arial, Helvetica, sans-serif;
    font-weight: normal;
}

.screenSmall dd {
    float: left;
    margin: 0 0 0 10px;
    padding: 0 30px 0 10px;
    white-space: nowrap;
    font-family: 'frutiger_regular', Arial, Helvetica, sans-serif;
}

.terms-conditions {
    margin-bottom: 30px;
}


.line .order-overview .line .unit {
    margin-bottom: 30px;
}

/* --- end checkout -------------------------------------------------------------*/

/* --- begin map -------------------------------------------------------------*/

.map {
    margin-bottom: 30px;
}

.map-info {
    width: 200px;
    min-height: 200px;
}

.map-info address span {
    display: block;
    width: 100%;
}

.form-map-filter {
    margin-top: -55px;
    position: relative;
}

/* --- end map -------------------------------------------------------------*/

/* --- begin download filter -------------------------------------------------------------*/

.download-filter {
    margin-bottom: 30px;
}

.download-filter h3,
.download-filter .form label.h3 {
    color: #000000;
    display: block;
    font-size: 22px;
    margin: 0 0 22px;
    /*white-space: nowrap;*/
}

.list-download-results {
    border: 1px solid #ddd;
}

.download-results-container li {
    border-bottom: 1px solid #ddd;
    border-top: 2px solid #fff;
    padding: 15px 10px;
    overflow: hidden;
    background: url("../img/layout/bg_cart_row.gif") repeat-x scroll 0 bottom transparent;
}

.download-results-container li:hover {
    background-color: #F7F7F7;
}

.download-results-container li a {
    line-height: 20px;
}

.download-results-container li strong {
    font-family: 'frutiger_bold', Arial, Helvetica, sans-serif;
    font-weight: normal;
    display: block;
}

.download-results-container li span {
    font-family: 'frutiger_regular', Arial, Helvetica, sans-serif;
    color: #666;
}

.download-results-container li span.file {
    display: inline-block;
    float: right;
}

.download-results-container li span.category {
    display: inline-block;
    margin-right: 10px;
}

.download-results-container li span.category:before {
    content: "[";
}

.download-results-container li span.category:after {
    content: "]";
}

/* --- end download filter -------------------------------------------------------------*/

/* --- begin contact person -------------------------------------------------------------*/

.contact-persons .form {
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    overflow: hidden;
    padding: 8px 10px 0;
}

.contact-persons .form .list-choice {
    width: 100%;
}

.list-contact-persons {
    list-style-type: none;
}

/* --- end contact person -------------------------------------------------------------*/

/* --- begin colorbox -------------------------------------------------------------*/

#colorbox, #cboxOverlay, #cboxWrapper {
    left : 0;
    overflow : hidden;
    position : absolute;
    top : 0;
    z-index : 9999;
}

#cboxWrapper {
    max-width : none;
}

#cboxOverlay {
    height : 100%;
    position : fixed;
    width : 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
    clear : left;
}

#cboxContent {
    position : relative;
}

#cboxLoadedContent {
    overflow : auto;
    webkit-overflow-scrolling : touch;
}

#cboxTitle {
    margin : 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
    height : 100%;
    left : 0;
    position : absolute;
    top : 0;
    width : 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
    cursor : pointer;
}

.cboxPhoto {
    border : 0;
    display : block;
    float : left;
    margin : auto;
    max-width : none;
    ms-interpolation-mode : bicubic;
}

.cboxIframe {
    border : 0;
    display : block;
    height : 100%;
    margin : 0;
    padding : 0;
    width : 100%;
}

#colorbox, #cboxContent, #cboxLoadedContent {
    box-sizing : content-box;
    moz-box-sizing : content-box;
    webkit-box-sizing : content-box;
}

#cboxOverlay {
    background : #fff;
}

#colorbox {
    outline : 0;
}

#cboxTopLeft {
    height : 5px;
    width : 5px;
}

#cboxTopCenter {
    height : 5px;
}

#cboxTopRight {
    height : 5px;
    width : 5px;
}

#cboxBottomLeft {
    height : 5px;
    width : 5px;
}

#cboxBottomCenter {
    height : 5px;
}

#cboxBottomRight {
    height : 5px;
    width : 5px;
}

#cboxMiddleLeft {
    width : 5px;
}

#cboxMiddleRight {
    width : 5px;
}

#cboxContent {
    background : #fff;
    overflow : hidden;
    padding: 20px;
    -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.35);
    box-shadow: 0 0 3px 0 rgba(0,0,0,0.35);
}

.cboxIframe {
    background : #fff;
}

#cboxError {
    border : 1px solid #ccc;
    padding : 50px;
}

#cboxLoadedContent {
    margin-bottom : 0;
}

#cboxTitle {
    bottom : 0px;
    color : #999;
    left : 0;
    position : absolute;
    text-align : center;
    width : 100%;
}

#cboxCurrent {
    bottom : 0px;
    color : #999;
    left : 100px;
    position : absolute;
}

#cboxLoadingOverlay {
    background : #fff url(../img/layout/ajax-loader.gif) no-repeat 5px 5px;
}

#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
    background : none;
    border : 0;
    margin : 0;
    overflow : visible;
    padding : 0;
    width : auto;
}

#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
    outline : 0;
}

#cboxSlideshow {
    bottom : 0px;
    color : #444;
    position : absolute;
    right : 42px;
}

#cboxPrevious {
    bottom : 0px;
    color : #444;
    left : 0;
    position : absolute;
}

#cboxNext {
    bottom : 0px;
    color : #444;
    left : 63px;
    position : absolute;
}

#cboxClose {
    top : 30px;
    right : 30px;
    color : #444;
    display : block;
    position : absolute;
    background: url("../img/layout/ico_feature.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 20px;
    width: 20px;
    text-indent: -99999em;
}

#cboxClose:hover {
    background-position: 0 -20px;
}

/* --- end colorbox -------------------------------------------------------------*/

/* --- begin toggle -------------------------------------------------------------*/

.delivery-address .toggle-second,
.billing-address .toggle-second {
    width: 97%;
}

/* --- end toggle -------------------------------------------------------------*/

/* --- begin blog -------------------------------------------------------------*/

.list-blog {
    list-style-type: none;
}

.list-blog li {
    margin-bottom: 30px;
}

.list-blog li:nth-child(odd) .teaser-default.color-zero .body-text {
    padding: 0 30px 26px 0;
}

.list-blog li:nth-child(even) .teaser-default.color-zero .body-text {
    padding: 0 0 26px 30px;
}

.blog-image {
    background-color: #EEEEEE;
    display: block;
    height: 200px;
    margin-bottom: 30px;
    overflow: hidden;
    padding: 10px 0;
    width: 100%;
}

.blog-image img {
    display: block;
    height: 100%;
    margin: 0 auto;
    width: auto;
}

/* --- end blog -------------------------------------------------------------*/

/* --- begin share -------------------------------------------------------------*/

.share-container {
    margin-bottom: 30px;
    overflow: hidden;
}

ul.list-share {
    list-style-type: none;
}

.list-share li {
    float: left;
    margin: 0 20px 30px 0;
}

.list-share li a {
    width: 32px;
    height: 32px;
    text-indent: -99999em;
    display: block;
    background-image: url(../img/layout/ico_share.png);
    background-repeat: no-repeat;
}

.list-share a.email {
    background-position: -32px 0;
}

.list-share a.email:hover {
    background-position: 0 0;
}

.list-share a.facebook {
    background-position: -32px -32px;
}

.list-share a.facebook:hover {
    background-position: 0 -32px;
}

.list-share a.twitter {
    background-position: -32px -64px;
}

.list-share a.twitter:hover {
    background-position: 0 -64px;
}

.list-share a.linkedin {
    background-position: -32px -96px;
}

.list-share a.linkedin:hover {
    background-position: 0 -96px;
}

.list-share a.xing {
    background-position: -32px -129px;
}

.list-share a.xing:hover {
    background-position: 0 -129px;
}

/* --- end share -------------------------------------------------------------*/

/* --- begin comments -------------------------------------------------------------*/

ul.list-comments {
    list-style-type: none;
    border-top: 1px solid #DDDDDD;
}

.list-comments li {
    border-bottom: 1px solid #DDDDDD;
    border-top: 2px solid #FFFFFF;
    overflow: hidden;
    padding: 15px 10px;
}

.list-comments li:nth-of-type(odd) {
    background: url("../img/layout/bg_cart_row.gif") repeat-x scroll 0 bottom #F7F7F7;
}

/* --- end comments -------------------------------------------------------------*/


/* --- begin topics -------------------------------------------------------------*/

.topics-container {
    overflow: hidden;
    margin-bottom: 30px;
}

ul.list-topics {
    list-style-type: none;
}

.list-topics li {
    float: left;
    margin-right: 20px;
    font-family: 'frutiger_regular',Arial,Helvetica,sans-serif;
}

.list-topics li a:before {
    content: "#";
}

.teaser-default .body-text,
.teaser-text {
    position: relative;
}

.body-text .list-topics,
.teaser-text .list-topics {
    bottom: 0;
    max-height: 40px; /* cut of second line */
    position: absolute;
}

.body-text .list-topics li,
.teaser-text .list-topics li {
    margin-right: 10px;
}

.body-text .list-topics li a,
.teaser-text .list-topics li a {
    font-size: 13px;
    line-height: 40px;
    color: #666666;
    font-family: 'frutiger_regular',Arial,Helvetica,sans-serif;
}

.teaser-text.color-one .list-topics li a {
    color: #fff;
}

.body-text .list-topics li a:hover,
.teaser-text .list-topics li a:hover {
    color: #0090D4;
}


/* --- end topics -------------------------------------------------------------*/

/* --- begin shopping-info -------------------------------------------------------------*/

.teaser-shopping-info {
    overflow: hidden;
    clear: both;
    display: none;
}

.list-icons li {
    float: left;
    margin: 0 10px 10px 0;
}

/* --- end shopping-info -------------------------------------------------------------*/

/* --- begin cutting-calculator -------------------------------------------------------------*/

.cutting-calculator .form-cutting,
.cutting-calculator .form-feedrate {
    padding: 20px 0;
}

.cutting-calculator ul {
    list-style-type: none;
}

.cutting-calculator img {
    margin: 0 30px 20px 0;
    max-width: 250px;
    min-width: 200px;
}

.cutting-calculator legend {
    display: inline-block;
    margin: 0 0 20px;
}

.cutting-calculator .listForm {
    clear: both;
}

/* --- end cutting-calculator -------------------------------------------------------------*/

/* --- begin whirling-calculator -------------------------------------------------------------*/


.responsive-warning {
    display: block;
    margin-top: 30px;
    width: 100%;
    background-color: #FFFFFF;
    color: #c90123;
    z-index: 1;
    min-width: 268px;
}

.right-title {
    float: right;
    width: 677px;
}

.form-whirling {
    display: none;
}

.form-whirling label.description {
    width: 285px;
    color: #000000;
    padding: 8px 0;
}

.form-whirling .whirling-unit-description {
    width: auto;
    margin-right: 10px;
}

.form-whirling label.description.indent {
    padding-left: 30px;
    width: 450px;
    color: #666666;
}

.form-whirling label.description.optionalIndent {
    width: 450px;
}

.form-whirling ul.listForm {
    float: left;
    margin-bottom: 40px;
}

.form-whirling ul li {
    border-bottom: 1px solid #EEEEEE;
    margin-bottom: 0;
}

.form-whirling ul li.border-top {
    border-top: 1px solid #EEEEEE;
}

.symbolzeichnung.no-border,
.form-whirling ul li.no-border {
    border-bottom: none;
    border-left: 0;
}

.form-whirling h2 {
    margin-bottom: 15px;
}

.whirling-unit {
    margin-bottom: 20px;
    padding: 8px 0;
}

.whirling-unit .mandatory {
    float: right;
}

.whirling-unit legend {
    width: 265px;
    float: left;
}

.whirling-unit select {
    width: 100px;
}

form.form-whirling li .input {
    min-width: 75px;
    width: auto;
}
form.form-whirling li .input.last {
    margin-right: 0;
}

form.form-whirling li.mandatory-label span {
    width: 157px;
    display: inline-block;
}

form.form-whirling li.mandatory-label h3 {
    margin-bottom: 10px;
}

form.form-whirling input,
form.form-whirling input.text {
    text-align: right;
    padding: 5px 3px;
    margin-top: 7px;
    background-color: #EEEEEE;
    border-bottom: 0;
}

form.form-whirling input.mandatory {
    background-color: #DDDDDD;
}

form.form-whirling img {
    margin-bottom: 10px;
}

form.form-whirling .imglegend {
    margin-bottom: 20px;
}

input.first-input {
    float: left;
    width: 80px;
}

span.unit-legend {
    min-width: 36px;
    float: left;
    padding-left: 5px;
    padding-top: 8px;
    padding-bottom: 8px;
}

span.unit-legend:first-of-type {
    padding-left: 0;
    padding-right: 5px;
}

.unit-conversion {
    width: 195px;
    padding-left: 10px;
    float: right;
    display: inline-block;
    border-left: 1px solid #EEEEEE;
}

.unit-conversion .unit-legend {
    float: right;
}

.unit-conversion .input:nth-child(2) {
    float: right;
    margin-right: 0;
}

form.form-whirling .resetBtn{

}

/* --- end whirling-calculator -------------------------------------------------------------*/


/* --- begin job-detail -------------------------------------------------------------*/

.job-detail {
    margin-bottom: 30px;
}

.job-detail .rte {
    margin-bottom: 30px;
}

.job-detail .download {
    display: block;
    margin-bottom: 30px;
}

/* --- end job-detail -------------------------------------------------------------*/


/* --- end main -------------------------------------------------------------*/


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 480px) {

    /* --- begin footer -------------------------------------------------------------*/

    .menu-footer {
        -moz-column-count: 5;
        -webkit-column-count: 5;
        column-count: 5;

        -moz-column-width: 160px;
        -webkit-column-width: 160px;
        column-width: 160px;

        -moz-column-gap: 20px;
        -webkit-column-gap: 20px;
        column-gap: 20px;
    }

    .menu-footer .item-nav0 { /* keep together */
        width: 100%;
        display: inline-block;
    }

    .lt-ie10 .menu-footer .item-nav0 {
        width: 50%;
    }


    /* --- end footer -------------------------------------------------------------*/

    /* --- begin sitemap -------------------------------------------------------------*/

    .sitemap {
        -moz-column-count: 5;
        -webkit-column-count: 5;
        column-count: 5;

        -moz-column-width: 160px;
        -webkit-column-width: 160px;
        column-width: 160px;

        -moz-column-gap: 20px;
        -webkit-column-gap: 20px;
        column-gap: 20px;
    }

    .sitemap > li { /* keep together */
        width: 100%;
        display: inline-block;
    }

    .lt-ie10 .sitemap > li {
        width: 50%;
    }

    /* --- end footer -------------------------------------------------------------*/

    /* --- begin teaser -------------------------------------------------------------*/

    .teaser-default .size1of2,
    .teaser-default .size1of3,
    .teaser-default .size2of3 {
        width: 50%;
    }

    .teaser-default img {
        width: auto;
        height: 100%;
        max-height: none;
        margin: 0 0 0 -48%;
    }

    .line .line .unit.lastUnit {
        padding-left: 0;
    }

    .teaser-default.color-zero .body-text {
        padding: 26px 30px 40px 30px;
    }

    .teaser-default .body-text {
        min-height: 287px;
    }

    /* --- end teaser -------------------------------------------------------------*/

    .list-products .size1of3 {
        width: 50%;
    }

    a.btn-one {
        width: auto;
    }

    a.btn-two {
        width: auto;
    }

    .result-table .footable-last-column {
        white-space: nowrap;
    }

    .list-products.slides {
        padding: 0 60px;
    }

    .list-products.slides .slick-prev {
        left: -2px;
    }

    .list-products.slides .slick-next {
        right: -2px;
    }

    .slick-slide {
        border-right: 1px solid #DDDDDD;
        margin: 0 -1px 0 0;
        min-height: 116px;
    }

    .blog-image {
        background-color: #EEEEEE;
        display: block;
        height: 250px;
        margin-bottom: 30px;
        overflow: hidden;
        padding: 10px 0;
        width: 100%;
    }

    .layer-cart .trigger-close {
        margin-top: -100px;

    }

    .layer-cart .btn-one {
        float: right;
    }
}

@media only screen and (min-width: 768px) {

    .screen768 {
        display: inline-block;
    }

    h1.h2 {
        font-size: 32px;
    }

    h2 {
        font-size: 32px;
    }

    /* --- begin grid -------------------------------------------------------------*/
    .size1of2{width:50%;}
    .size1of3{width:33.33333%;}
    .size2of3{width:66.66666%;}
    .size1of4{width:25%;}
    .size2of4{width:50%;}
    .size3of4{width:75%;}
    .size1of5{width:20%;}
    .size2of5{width:40%;}
    .size3of5{width:60%;}
    .size4of5{width:80%;}
    .lastUnit {float:none;_position:relative; _left:-3px; _margin-right: -3px;width:auto;}
    /* --- end grid -------------------------------------------------------------*/

    /* --- begin structure -------------------------------------------------------------*/

    .footer-container {
        margin-bottom: 0;
    }

    .grid-narrow {
        padding: 30px 115px;
    }

    /* --- end structure -------------------------------------------------------------*/

    /* --- begin wizard -------------------------------------------------------------*/

    /* --- end wizard -------------------------------------------------------------*/

    .menubar {
        padding-bottom: 20px;
    }

    .mobile-toggle {
        margin-top: 15px;
    }

    .mobile-toggle {
        margin-bottom: 5px;
        margin-top: 23px;
        float: right;
    }

    .mobile-toggle-info {
        margin-top: 23px;
    }

    .logo {
        width: auto;
    }

    .product-area {
        margin-bottom: 10px;
    }

    .product-area .btn-one {
        margin: 0 0 20px;
    }

    /* --- begin breadcrumb -------------------------------------------------------------*/

    .breadcrumb dl {
        left: -320px;
        padding: 0 320px;
        position: absolute;
        top: 0;
        width: 1600px;
    }

    .breadcrumb dd {
        width: auto;
        display: block;
    }

    .corporate .breadcrumb {
        top: 507px;
    }

    .corporate-detail .breadcrumb {
        top: 100px;
    }

    .breadcrumb hr {
        top: 43px;
    }

    .breadcrumb .blog-meta {
        padding: 0;
    }

    .blog-meta .screen768 {
        display: inline-block;
    }


    /* --- end breadcrumb -------------------------------------------------------------*/


    /* --- begin stage -------------------------------------------------------------*/

    .stage figure,
    .stage-search figure {
        margin-bottom: -230px;
    }

    .stage-corporate .stage-body {
        margin: 0
    }

    .stage-corporate-detail {
        height: 100px;
    }

    .stage-blog .stage-body {
        margin: 0;
    }

    .stage-home img,
    .stage-blog img,
    .stage-corporate img,
    .stage-corporate-detail img {
        left: -320px;
        height: auto;
        border-top: 1px solid #DDDDDD;
    }

    .stage .crop,
    .stage-search .crop {
        height: 230px;
        margin-left: 0;
        margin-right: 0;
        overflow: hidden;
        padding-right: 0;
        position: relative;
        width: 100%;
    }

    .stage img,
    .stage-search img {
        height: 230px;
        left: auto;
        margin-left: 0;
        max-width: 950px;
        position: absolute;
        right: 0;
        width: auto;
    }

    .stage-text h1 {
        font-size: 38px;
        line-height: 1.2;
    }

    .stage-text h1 span,
    .tab-content .h1 span {
        background: url("../img/layout/bg_headline.png") no-repeat scroll right 0 rgba(0, 0, 0, 0);
        display: inline-block;
        height: 47px;
        padding: 0 15px 0 0;
    }

    .stage-body {
        height: 230px;
    }

    .stage-home .stage-body,
    .stage-corporate .stage-body {
        height: 566px;
    }

    .stage-blog .stage-body {
        height: 462px;
    }

    .stage-text {
        position: absolute;
        left: 0;
        top: 54px;
    }

    .stage .stage-text,
    .stage-search .stage-text {
        left: 42px;
        top: 0;
    }

    .stage-corporate .stage-text {
        left: 0;
        top: auto;
        bottom: 250px;
    }

    .stage-text strong {
        background-color: transparent;
        font-size: 14px;
    }

    .stage-text h1 {
        background-color: transparent;
        font-size: 30px;
        line-height: 34px;
    }

    .stage-home .stage-text h1 {
        font-size: 36px;
        line-height: 44px;
    }

    .bubble {
        background-color: #edbf00;
        background: url(../img/layout/bubble_yellow.png) no-repeat center center transparent;
        position: absolute;
        right: 20px;
        bottom: 50px;
        height: 216px;
        text-align: center;
        margin: 0;
        width: 216px;
        padding: 42px 26px 0 26px;
    }

    .bubble p {
        font-size: 16px;
        max-height: 100px;
    }

    .bubble a {
        font-size: 16px;
    }


    /* --- begin stage product -------------------------------------------------------------*/

    .stage-product {
        height: 489px;
        position: relative;
        width: 100%;
        overflow: visible;

        padding: 0;

        background: #ffffff;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGY0ZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -webkit-radial-gradient(50% 100%, ellipse farthest-corner, #f4f4f4 0%, #ffffff 80%);
        background: -moz-radial-gradient(50% 100%, ellipse farthest-corner, #f4f4f4 0%, #ffffff 80%);
        background: -o-radial-gradient(50% 100%, ellipse farthest-corner, #f4f4f4 0%, #ffffff 80%);
        background: -ms-radial-gradient(50% 100%, ellipse farthest-corner, #f4f4f4 0%, #ffffff 80%);
        background: -ms-radial-gradient(50% 100%, ellipse farthest-corner, #f4f4f4 0%, #ffffff 80%);
        background: radial-gradient(50% 100%, ellipse farthest-corner, #f4f4f4 0%, #ffffff 80%);

    }

    .stage-product h1 {
        font-size: 36px;
        line-height: 47px;
    }

    .stage-product h1 span {
        background: url("../img/layout/bg_headline.png") no-repeat scroll right 0 rgba(0, 0, 0, 0);
        display: inline-block;
        min-height: 47px;
        padding: 0 15px 0 0;
    }

    .stage-product .body-text {
        width: 50%;
    }

    .stage-product .body-image {
        width: 50%;
    }

    .stage-product .body-image .application {
        right: 50px;
    }


    /* --- end stage product -------------------------------------------------------------*/

    /* --- end stage -------------------------------------------------------------*/


    /* --- begin cart -------------------------------------------------------------*/

    .list-cart-head {
        display: block;
    }

    .block-cart .prod-item {
        float: left;
        width: 36.55914%;
        margin-bottom: 0;
    }

    .block-cart .prod-price {
        width: 13.978495%;
        text-align: center;
        padding: 0;
    }

    .block-cart .prod-amount {
        width: 17%;
        float: left;
        padding-left: 30px;
        margin: 0;
    }

    .block-cart .prod-amount:before {
        content: "";
    }

    .menu-meta .block-cart .prod-amount {
        width: 21.5054%;
    }

    .block-cart .delivery-status {
        width: 13.978495%;
        padding-left: 0;
        text-align: center;
        padding-right: 0;
        float: left;
    }

    .block-cart .trigger-currency {
        margin-top: 0px;
        margin-left: -5px;
    }

    .block-cart .prod-price-total {
        font-family: 'frutiger_regular',Arial,Helvetica,sans-serif;
    }

    .block-cart .prod-amount input {
        margin-right: 5px;
    }

    .block-cart .prod-amount a.btn-delete {
        font-size: 16px;
    }

    .block-cart .state-info {
        padding: 10px 10px 10px 115px;
        margin-top: 0px;
    }

    .block-cart .modal-del {
        right: 30px;
        width: auto;
    }

    .block-cart .prod-item .prod-id {
        white-space: nowrap;
    }


    /* --- end cart -------------------------------------------------------------*/

    /* --- begin tab -------------------------------------------------------------*/

    .tab-home,
    .tab-blog {
        margin: -39px 30px 30px 15px;
    }

    /* only firefox */
    @-moz-document url-prefix() {
        .tab-home,
        .tab-blog {
            margin: -41px 30px 30px 15px;
        }
    }

    .tab-home.ui-tabs .ui-tabs-nav li,
    .tab-blog.ui-tabs .ui-tabs-nav li {
        float: right;
    }

    .tab-overview {
        margin: -70px 0 30px -10px;
    }

    /* only firefox */
    @-moz-document url-prefix() {
        .tab-overview {
            margin: -72px 0 30px -10px;
        }
    }

    .ui-tabs .ui-tabs-nav li {
        width: auto;
    }

    .ui-tabs {
        padding: 0;
        overflow: hidden;
    }

    .ui-tabs.tab-overview {
        padding: 0 0 0 10px;
    }

    .ui-tabs .ui-tabs-nav {
        margin: 0 0 1px 15px;
    }

    .ui-widget-content .ui-state-default {
        border-left: 0;
        border-right: 0;
        border-top: 0;
    }

    .ui-tabs .ui-tabs-nav .ui-tabs-active .ui-tabs-anchor {
        background: #fff;
        width: auto;
    }

    .ui-widget-content .ui-state-hover {
        background: url("/static/css/images/ui/ui-bg_flat_100_FFFFFF_40x100.png") repeat-x scroll 50% 50% #FFFFFF
    }

    .ui-tabs .ui-tabs-panel {
        padding: 30px 0;
        margin: 0 0 30px;
    }

    .ui-tabs .ui-tabs-nav .ui-tabs-anchor:before {
        background: url("../img/layout/arrow_tab.png") no-repeat scroll -5px 0 rgba(0, 0, 0, 0);
    }

    .ui-tabs .ui-tabs-nav a.ui-tabs-anchor:hover:before {
        background: url("../img/layout/arrow_tab.png") no-repeat scroll -5px -20px rgba(0, 0, 0, 0);
    }

    .ui-tabs .ui-tabs-nav .ui-tabs-active .ui-tabs-anchor:before {
        margin-right: 0px;
    }


    /* --- end tab -------------------------------------------------------------*/


    /* --- begin footer -------------------------------------------------------------*/

    .lt-ie10 .menu-footer .item-nav0 {
        width: 20%;
        float: left;
    }

    .menu-foot li {
        width: auto;
    }

    .menu-foot .line {
        margin-bottom: 0;
    }

    /* --- end footer -------------------------------------------------------------*/

    /* --- begin sitemap -------------------------------------------------------------*/

    .lt-ie10 .sitemap > li {
        width: 20%;
        float: left;
    }

    /* --- end sitemap -------------------------------------------------------------*/

    /* --- begin common tools -------------------------------------------------------------*/

    .toolbar {
        top: 23%;
        bottom: auto;
        right: 0;
        left: auto;
        width: auto;
    }

    /* --- begin toolbar -------------------------------------------------------------*/


    ul.listTools {
        min-height: 289px;
        width: auto;
        height: auto;
    }

    ul.listTools li {
        float: none;
    }

    .toolbar-panel {
        top: 0;
        bottom: auto;
        left: 0;
        height: auto;
        width: 0;
        -webkit-transition: left 0.6s, width 0.6s;
        transition: left 0.6s, width 0.6s;
    }

    .toolbar-panel.open {
        left: -380px;
        width: 380px;
        bottom: auto;
        top: 0;
        -webkit-transition: left 1s, width 1s;
        transition: left 1s, width 1s;
    }

    /* --- end toolbar -------------------------------------------------------------*/

    /* --- end common tools -------------------------------------------------------------*/


    /* --- begin teaser -------------------------------------------------------------*/

    .teaser-text {
        height: 287px;
    }

    .teaser-text p {
        display: inline-block;
        max-height: 70px;
        overflow: hidden;
    }

    .size1of4 .teaser-text p {
        max-height: 65px;
    }

    .teaser-default .size1of2 {
        width: 50%;
    }

    .teaser-default .size1of3 {
        width: 33.33333%;
    }

    .teaser-default .size2of3 {
        width: 66.66666%;
    }

    .teaser-default img {
        width: 100%;
        height: auto;
    }

    .teaser-default .body-image {
        /*display: inline-block;*/
        overflow: hidden;
        margin-right: 0;
    }

    .teaser-default .size1of2 .body-image {
        width: 100%;
    }

    .teaser-default .size1of3 .body-image {
        width: 100%;
    }

    .teaser-default .body-text {
        padding: 26px 20px;
        max-height: 287px;
    }

    .teaser-default.color-zero .body-text {
        padding: 0 30px 26px 30px;
    }

    .teaser-default .size2of3 .body-text {
        width: 100%;
    }

    .teaser-default img {
        height: 287px;
        width: auto;
    }

    .teaser-default p {
        display: inline-block;
        max-height: 70px;
        overflow: hidden;
    }

    .lt-ie9 .teaser-default p {
        display: block;
    }

    .teaser-default .size2of3 p {
        max-height: 70px;
    }

    .teaser-image figure {
        overflow: hidden;
    }

    .teaser-image img {
        width: auto;
        height: 287px;
    }

    .size1of4 .teaser-image img {
        margin: 0 0 0 -50%;
    }

    .teaser-product .prod-default {
        height: 256px;
    }

    .mobile-info {
        display: none;
    }

    .teaser-quote blockquote p {
        padding: 0 155px;
        font-size: 41px;
        line-height: 52px;
    }

    .teaser-quote blockquote:before {
        color: #EDEDED;
        content: "»";
        display: block;
        float: left;
        font-family: 'frutiger_bold_italic',Arial,Helvetica,sans-serif;
        font-size: 220px;
        margin: 10px 0 0;
    }

    .teaser-quote blockquote:after {
        color: #EDEDED;
        content: "«";
        display: block;
        float: right;
        font-family: 'frutiger_bold_italic',Arial,Helvetica,sans-serif;
        font-size: 220px;
        margin: -70px 0 0;
    }

    .teaser-quote p {
        padding: 0 155px;
    }

    .teaser-quote p strong {

    }

    .teaser-default .dots,
    .teaser-text .dots {
        display: block;
    }


    /* --- end teaser -------------------------------------------------------------*/

    /* --- begin products -------------------------------------------------------------*/

    .list-products .unit {
        border-bottom: 0;
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        margin-bottom: 0;
    }

    .list-products .size1of3 {
        width: 33.33333%;
    }

    .list-products .unit.size1of3:nth-child(3n+3) {
        border-right: 0
    }

    .list-products .unit.lastUnit {
        border-right: 0
    }

    .list-products.slides .size1of4 {
        width: 100%;
    }

    .arrow-round {
        background: url("../img/layout/arrow_round.png") no-repeat scroll center 5px rgba(0, 0, 0, 0);
        height: 30px;
        width: 30px;
    }

    .arrow-round:hover {
        background-position: center -35px;
    }

    .easyzoom {
        position: relative;
        display: inline-block;
        *display: inline;
        *zoom: 1;
        min-width: 250px;
        width: 100%;
    }

    /* --- end products -------------------------------------------------------------*/

    /* --- begin list-images -------------------------------------------------------------*/

    .list-images ul {
        list-style-type: none;
        overflow: hidden;
    }

    .list-images li:nth-child(4n+4) {
        border-right: 0;
    }

    .ui-tabs .ui-tabs-nav .list-images li {
        list-style: none;
    }

    .list-images li {
        text-indent: -99999em;
    }

    .list-images li .screen768 {
        display: block;
    }

    /* --- end list-images -------------------------------------------------------------*/

    /* --- begin block header -------------------------------------------------------------*/

    .block-header h2.h1 {
        font-size: 32px;
        line-height: 47px;
    }

    /* --- end block header -------------------------------------------------------------*/

    /* --- begin back2top -------------------------------------------------------------*/

    .back2top {
        bottom: 100px;
        right: 50px;
    }

    /* --- end back2top -------------------------------------------------------------*/

    /* --- begin stage order -------------------------------------------------------------*/

    .stage-order {
        height: 519px;
        position: relative;
        width: 100%;
        overflow: visible;

        padding: 0 15px;

        background: #ffffff;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGY0ZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -webkit-radial-gradient(50% 100%, ellipse farthest-corner, #f4f4f4 0%, #ffffff 80%);
        background: -moz-radial-gradient(50% 100%, ellipse farthest-corner, #f4f4f4 0%, #ffffff 80%);
        background: -o-radial-gradient(50% 100%, ellipse farthest-corner, #f4f4f4 0%, #ffffff 80%);
        background: -ms-radial-gradient(50% 100%, ellipse farthest-corner, #f4f4f4 0%, #ffffff 80%);
        background: -ms-radial-gradient(50% 100%, ellipse farthest-corner, #f4f4f4 0%, #ffffff 80%);
        background: radial-gradient(50% 100%, ellipse farthest-corner, #f4f4f4 0%, #ffffff 80%);
    }

    .stage-order .body-image {
        width: 50%;
        padding-right: 30px;
    }

    .stage-order .body-image .product-img img {
        max-width: none;
    }

    .stage-order .body-image .application {
        right: 50px;
    }

    .stage-order .body-text {
        float: left;
        width: 50%;
    }

    .stage-order h1 {
        display: block;
        font-size: 28px;
        line-height: 1;
        margin: 20px 0 0;
    }

    .stage-order h1 span {
        padding: 0 15px 0 0;
    }

    /* --- end stage order -------------------------------------------------------------*/

    /* --- begin checkout -------------------------------------------------------------*/

    li.item-delivery-address,
    li.item-billing-address {
        padding: 18px 50px;
    }

    .form .item-delivery-address input.radio,
    .form .item-billing-address input.radio {
        margin: 7px 10px 0 -30px;
    }

    .form-delivery .address {
        display: inline-block;
    }

    .block-summary .screenLarge {
        display: block;
    }

    .block-summary .screenSmall {
        display: none;
    }

    /* --- end checkout -------------------------------------------------------------*/

    /* --- begin blog -------------------------------------------------------------*/

    .blog-image {
        height: 400px;
    }

    .share-container h2 {
        float: left;
        margin-right: 30px;
    }

    .topics-container h2 {
        float: left;
        margin-right: 30px;
    }

    /* --- end blog -------------------------------------------------------------*/

    .form-download-filter.form .list-filter > li {
        width: auto;
    }

}

@media only screen and (min-width: 930px) {

    .form-whirling {
        display: block;
    }

    .responsive-warning {
        display: none;
    }

    .list-images li:nth-child(4n+4) {
        border-right: 1px solid #ddd;
    }

    .list-images li:nth-child(5n+5) {
        border-right: 0;
    }

    .wrapper {
        width: 88%;
        margin: 0 7% 0 5%;
    }


}

@media only screen and (min-width: 1024px) {

    /* --- begin top menu -------------------------------------------------------------*/

    .header-container {
        /*height: 148px;*/
    }

    /* Changed by peter.eberle@go4web.ch UT-966 */
    .menubar {
        position: absolute;
        right: 0;
        top: 62px;
        display: none;
    }

    .header-checkout .menubar {
        top: 27px;
    }

    .menubar.open {
        border-bottom: none;
    }

    .logo {
        width: 150px;
        position: inherit;
        float: left;
    }

    .header-checkout {
        height: 100px;
        margin: 0 0 50px;
    }

    .header-checkout .logo {
        width: 112px;
    }

    .mobile-toggle {
        display: none;
    }

    .menu-meta {
        margin-top: 4px;
        height: auto;
        position: relative;
    }

    .menu-meta li.meta-item {
        border-bottom: 0;
        display: block;
        float: right;
        padding: 0;
        width: auto;
        margin-right: 18px;
        height: 30px;
        -webkit-transition: height 0.5s ease;
        transition: height 0.5s ease;
    }

    .menu-meta li.meta-item:nth-of-type(2) {
        margin-right: 0;
    }

    /* hide search in meta menu desktop */
    .menu-meta li.meta-item:first-of-type {
        display: none;
    }

    .menu-top > ul > li:first-of-type {
        margin-left: 200px; /* hover space */
    }

    .menu-top li:last-of-type {
        display: block;
        border-bottom: none;
        margin-right: -7px;
    }

    .meta-item .layer.inv {
        opacity: 0;
    }

    .meta-item .layer {
        opacity: 1;
        -webkit-transition: height 0.5s ease, opacity 0.5s ease;
        transition: height 0.5s ease, opacity 0.5s ease;
    }

    .layer a.trigger-layer-close {
        background: none;
        text-indent: 0;
        width: auto;
        height: auto;
        position: absolute;
        top: 10px;
        margin: 0;
        right: 0;
    }

    .layer a.trigger-layer-close:hover {
        background: none;
    }

    .layer a.trigger-layer-close span {
        background: url('../img/layout/close.png') no-repeat 0 7px transparent;
        width: 30px;
        height: 30px;
        margin: 0 0 0 10px;
        display: block;
        float: right;
    }

    .layer a.trigger-layer-close:hover span {
        background: url('../img/layout/close.png') no-repeat 0 -24px transparent;
    }

    .block-cart .loading {
        margin-top: 46px;
    }

    .menu-meta a.change-country {
        position: inherit;
    }

    .menu-meta .list-country {
        display: block;
        overflow: hidden;
    }

    .menu-meta .list-country li {
        display: block;
        float: left;
        margin-right: 0;
        width: 100%;
        padding: 2px 0 2px 0;
    }

    .menu-meta .list-country a {
        font-family: 'frutiger_bold',Arial,Helvetica,sans-serif;
        font-size: 16px;
        color: #9d9d9d;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .menu-meta .list-country a:hover {
        color: #0090d4;
    }

    .layer-country {
        background: url("../img/layout/world_map.jpg") no-repeat scroll center 0 #FFFFFF;
        height: 553px;
        left: -325px;
        padding: 0 345px 0 325px;
        position: absolute;
        top: 30px;
        width: 1600px;
    }

    .layer.layer-country a.trigger-layer-close {
        display: block;
    }

    .menu-top a.trigger-mega-close {
        display: block;
    }

    .layer-country strong {
        color: #000000;
        display: block;
        font-family: 'frutiger_regular',Arial,Helvetica,sans-serif;
        font-size: 22px;
        font-weight: normal;
        margin: 54px 0 90px;
        text-transform: uppercase;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .layer-cart {
        height: auto;
        left: -325px;
        padding: 0 345px 0 325px;
        position: absolute;
        top: 30px;
        width: 1600px;
    }

    .layer-cart .trigger-close {
        max-width: 50%;
    }

    .block-cart .prod-amount input {
        margin-right: 45px;
    }

    .layer-myutilis {
        height: auto;
        left: -325px;
        padding: 0 345px 0 325px;
        position: absolute;
        top: 30px;
        width: 1600px;
    }

    .menu-top li.meta-item:last-of-type {
        display: block;
    }

    .menu-meta li.meta-item > a {
        color: #666666;
        font-size: 13px;
        text-transform: none;
    }

    .mac-os .menu-meta li.meta-item > a {
        letter-spacing: 0.01em;
    }

    .menu-meta li.meta-item > a.active:not(.change-country):not(.cart):not() {
        color: #000;
    }

    .menu-meta a.change-country {
        background: none;
        padding: 2px 0 0;
    }

    .menu-top {
        margin: 35px 0 0;
        overflow: visible;
    }

    .menu-top .unit {
        margin-bottom: 30px;
    }

    .menu-top > ul {
        border-top: none;
        float: right;
    }

    .menu-top ul ul,
    .menu-top .corporate-area {
        padding-left: 10px;
    }

    .menu-top .corporate-area {
        display: block;
    }

    .menu-top li {
        border-bottom: none;
        width: auto;
        margin-right: 24px;
    }

    .menu-top li.size1of4 {
        margin-right: 0;
        width: 25%;
    }

    .menu-top section li {
        width: 100%;
    }

    .menu-top > ul > li.open:nth-last-child(2) {
        padding-bottom: 0;
    }

    .menu-top a.trigger-mega {
        background: none;
        padding: 6px 0 21px 0;
    }

    .menu-top a.trigger-mega.ico-search {
        background: url("../img/layout/ico-search.png") no-repeat scroll center 7px rgba(0, 0, 0, 0);
    }

    .menu-top a.trigger-mega.ico-search:hover {
        background-position: center -23px;
    }

    .menu-top .mega a.overview {
        color: #69AACA;
        font-family: 'frutiger_bold',Arial,Helvetica,sans-serif;
        margin-bottom: 10px;
        text-transform: none;
        padding-left: 0;
        padding-top: 20px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .header-corporate .menu-top .mega a.overview {
        display: block;
    }

    .menu-top .mega a.overview:hover {
        color: #0090D4;
    }

    .input-search {
        border: 0;
        font-size: 32px;
        padding: 0 0 0 305px;
        width: 100%;
        background: none;
        color: #b2b2b2;
    }

    .input-search:focus {
        outline: none;
    }

    /* --- end top menu -------------------------------------------------------------*/


    /* --- begin mega menu -------------------------------------------------------------*/

    .mega {
        position: absolute;
        top: 148px;
        height: 0;
        z-index: 50;
        -webkit-transition: height 0.6s;
        transition: height 0.6s;
        overflow: hidden;
        left: -320px;
        padding: 0 320px;
        width: 1600px;
        background: #eeeeee;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top,  #eeeeee 0%, #ffffff 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#ffffff));
        background: -webkit-linear-gradient(top,  #eeeeee 0%,#ffffff 100%);
        background: -o-linear-gradient(top,  #eeeeee 0%,#ffffff 100%);
        background: -ms-linear-gradient(top,  #eeeeee 0%,#ffffff 100%);
        background: linear-gradient(to bottom,  #eeeeee 0%,#ffffff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
    }

    .open .mega {
        height: auto;
        min-height: 568px;
        -webkit-transition: height 1s;
        transition: height 1s;
        border-bottom: 1px solid #ddd;

        border-top: 1px solid #DDDDDD;
        margin-top: -1px;
    }

    .open .form-search .mega {
        background: #eee;
    }

    .trigger-mega {
        position: relative;
    }

    .menu-top a.trigger-mega-close {
        display: block;
    }

    .menu-top a.trigger-mega-close span {
        display: block;
    }

    .open .trigger-mega span {
        background: url("../img/layout/arrow_menu.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        display: block;
        height: 14px;
        left: 10px;
        position: absolute;
        top: 53px;
        width: 27px;
        z-index: 60;
    }

    .open .trigger-mega.ico-search span {
        top: 48px;
    }

    .mega p {
        color: #040404;
        padding: 0;
    }

    .product-area {
        border-top: 1px solid #DDDDDD;
        padding-left: 10px;
        padding-top: 30px;
    }

    .product-area a {
        padding: 3px 0 0;
    }

    .product-area a.btn-one {
        padding: 7px 20px 4px;
        margin: -5px 0 0;
    }

    .menu-top ul .product-area ul {
        padding-left: 0;
    }

    .menu-top ul .product-area ul a {
        text-transform: none;
    }

    .menu-top .list-child a {
        color: #040404;
    }

    .menu-top .list-child a:hover {
        color: #0090D4;
    }

    .menu-top .list-child ul a {
        color: #969696;
    }

    .menu-top .list-child ul a:hover {
        color: #0090D4;
    }

    .menu-top ul ul ul {
        padding-left: 0;
    }

    /* --- end top menu -------------------------------------------------------------*/

    /* --- begin stage product -------------------------------------------------------------*/

    .stage-product {
        left: -325px;
        padding: 0 325px;
        width: 1600px;
    }

    .stage-product .body-image {
        overflow: hidden;
        position: absolute;
        right: 325px;
        top: 0;
        width: 480px;
        float: none;
    }

    .stage-product .list-thumb {
        bottom: 0;
        left: 325px;
        position: absolute;
    }

    /* --- end stage product -------------------------------------------------------------*/


    /* --- begin stage order -------------------------------------------------------------*/

    .stage-order {
        left: -325px;
        padding: 0 325px;
        width: 1600px;
    }

    .stage-order .body-text {
        position: absolute;
        right: 325px;
        top: 0;
        width: 480px;
        float: none;
    }

    .stage-order .list-order-no {
        left: -480px;
        width: 100%;
    }

    .stage-order .list-thumb {
        bottom: 0;
        left: 325px;
        position: absolute;
    }

    /* --- end stage order -------------------------------------------------------------*/


    .list-products.slides {
        padding: 0;
    }

    /* --- begin shopping-info -------------------------------------------------------------*/

    .teaser-shopping-info {
        display: block;
    }

    /* --- end shopping-info -------------------------------------------------------------*/

}

@media only screen and (min-width: 1100px) {
    .wrapper {
        width: 90%;
        margin: 0 5%;
    }

    form.form-whirling li.mandatory-label span {
        width: 221px;
    }

    .form-whirling label.description.optionalIndent,
    .form-whirling label.description.indent {
        width: 540px;
    }

    .form-whirling label.description {
        width: 314px;
    }

    .unit-conversion {
        width: 235px;
    }
}

@media only screen and (min-width: 1200px) {


    /* --- begin structure -------------------------------------------------------------*/

    .wrapper {
        width: 950px;
        margin: 0 auto;
    }

    /* --- end structure -------------------------------------------------------------*/

    /* --- begin stage -------------------------------------------------------------*/

    .stage-text {
        left: -100px;
    }

    .stage-corporate .stage-text {
        left: -100px;
    }

    .bubble {
        bottom: 100px;
    }

    /* --- end stage -------------------------------------------------------------*/

    .list-searchresults li {
        margin: 0 115px 30px; /* like grid-narrow */
    }

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden, .inv {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.rotate {
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}

.rotate-me {
    -webkit-animation-name: rotateme;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-timing-function: cubic-bezier(.5, 0, 0.5, 1);
    -webkit-animation-fill-mode: forwards;
    animation-name: rotateme;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-direction: forwards;
    animation-timing-function: cubic-bezier(.5, 0, 0.5, 1);
    animation-fill-mode: forwards;
}

@keyframes rotateme {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@-webkit-keyframes rotateme {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}


/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        /*content: " (" attr(href) ")";*/
    }

    abbr[title]:after {
        /*content: " (" attr(title) ")";*/
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /* table and td need height set to 100% to print correctly in large examples on firefox */
    table {
        height: 100%;
    }

    td {
        height: 100%;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 2cm 0.5cm 1.5cm 2cm;
        size: portrait;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }


    /* --- begin common -------------------------------------------------------------*/

    .header-container,
    .footer-main-container,
    .menu-foot  ul {
        display: none;
    }

    .rte ul {
        list-style: square inside none;
    }

    .rte li {
        margin-left: 0;
    }

    .breadcrumb dd {
        width: auto;
    }

    .line {
        overflow: visible !important;
    }

    .line:before,
    .line:after {
        content: " ";
        display: table;
    }

    .line:after {
        clear: both;
    }

    .expandable:before,
    .expandable:after {
        content: " ";
        display: table;
    }

    .expandable:after {
        clear: both;
    }

    .expandable, .expandable * {
        overflow: visible !important;
    }

    .exp_content {
        height: auto !important;
    }


    /* --- end common -------------------------------------------------------------*/


    /* --- begin product page -------------------------------------------------------------*/

    .product-img {
        max-width: 500px;
    }

    .mobile-info {
        display: none;
    }

    .stage-product a.btn-two, .stage-product a.btn-one {
        display: none;
    }

    .list-filter {
        display: none;
    }

    .blueprint {
        margin-bottom: 30px;
        width: 250px;
    }

    .product-details .size3of4 {
        width: 100%;
    }

    .product-details {
        page-break-before: always;
    }

    .product-details * {
        overflow: visible !important;
    }

    /* --- end product page -------------------------------------------------------------*/

    /* --- begin order page -------------------------------------------------------------*/

    .input-cart-add {
        display: none;
    }

    .order-bar {
        display: none;
    }

    /* --- end order page -------------------------------------------------------------*/

    /* --- begin filter -------------------------------------------------------------*/
    .form-whirling * {
        font-size: 10pt !important;
    }
    .responsive-warning {
        display: none
    }
    .form-whirling label.description.optionalIndent,
    .form-whirling label.description.indent,
    .form-whirling label.description {
        width: 185px;
    }
    form.form-whirling li .input {
        min-width: 30px;
    }
    .form-whirling {
        display: block
    }
    form.form-whirling img {
        width: 40%;
        height: auto;
    }
    form.form-whirling a.btn-one {
        display: none;
    }


    /* --- end filter -------------------------------------------------------------*/


}