/*!
 * Fermacell_Omnium_Bodenplaner_CH - 2016 
 * Version 0.0.1
 */

*{padding:0;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;*behavior:url(res/htc/boxsizing.htc)}button,html,input,select,textarea{font-family:Verdana,Arial,Helvetica,sans-serif;color:#505050}::-moz-selection{text-shadow:none;background:#F18700}::selection{text-shadow:none;background:#F18700}hr{display:block;height:1px;padding:0;margin:1em 0;border:0;border-top:1px solid #b3b3b3}audio,canvas,img,video{vertical-align:middle}fieldset{padding:0;margin:0;border:0 none;outline:0 none}textarea{resize:vertical}figure{padding:0!important;margin:0!important}body{padding:0;margin:0;overflow-x:hidden;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;background:url(../img/bg.jpg) repeat-x scroll center top #999}h1{padding:0;margin:0 0 20px;font-size:28px;color:#505050}h2{padding:0;margin:0 0 15px;font-size:14px;color:#505050}h2.big{font-size:16px}h3,h4,h5,h6{padding:0;margin:0 0 10px;font-size:11px;color:#505050}p{padding:0;margin:0 0 7px}a{color:#F18700;text-decoration:underline}optgroup{padding:5px}.clearfix{zoom:1}.clearfix:after,.clearfix:before{display:block;content:""}.clearfix:after{clear:both}.hide-on-mobile{display:block}.mobile-only{display:none}.left{float:left}.right{float:right}.clear{clear:both}.hidden{display:none}.auto{width:auto}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.italic{font-style:italic}.pointer{cursor:pointer}.default{cursor:default}.nowrap{white-space:nowrap}.padding-5{padding:5px}.padding-left-5{padding-left:5px}.padding-right-5{padding-right:5px}.padding-top-5{padding-top:5px}.padding-bottom-5{padding-bottom:10px}.padding-10{padding:10px}.padding-left-10{padding-left:10px}.padding-right-10{padding-right:10px}.padding-top-10{padding-top:10px}.padding-bottom-10{padding-bottom:10px}.padding-30{padding:30px}.padding-left-30{padding-left:30px}.padding-right-30{padding-right:30px}.padding-top-30{padding-top:30px}.padding-bottom-30{padding-bottom:30px}.margin-5{margin:5px}.margin-left-5{margin-left:5px}.margin-right-5{margin-right:5px}.margin-top-5{margin-top:5px}.margin-10{margin:10px}.margin-left-10{margin-left:10px}.margin-right-10{margin-right:10px}.margin-top-10{margin-top:10px}.margin-bottom-10{margin-bottom:10px}.margin-20{margin:20px}.margin-left-20{margin-left:20px}.margin-right-20{margin-right:20px}.margin-top-20{margin-top:20px}.margin-bottom-20{margin-bottom:20px}.margin-30{margin:30px}.margin-left-30{margin-left:30px}.margin-right-30{margin-right:30px}.margin-top-30{margin-top:30px}.margin-bottom-30{margin-bottom:30px}.margin-40{margin:40px}.margin-left-40{margin-left:40px}.margin-right-40{margin-right:40px}.margin-top-40{margin-top:40px}.margin-bottom-40{margin-bottom:40px}.border-top{padding-top:10px;margin-top:10px;border-top:1px solid #b3b3b3}.border-bottom{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #b3b3b3}.grey-box{padding:10px;margin-bottom:10px;background-color:#eee}.static{position:static}.relative{position:relative}.absolute{position:absolute}.expanded{position:absolute;top:0;right:0;bottom:0;left:0}.unselectable{-khtml-user-select:none;-moz-user-select:none}.info{width:14px;height:19px;cursor:pointer;background-image:url(../img/info.png);background-position:0 0;background-repeat:no-repeat;background-position-x:0;background-position-y:0}.info.active{background-position:-14px 0}.button{padding:2px 20px;margin:0 0 0 10px;color:#fff;cursor:pointer;background-color:#505050;border:0}.button.inactive{cursor:default;-webkit-opacity:.3;-khtml-opacity:.3;-moz-opacity:.3;opacity:.3;-ms-filter:alpha(opacity=30);filter:alpha(opacity=30)}#infotext{position:absolute;top:0;left:0;z-index:10000;width:100%;padding-right:25px}#infotext #infotext-inner{padding:15px 10px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;font-style:normal;font-weight:400;color:#505050;background-color:#e3e3e3}#infotext #infotext-inner ol,#infotext #infotext-inner ul{padding-left:20px;margin-bottom:7px}.stage{width:100%;max-width:1185px;padding:0;margin:0 auto}main .stage{padding:0 0 120px;margin:0 auto 150px;background-color:#fff}.stage-inner{position:relative;width:100%;max-width:1024px;padding:0 12px;margin:0 auto}#video-player{position:fixed;top:0;left:0;z-index:99999;width:100%;height:100%;background-color:#fff;background-color:rgba(255,255,255,.7)}#video-player #video-player-close{position:absolute;top:0;right:0;width:44px;height:44px;font-family:Arial;font-size:28px;font-style:normal;font-weight:400;line-height:44px;color:#000;text-align:center;cursor:pointer;-webkit-transition:.2s ease-in;-moz-transition:.2s ease-in;-o-transition:.2s ease-in;transition:.2s ease-in}#video-player #video-player-close:hover{-webkit-opacity:.8;-khtml-opacity:.8;-moz-opacity:.8;opacity:.8;-ms-filter:alpha(opacity=80);filter:alpha(opacity=80)}#video-player #video-player-video{position:absolute;top:50%;left:50%;width:640px;height:360px;margin-top:-180px;margin-left:-320px}#video-player #video-player-video video{width:640px;height:360px}#header{height:99px;background-color:#F18700}#header .stage,#header .stage .stage-inner{height:99px}#header .stage .stage-inner #website-title{padding:50px 0 0;margin:0;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:28px;font-style:normal;font-weight:400;color:#fff}#header .stage .stage-inner #language-switcher{position:absolute;right:180px;bottom:15px;display:block;width:auto;height:auto}#header .stage .stage-inner #language-switcher a{padding:0 10px;font-size:14px;color:#fff;text-decoration:none;border-left:1px solid #fff}#header .stage .stage-inner #language-switcher a:first-child{border-left:0}#header .stage .stage-inner #language-switcher a.active{font-weight:700}#header .stage .stage-inner #logo{position:absolute;top:0;right:-18px;display:block;width:99px;height:99px;background-image:url(../img/logo.png?20200923);background-position:right top;background-repeat:no-repeat;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-ms-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%;-ms-behavior:url(res/htc/backgroundsize.min.htc);*behavior:url(res/htc/backgroundsize.min.htc);background-position-x:right;background-position-y:top}nav#main-navi{position:relative;margin-top:20px;background-color:#e3e3e3}nav#main-navi:before{position:absolute;bottom:-22px;left:0;width:100%;height:22px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAWCAYAAABXEBvcAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gwBDTY7qWO2mQAAAZdJREFUWMPtlytLBGEUhp9PUYNtiwZfxCjIZoNgshhkLcJWt8maxSQmWbBp3WRYEAwWf4FBm0Ewy7FYDIsGxVsZwR32MjM761zct83Md+PhzJx5nJlNA3VglWHC5AKouJ8rM5sBGsDSkE3XXAJlSQ8Azv/UzBaBU0BDVi25B0qSbn7fHPGPknQFzHqvdHPIjabHYs4Pr20F+qpxDKgCh+1g5zyfwBZQl/TeaZALspKZTQIHwPY/gXcE7Ep66TXQhVnVzKaAE2Alp+DOgU1JT0EnuCi7mNm812gWcgLuFtiQdBd2YqTvmrdREVgHnjMM7hlYA4pR4EWuQF81jgJl72d8PCPg3oAK0JD00c9CLq4TmdkEsAPspxzeHlCT9BrHYi7u05lZATj2qjJNaQDVMA0iEYApVMMW9Yo7btCnT1AN26pX3Bm4XSSghl3VK3MV+IdqGEi9Mg1wgGoYWL1yATBGNQytXrkC2IcaRlavXAL0IDpgGTgDCh2GPQIl4FrSVxrOnRqAPdQwNvXKPUBfo6l53TWRBhEk37skhRYyKSvkAAAAAElFTkSuQmCC);background-position:center top;background-repeat:no-repeat;content:""}nav#main-navi #main-navi-inner{width:100%;overflow:hidden}nav#main-navi #main-navi-inner ul{position:relative;left:33.3333%;width:166.6666%;padding:0;margin:0;list-style-type:none;-webkit-transition:;-moz-transition:;-o-transition:;transition:}nav#main-navi #main-navi-inner ul.step-1{left:33.3333%}nav#main-navi #main-navi-inner ul.step-1 li:first-child{color:#505050}nav#main-navi #main-navi-inner ul.step-2{left:0}nav#main-navi #main-navi-inner ul.step-2 li:nth-child(2){color:#505050}nav#main-navi #main-navi-inner ul.step-3{left:-33.3333%}nav#main-navi #main-navi-inner ul.step-3 li:nth-child(3){color:#505050}nav#main-navi #main-navi-inner ul.step-4{left:-66.6666%}nav#main-navi #main-navi-inner ul.step-4 li:nth-child(4){color:#505050}nav#main-navi #main-navi-inner ul.step-5{left:-99.9999%}nav#main-navi #main-navi-inner ul.step-5 li:nth-child(5){color:#505050}nav#main-navi #main-navi-inner ul li{float:left;width:20%;padding:10px;margin:0;font-size:14px;font-weight:700;color:#9d9d9d;text-align:center}nav#main-navi #main-navi-inner ul li.clickable{cursor:pointer}nav#main-navi #main-navi-inner ul li span{display:block;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}nav#main-navi #main-navi-inner ul li span.enum{font-weight:400}#content{display:table;width:100%;margin-top:80px}#content #step-left{position:relative;display:table-cell;padding-right:25px;vertical-align:top}#content #step-left .category{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #9d9d9d}#content #step-left .category.inactive{-webkit-opacity:.3;-khtml-opacity:.3;-moz-opacity:.3;opacity:.3;-ms-filter:alpha(opacity=30);filter:alpha(opacity=30)}#content #step-left .category.inactive .category-item,#content #step-left .category.inactive h2 span{cursor:default}#content #step-left .category h2{position:relative}#content #step-left .category h2 span.info{position:relative;top:7px;display:inline-block;margin-left:7px}#content #step-left .category h2 div.infotext{top:40px}#content #step-left .category .category-item{float:left;width:145px;height:145px;padding:10px;overflow:hidden;cursor:pointer}#content #step-left .category .category-item .image{position:relative;width:54px;height:54px;margin:0 auto}#content #step-left .category .category-item .image img{border:1px solid #fff}#content #step-left .category .category-item .image img.active{border:1px solid #F18700}#content #step-left .category .category-item .image .info.hint{position:absolute;bottom:-3px;left:4px}#content #step-left .category .category-item .image div.infotext{top:40px}#content #step-left .category .category-item .title{display:block;margin-top:3px;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;text-align:center;-ms-word-break:auto;word-break:auto;word-break:break-word}#content #step-left .category .category-item.inactive{cursor:default}#content #step-left .category .category-item.inactive .image img,#content #step-left .category .category-item.inactive .title{-webkit-opacity:.3;-khtml-opacity:.3;-moz-opacity:.3;opacity:.3;-ms-filter:alpha(opacity=30);filter:alpha(opacity=30)}#content #step-left .buttons{text-align:right}#content #step-left .icons .icon{display:inline-block;width:25px;height:25px;margin-right:8px;cursor:pointer;background-position:center center;background-repeat:no-repeat}#content #step-left .icons .icon.icon-print{background-image:url(../img/icon_print.png)}#content #step-left .icons .icon.icon-mail{background-image:url(../img/icon_mail.png)}#content #step-left #products .product{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #b3b3b3}#content #step-left #products .product .product-inner{position:relative;padding:7px;background-color:#eee}#content #step-left #products .product .product-inner .thumb{position:absolute;top:7px;left:7px;width:87px;border:1px solid #e3e3e3}#content #step-left #products .product .product-inner .thumb img{width:100%;height:auto}#content #step-left #products .product .product-inner .details{float:left;width:60%;min-height:65px;padding-left:100px}#content #step-left #products .product .product-inner .details h3{padding:0;margin:0;font-size:14px}#content #step-left #products .product .product-inner ul.files{float:right;width:40%;padding:0 0 0 15px;margin:0;list-style-type:square}#content #step-left #products .product .product-inner ul.files li{padding:2px 0;margin:0;color:#F18700}#content #step-left #products .product .product-inner ul.files li a{color:#F18700;text-decoration:none}#content #step-left #products .product .product-inner ul.files li a:hover{text-decoration:underline}#content #step-left #calculator-inputs span{margin-right:10px;font-weight:700}#content #step-left #calculator-inputs input{width:50px;padding:2px 5px;margin-right:10px;border:1px solid #b3b3b3}#content #step-left #calculator-table{width:100%}#content #step-left #calculator-table td{width:30%;padding:3px 10px 3px 0}#content #step-left #calculator-table td.col-1{width:40%}#content #step-left #calculator-table td.col-2{font-weight:700}#content #step-left #calculator-mail #calculator-mail-msg.error{color:red}#content #step-left #calculator-mail #calculator-mail-msg.success{color:green}#content #step-left #calculator-mail #calculator-mail-input{width:300px;height:23px;padding:2px 5px;margin:0 10px 0 0;background-color:#e3e3e3;border:0}#content #step-left #informations .information{float:left;width:33.3333333%}#content #step-left #informations .information.information-0{padding:0 8px 0 0}#content #step-left #informations .information.information-1{padding:0 4px}#content #step-left #informations .information.information-2{padding:0 0 0 8px}#content #step-left #informations .information .information-inner{padding:7px;background-color:#eee}#content #step-left #informations .information .information-inner .image img{width:100%;height:auto}#content #step-left #informations .information .information-inner .text{margin:7px 0}#content #step-left #informations .information .information-inner .link{color:#F18700;text-decoration:none}#content #step-left #informations .information .information-inner .link:hover{text-decoration:underline}#content #step-right{display:table-cell;width:240px;vertical-align:top}#content #step-right #step-image{display:table-cell;width:240px;height:360px;overflow:hidden;vertical-align:bottom;border:1px solid #b3b3b3}#content #step-right #step-thumbs img{margin:5px 5px 0 0}footer{padding:10px 0 0;margin:40px 0 0;border-top:1px solid #b3b3b3}footer #footer-nav{float:left}footer #footer-nav ul{padding:0;margin:0;list-style-type:none}footer #footer-nav ul li{float:left;padding:0 10px;margin:0;border-left:1px solid #b3b3b3}footer #footer-nav ul li:first-child{padding-left:0;border-left:0}footer #footer-nav ul li a{color:#505050;text-decoration:none}footer #footer-nav ul li a:hover{text-decoration:underline}footer #copyright{float:right}footer #liability{margin-top:30px}@media print{#content #step-left .buttons,#main-navi,footer{display:none}#content{margin-top:40px}}