@media only screen
and (min-device-width:320px)
and (max-device-width:568px){html, body{height:auto;min-height:100%;background:none;}
body{min-width:320px;visibility:hidden;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;}
input[type="text"]{border-radius:0;}
#pageReload{position:absolute;top:-500px;padding-bottom:30px;background:#FFFFFF url(../../img/mobile/loader.gif) center bottom no-repeat;text-align:center;}
#pageReload.active{position:static;margin:0 auto 20px;}
#pageReload .logo{height:62px;background:#FF6B35 url(../../img/mobile/ralfarben-loading.png) center top no-repeat;background-size:62px;}
#page{width:100%;min-width:320px;margin:0;padding:0;background-color:#f8f8f8;}
#header{position:relative;height:43px;width:auto;background-color:#767676;}
#header #mainNavMobileButton{float:left;width:43px;height:43px;display:block;background:transparent url(../../img/mobile/sprite_top-menu.gif) 0 0;cursor:pointer;}
#header #mainNavMobileButton.active{background-position:0 -43px;}
#header div.logo,
#header div.logo a#logo{width:43px;height:43px;}
#header div.logo a#logo{display:block;background:transparent url(../../img/mobile/sprite_top-menu.gif) -43px 0;}
#header div.logo #logo img{display:none;}
#header div.rightBlock{float:none;width:auto;}
#header div.rightBlock,
#header div.rightBlock div.rightBlockTop{float:none;width:auto;}
#header div.rightBlock div.rightBlockTop .textBox{display:none;}
#header div.rightBlock div.rightBlockTop div.serviceBoxes{width:auto;margin:0 43px 0 0;}
#header div.rightBlock div.rightBlockTop .serviceBoxes #topMenu{display:none;}
#header div.rightBlock div.rightBlockTop .serviceBoxes .topPopList #servicesTrigger a{width:46px;height:43px;padding:0;background:#515151 url(../../img/mobile/sprite_top-menu.gif) -140px 0;border-right:1px solid #555555;border-left:1px solid #555555;}
#header div.rightBlock div.rightBlockTop .serviceBoxes .topPopList #servicesTrigger.active a{background-position:-140px -43px;}
#header div.rightBlock div.rightBlockTop .serviceBoxes .topPopList #servicesTrigger a span:first-child{display:none;}
#header div.rightBlock div.rightBlockTop .serviceBoxes .topPopList #servicesTrigger a span{right:4px;top:3px;left:auto;width:auto;font-weight:300;}
#header div.rightBlock div.rightBlockTop .serviceBoxes .topPopList #chinese a{display:block;width:46px;height:43px;padding:0;border-right:none;border-left:1px solid #555555;}
#header div.rightBlock div.rightBlockTop .serviceBoxes .topPopList #chinese a span{display:block;width:46px;height:43px;background-position:center center;}
#header div.rightBlock div.rightBlockTop .serviceBoxes .topPopList #languageTrigger a{display:block;width:46px;height:43px;padding:0;border-right:none;border-left:1px solid #555555;}
#header div.rightBlock div.rightBlockTop .serviceBoxes .topPopList #languageTrigger a span{display:block;width:46px;height:43px;background-position:center center;}
#header div.rightBlock div.rightBlockTop #minibasket_container #miniBasket{width:43px;height:43px;background:transparent url(../../img/mobile/sprite_top-menu.gif) -231px 0;}
#header div.rightBlock div.rightBlockTop #minibasket_container #miniBasket.active{background-position:-231px -43px;}
#header div.rightBlock div.rightBlockTop #minibasket_container #miniBasket img{display:none;}
#header div.rightBlock div.rightBlockBottom .searchBox{top:0;right:186px;width:53px;height:43px;background:transparent url(../../img/mobile/sprite_top-menu.gif) -86px 0;}
#header div.rightBlock div.rightBlockBottom .searchBox.active{background-position:-86px -43px;}
#header div.rightBlock div.rightBlockBottom .searchBox form{display:none;}
#header div.rightBlock div.rightBlockBottom{width:auto;}
#header div.rightBlock div.rightBlockBottom #navigation{position:absolute;top:0;bottom:0;left:-220px;width:220px;overflow:hidden;background-color:#ececec;margin:0;padding:0;z-index:10000;}
#header #navigation .mainNavMobileWrapper{position:absolute;top:0;right:0;bottom:0;left:0;padding:0 20px 20px;overflow:auto;}
{float:none;display:block;}
#header #navigation.sf-menu .mainNavMobileWrapper li.current{background:none;}
#header #navigation.sf-menu .mainNavMobileWrapper li a,
#header #navigation.sf-menu .mainNavMobileWrapper li a:hover,
#header #navigation.sf-menu .mainNavMobileWrapper li a:focus{margin:20px 0 8px 0;padding:0 0 6px 0;color:#212121 !important;border-bottom:1px solid #b9b9bb;}
#header #navigation.sf-menu .mainNavMobileWrapper li a.current{color:#FF6B35 !important;}
#header #navigation.sf-menu .mainNavMobileWrapper li ul{position:static;border:none;display:block !important;visibility:visible !important;width:100% !important;background:none !important;min-height:0 !important;}
#header #navigation.sf-menu .mainNavMobileWrapper li ul span{display:none;}
#header #navigation.sf-menu .mainNavMobileWrapper li ul li{border:none;margin:0;}
#header #navigation.sf-menu .mainNavMobileWrapper li ul li a,
#header #navigation.sf-menu .mainNavMobileWrapper li ul li a:hover,
#header #navigation.sf-menu .mainNavMobileWrapper li ul li a:focus{margin:0;padding:0;background:none;color:#656565 !important;line-height:auto;padding-right:0;border:none;}
#header #navigation.sf-menu .mainNavMobileWrapper li:hover,
#header #navigation.sf-menu .mainNavMobileWrapper li.sfHover,
#header #navigation.sf-menu .mainNavMobileWrapper li:hover ul,
#header #navigation.sf-menu .mainNavMobileWrapper li.sfHover ul{margin:0;background:none;}
#subHeader{clear:both;}
#subHeader .search,
#subHeader .flyoutBox,
#subHeader #basketFlyout{display:none;}
#subHeader .searchBox{position:relative;top:0;}
#subHeader .searchBox #quicksearch{padding:10px 50px 10px 10px;}
#subHeader .searchBox #quicksearch input.textbox{float:none;padding:0 5px;width:100%;border:1px solid #ECECEC;-webkit-appearance:none;border-radius:0;}
#subHeader .searchBox #quicksearch input.searchSubmit{top:10px;right:10px;width:40px;height:42px;background-color:#FFFFFF;background-position:center center;border-top:1px solid #ECECEC;border-right:1px solid #ECECEC;border-bottom:1px solid #ECECEC;border-radius:0;}
#subHeader .searchBox #results{border:none;max-width:none;min-width:0;margin:0 10px 10px;padding:0;position:static;}
#subHeader .searchBox #results table{width:100%;}
#subHeader .searchBox #results table td.title,
#subHeader .searchBox #results table td.price,
#subHeader .searchBox #results table td.image{display:block;float:left;vertical-align:middle;margin:0;padding:0;border:none;overflow:hidden;}
#subHeader .searchBox #results table td.title{padding:5px 0 5px 1%;width:49%;}
#subHeader .searchBox #results table td.price{padding:5px 0 5px 1%;text-align:right;width:29%;}
#subHeader .searchBox #results table td.image{float:right;width:20%;}
#subHeader .searchBox #results table td.title a{margin:0;padding:0;}
#subHeader .searchBox #results table td.pages{padding:10px 0;}
#subHeader .searchBox #results table td.pages > span{display:none;}
#subHeader .searchBox #results table td.pages ul{display:table;margin:0 auto;}
#subHeader .flyoutBox{position:static;border-bottom:1px solid #B4B8B8;}
#subHeader .flyoutBox #services{width:auto;border:none;padding:0;}
#subHeader .flyoutBox #services a{font-size:14px;}
#subHeader .flyoutBox #services li:first-child{display:none;}
#subHeader .flyoutBox #services .counter{top:6px;}
#subHeader .basketFlyout{border:none;padding:0;position:static;width:auto;}
#subHeader .basketFlyout .title{padding:10px;}
#subHeader .basketFlyout .title img,
#subHeader .basketFlyout .counter,
#subHeader .basketFlyout #minibasketIcon,
#subHeader .basketFlyout hr{display:none;}
#subHeader .basketFlyout ul{margin:0;}
#subHeader .basketFlyout ul li span.image{padding:5px;}
#subHeader .basketFlyout ul li a{padding:0 10px 0;}
#subHeader .basketFlyout ul li a .item{float:none;display:block;padding:10px 0 0 10px;white-space:normal;width:auto;}
#subHeader .basketFlyout ul li a .price{padding:5px 0;}
#subHeader .basketFlyout .functions{margin:0;padding:10px;}
#subHeader .basketFlyout .functions a.textButton{display:block;float:left;margin-top:10px;}
#subHeader .basketFlyout .functions a.submitButton{float:right;margin:0;}
.oxSlider{margin-bottom:-5px;}
.oxSlider div.anythingSlider ul#promotionSlider img{height:auto;width:100%;}
div#page div.csc-header h1{clear:both;border-top:5px solid #ececec;font-size:22px;margin:0;padding:10px 13px;overflow:hidden;text-overflow:ellipsis;}
#breadCrumb{display:none;}
#content{border-top:5px solid #ececec;}
#content div.blueBoxHome,
#content div.blueBoxLightHome,
#content div.greyBoxHome,
#content div.orangeBoxHome{float:left;height:auto;width:50%;min-width:160x;min-height:200px;margin:0 0 1px 0;padding:0;overflow:hidden;background-size:auto 100%;background-position:right bottom;}
#content div.blueBoxHome,
#content div.greyBoxHome{float:left;clear:both;margin-left:-1px;}
#content div.orangeBoxHome,
#content div.blueBoxLightHome{float:right;}
#content div.blueBoxHome,
#content div.blueBoxLightHome{margin-top:3px;}
#content div.orangeBoxHome h2,
#content div.greyBoxHome h2,
#content div.blueBoxLightHome h2,
#content div.blueBoxHome h2{font-size:22px;}
#content div.orangeBoxHome p.bodytext,
#content div.greyBoxHome p.bodytext,
#content div.blueBoxLightHome p.bodytext,
#content div.blueBoxHome p.bodytext{font-size:14px;line-height:18px;}
div.bottomColumnRow{clear:both;float:none;margin-top:0;background:none;}
div.bottomColumnRow div.productLineBottom{float:none;height:auto;width:100%;background-color:none;background-size:100% auto;padding-bottom:6px;}
div.bottomColumnRow div.productLineBottom #showInnerFade{margin:0;padding:15px 19px;overflow:hidden;}
div.bottomColumnRow div.productLineBottom ul li div.productLineLeft{width:58%;}
div.bottomColumnRow div.productLineBottom ul li div.productLineLeft span.download{float:left;margin:4px 5% 0 0;width:47%;}
div.bottomColumnRow div.productLineBottom ul li div.productLineLeft span.download:last-child{margin-right:0;}
div.bottomColumnRow div.productLineBottom ul li div.productLineLeft span.download img{max-width:100%;}
div.bottomColumnRow div.productLineBottom ul li div.productLineRight,
div.bottomColumnRow div.productLineBottom ul li div.productLineRight span{float:right;width:auto;}
div.anwendungsbeispiele{float:none;width:100%;height:276px;background-size:auto 100%;}
div.anwendungsbeispiele div.headerBlock span.bigHead{font-size:28px;}
div.anwendungsbeispiele div.coloursBlock div.cBlock{font-size:21px;height:auto;width:auto;padding:15px 10px;}
div.bottomLeftBoxHome{float:none;padding:20px 0 25px;width:auto;}
ul#navigationBottomBox.sf-menu{float:none;width:auto;}
ul#navigationBottomBox.sf-menu span{float:none;font-size:12px;width:auto;}
ul#navigationBottomBox.sf-menu li a,
ul#navigationBottomBox.sf-menu li a:hover{font-size:20px;background-position:right 5px;background-size:43px 16px;margin-right:60px;padding:0.2em 60px 20px 22px;}
ul#navigationBottomBox.sf-menu li a:hover,
ul#navigationBottomBox.sf-menu li a.active{background-image:url("../../img/bg/arrowUp.png");}
ul#navigationBottomBox.sf-menu li ul{position:static;display:none;margin-top:0;min-height:0;width:100% !important;}
ul#navigationBottomBox.sf-menu li ul li a,
ul#navigationBottomBox.sf-menu li ul li a:hover{font-size:14px;margin:0;padding:10px 0 10px 22px;}
ul#navigationBottomBox.sf-menu li ul li a:hover{background-position:40% center;background-size:8px 14px;}
div#content div h2,
div#content div h3{font-size:18px;}
div#content div.csc-default li,
div#content ul.styledListGrey li,
div#content ul.styledListPDF li,
div.csc-textpic-text ul li{background-position:left center;margin-right:20px;}
div.csc-textpic-left{width:100%;overflow:hidden;}
div.csc-textpic-left div.csc-textpic-imagewrap{width:87.5%;}
div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image,
div.csc-textpic-imagewrap{float:none;display:block;max-width:100% !important;}
div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image img,
div.csc-textpic div.csc-textpic-single-image img{max-width:100%;width:auto !important;height:auto !important;margin-bottom:0;}
div.csc-textpic div.csc-textpic-text{clear:both;}
.toggleMe{font-size:0.9em;}
div#content .csc-default > p.small{margin-left:20px;margin-right:20px;}
div.csc-textpic-intext-left-nowrap > div{clear:both;margin-left:-20px !important;}
div.csc-textpic-intext-left-nowrap > div.csc-textpic-imagewrap{margin-left:0 !important;}
#content .tx-srfeuserregister-pi1 form ol li:first-child{margin-right:32px;}
#content .tx-srfeuserregister-pi1 form ol li input#email{width:100%;}
.tx-srfeuserregister-pi1 li#extra7_form input.txtInput{width:60%;}
.tx-srfeuserregister-pi1 li#extra10_form{margin-top:10px;}
#content .lineBox{margin:10px 0 0;}
#content #map.leaflet-container{height:300px !important;}
#content .issuuembed{max-width:100%;}
div#content div.color_tone{float:left;margin:0 10px 10px 0;}
div#content div.color_tone div.color_number{border-color:#999999;}
div#content ul.newsList li{margin:0;padding:0 20px;}
div#content ul.newsList li div.newsListTxt h2{font-size:20px !important;line-height:1;}
div#content div.ttnewsCBlock{float:none;width:auto;}
div#content div table.contenttable{display:block;max-width:87.5%;overflow-x:scroll;}
div#content iframe{height:auto !important;width:auto !important;max-width:100%;margin-bottom:10px;}
#content .lineBoxOuterWhite{width:100%;overflow:hidden;padding:0;}
#content .lineBoxOuterWhite ul.subcatList{padding:1px;}
#content .lineBoxOuterWhite ul.subcatList li .box{width:50%;height:160px;margin:-1px -1px 0;overflow:hidden;}
#content .lineBoxOuterWhite ul.subcatList li .box .catPicOnly .subcatPic{top:10px;}
#content .lineBoxOuterWhite ul.subcatList li .box .catPicOnly .subcatPic img{max-width:100%;}
#content .lineBoxOuterWhite ul.subcatList li .box h3{top:100px;right:1px;bottom:1px;left:1px;width:auto;height:50px;margin:0 !important;padding:7px 10px 3px !important;background:none;background-color:#FFFFFF;opacity:0.9;}
#content .lineBoxOuterWhite ul.subcatList li .box h3 a{white-space:normal;font-size:18px !important;}
#content .lineBoxOuterWhite ul{margin:0;padding:1px;}
#content .lineBoxOuterWhite ul li.productData{width:50%;height:160px;margin:-1px -1px 0;overflow:hidden;}
#content .lineBoxOuterWhite ul li.productData .normalBoxStatus .titleBlock,
#content .lineBoxOuterWhite ul li.productData .hoverBoxStatus .titleBlock{height:auto;}
#content .lineBoxOuterWhite ul li.productData .normalBoxStatus .gridPicture{top:10px;width:auto;height:auto;margin:0;}
#content .lineBoxOuterWhite ul li.productData .normalBoxStatus .gridPicture img{max-width:100%;}
#content .lineBoxOuterWhite ul li.productData .normalBoxStatus .productTitle{top:100px;right:1px;bottom:1px;left:0;width:auto;height:50px;font-size:14px;margin:0;padding:7px 0px 3px 3px;background:none;background-color:#FFFFFF;opacity:0.9;}
#content .lineBoxOuterWhite ul li.productData .hoverBoxStatus .titleBlock .productTitle{background:none;font-size:14px;line-height:0.9em;padding:3px 10px 2px;width:auto;}
#content .lineBoxOuterWhite ul li.productData .hoverBoxStatus .titleBlock .productShortDescription{background:none;font-size:13px;line-height:1;padding:0 10px;width:auto;}
#content .lineBoxOuterWhite ul li.productData .hoverBoxStatus .priceBlock{position:absolute;top:96px;right:0;bottom:0;left:0;width:auto;padding:0 10px;}
#content .lineBoxOuterWhite ul li.productData .hoverBoxStatus .priceBlock .netto{float:left;font-size:14px;margin-right:6px;}
#content .lineBoxOuterWhite ul li.productData .hoverBoxStatus .priceBlock .brutto{line-height:14px;}
#content .lineBoxOuterWhite ul li.productData .hoverBoxStatus .priceBlock .button{top:40px;right:0;left:0;font-size:13px;margin:0 9px;padding:4px 0 4px 22px;background-position:0 center;}
#content .lineBoxOuterWhite ul li.productData .hoverBoxStatus .priceBlock .button.moreinfo{top:16px;font-size:13px;background-position:10px center;}
#content #productinfo .detailsInfo{margin-bottom:10px;}
#content #productinfo .detailsInfo .picture,
#content #productinfo .detailsInfo .picture a,
#content #productinfo .detailsInfo .picture a img{height:auto;line-height:auto;width:100%;}
#content #productinfo .detailsInfo .picture a img{display:block !important;max-width:380px;cursor:default;margin:10px auto;}
#content #productinfo .detailsInfo .picture .mousetrap,
#content #productinfo .detailsInfo .picture a .cloud-zoom-lens,
#content #productinfo .detailsInfo .cloud-zoom-big{display:none !important;}
#content #productinfo .detailsInfo .information{clear:both;float:none;min-height:0;margin:0 20px;padding:0;width:auto;}
#content #productinfo .detailsInfo .information .productTitle{padding-right:0;}
#content #productinfo .detailsInfo .information .shortDescription{width:auto;}
#content #productinfo .detailsInfo .information #variants{padding-right:0;}
#content #productinfo .detailsInfo .information #variants .dropDown{width:100%;padding-right:0;}
#content #productinfo .detailsInfo .information #variants .dropDown p{padding-right:0;padding-bottom:5px;}
#content #productinfo .detailsInfo .information #variants .dropDown .selectorLabel span{padding-left:0;}
#content #productinfo .detailsInfo .information #variants .dropDown ul{position:static;width:auto !important;max-height:300px;overflow-y:scroll;margin:-1px 0 10px;}
#content #productinfo .detailsInfo .information #variants.selectorsBox ul li a{font-size:18px;}
#content #productinfo .detailsInfo .information #variants .dropDown ul li.value{display:none;}
#content #productinfo .detailsInfo .information #variants .dropDown ul li a{padding:5px;}
#content #productinfo .otherPictures{margin:0 20px 20px;}
#content #productinfo .otherPictures li{margin:0 10px 10px 0;padding-top:6px;}
#content #productinfo .tabbedWidgetBox{min-height:0;margin:10px 0 0;padding:10px 10px 0;border-top:1px solid #ececec;}
#content #productinfo .tabbedWidgetBox .widgetBoxBottomRound{margin-bottom:0;}
#content #productinfo .detailsRelated{margin-top:0;padding-top:0;}
#content #productinfo .detailsRelated .relatedInfo{float:none;}
#content #productinfo .detailsRelated #relProducts #cross{margin:0;}
#content #productinfo .detailsRelated #relProducts #cross h3{margin:0 !important;padding:10px;}
#content ul.checkoutSteps{margin-bottom:5px;}
#content ul.checkoutSteps li{padding-right:14px;width:20%;}
#content ul.checkoutSteps li.step1{padding-right:0;}
#content ul.checkoutSteps li span{background-image:none !important;}
#content ul.checkoutSteps li span a{width:100%;height:28px;line-height:28px;margin-left:0;padding:0 7px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;background-position:right center;}
#content ul.checkoutSteps li.step1 span a{padding:0;}
#content ul.checkoutSteps li.step5.defaultLast span a{background-image:url("../../img/misc/steps_normal.png");}
#content ul.checkoutSteps li.step5.activeLast span a{color:#FFFFFF;background-image:url("../../img/misc/steps_active.png");}
#content table.basketitems{width:100%;table-layout:fixed;}
#content table.basketitems colgroup col{width:auto;}
#content table.basketitems thead th,
#content table.basketitems tbody td{margin:0;padding:9px 0;}
#content table.basketitems thead th{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background-color:#FFFFFF;}
#content table.basketitems tbody td{text-align:right;}
#content table.basketitems thead th.col1,
#content table.basketitems tbody td.basketImage{width:20%;max-width:20%;vertical-align:top;}
#content table.basketitems tbody td.basketImage a{float:left;border:none !important;margin:0;padding:5px;margin:0 7px;}
#content table.basketitems tbody td.basketImage a img{width:100%;height:auto;}
#content table.basketitems thead th.col2,
#content table.basketitems tbody td{width:39%;max-width:39%;padding-right:1%;}
#content table.basketitems tbody td div{max-width:100%;margin:0;text-align:left;overflow:hidden;white-space:normal;text-overflow:ellipsis;}
#content table.basketitems tbody td div.smallFont{display:none;}
#content table.basketitems thead th.col3,
#content table.basketitems tbody td.quantity{width:15%;max-width:15%;text-align:left;}
#content table.basketitems tbody td.quantity input.textbox{text-align:center;}
#content table.basketitems colgroup col.coutCol,
#content table.basketitems colgroup col.priceCol,
#content table.basketitems thead th.unitPrice,
#content table.basketitems thead th.vatPercent,
#content table.basketitems tbody td.unitPrice,
#content table.basketitems tbody td.vatPercent{display:none;}
#content table.basketitems thead th.col6{width:23%;max-width:23%;text-align:right;}
#content table.basketitems thead th.col7{width:2%;max-width:2%;overflow:hidden;text-indent:-100px;padding-right:0;}
#content table.basketitems tbody td.delete{width:2%;max-width:2%;vertical-align:bottom;padding-right:0 !important;}
#content table.basketitems tbody td.delete span{position:relative;display:block;}
#content table.basketitems tbody td.delete span img{position:absolute;right:2%;bottom:-8px;z-index:1;padding:10px;}
#content #basketSummary{float:none;width:auto;margin:0;padding:5px 2% 10px 7px;background-color:#FFFFFF;}
#content #basketSummary table{width:100%;}
#content .lineBoxOuterFullWhite{margin-top:0;padding:7px 2%;}
#content .checkoutOptions{padding:0;}
#content .checkoutOptions #optionNoRegistration,
#content .checkoutOptions #optionRegistration,
#content .checkoutOptions #optionLogin{float:none;width:auto;height:auto !important;margin:0;padding-bottom:15px;border-top:1px solid #FFFFFF;}
#content .checkoutOptions #optionNoRegistration p,
#content .checkoutOptions #optionRegistration p,
#content .checkoutOptions #optionLogin p{padding:0 20px;}
#content .checkoutOptions #optionNoRegistration form p,
#content .checkoutOptions #optionRegistration form p{text-align:right;margin:0;}
#content .checkoutOptions #optionNoRegistration button.submitButton,
#content .checkoutOptions #optionRegistration button.submitButton,
#content .checkoutOptions #optionLogin button.submitButton{float:none;position:static;left:0;margin:0;}
#content .checkoutOptions #optionLogin button.submitButton{float:right;margin:15px -12px 0 0;}
#content .checkoutOptions #optionLogin ul.form{margin:0;}
#content .checkoutOptions #optionLogin ul.form li{width:auto;padding:0 32px 10px 20px;margin:0;overflow:hidden;}
#content .checkoutOptions #optionLogin ul.form li label{padding:0;font-size:16px;font-weight:400;font-style:normal;line-height:18px;}
#content .checkoutOptions #optionLogin ul.form li input{width:100%;}
#content .checkoutOptions #optionLogin ul.form li input.stepsPasswordbox{width:86% !important;}
#content .checkoutOptions #optionLogin ul.form li strong a#step2PswdOpener{display:block;float:right;width:20px;font-size:15px;line-height:27px;text-align:center;}
#content .checkoutOptions #optionLogin ul.form .oxValidateError{margin:0;padding:2px 0;}
#content .checkoutOptions #optionLogin ul.form .oxValidateError span{margin:0;}
#content .checkoutCollumns{border:none;padding:0;}
#content .checkoutCollumns h3 button{float:right;}
#content .checkoutCollumns .row,
#content .checkoutCollumns .collumn{clear:both;margin:0;padding:20px 0 0;}
#content .checkoutCollumns .collumn{width:auto;float:none;}
#content .checkoutCollumns .collumn > p{padding:0 20px;}
#content .checkoutCollumns ul.form{width:auto;margin:0;}
#content .checkoutCollumns ul.form li{width:auto;padding:0 32px 10px 20px;margin:0;overflow:hidden;}
#content .checkoutCollumns ul#shippingAddress li ul#shippingAddressForm{margin:0 -32px 0 -20px;}
#content .checkoutCollumns ul.form li label{width:auto;}
#content .checkoutCollumns ul.form li input[type="text"],
#content .checkoutCollumns ul.form li input[type="password"]{width:100%;border:1px solid #ededed;padding:5px;}
#content .checkoutCollumns ul.form li input[data-fieldsize="pair-xsmall"]{clear:both;width:65%;}
#content .checkoutCollumns ul.form li input[data-fieldsize="xsmall"]{float:right;margin:0 -12px 0 0;width:30%;}
#content .checkoutCollumns ul.form li input[data-fieldsize="small"]{clear:both;width:30%;}
#content .checkoutCollumns ul.form li input[data-fieldsize="pair-small"]{float:right;margin:0 -12px 0 0;width:65%;}
#content .checkoutCollumns ul.form li input.checkbox{float:none;width:auto;height:auto;}
#content .checkoutCollumns .collumn > p input[type="checkbox"],
#content .checkoutCollumns .collumn ul.form li input#subscribeNewsletter{float:left;margin-left:0;}
#content .checkoutCollumns .collumn > p label,
#content .checkoutCollumns .collumn ul.form li label[for="subscribeNewsletter"]{float:none;display:block;margin-left:20px;}
#content .checkoutCollumns .collumn ul.form li .note{font-size:14px;margin:-10px 0 10px;padding:0;}
#content .checkoutCollumns ul.form select,
#content .checkoutCollumns ul.form select[data-fieldsize="normal"]{width:auto;max-width:100%;}
#content .checkoutCollumns ul.form li textarea{width:100%;margin:0;padding:5px;}
#content .oxValidateError{padding:5px 0;}
#content .checkoutCollumns ul.form .note{padding-left:0;}
.ui-dialog{width:96% !important;padding:2%;}
.ui-dialog .popupBox img.closePop{right:0;top:0;padding:10px;}
.ui-dialog .popupBox ul.form,
.ui-dialog .popupBox ul.form li{margin:0;width:auto;}
.ui-dialog .popupBox ul.form li{padding-right:12px;}
.ui-dialog .popupBox ul.form li label{float:none;width:auto;padding:0 0 2px 0;}
.ui-dialog .popupBox ul.form li input{width:100%;border:1px solid #EDEDED;padding:5px;}
.ui-dialog .popupBox ul.form li .oxValidateError{margin:0;padding:2px 0;}
.ui-dialog .popupBox ul.form li .oxValidateError span{margin:0;}
.ui-dialog .popupBox ul.form li.formSubmit{padding:0;text-align:right;}
#content .payColumns{padding:0;}
#content .payColumns #shipping,
#content .payColumns #payment{float:none;width:auto;padding-top:20px;}
#content .payColumns #payment dl dd{margin:5px 0 0;}
#content .orderColumns{padding:20px 0 0;}
#content .orderColumns h3.section button{float:right;}
#content .orderColumns #orderAddress dl{float:none;margin-bottom:0;}
#content .orderColumns #basket .delete span{display:none;}
#content .orderColumns #orderConfirmAgbBottom .lineBox{margin:0;padding:0 20px 20px;}
#content .orderColumns #orderConfirmAgbBottom #orderAgbTop,
#content .orderColumns #orderConfirmAgbBottom .oxValidateError{margin-right:20px;margin-left:20px;}
#content #thankyouPage{margin:20px;}
#content #thankyouPage h3{margin-right:0 !important;margin-left:0 !important;}
#content #alsoBoughtThankyou{margin-top:15px;}
#content ul.form{margin-right:10px;}
#content ul.form,
#content ul.form li,
#content ul.form li input{width:100%;}
#content ul.form li label{width:auto;}
#content ul.form li input[type="text"],
#content ul.form li input[type="password"]{padding:5px;}
#content ul.form li input[type="checkbox"],
#content ul.form li input[type="radio"]{width:auto;}
#content .accountLoginView{padding:20px 20px 0;}
#content .accountLoginView h2{margin:0 0 10px 0;}
#content .accountLoginView p{margin:0;}
#content .accountLoginView .lineBlock{display:none;}
#content .accountLoginView .col{clear:both;float:none;width:auto;}
#content .accountLoginView .col form{margin-right:10px;}
#content .accountLoginView .col ul.form li label{width:auto;}
#content .accountLoginView .col ul.form,
#content .accountLoginView .col ul.form li,
#content .accountLoginView .col ul.form li input{width:100%;}
#content .accountLoginView .col ul.form li input[type="text"],
#content .accountLoginView .col ul.form li input[type="password"]{padding:5px;}
#content .accountLoginView .col ul.form li input.checkbox{width:auto;margin-top:3px;}
#content .accountLoginView .col ul.form li.formSubmit{padding:0;text-align:right;}
#content .accountLoginView .col ul.form li.formSubmit button{margin-right:-10px;}
#content .accountLoginView .col a#openAccountLink,
#content .accountLoginView .col a#forgotPasswordLink{clear:both;display:block;float:left;margin:10px 0 5px;}
#content .accountLoginView .col a#forgotPasswordLink{margin:0 0 15px;}
#content .accountDashboardView{margin:20px;}
#content .accountDashboardView .col{float:none;clear:both;width:auto;height:auto;padding:0;}
#content a.submitButton{padding:2px 10px 3px 10px;}
#content form[name="changepassword"],
#content form[name="newsletter"]{padding:20px 20px 0;background:#FFFFFF;}
#content form[name="newsletter"] label{width:150px;}
#content form[name="changepassword"] .lineBoxOuterFullWhite,
#content form[name="newsletter"] .lineBoxOuterFullWhite{padding-left:0;padding-right:20px;}
#content form[name="order"] .checkoutCollumns .addressCollumns .collumn p{margin-bottom:0;}
#content .lineBoxOuterWhite .orderList li,
#content .lineBoxOuterWhite .orderList li:first-child{padding:20px;}
#content .lineBoxOuterWhite .orderList .orderitems td{display:block;width:100%;}
#content .lineBoxOuterWhite .orderList .orderitems td dl{width:auto;}
#content .lineBoxOuterWhite .orderList .orderitems td h3{margin:0 0 5px;padding-top:15px;}
#content .lineBoxOuterWhite .orderList .orderitems .orderhistory td.small{display:none;}
#content .lineBoxOuterWhite.orderplus h2{margin:20px 20px 10px !important;}
#content .lineBoxOuterWhite.orderplus .left{float:none;clear:both;margin:10px 20px;}
#content .lineBoxOuterWhite.orderplus .left.tablewidth{margin:0;background:#f4f4f4;}
#content .lineBoxOuterWhite.orderplus .left.tablewidth table.basketitems thead th.col6,
#content .lineBoxOuterWhite.orderplus .left.tablewidth table.basketitems tbody td:last-child{width:21%;max-width:21%;padding-right:2%;}
#content .lineBoxOuterWhite.orderplus .left.tablewidth table.basketitems tbody td p{text-align:left;padding:0 !important;}
#content .lineBoxOuterWhite .left.tablewidth table.basketitems thead th.col4{width:10%;}
#content .lineBoxOuterWhite .left.tablewidth table.basketitems thead th.col5{width:15%;}
#content .lineBoxOuterWhite .left.tablewidth table.basketitems tbody td input{width:70%;}
#content .lineBoxOuterWhite.orderplus .left .option{float:none;width:auto;margin:0 !important;}
#content .lineBoxOuterWhite.orderplus .right.noprint{margin:10px 20px 0;}
#content .lineBoxOuterFullWhite.orderplus .left{float:none;clear:both;}
#content .lineBoxOuterFullWhite.orderplus .left.noprint,
#content .lineBoxOuterFullWhite.orderplus .right.noprint,
#content .lineBoxOuterFullWhite.orderplus .left .right.noprint{clear:both;float:right;padding:0;margin:0 0 10px 0 !important;}
#content .lineBoxOuterFullWhite.orderplus .right.noprint{float:none;margin:0 !important;padding-top:10px;}
#content .pageMessage{border:1px solid #FF0000;font-style:italic;color:#FF0000;background:transparent url("../../img/bg/error.png") 0 0 no-repeat;font-size:14px;padding:10px 20px 10px 30px;}
#content .pageMessage p{margin:0;}
#footer #panel{position:relative;}
#footer #panel .bar a.homeLink{color:#FFFFFF;text-transform:uppercase;}
#footer dl{width:auto;}
#footer #panel > dl{clear:both;display:block;float:none;height:auto !important;margin:0 20px;padding:14px 0 8px;border-top:1px solid #a2a2a2;overflow:hidden;}
#footer #panel dl#footerCategories{border:none;}
#footer dl dt{padding:2px 0;color:#FFFFFF;text-transform:uppercase;}
#footer .list a{padding:4px 0 !important;color:#FFFFFF;font-size:14px;}
#footer dl#footeraundh dd ul li a,
#footer dl#footerralfarben dd ul li a,
#footer dl#footerkontaktservice dd ul li a,
#footer dl#footeraktuelles dd ul li a,
#footer dl#footernewsletter dd ul li a,
#footer dl#footeraddpages dd ul li a{color:#FFFFFF;font-size:16px;text-transform:uppercase;}
#footer dl#footeraundh dd ul li ul li a,
#footer dl#footerralfarben dd ul li ul li a,
#footer dl#footerkontaktservice dd ul li ul li a,
#footer dl#footeraktuelles dd ul li ul li a,
#footer dl#footernewsletter dd ul li ul li a,
#footer dl#footeraddpages dd ul li ul li a{color:#FFFFFF;text-transform:none;}
#footer #panel dl#socialIcons{position:absolute;top:0;right:10px;border:none;margin:0;padding:9px 8px 0 0;width:200px;}
#footer #panel dl#socialIcons .list a{padding:0 !important;}
#footer #panel dl#socialIcons dd{margin:0;}
#footer #panel dl#socialIcons dd ul{overflow:hidden;}
#footer #panel dl#socialIcons dd ul li{float:left;padding-right:12px;}
#footer #panel dl#socialIcons dd ul li:last-child{float:left;padding-right:0;}
#footer #panel dl#socialIcons dd ul li a.print,
#footer #panel dl#socialIcons dd ul li a.pinterest,
#footer #panel dl#socialIcons dd ul li a.youtube,
#footer #panel dl#socialIcons dd ul li a.linkedin,
#footer #panel dl#socialIcons dd ul li a.xing,
#footer #panel dl#socialIcons dd ul li a.facebook,
#footer #panel dl#socialIcons dd ul li a.google{padding:0;text-indent:-300px;width:23px;height:23px;}
#incVatMessage{position:static;}
#page #content h1.pageHead{background:url("../../img/bg/headerBackground.png") repeat-y scroll 0 0 rgba(0, 0, 0, 0);color:#FFFFFF;font-weight:300;line-height:100%;text-transform:uppercase;border-top:5px solid #ECECEC;clear:both;font-size:22px;margin:0;overflow:hidden;padding:10px 13px;text-overflow:ellipsis;}
/*Akademie*/
div.seminarBox .seminarContent {
	width: auto;
}

div.seminarBox .seminarContent .gridPictureFull {
	width: 100%;
}

div.seminarBox .seminarContent .copyTextRow {
	float: none;
	width: auto;
}

div.seminarBox .seminarContent .copyTextRow h3, div.seminarBox .seminarContent .copyTextRow p{
	margin-left: 0 !important;
}

div.ralForm ul.form {
	margin-left: 20px !important;
	margin-right: 20px !important;
	width: 300px !important;
}

.ralForm ul li span.callBack {
	margin-left: 0 !important;
}

.ralForm ul li.abwRe label{
	float: left !important;
}

.hotfixTab{
	display: none;
}

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (min-device-pixel-ratio:1.5),
only screen and (min-resolution:192dpi){#header #mainNavMobileButton,
#header div.logo a#logo,
#header div.rightBlock div.rightBlockTop .serviceBoxes .topPopList #servicesTrigger a,
#header div.rightBlock div.rightBlockTop #minibasket_container #miniBasket,
#header div.rightBlock div.rightBlockBottom .searchBox{background-image:url(../../img/mobile/sprite_top-menu@2x.gif);-moz-background-size:274px 86px;-o-background-size:274px 86px;-webkit-background-size:274px 86px;background-size:274px 86px;}
#header div.rightBlock div.rightBlockTop .serviceBoxes .topPopList #languageTrigger a span{-moz-background-size:25px 15px;-o-background-size:25px 15px;-webkit-background-size:25px 15px;background-size:25px 15px;}
#header div.rightBlock div.rightBlockTop .serviceBoxes .topPopList #languageTrigger a.en span{background-image:url(../../img/mobile/en@2x.png) !important;}
#header div.rightBlock div.rightBlockTop .serviceBoxes .topPopList #languageTrigger a.de span{background-image:url(../../img/mobile/de@2x.png) !important;}
#footer #panel dl#socialIcons dd ul li a.print,
#footer #panel dl#socialIcons dd ul li a.pinterest,
#footer #panel dl#socialIcons dd ul li a.youtube,
#footer #panel dl#socialIcons dd ul li a.linkedin,
#footer #panel dl#socialIcons dd ul li a.xing,
#footer #panel dl#socialIcons dd ul li a.google{background-image:url(../../img/mobile/sprite_footer_icons@2x.png);-moz-background-size:23px 188px;-o-background-size:23px 188px;-webkit-background-size:23px 188px;background-size:23px 188px}
#footer dl#socialIcons dd ul li a.print{background-position:0 0;}
#footer dl#socialIcons dd ul li a.linkedin{background-position:0 -33px;}
#footer dl#socialIcons dd ul li a.xing{background-position:0 -66px;}
#footer dl#socialIcons dd ul li a.youtube{background-position:0 -99px;}
#footer dl#socialIcons dd ul li a.pinterest{background-position:0 -132px;}
#footer dl#socialIcons dd ul li a.google{background-position:0 -165px;}
}

