﻿table { border-spacing: 0 }
a { color: #000; text-decoration: none }
img { border: 0 }
body, div, li, ol, table, ul, p, img, .page.tools ul, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0 }
body { font-family: Verdana, Arial; padding-left: .5em }
h1, h2, h3, h4, h5, h6 { margin: 0.2em 0; font-weight: bold }
h3, h4, h5, h6 { font-size: 1em }
table, td, tr { margin: 0; padding: 0; border: 0 }
.search_txt { width: 206px !important; margin-right: 4px; border: 1px solid #707070; padding: 0.2em }
.search-menu-button { position: relative; top: 0.5em }
.page { padding-right: 0.6em; font-size: .8em }
.pageheader { font-size: .8em }
.page p { margin-bottom: 0.6em }
.catalogpage p, .productpage .grouplist p { margin: 0 }
.page .datasheets { margin: .75em 0 }
.page .datasheets div, .page .datasheets p { display: inline; margin: 0 }
.page .datasheets p a { background-color: #ddd; border: 1px solid #888; color: #000; font-size: .85em; margin: .2em; padding: .2em .5em }
.page .downloadlist, .searchpage .searchresultlist table { border-collapse: collapse }
.page .downloadlist td, .searchpage .searchresultlist td { border: 1px solid #eee; padding: .5em }
.catalogpage { clear: both }
.page ul { margin: 0 3em }
.page .staticlist li { border-bottom: 1px solid #ccc; list-style-type: none; margin-bottom: .7em; padding-bottom: .7em; padding-left: .7em; font-weight: 700 }
#pagefooter { clear: both }
.rblList { margin: 1em 0; border-collapse: collapse }
.rblList td { padding: .75em; border: 1px solid #CCC }
.CartAddressList { margin: 1em 0 }
.CartAddressList td { padding: 0 .5em .5em 0 }
.rblList td input { margin-top: 0; margin-left: 2px }
.grouplist { margin: 0 !important; list-style-type: none; font-size: 0.8em }
.grouplist p { display: inline }
.grouplist li { display: table; margin: 0 0 1em 1em; text-align: left; border: 1px solid #EEE; width: 210px; height: 80px; float: left; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABQCAIAAABXpYiMAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNWWFMmUAAABhSURBVChT3cWhGgFRAITR/7UlbZOmadImTZEkSdqkCIoiCGstl70z5jmE8x1qP0OPOXVoYoGGJXqu0LhGrxa9N7FFZYfLPh/w54i/HZpO+ZwvqF7jhusdq48xCvYU/k/2D/lr6GyyHlasAAAAAElFTkSuQmCC') repeat-x }
.grouplist .image { display: table-cell; border-right: 1px solid #EEE; float: left; width: 80px }
.grouplist .group { display: table-cell; height: 80px; width: 127px; font-weight: bold; overflow: hidden; float: left }
.grouplist .group span { padding: 0.5em; display: block }
.datalist td, .datalist th { font-size: .85em; padding: .5em; text-align: center }
.datalist .standard_textbox { font-size: 1.2em; padding: 2px !important }
.datalist .quantity_textbox { display: inline; width: 3.7em }
.datalist tbody .cart, .datalist tbody .price, .datalist tbody .quantity { padding: .5em 1px }
.datalist thead td, .datalist thead th { background: #222; color: #FFF; font-weight: 700; text-align: center }
.datalist .product { color: #777; text-align: left !important }
.datalist .quantity { white-space: nowrap }
.datalist .quantity .cart_imagebutton { padding-left: .2em; position: relative; top: 5px }
.datalist .quantity .tooltip-toggler { display: inline }
.datalist .quantity td { padding: 0 }
.datalist .oneRow { background-color: #ddd }
.datalist .oneRow.searchresult { background-color: #FFE2AA !important }
.datalist .otherRow.searchresult { background-color: #FFF1D8 !important }
.datalist .oneRow .characteristictext { border-right: 1px solid #FFF }
.orderlist ul li { list-style-type: none; border-bottom: 1px solid #ccc; margin: 0; padding: 0 }
.orderlist ul { border: 1px solid #ccc; border-bottom: 0; padding: 0 }
.orderlist .details td { vertical-align: top }
.orderlist .details .itemamount { text-align: right; width: 8em }
.orderlist .details .articleid { text-align: left; width: 30em }
.orderlist .details { border-top: 1px solid #ccc; padding: .5em }
.orderlist .ordermaster { padding: .5em; background-color: #eee }
.orderlist .package { margin: .5em; border: 1px solid #ccc; padding: 0 }
.orderlist .details .invoice img { padding-right: 1em }
.orderlist .details .invoice { border: 1px solid #ccc; padding: 1em; text-align: left; font-weight: 700; font-size: 1.1em }
.orderlist .delivery { border: 1px solid #ccc; padding: 1em; text-align: left; font-size: 1em }
.orderlist table .delivery { border: 1px solid #ccc; padding: 1em; text-align: left; font-size: 1.1em }
.orderlist .packageheader { padding: .5em; color: #a66; font-weight: 700 }
.orderlist .packagedetails { border-top: 1px solid #ccc }
.orderlist .packageheader img { padding-right: 1em }
.newsdisplay a.marked, .page a.marked { color: #777; text-decoration: underline !important }
.articlepage .scalediscount, .articlepage .smltable { border: 1px outset #000; text-align: center }
.articlepage .scalediscount td, .articlepage .smltable td { border: 1px inset #000; padding: 3px 10px !important; text-align: center }
.articlepage .scalediscount td.header, .articlepage .smltable td.header { background-color: #FEF593; white-space: nowrap }
.orderpage h3 { padding: .5em 0 }
.registrationpage td { padding: .25em }
.registrationpage h3 { padding-bottom: .75em }
.articlepage .markedentry, .registrationpage .markedentry { background-color: #EEE; border: 1px solid #DDD; padding: 1em }
.callbackservice .standard_textbox, .cataloguerequest .standard_textbox, .contact .standard_textbox, .registrationpage .short_textbox, .registrationpage .standard_textbox { background-color: #FFF; border: 1px solid #BBB }
.callbackservice .req .short_textbox, .callbackservice .req .standard_textbox, .cataloguerequest .req .short_textbox, .cataloguerequest .req .standard_textbox, .contact .req.short_textbox, .contact .req .standard_textbox, .onlinesupplierdeclaration .req .standard_textbox { background-color: #FEF8AD; border: 1px solid #EBDE58 }
.short_textbox { display: inline; width: 3.7em }
.max_textbox { display: inline; width: 14.5em }
.tooltipPrice { background: #eee; border: 1px solid #aaa; font-size: .7em; left: 70px; padding: .5em; position: absolute; top: 70px; width: 13em }
.clearfix:after, .clearfix:before { content: ""; display: table }
.clearfix:after { clear: both }
.clearfix { zoom: 1 }
.markedyellow { border: 1px solid #beae00; background-color: #fef279; color: #beae00 }
.markedyellow input { margin: 0; padding: 0 }
.markedcont { padding: 0 !important; margin: 0 !important; padding-bottom: .25em !important }
.markedcont .markedyellow { padding: .25em }
.markedentry .markedyellow { padding: .25em; width: 11em }
.markedred { border: 1px solid #be0000; background-color: #fe7979; color: #640000 }
.staticlist { min-width: 255px !important; width: 255px !important }
.bordermenu { font-size: .8em; min-height: 80px; height: auto !important; height: 80px; margin: .75em 0; background-repeat: repeat-y; background-position: top left; background-color: #999999;  padding-left: 0.6em; /* background-image: url(data:image/gif;base64,R0lGODlh6AABAIAAAP///wAAACH5BAAAAAAALAAAAADoAAEAAAINhI+py+0Po5y02oszKAA7); padding-left: 245px   */ }
.bordermenu a, #nav-toggle { color: #FFFFFF; font-weight: 700; line-height: 1.5em; padding-right: 1em; vertical-align: top; white-space: nowrap }
.languagemenu { position: absolute; top: 1.5em; right: 5px }
.languagemenu input { padding-right: 2px }
.navitab { color: #666; font-size: 0.7em; font-weight: bold; vertical-align: top; margin-top: 0.25em; height: 3em }
.navitab a { color: #666 }
.navitab td { border-left: 1px dotted #999; padding: 0 0.75em; white-space: nowrap }
.navitab td.first { border: 0; vertical-align: top }
.callbackservice td, .cataloguerequest td, .contact td, .registrationpage td { padding: 0.2em }
.menulogin { border-style: solid; border-color: #ccc; border-width: 0 1px 1px; position: relative; top: -1px; font-size: .8em; font-weight: 700 }
.AspNet-Login { margin: .17em !important; line-height: 1.7em }
.AspNet-Login td input { margin-left: 1em }
.mainslogan { margin: 0; padding-left: 11px; padding-right: 42px; margin-right: 5px; margin-top:0.6em; background-color: #fff; float: left }
.footermenu { clear: both; text-align: center; font-size: 0.8em }
.footermenu a { text-decoration: underline !important; color: #999 !important }
.socialmenu { clear: both; text-align: center; font-size: 0.8em }
.socialmenu a { text-decoration: none !important; color: #999 !important }
.submenu { border: 1px solid #bbb; border-right-width: 0; background-color: #ccc; margin-bottom: 0.5em; height: 2.5em; min-width: 790px; clear: both }
.menualign { height: 100%; padding: 0.6em 0 }
.menupadding { line-height: 2.4em; border-left: 1px dotted #999 }
.menupadding.first { border: 0 }
.menuwithoutpadding a { color: #666 }
.menuwithoutpadding { color: #666; font-size: 0.7em; font-weight: bold; vertical-align: top; padding: 0; margin: 0.3em 0 0 0.45em; padding: 0.1em 0 0.3em 0.75em; border-left: 1px dotted #999 }
.smalltitle { font-size: 1em; display: inline }
.salesreptext { font-size: 0.75em; font-weight: bold; color: #777 !important; margin-left: 235px }
.salesreplogo { float: right; display: inline; margin: 5px }
.menupad, .menupadding, .menuwithoutpadding { display: inline-block }
.mainslogan { display: inline; width: 205px; float: left }
.DropDownBox { font-size: 0.9em }
.buttonlogin { border-radius: 3px; line-height: 1.4em; padding: 0.1em 0.5em; font-size: 1.2em; padding-bottom: 0.2em; font-weight: bold; border-style: solid; border-width: 1px; color: #555; display: inline-block; background-color: #eee; border-color: #b4b4b4 #5d5d5d #5d5d5d #b4b4b4 }
.menupad { line-height: 2.6em; padding: 0.1em 0.5em; font-size: 0.8em; border-left: 1px dotted #999; margin-left: 0.2em; color: #555; font-weight: bold }
#breadcrumb { margin: 0.5em 0; color: #999; font-size: 0.7em }
#breadcrumb a { text-decoration: underline; color: #999 }
#menutoggle, .menutogglelabel { display: none }
#nav ul { margin: 0; padding: 0; width: 100%; display: block; list-style: none; }
#nav li { width: 100%; display: block; }
.js #nav { clip: rect(0 0 0 0); max-height: 0; position: absolute; display: block; overflow: hidden; zoom: 1; }
#nav.opened { max-height: 9999px; }
#nav-toggle{ font-size:0.8em; margin: 0.8em 0.8em 0.2em !important;}
@media screen and (min-width:0px) and (max-width:478px) {
	.mainslogan { float: none; padding-top: 0.5em; margin: 0 auto; display: none; text-align: center }
	.mainslogan img { display: none }
	.mainslogan a { width: 100%; height: 160px; display: block; background: url('/moblogo.png') center center no-repeat; background-size: contain; image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic }
	.mainslogan a { width: 201px; height: 35px; display: block; background: url('/madler.gif') center center no-repeat; margin: 0 auto }
	.mainslogan { padding: 0.25em; padding-left: 1em }
	.salesreptext { margin-left: 0 }
	.salesreplogo { display: none }
	.bordermenu { background: #999; margin: 0 auto; display: block; padding: 0 0.8em }
	.bordermenu a, #nav-toggle { margin: 0 auto; background-color: #AAA; padding: 0.5em; margin-top: 0.3em }
	.bordermenu { background: #999 }
	.bordermenu a, #nav-toggle { display: block; margin-bottom: 0.5em }
	.submenu { height: auto; background: #999; min-width: 0; display: block; margin: 0 auto; border: 0; margin-bottom: 1em; padding: 0px 0.65em }
	.page { margin: 0 auto; padding: 0; width: 292px }
	.description .groups { display: none }
	.description p { margin: 0.5em 0; line-height: 1.4em }
	.grouplist .image, .grouplist .group, .grouplist li, .grouplist { float: none; float: initial }
	.grouplist { margin: 0 auto }
	.grouplist li { display: table; background-color: #CCC; border: 3px solid #AAA; margin: 0 auto 1em; width: 80%; min-width: 231px }
	.grouplist li a { display: table-row; height: 80px; width: 100% }
	.grouplist .image { display: table-cell; width: 80px; background-color: #fff }
	.grouplist .group { display: table-cell; background-image: none; height: 80px !important; width: 100%; border-left: 2px solid #AAA; vertical-align: top; text-align: left; font-size: 1em }
	.grouplist .group span { padding: 0.5em; display: block; font-size: 1.2em }
	.buttonlogin { margin: 1em auto; text-align: center }
	.menupadding, .menuwithoutpadding, .menualign, .menupadding { display: block; line-height: auto; padding: 0; margin: 0; line-height: 1.5em; border: 0 }
	.submenu a { color: #FFFFFF; font-size: 1.15em; font-weight: normal }
	.bordermenu, .submenu, .grouplist { min-width: 210px }
	.menuwithoutpadding { padding-bottom: 0.5em }
	.search_txt { margin-right: 0px; padding: 0.2em; border: 1px solid #707070; line-height: 1.5em; margin-bottom: 0.35em }
	.buttonlogin { color: #555555 !important; margin: 0.2em auto; padding: 0.3em 0.7em; font-weight: bold }
	.menupad { padding: 0; margin: 0; color: #fff }
	body { padding: 0 1em }
	.gallery { text-align: center; margin: 1em auto }
	.gallery .thumb, .gallery td { display: inline }
	.pageheader h1 { font-size: 1.2em }
	.productpage .description { padding-bottom: 1em }
	.productpage .quantity .cart_imagebutton { padding: 0 0.8em }
	.productpage .tooltip-toggler, #productarticlelist .scalediscount_image, #productarticlelist .quantity_textbox, .productpage .quantity a, .productpage .attribute, .productpage .attributes { display: none !important }
	.datasheets p a { white-space: nowrap; line-height: 2em }
	.productpage .datalist { width: auto; margin: 0 auto; font-size: 1.1em }
	.productpage .cart_imagebutton { width: 0; height: 20px; padding: 0; margin: 0 0.5em; border: 0; text-indent: 100%; background: transparent url(/Images/Add.gif) no-repeat center top; overflow: hidden; cursor: pointer; cursor: hand }
	.menutogglelabel:before { content: "="; background-color: #999; padding: 0 0.2em; margin-right: 0.4em }
	.navitab td { border-left: 0; padding: 0; display: block; margin-bottom: 0.4em }
	.menutogglelabel { display: block; background-color: #AAA; padding: 0.5em; margin-top: 0.3em; color: #fff; font-weight: bold; cursor: pointer }
	.footermenu { margin-top: 1em }
    .socialmenu { margin-top: 1em }
	.mainmenu:before { background-color: #fff; background-image: url("/madler.gif"); background-position: center top; background-repeat: no-repeat; content: " "; display: block; height: 50px; margin: 0 auto; width: 100% }
	.mainmenu { background-color: #999; width: 78%; min-width: 232px; margin: 15px auto 0 }
	.productpage .thumb { display: inline; float: left }
	.datalist .quantity .cart_imagebutton { position: relative; top: 0px }
	.navitab { width: 100% }
}
@media screen and (min-width:479px) and (max-width:790px) {
	.menupad { display: none }
	.submenu { min-width: 600px }
}
@media screen and (min-width:479px){
    .js #nav { position: relative; max-height: none; }
    #nav-toggle { display: none; }    
}
@media print {
	.bordermenu, .mainslogan, .submenu, #breadcrumb { display: none !important }
}