#debug{display:none} body{margin-bottom:0 !important;font-family:Verdana, Geneva, sans-serif;font-size:12px;background:url(header_page_bg.jpg) repeat-x} a{text-decoration:none} ul,li,figure{margin:0;padding:0;list-style:none} #mb_popup{display:none;} #wrapper, #footer .inside{width:975px;margin:0 auto} #layout_line_top{z-index:4;position:absolute;width:50%;left:0;top:90px;height:33px;background:url(header_page_nav_bg.jpg)} #header{height:108px} #header #mainnav{z-index:5;position:absolute;top:90px;margin-left:10px;background:url(header_nav_bg.png) no-repeat right top;float:left} #header #mainnav ul{display:inline-block;padding-left:12px} #header #mainnav ul li{float:left;margin-left:-12px} #header #mainnav a, #header #mainnav span{background:url(nav_explode.png) no-repeat left center;display:block;float:left;padding:9px 4px 10px 4px;color:#fff;text-transform:uppercase} #header #mainnav li{padding-left:12px;padding-right:12px;background:url(header_nav_explode.png) left top no-repeat} #header #mainnav li:hover, #header #mainnav li.active, #header #mainnav li.trail{padding-left:0;padding-right:0;} #header #mainnav li:hover a, #header #mainnav li.active span, #header #mainnav li.active a, #header #mainnav li.trail span, #header #mainnav li.trail a{background:url(header_nav_bg_aktiv.jpg) repeat-x} #header #mainnav li:hover:before, #header #mainnav li.active:before, #header #mainnav li.trail:before{content: url(header_nav_aktiv_left.png);float:left} #header #mainnav li:hover:after, #header #mainnav li.active:after, #header #mainnav li.trail:after{content: url(header_nav_aktiv_right.png);float:right} #header #header_subnav{font-size:11px;position:absolute;right:0;top:13px;text-transform:uppercase} #header #header_subnav a{color:#000;padding:1px 8px;display:block} #header #header_subnav a:hover{text-decoration:underline} #header #header_subnav div{float:left} #header #header_subnav .ce_hyperlink{border-right:1px #000 solid} /* subnav */ #header #subnav{width:935px;padding:0;position:absolute;z-index:9;background:url(header_subnav_bg.jpg) no-repeat 0 -2px;top:305px} #header #subnav a, #header #subnav span{background:url(header_subnav_explode.png) right center no-repeat;font-size:13px;color:#fff;display:block;padding:2px 15px 2px 5px;text-transform:uppercase} /*#header #subnav a:hover{text-decoration:underline;} #header #subnav span, #header #subnav a.trail{font-weight:bold}*/ /* �nderung der Subnav */ #header #subnav ul{float:left} #header #subnav li{float:left;height:33px;overflow:hidden} #header #subnav li.first{margin-left:0} #header #subnav li:hover:before, #header #subnav li.active:before, #header #subnav li.trail:before{content: url(header_nav_inaktiv_left.png);float:left} #header #subnav li:hover:after, #header #subnav li.active:after, #header #subnav li.trail:after{content: url(header_nav_inaktiv_right.png);float:right} #header #subnav a, #header #subnav span{background:url(nav_explode.png) no-repeat left center;display:block;float:left;padding:9px 4px 10px 4px;color:#fff;text-transform:uppercase} #header #subnav ul{display:inline-block;padding-left:12px} #header #subnav ul li{margin-left:-12px} #header #subnav li{padding-left:12px;padding-right:12px;background:url(header_nav_explode_white.png) left top no-repeat} #header #subnav li:hover, #header #subnav li.active, #header #subnav li.trail{padding-left:0;padding-right:0;} #header #subnav li:hover a, #header #subnav li.active span, #header #subnav li.active a, #header #subnav li.trail span, #header #subnav li.trail a{background:url(header_nav_bg_inaktiv.jpg) repeat-x} /* subnav1 */ #header #subnav1{width:935px;padding:0;position:absolute;z-index:9;background:url(header_subnav_bg.jpg) no-repeat 0 -2px;top:305px} #header #subnav1 a, #header #subnav1 span{background:url(header_subnav_explode.png) right center no-repeat;font-size:11px;color:#fff;display:block;padding:2px 15px 2px 5px;text-transform:capitalize} /*#header #subnav1 a:hover{text-decoration:underline;} #header #subnav1 span, #header #subnav1 a.trail{font-weight:bold}*/ /* �nderung der Subnav1 */ #header #subnav1 ul{float:left} #header #subnav1 li{float:left;height:33px;overflow:hidden} #header #subnav1 li.first{margin-left:0} #header #subnav1 li:hover:before, #header #subnav1 li.active:before, #header #subnav1 li.trail:before{content: url(header_nav_inaktiv_left.png);float:left} #header #subnav1 li:hover:after, #header #subnav1 li.active:after, #header #subnav1 li.trail:after{content: url(header_nav_inaktiv_right.png);float:right} #header #subnav1 a, #header #subnav1 span{background:url(nav_explode.png) no-repeat left center;display:block;float:left;padding:9px 4px 10px 4px;color:#fff;text-transform:capitalize} #header #subnav1 ul{display:inline-block;padding-left:12px} #header #subnav1 ul li{margin-left:-12px} #header #subnav1 li{padding-left:12px;padding-right:12px;background:url(header_nav_explode_white.png) left top no-repeat} #header #subnav1 li:hover, #header #subnav1 li.active, #header #subnav1 li.trail{padding-left:0;padding-right:0;} #header #subnav1 li:hover a, #header #subnav1 li.active span, #header #subnav1 li.active a, #header #subnav1 li.trail span, #header #subnav1 li.trail a{background:url(header_nav_bg_inaktiv.jpg) repeat-x} #footer{margin-top:50px;background:#656565 url(footer_bg.jpg) center top no-repeat;clear:both;} #footer #footer_redline{position:absolute;right:0;top:0;z-index:1} #footer #footer_standorte{height:186px;background:url(footer_standort_bg.png) no-repeat left top;position:absolute;right:0;top:21px;width:320px} #footer #footer_standorte h4, #footer #footer_standorte a{color:#fff} #footer #footer_standorte h4{margin:16px 0 8px 74px;font-size:16px;font-weight:normal;line-height:22px} #footer #footer_standorte h4 strong{margin-left:5px} #footer #footer_standorte a{margin-left:14px;background:url(footer_standort_bg_unhover.jpg) center bottom no-repeat;float:left;width:200px;display:block;padding:4px 0 4px 22px;font-size:15px;cursor:pointer} #footer #footer_standorte a .aktiv{display:none} #footer #footer_standorte a:hover{background:url(footer_standort_bg_hover.jpg) center top no-repeat} #footer #footer_standorte a:hover .inaktiv{display:none} #footer #footer_standorte a:hover .aktiv{display:block} #footer #footer_standorte a.berlin{margin-left:40px} #footer #footer_standorte a.crailsheim{margin-left:31px} #footer #footer_standorte a.henningsdorf{margin-left:22px} #footer #footer_standorte p{margin:4px 0} #footer .mod_customnav h3{color:#fff;font-family:Verdana, Geneva, sans-serif} #footer .mod_customnav{width:140px;margin:30px 0 0 25px;font-family:Arial, Helvetica, sans-serif;float:left} #footer .mod_customnav a, #footer .mod_customnav span{color:#cccccc;line-height:18px} #footer .mod_customnav a:hover, #footer .mod_customnav span, #footer #copyright a:hover{color:#fff} #footer #copyright{color:#fff;clear:left;padding:60px 25px 10px;text-align:center} #footer #copyright a{color:#cccccc} #headerimg img{float:left} #headerimg{margin-bottom:20px} #headerimg p{position:absolute;z-index:2;right:0;top:40px;} #headerimg p:before{content: url(header_img_textbg_left.png);float:left} #headerimg p:after{content: url(header_img_textbg_right.png);float:right} #headerimg p span{float:left;display:block;font-family:Arial, Helvetica, sans-serif;line-height:22px;color:#fff;font-size:18px;font-style:italic;background:url(header_img_textbg.png);padding:15px 10px 15px 0;height:67px} #headerimg:before{content: url(header_img_before2.png);position:absolute;left:0} #headerimg:after{content: url(header_img_after2.png);position:absolute;right:0} .unterseitemitsubnav #headerimg{margin-bottom:80px !important} .unterseite #headerimg{margin-bottom:25px !important} /* Headerimg f�r Geh�rschutz */ #headerimggs img{float:left} #headerimggs{margin-bottom:20px} #headerimggs p{position:absolute;z-index:2;right:0;top:40px;} /*#headerimg p:before{content: url(header_img_textbg_left.png);float:left} #headerimg p:after{content: url(header_img_textbg_right.png);float:right} #headerimggs p span{float:left;display:block;font-family:Arial, Helvetica, sans-serif;line-height:22px;color:#fff;font-size:18px;font-style:italic;background:url(header_img_textbg.png);padding:15px 10px 15px 0;height:67px}*/ #headerimggs:before{content: url(header_img_before2.png);position:absolute;left:0} #headerimggs:after{content: url(header_img_after2.png);position:absolute;right:0} /*Headerimg f�r Geh�rschutz Ende */ /* startseite */ #startseite #headerimg:before{content: url(header_img_before.png);position:absolute;left:0} #startseite #headerimg:after{content: url(header_img_after.png);position:absolute;right:0} #startseite #headerimg{margin-bottom:20px} #startseite .ce_hyperlink a{background-position:left top;background-repeat:no-repeat !important;font-size:14px;line-height:18px;display:table-cell;width:330px;vertical-align:bottom;height:116px;color:#fff;text-transform:uppercase} #startseite .ce_hyperlink{float:left;margin-bottom:10px} #startseite .ce_hyperlink a b{margin:0 0 17px 25px;display:block} #kategorie_arbeitsschutz a{background:url(../startseite/arbeitsschutz_inaktiv.jpg)} #kategorie_arbeitsschutz a:hover{background:url(../startseite/arbeitsschutz_aktiv.jpg)} #kategorie_betriebeinrichtungen a{background:url(../startseite/betriebeinrichtungen_inaktiv.jpg)} #kategorie_betriebeinrichtungen a:hover{background:url(../startseite/betriebeinrichtungen_aktiv.jpg)} #kategorie_werkzeugmaschinen a{background:url(../startseite/werkzeugmaschinen_inaktiv.jpg);width:300px !important } #kategorie_werkzeugmaschinen a:hover{background:url(../startseite/werkzeugmaschinen_aktiv.jpg)} #kategorie_zerspanung a{background:url(../startseite/zerspanung_inaktiv.jpg)} #kategorie_zerspanung a:hover{background:url(../startseite/zerspanung_aktiv.jpg)} #kategorie_messtechnik a{background:url(../startseite/messtechnik_inaktiv.jpg)} #kategorie_messtechnik a:hover{background:url(../startseite/messtechnik_aktiv.jpg)} #kategorie_werkzeuge a{background:url(../startseite/werkzeuge_inaktiv.jpg);width:300px !important} #kategorie_werkzeuge a:hover{background:url(../startseite/werkzeuge_aktiv.jpg)} #kategorie_elektrowerkzeuge a{background:url(../startseite/elektrowerkzeuge_inaktiv.jpg)} #kategorie_elektrowerkzeuge a:hover{background:url(../startseite/elektrowerkzeuge_aktiv.jpg)} #kategorie_technischerindustriebedarf a{background:url(../startseite/technischerindustriebedarf_inaktiv.jpg)} #kategorie_technischerindustriebedarf a:hover{background:url(../startseite/technischerindustriebedarf_aktiv.jpg)} #kategorie_wellness a{background:url(../startseite/wellness_inaktiv.jpg);width:300px !important} #kategorie_wellness a:hover{background:url(../startseite/wellness_aktiv.jpg)} /* Ansprechpartner Seitenelement */ #sideelement{position:fixed;right:0;top:420px;margin-right:-305px;z-index:10;width:415px;color:#FFFFFF; -webkit-transition: margin 0.4s; -moz-transition: margin 0.4s; -o-transition: margin 0.4s; transition: margin 0.4s; background:url(sidebar_headline.png) no-repeat 60px top} #sideelement:hover{margin-right:0} #sideelement h2{font-size:16px;font-weight:bold;padding:15px 0 0 145px;margin:0;height:32px;overflow:hidden} #sideelement .textbox{width:415px;background:url(sidebar_text_bg.png) no-repeat left top;margin-left:150px;padding:15px 0 15px 145px; -webkit-transition: margin 0.4s; -moz-transition: margin 0.4s; -o-transition: margin 0.4s; transition: margin 0.4s;} #sideelement:hover .textbox{margin-left:0} #sideelement img{margin-left:-65px} #sideelement p{margin:0;} #sideelement a{color:#fff;font-weight:bold;font-size:13px;line-height:20px} #sideelement a:hover{color:#d50030} #sideelement #recall input, #sideelement #recall select{border:2px #656565 solid;background:#474747;padding:4px;margin-top:6px;color:#fff} #sideelement #recall option{background-color:#474747} #sideelement #recall select{width:240px} #sideelement #recall{margin-bottom:7px} #sideelement #recall input.submit:hover{background-color:#e3000f} #leftbar{margin-left:25px;float:left;width:200px} #leftbar .ce_image{float:left;margin:7px 15px 8px 0} #leftbar .ce_image .tooltip img{padding:1px;border:1px #fff solid} #leftbar .ce_image .tooltip img:hover{border-color:#e3000f} #mainbar{width:745px;float:right} #mainbar_2{padding:0 25px} #main h1{color:#e3000f;font-size:18px;font-weight:bold} #main h2{font-size:16px;font-weight:bold;color:#484848;padding-top:20px;clear:left} #main .panes h2:first-child{padding-top:10px} #kontakt-ansprechpartner .tabcontrol_tabs ul{padding-left:0px} #main #mainbar .ce_text a, #main #mainbar_2 .ce_text a, .gm-style-iw a, .mod_newslist a, .mod_newsreader a{color:#e3000f} #main #mainbar .ce_text a:hover, #main #mainbar_2 .ce_text a:hover, .gm-style-iw a:hover, .mod_newslist a:hover, .mod_newsreader a:hover{color:#666666} #main #mainbar .ce_text, #main #mainbar_2 .ce_text{font-size:12px;line-height:17px;color:#000} #main #mainbar .ce_gallery .image_container{display:table-cell;vertical-align:middle;height:100px;width:130px;text-align:center}*/ #main .ce_text ul, #main .ce_text li{list-style:circle;padding:5px;margin:5px} #main .geschichte td.col_0{font-weight:bold;width:230px;vertical-align:top} #main .geschichte td.col_0 b{color:#e3000f} #main .geschichte td{padding:10px 50px 10px 10px} #main .geschichte tr.even td{background-color:#eee} .gm-style-iw{font-family:Verdana, Geneva, sans-serif;font-size:12px} .ce_accordion .toggler{background-color:#eee;padding:10px} .ce_accordion .toggler:hover, .ce_accordion .toggler.active{cursor:pointer;background-color:#e3000f; color:#FFF; font-weight:bold;} .ce_accordion{border-bottom:1px #ddd solid} .ce_accordion .accordion{padding:0 50px 0 10px} .ce_accordion .accordion div{padding:10px 0} .mod_newslist .layout_latest, .mod_newslist .layout_short {margin:0;border-bottom:1px #eee solid} #main .mod_newslist .layout_latest:hover{color:#e3000f;cursor:pointer} .mod_newslist .info{display:none} .mod_newslist .image_container{margin-right:25px} .mod_newslist h2, .mod_newsreader h2{margin:0 !important} .mod_newsreader .image_container .caption{text-align:right;font-size:11px} .ce_form td.col_0{width:200px} .ce_form .textarea{height:100px} .ce_form .text:focus, .ce_form .textarea:focus{border:1px #e3000f solid} .ce_form .text, .ce_form .textarea{border:1px #ccc solid;width:300px;font-family:Verdana, Geneva, sans-serif;font-size:12px;padding:3px} .ce_form .submit{color:#fff;background:#e3000f;padding:8px 15px;border:none;} .ce_form .submit:hover{background:#484848} .mod_dlh_googlemaps{margin-top:35px;margin-left:25px} #ueber-uns-standorte h2, #kontakt-standorte h2{margin-top:10px} .hzweiklein h2{margin-top:40px !important} #recallax{height:70px} .tool{width:auto} .tool .tip-title{display:none} .tool .tip-text{font-size:12px;margin:0;padding:10px 20px;font-family:verdana,arial,sans-serif;background:#fff;-moz-box-shadow:2px 2px 8px #666;-webkit-box-shadow:2px 2px 8px #666;box-shadow:2px 2px 8px #666;} .tabcontrol_tabs{margin-bottom:20px;margin-top:12px} .tabcontrol_tabs ul{padding-left:490px;border-bottom:1px #ccc solid;height:25px;margin-right:20px} .tabcontrol_tabs ul li{background: url(header_subnav_bg.jpg) -30px -2px no-repeat;color:#fff;float:left;display:block;padding:5px 15px;border:1px #ccc solid;} .tabcontrol_tabs ul li:hover{background:#e3000f;cursor:pointer} .tabcontrol_tabs ul li.selected{background:#fff;border-bottom-color:#fff;color:#e3000f} .ce_gallery .experten .image_container a{display:block;background-color:#8c8c8c} .ce_gallery .experten .image_container a i{font-weight:bold;display:block;padding:10px 0;font-family: "Arial", "Helvetica", sans-serif;font-size: 13px;font-style: italic;color:#fff;text-align:center} .ce_gallery .experten .image_container b{color:#333;font-weight:normal;text-align:left;background-color:#fff;padding:7px 0px;display:block} .ce_gallery .experten .image_container a:hover{background-color:#e3000f} .ce_gallery .experten .image_container a:hover b{color:#e3000f} #leftbar.experte{line-height:17px} #leftbar.experte .image_container{background-color:#e3000f;width:172px} #leftbar.experte .image_container i{text-align:center;font-weight:bold;display:block;padding:10px 0;font-family: "Arial", "Helvetica", sans-serif;font-size: 13px;font-style: italic;color:#fff} #leftbar.experte a{color:#e3000f} #leftbar.experte .back a{display:block;color:#fff;padding:5px;background-color:#8c8c8c;width:162px} #leftbar.experte .back:hover a{background-color:#e3000f} .clearleft{clear:left;padding-top:20px} .clearleft input{margin:5px 5px 0 10px;display:inline-block;border:none;font-size:12px;color:#656565} .clearleft span{display:block;font-size:10px;color:#656565} .clearleft label{cursor:pointer} .clearleft strong{padding-left: 25px;} #header .layout_latest{margin:0;float:left;position:absolute;top:56px;right:20px;text-align:right} #header .layout_latest:before{content: url(header_nav_aktiv_left.png);float:left} #header .layout_latest:after{content: url(header_nav_aktiv_right.png);float:right} #header .layout_latest p{margin:0;padding:0} #header .layout_latest *{float:left;color:#fff;cursor:pointer} #header .layout_latest .teaser{padding:10px 5px;background:url(header_nav_bg_aktiv.jpg) repeat-x} #header .mod_newslist:hover .layout_latest:before{content: url(header_nav_inaktiv_left.png);float:left} #header .mod_newslist:hover .layout_latest:after{content: url(header_nav_inaktiv_right.png);float:right} #header .mod_newslist:hover .layout_latest .teaser{background-image:url(header_nav_bg_inaktiv.jpg)} #main .float25{width:230px;float:left} #main .float251{width:230px;float:left} #main .float251 p{margin-top:0;margin-bottom:24px} #main .float25 p{margin-top:0;margin-bottom:24px} #main .mod_newsreader h2{padding:0} #main .ce_text ul li{list-style:disc} #main .ce_text ul{margin:13px 0 !important} #main .ce_text li{margin:4px 0 4px 30px;padding:0 0 0 10px !important} #kontakt-ansprechpartner .tabcontrol_tabs{margin-bottom:40px} .mwst_form{line-height:20px} .mwst_form input, .mwst_form select, .mwst_form option{width:230px;border:none;background:#656565;color:#fff;font-weight:bold} .mwst_form select{background-color:#8C8C8C;padding:3px} .mwst_form input{margin-top:5px;margin-bottom:20px;background-color:#e3000f;padding:3px 0} #kataloge #mainbar_2 .image_container img{padding:1px;border:1px #999 solid} #kataloge #mainbar_2 .image_container img:hover{border-color:#e3000f} .catalogitem{float:left;width:460px;margin:10px 0} blockquote{background:url(quote.jpg) no-repeat left top;margin:12px 0;padding:0 40px} /**************************** Navigation der Seite *****************************/ #navpsa ul { margin: 0; padding: 0; list-style-type: none; } #navpsa .mod_navigation ul.level_3 { margin: 0; padding: 0; } #navpsa .mod_navigation ul.level_1 li.submenu { margin: 20px 0; } #navpsa .mod_navigation ul.level_2 li.submenu { margin: 0; } #navpsa .mod_navigation ul.level_1 li.submenu a.submenu, #navpsa .mod_navigation ul.level_1 li.submenu span.submenu { font-weight: bold; /*color: #FF9900;*/ color: color: #E3000F; text-align: right; text-transform: uppercase; border-width: 0; border-bottom: 1px dashed #999; margin-bottom: 5px; } #navpsa .mod_navigation ul.level_1 li.submenu a.submenu:hover, #navpsa .mod_navigation ul.level_1 li.submenu span.submenu:hover { background-color: #fff; cursor: default; } a { color: #666666; text-decoration: none; } a.small-navigation { color: #999999; text-decoration: none; } a.small-navigation:hover { /*color: #FF9900;*/ color: #E3000F; } #navpsa a, #navpsa span, #navpsa .mod_navigation ul.level_2 li.submenu a.submenu, #navpsa .mod_navigation ul.level_2 li.submenu span.submenu { color: #666666; border-width: 0px 0px 0px 5px; border-color: #DEDEDE; border-style: solid; text-decoration: none; display: block; padding: 10px 0px 15px 5px; text-align: left; font-weight: normal; font-size: 12px; text-transform: none; margin-bottom: 0; } #navpsa span.active, #navpsa .mod_navigation ul.level_2 li.submenu span.active { color: #E3000F; font-weight: bold; } #navpsa .mod_navigation ul.level_3 a, #navpsa .mod_navigation ul.level_3 span.active { padding-left: 20px; } #navpsa a:hover { /*border-color: #FF9900;*/ border-color: #E3000F; background-color: #EFEFEF; } /**************************** Navigation der Seite Ende *****************************/ @media only screen and (min-width: 975px) { #kontakt-ansprechpartner .first-part h2{ clear:none!important } #kontakt-ansprechpartner .ce_semantic_html5{ width:800px!important } #kontakt-ansprechpartner .it{ position:relative; top:-52px; } .float251 { position: relative; top: -52px; margin-bottom: -70px; width: 230px; float: left; } } /* Cookie Bar */ .headCookie { font-size: 16px; color: #E3000F !important; margin-bottom: 10px; } .cc_container { color: #656565 !important; font-family: 'Source Sans Pro', sans-serif !important; border: 1px solid #e3e3e3 !important; } @media (max-width: 480px) { .cc_container { bottom: unset !important; } } @media screen and (min-width: 500px) { .cc_container { left: initial; bottom: 50px !important; width: 680px !important; padding-bottom: 77px; border-radius: unset !important; } } .cc_container .cc_logo { background-image: none !important; } .cc_container .cc_btn, .cc_container .cc_btn:visited { color: #fff !important; background-color: #E3000F !important; border-radius: unset !important; } .cc_container a, .cc_container a:visited { color: #E3000F !important; } @media screen and (min-width: 500px) { .cc_container .cc_btn { right: 18px !important; bottom: 30px !important; transform: skew(-10deg) !important; } }