body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto} body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px} .rsts-main,.rsts-main *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.rsts-header,.rsts-footer,.rsts-thumbs-header,.rsts-thumbs-footer{overflow:hidden}.rsts-view,.rsts-thumbs-view{position:relative}@media print{.rsts-view,.rsts-thumbs-view{position:static}}.rsts-crop,.rsts-thumbs-crop{position:relative;overflow:hidden}@media print{.rsts-crop,.rsts-thumbs-crop{position:static;overflow:visible;width:auto !important;height:auto !important;transform:none !important}}.rsts-slides,.rsts-slide,.rsts-thumbs-slides,.rsts-thumbs-slide{position:absolute;left:0;top:0}@media print{.rsts-slides,.rsts-slide,.rsts-thumbs-slides,.rsts-thumbs-slide{position:static;width:auto !important;height:auto !important;transform:none !important}.rsts-slides.rsts-slide-image img,.rsts-slides.rsts-slide-video img,.rsts-slides.rsts-thumbs-slide-image img,.rsts-slides.rsts-thumbs-slide-video img,.rsts-slide.rsts-slide-image img,.rsts-slide.rsts-slide-video img,.rsts-slide.rsts-thumbs-slide-image img,.rsts-slide.rsts-thumbs-slide-video img,.rsts-thumbs-slides.rsts-slide-image img,.rsts-thumbs-slides.rsts-slide-video img,.rsts-thumbs-slides.rsts-thumbs-slide-image img,.rsts-thumbs-slides.rsts-thumbs-slide-video img,.rsts-thumbs-slide.rsts-slide-image img,.rsts-thumbs-slide.rsts-slide-video img,.rsts-thumbs-slide.rsts-thumbs-slide-image img,.rsts-thumbs-slide.rsts-thumbs-slide-video img{width:100% !important;height:auto !important;margin:0 !important}}.rsts-slide,.rsts-thumbs-slide{overflow:hidden}@media print{.rsts-slide,.rsts-thumbs-slide{position:static}}.rsts-video-iframe,.rsts-thumbs-video-iframe{position:absolute;top:0;left:0;width:100%;height:100%}.rsts-type-slide .rsts-view,.rsts-thumbs-type-slide .rsts-thumbs-view{cursor:url("../../system/modules/rocksolid-slider/assets/img/openhand.cur"),default;cursor:-webkit-grab;cursor:-moz-grab;cursor:-ms-grab;cursor:-o-grab;cursor:grab}.rsts-type-slide.rsts-dragging .rsts-view,.rsts-thumbs-type-slide.rsts-thumbs-dragging .rsts-thumbs-view{cursor:url("../../system/modules/rocksolid-slider/assets/img/closedhand.cur"),default;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-ms-grabbing;cursor:-o-grabbing;cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.rsts-type-slide.rsts-dragging-disabled .rsts-view,.rsts-thumbs-type-slide.rsts-thumbs-dragging-disabled .rsts-thumbs-view{cursor:auto}@media print{.rsts-nav,.rsts-prev,.rsts-next,.rsts-overlay-prev,.rsts-overlay-next,.rsts-progress,.rsts-thumbs-nav,.rsts-thumbs-prev,.rsts-thumbs-next,.rsts-thumbs-overlay-prev,.rsts-thumbs-overlay-next,.rsts-thumbs-progress{display:none !important}} .rsts-skin-default-content.rsts-main{position:relative}.rsts-skin-default-content.rsts-type-fade .rsts-slide{background-color:#fff}.rsts-skin-default-content .rsts-caption{position:absolute;top:20px;left:20px;margin-right:20px;padding:5px 10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#fff;background-color:#000;background-color:rgba(0,0,0,0.4);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transform:translate(0, -20px);-moz-transform:translate(0, -20px);-ms-transform:translate(0, -20px);-o-transform:translate(0, -20px);transform:translate(0, -20px);-webkit-transition:opacity 0.5s,-webkit-transform 0.5s;-moz-transition:opacity 0.5s,-moz-transform 0.5s;-o-transition:opacity 0.5s,-o-transform 0.5s;transition:opacity 0.5s,transform 0.5s}.rsts-skin-default-content .rsts-active .rsts-caption{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.rsts-skin-default-content .rsts-prev,.rsts-skin-default-content .rsts-next{display:none}.rsts-skin-default-content .rsts-nav-prev a,.rsts-skin-default-content .rsts-nav-next a,.rsts-skin-default-content .rsts-video-play,.rsts-skin-default-content .rsts-video-stop,.rsts-skin-default-content .rsts-thumbs-prev,.rsts-skin-default-content .rsts-thumbs-next{overflow:hidden;width:30px;height:30px;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.1);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:none;line-height:0;text-align:center;text-decoration:none;text-indent:-9999px;-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:0 0 2px rgba(0,0,0,0.1);-moz-box-shadow:0 0 2px rgba(0,0,0,0.1);box-shadow:0 0 2px rgba(0,0,0,0.1);background-position:50% 50%;-webkit-transition:opacity 0.05s linear;-moz-transition:opacity 0.05s linear;-o-transition:opacity 0.05s linear;transition:opacity 0.05s linear}.rsts-skin-default-content .rsts-nav-prev a:hover,.rsts-skin-default-content .rsts-nav-next a:hover,.rsts-skin-default-content .rsts-video-play:hover,.rsts-skin-default-content .rsts-video-stop:hover,.rsts-skin-default-content .rsts-thumbs-prev:hover,.rsts-skin-default-content .rsts-thumbs-next:hover{background-color:#eee;background-color:rgba(238,238,238,0.7)}.rsts-skin-default-content .rsts-nav-prev a,.rsts-skin-default-content .rsts-nav-next a,.rsts-skin-default-content .rsts-thumbs-prev,.rsts-skin-default-content .rsts-thumbs-next{display:inline-block;vertical-align:top}.rsts-skin-default-content .rsts-thumbs-prev,.rsts-skin-default-content .rsts-thumbs-next{position:absolute;top:50%;right:10px;margin-top:-15px}.rsts-skin-default-content .rsts-thumbs-prev{right:auto;left:10px}.rsts-skin-default-content .rsts-nav-prev a,.rsts-skin-default-content .rsts-thumbs-prev{margin-right:10px;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAilBMVEUHBwg/QEF5enp5ensCAwQHCAhzdHUAAQEGBwh8fX37+/svMDBub3COjo9yc3NtbW709fWvsLDm5uba2trR0dEuLi6Pj4/Q0NDl5eXZ2toFBgfz8/MuLy/09PT29vb8/Pz6+vp7e3x0dXZzdHT4+Pj39/f9/v3+/v79/f3///8EBQb5+fkAAAD19fVMP6q+AAAALnRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8hTP8QAAAJ1JREFUeNrV0lkPwiAMAOB53zrva2xOxQm0///vWZ4a1o3EN20gNPnSlFASRKVQIS2KFHPKaPvcH8St8WesXYzddVMIZn3NZ1tTZ9Y7QLa7MdfVWlgYZqk9lzML7VZPbGCdDsFekpI14GoN/fGoY6aqkbVaUvVg0lKN7v3wvcuwt/Tg5tIPRjA77I/i1dhX2dnEJnYq4vP+2a/4FX8AsSOXytKixMYAAAAASUVORK5CYII=')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default-content .rsts-nav-prev a,.rsts-skin-default-content .rsts-thumbs-prev{background-image:url('data:"image/png";base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAIVBMVEWhoaE7PD15enqVlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXsWX/bAAAAC3RSTlOAgICAgICAgICAgMiF55wAAAB9SURBVHja7dUxEoAgFANRFBTw/ge2YythEivHn/6VmU3XiwUOHPhPuGYf196zjLHPOi0tWsBYtICx/Zxgw4INCzYs2LBgw4INC55ZFadhN+NVbeh9jhf6mGJDgw0NNjTY0GBDgz0NXusiYDRWwGisgNHFL0Yrnwxd4MCBtd3+EosAicYyWQAAAABJRU5ErkJggg==');background-size:30px,30px}}.rsts-skin-default-content .rsts-nav-next a,.rsts-skin-default-content .rsts-thumbs-next{margin-left:10px;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAkFBMVEUBAQLPz9AlJiYlJifS0tIsLS0nJyjQ0dDR0tIBAQElJSYrLC2tra39/PwFBQYFBgf6+fmBgYKCgoL9/f339vZBQULIycnIyMiCg4PR0dEmJycmJyjMzMz8/Pzl5eXj4+MCAwQGBwghIiP09PT7+/shIiL6+vrNzs7Nzc0iIyP29vb39/cHCAkAAAD////19fV/WdL3AAAAMHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICRnvRdAAAAnklEQVR42tXSxw7CMAwG4LL3XqUtLdRQqNPY7/92WEJVDhkSN7B8iPTpl6M4ETMAA0t/ChmwPTELe+uPGKsQKywWflYUJxn5eI9xpOsneXidp7pp3Wa+dHrGbWY6d43bLD673nR9vLsZaL5cNfoAyp0eDyRdntxp6icy+/Ei981HqVGLq3xo1GaFm4kuRb1vvp1mFNzYLrzvn/2KX/MbXNOe099MDj0AAAAASUVORK5CYII=')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default-content .rsts-nav-next a,.rsts-skin-default-content .rsts-thumbs-next{background-image:url('data:"image/png";base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAHlBMVEWhoaE7PD2VlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXtfGSSAAAACnRSTlOAgICAgICAgICAXdxslAAAAHxJREFUeNrt1TEOgDAMxdDSAi33vzBbPVUoZkLE+1O2/HK9KHHixH/A9fS4jnGGMfZZl6VFBzAWHcLHQD9gocFCg4UGCw0WGiw0WGjwum3qEsb7tH1xWViwsGBhwcKChQULC5Z2jRs2itHdfc+GjWB094vR+ieHLnHixK4bjyV89TB6vlgAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default-content.rsts-direction-y .rsts-nav-prev a{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEUgISLDw8MgICGUlZaIiImSk5PCwsP9/f39/PyHh4iUlJWSkpLX2NgAAQIoKSkGBwgdHR7Ly8skJSYEBAXHyMj+/v739/ciIyMhIiImJyfNzc3S0tL8/Pz7+/v29vYHCAnNzs4AAAD////19fVh+HN2AAAAJHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC401waAAAAiUlEQVR42uXRyQ7CMAwE0LC2QHfaQkji1sP//yNR1csEiXMlfPFI7zCWbN7JCCVmnj9i738x2hbMpHPTzCAmfag+XyAmrWt2QzqV5URuSLWqdHXmsDMRbFHYuPbnkPBw0rtaBzgbw21IWPKjdg6xxHV68ZJ2j9mhXyrRX/34fblgLQyQLf57S/wBI9V2nx3O9QoAAAAASUVORK5CYII=')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default-content.rsts-direction-y .rsts-nav-prev a{background-image:url('data:"image/png";base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAeUlEQVR42u3UMQ6AMAzF0A8BmvufGHVpyOIOFRJI8f5WyxcqXLhw4U9jLeCznYzRNtYi2zsIs2UttqzFlrXYshZb1mLLWmg31iJ7+YVaaJ210GY9x/awWdsc+z5s1uaEQ4cNbY449LChzQFn3W3S9qsBFi5cuPDr+AYQcW8C6kiUiAAAAABJRU5ErkJggg==');background-size:30px,30px}}.rsts-skin-default-content.rsts-direction-y .rsts-nav-next a{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEUwMTKKi4suLzAGBwja2trR0dEwMDEuLi/Q0NDZ2dmJiYp7e3x6e3t/gIEAAQL09PTn5+f6+vr8/Px0dHVwcHH8/f329vYFBgdzdHT+/v79/v339/f9/f3///90dXb4+Pj5+fkEBQYAAAD19fUC5l8BAAAAJHRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC401waAAAAnElEQVR42uXSyQ4CIQwG4HEddRZmZUSEQnn/d7RkSAi4HI2Jf6AlfIceoHCOMcccrTXcMR5OtInf5k/YyLVL84qHjoHvwLrhmdW+0AJIhT6eVc79YYtYCQBRIZanPmO1QWuxVqr2/aIylqD9fdP4OoLMZ5sb+dK2i8Xr3cTZie+CRk49aOTUcSRNOfo8TXPUnB1QPj0J5z/5Hb7OD7UPdeTEuFeXAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default-content.rsts-direction-y .rsts-nav-next a{background-image:url('data:"image/png";base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAg0lEQVR42u3UMQ6EMAxE0WVDYu5/YhpLXzBSRkAF8i9tvXZ+24MKFy5c+HP4P06H0RzGRoyjjWgOY1Nj0YLFpsaip7hFNrBog3ug02brDKsWK3imxQqe6EWsxWi1HqOxHqONBTuN9RiN9Vg11mPVWI9V99tL0rEe6/dVA1i4cOHCl9oBak1vAkBKLfwAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default-content .rsts-nav{padding:20px 0 0;text-align:center}.rsts-skin-default-content .rsts-nav ul{margin:0 !important;padding:0 !important}.rsts-skin-default-content .rsts-nav li{display:inline}.rsts-skin-default-content .rsts-nav-numbers .rsts-nav-item a,.rsts-skin-default-content .rsts-nav-tabs .rsts-nav-item a{display:inline-block;height:30px;min-width:30px;padding:0.65em 0.5em 0.5em;margin:0 2px 3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:none;font-size:12px;text-align:center;text-decoration:none;color:#333;-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:0 0 2px rgba(0,0,0,0.2);-moz-box-shadow:0 0 2px rgba(0,0,0,0.2);box-shadow:0 0 2px rgba(0,0,0,0.2)}.rsts-skin-default-content .rsts-nav-numbers .rsts-nav-item a:hover,.rsts-skin-default-content .rsts-nav-tabs .rsts-nav-item a:hover{background-color:#eee;background-color:rgba(238,238,238,0.5)}.rsts-skin-default-content .rsts-nav-numbers .rsts-nav-item a.active,.rsts-skin-default-content .rsts-nav-tabs .rsts-nav-item a.active{background-color:#777;background-color:rgba(119,119,119,0.5)}.rsts-skin-default-content .rsts-nav-bullets{line-height:0}.rsts-skin-default-content .rsts-nav-bullets .rsts-nav-item a{display:inline-block;width:9px;height:9px;overflow:hidden;margin:12px 4px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;outline:none;text-align:left;text-indent:-999px;background-color:#fff;background-color:rgba(255,255,255,0.8);-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;-webkit-box-shadow:0 0 2px #777;-moz-box-shadow:0 0 2px #777;box-shadow:0 0 2px #777}.rsts-skin-default-content .rsts-nav-bullets .rsts-nav-item a:hover,.rsts-skin-default-content .rsts-nav-bullets .rsts-nav-item a.active{background-color:#777;-webkit-box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555;-moz-box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555;box-shadow:inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555}.rsts-skin-default-content .rsts-nav-thumbs{padding-top:5px}.rsts-skin-default-content .rsts-video-play,.rsts-skin-default-content .rsts-video-stop{position:absolute}.rsts-skin-default-content .rsts-video-play{top:50%;right:auto;bottom:auto;left:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAMAAABG8BK2AAAAb1BMVEU4ODgGBgbx8fGurq7i4uIODg5QUFD7+/vBwcEUFBQYGBggICC1tbXNzc0JCQkVFRWsrKwTExPExMTS0tImJibv7+9KSkozMzP4+PhYWFj+/v6Dg4MDAwPl5eVycnKenp4MDAza2toPDw////8AAACZ5/RyAAAAJXRSTlOAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAwmBGiwAAALNJREFUeNrt1kcOwkAQRFFyxsYmBxtDc/8zIrGpA/xaWKhnO9KT5ncvZvCxnGSSSSaZv2GK0sIsFzMHM53MWwPzfkU8OwsT9cHCRHOyMHFpLYwCIUaBEKNAiFEgxCgQYhSIMQrEGAXijAJxJrZrC7NZGZjb/WF41PHqSLw/Owa+q9D6KQthlAUwykIYZSGMsiBGWRCjLIhRFsQoC2Ga0S8LZMqx7gAzLPr0aUsmmWSS6SXzBf8cqwAv1zglAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default-content .rsts-video-play{background-image:url('data:"image/png";base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAACMCAMAAACZHrEMAAAARVBMVEUJCQlOTk4nJyddXV1gYGD29vbh4eGTk5PAwMA2NjYYGBgGBga3t7dUVFQtLS0SEhKHh4fb29sDAwPz8/NaWlr///8AAACZTZFgAAAAF3RSTlOAgICAgICAgICAgICAgICAgICAgICAgCZn8kAAAAFfSURBVHja7dpZUsMwFAVR5gDRLMT+l8r1Cqjih/5oLyB1kurYlp4evkGXGDFixIgRI0aMGDFixIgRI0aMGDFifseQvsBfPvjrdgdhzvsnCHPePkCY8/oCwpxzu4MwCQeESTggTMIBYa5wQJiEA8IkHBAm4YAwVzggTMIBYRIOCJNwQJgrHBAm4YAwCQeESTggzBUOCJNwQJiEA8IkHBDmCgeESTggTMIBYRIOCHOFA8IkHBAm4YAw5/UZhDn7iYOZjfPLlM5pZizMv2lXzk1vNs4duHTOs2kszFN7V87L1WycN73SOe/AY2FWB7tyFnGzcVaUpXPW2mNhdiF25WwWzcbZuSqds6c3Fma3c1fOpvRsnB3y0jmzg7EwU5VdOcOv2TiTuNI5M8qxMNPbXTlD9tk4E//SOWchxsKcEnmsoMM8qGNOYsRgLjFixIgRI0aMGDFixIgRI0aMGDH/e/0Ai4OJ2+ZcrkwAAAAASUVORK5CYII=');background-size:70px,70px}}.rsts-skin-default-content .rsts-video-stop{top:20px;right:20px;left:auto;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAbFBMVEWnp6dOTk7x8fHv7+9HR0fw8PDu7u7e3t5NTU3f398UFBQTExP4+PhLS0tvb29xcXH09PRJSUn39/fn5+cWFhampqb29vZISEhMTExLS0ukpKT////r6+sAAAD///8AAABKSkr19fUAAAD///8df9PJAAAAJHRSTlN6e35+e35+e3t7fX1/fHl5fXt/e315fnt7e3p/foGBfnt9gIDdofLFAAAAk0lEQVR42u2SSQ7DIAxF03nKPBEC2Ni9/x3jsMXqsuqiljxITx/8EcX7Y/wxuOmUhmPhIMdlg4akzxGbMscrBu4IyHLANce+Ymb7WKRWPsdyqpCnZJzVzUmUEgvpxmAYA4dxAB3TIanvupqisJdkRwr2O403K9V43bdpgaLuu6/x3KY7sO7VN7+m4TI5+K3v8H28AYM7doAzbo6MAAAAAElFTkSuQmCC')}@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3){.rsts-skin-default-content .rsts-video-stop{background-image:url('data:"image/png";base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAALVBMVEXo6OjGxsZjY2PKysq3t7ewsLCOjo7f39+Pj4/l5eVfX19hYWHj4+NRUVH///80A/15AAAAD3RSTlOGkL2PlZemiKWHvr2HyICcCOzTAAAAv0lEQVR42u3VSQ7DIAxA0bRJSBjs+x83mzYfNnatLqpKeM0THmRY9IuYeOKJJ7bwlsdTWwCfUpsS+Smni7EipfVW5PQwtte5iqAdvIvcGiuy25gs0e1ta7YwuqJ76+NRr6P1MbkSTM7HaKyP0QXK1HyMxgaxrjde1cBe1TV4MzZeMxYdm7OvF9OWR7H0YtpDG/ojnDurnc6hfT7Iw9tnImE7ney00bdFJ3Uw+mXpQoq822Nv8/Yf383EE0/8G3wBfh3Bcn7dsMIAAAAASUVORK5CYII=');background-size:30px,30px}}.rsts-skin-default-content .rsts-video-youtube>.rsts-video-stop{top:25px}.rsts-skin-default-content .rsts-video-vimeo>.rsts-video-stop{top:10px;right:auto;left:10px}.rsts-skin-default-content .rsts-video-ipad>.rsts-video-iframe{padding-top:32px;background-color:#000}.rsts-skin-default-content .rsts-video-ipad>.rsts-video-stop{top:1px;right:1px;left:auto}.rsts-skin-default-content .rsts-progress{position:absolute;top:0;right:0;width:100%;height:2px;background-color:#000;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.rsts-skin-default-content .rsts-progress div{height:100%;background-color:#fff}.rsts-skin-default-content .rsts-progress.rsts-progress-active{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);opacity:0.3}.rsts-skin-default-content .rsts-thumbs-slide{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8}.rsts-skin-default-content .rsts-thumbs-slide.rsts-thumbs-active-thumb{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1} /* Swipe 2.0, (C) Brad Birdsall 2012, MIT license */ .content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666} @font-face { font-family: 'FontAwesome'; src: url('../../files/asmTheme/fonts/fontawesome-webfont.eot?v=4.6.3'); src: url('../../files/asmTheme/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../../files/asmTheme/fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../../files/asmTheme/fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../../files/asmTheme/fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../../files/asmTheme/fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa-phone:before { content: "\f095"; color: #004e9b; background: #E3E7E8; padding: 4px; border-radius: 3px; margin: 3px; } .fa { display: inline-block; font-family: Fontawesome; font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size: inherit; font-size-adjust: none; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: 1; text-rendering: auto; } html, body { font-size: 13px; font-weight: normal; font-family: Arial, sans-serif; } body { margin: 0px; padding: 0px; background-color: #eeeeee; } #wrapper{ width: 100%; } #header .inside, #container, #footer { width: 100%; max-width: 990px; margin: 0px auto; padding: 0px; } #container { z-index: 7000; min-height: 100px; margin-top: -60px; } .newsletter-body #container { margin-top: -63px; } .clearFloat { clear: both; } #sidenavigation-297, #sidenavigation-77, #infobox-126{ width: 100%;} /* ############################################################# */ /* # HEADER BEREICH # */ /* ############################################################# */ #header { width: 100%; background-color: #fff; } #header .inside { position: relative; height: 100px; max-height: 100px; display: block; /*overflow: hidden;*/ } #logo { position: absolute; top: 18px; width: 136px; height: 75px; display: block; cursor: pointer; background: url("../../files/asmTheme/images/layout/asm_logo.svg") no-repeat; background-size:136px 75px;} .newsletter-body #logo { left: 100px } a#login { width: 90px; height: 30px; display: block; position: absolute; top: 0px; right: 0px; color: #fff; font-size: 13px; font-weight: bold; line-height: 30px; text-align: center; text-decoration: none; font-family: Arial, sans-serif; background-color: #004e9b; } #menu-icon { color: #001638; display: none; float: right; font-size: 20px; font-weight: 900; margin: 10px 10px 0 0; text-align: right; text-transform: uppercase; width: 200px; position: relative; top:20px; } /* ####### Suche ####### */ #header #headSearch { width: 200px; height: 30px; position: absolute; top: 0px; right: 110px; } #suche input[type="search"], #headSearch input[type="search"], #headSearch input[type="submit"] { width: 150px; height: 30px; margin: 0px; padding: 0px 10px; float: left; border: 0px; border-radius: 0; background-color: #e8e8e8; } #suche .formbody{ padding: 20px 0 0 0;} #headSearch input[type="search"]{ -webkit-appearance: none; border-radius: 0; } #header .submit_button{ height: 30px; position: absolute; right: 110px; top: 0; } #header .submit_button a{ display: block; height: 30px; width: 30px;} .submit_button, #suche input[type="submit"], #headSearch input[type="submit"], #headSearch .submit { width: 30px; padding: 0px; background-color: #004e9b; background-image: url("../../files/asmTheme/images/layout/icon_search.png"); border: 0 none; height: 30px; } /* ####### / Suche ####### */ /* ####### Sprachenwechsler ####### */ #headLanguageSwitcher { width: 200px; min-height: 30px; position: absolute; top: 0px; right: 160px; background-color: #e8e8e8; z-index: 10000; background: #e8e8e8 url("../../files/asmTheme/images/layout/button_sprache.jpg") right top no-repeat; } #headLanguageSwitcher ul, #headLanguageSwitcher ul li { margin: 0px; padding: 0px; line-height: 30px; list-style-type: none; } #headLanguageSwitcher ul{ float: right; margin-right: 40px; } #headLanguageSwitcher div{ display: inline-block; width: 110px; padding: 8px 0px 2px 10px;} #headLanguageSwitcher ul li { display: none;} #headLanguageSwitcher:hover li{ display: block;} #headLanguageSwitcher ul li.active{ display: block;} /* ####### / Sprachenwechsler ####### */ /* ####### Slider ####### */ #sliderWrapper .inside { width: 100%; max-width: 1600px; position: relative; margin: 0px auto; min-height: 300px;} .mod_rocksolid_slider { width: 100%; /*height: 500px;*/ max-height: 500px; margin: 0px auto; padding: 0px; overflow: hidden; /*background-color: #367bb5;*/ } #sliderWrapper .mod_rocksolid_slider a { width: 40px; height: 60px; position: absolute; top: calc( 50% - 32px ); border: 0; border-radius: 0; box-shadow: none; } #sliderWrapper .mod_rocksolid_slider a.rsts-prev { left: 0px; background: url("../../files/asmTheme/images/layout/slider_left.png") center center no-repeat #004e9b; } #sliderWrapper .mod_rocksolid_slider a.rsts-next { right: 0px; background: url("../../files/asmTheme/images/layout/slider_right.png") center center no-repeat #004e9b; } #sliderWrapper img { width: 100%; min-height: 100px; display:block; vertical-align:top;} #headSliderTitleWrapper { left: 0px; width: 100%; /*height: 50px; position: absolute; top: calc( 50% - 45px ); */ } #headSliderTitle { width: 100%; color: #fff; font-size: 48px; max-width: 990px; margin: 0px auto; } /* ####### / Slider ####### */ /*#main #kontakt, #main #aktuelles, #main #article-1549, #main #article-1164, #main #article-777{ margin-top: -2px; }*/ #main #kontakt .widget-headline { height: 58px; } #ctrl_19 label{ display: block;} .form_nl2go { width: 30%; float: left; background: #e3e7e8;} .form_nl2go p.header { background: #004e9b; color: #fff; display: block; font-size: 18px; height: 38px; margin: 0; padding: 20px 0 0 30px;} .form_nl2go table { width: 90%; margin: 10px;} .form_nl2go .left { white-space: nowrap; text-align:left; } .newsletter2go_box { padding: 20px 10px 10px 100px; } .newsletter2go_box .form_nl2go { width: 300px; float: left; background: #e3e7e8;} .weltweit .tabs{min-height: 50px; } .weltweit .tabs a{ display: block; padding: 20px 0 0 0; height: 40px; background: #062747;} .weltweit .tabs a.active { background: #0062AD; } .weltweit .tabs li{ float: left; width: 16.5%; text-align: center; height: 60px; background: #1C3341; cursor: pointer; padding: 0; border-right: 1px solid #fff;} #main .weltweit .tabs li a { color:#fff; } #main .weltweit .tabs li a.active:hover { color:#fff; } #main .weltweit .tabs li a:hover { color:#004e9b; } .weltweit .tabs li.active{ background: #0062AD ; } .ptabs{ width: 100%; background: #E3E7E8;} #main .box-land-menu li a.active{ color: #004e9b ;} #europe, #amerika, #asien, #australien, #afrika{position: relative; margin-bottom: 3px; } .box-land-menu{ width: 100%; } .box-land-menu li{ border: 1px solid #fff; float: left;} #main .box-land-menu li a{ display: block; padding: 10px; color: #333; } #main .box-land-menu li a:hover { color: #004e9b; } .box-land{ width: 100%; display: none } .box-land.active{display: block;} .box-land .img-land { display: block; width: 30%; float: left; padding: 2%;} .box-land .adress { display: block; width: 65%; float: right; padding: 15px 0;} .box-land .title { display: block; padding: 10px; font-size: 18px; color: #004e9b;} .box-land img{ width: 90%; margin: 10px;} #main #messenStartseite.weltweit .tabs li a{ background-color:#eeeeee; color:#000 !important; height:60px; -webkit-box-sizing:border-box; box-sizing:border-box; -moz-box-sizing:border-box; } #main #messenStartseite.weltweit .tabs li a.active{ background-color:#fff; color:#000 !important; } #main #messenStartseite.weltweit .tabs li a.active:hover{ color:#000 !important; } #main #messenStartseite.weltweit .tabs li a:hover{ color:#000 !important; } #main #messenStartseite.weltweit .tabs li{ border:1px solid #fff; color:#6f787c !important; } .mod_article [class*="ce_"], .mod_article [class*="mod_"] { margin: 0;} #produkt-full .img_left{ max-width: 170px;} #main #home h1{ padding: 0} .mod_article .aktuelles-start-box{margin: 0 0 20px;} #aktuelles-start{ background:none !important; } #slider-aktuelles_start{ position:relative; padding:0 30px 26px !important; } #aktuelles-start .slider-control{ top:0; } #slider-aktuelles_start{ background:#fff; } #aktuelles-start p.more{ margin-bottom:0; } #aktuelles-start .slider-control a{ margin:0; top:0; } #aktuelles-start .slider-control a:hover{ background-color:#062747 } #aktuelles-start .slider-control .slider-prev{ display:block; left:inherit; right:92px; width:60px; background-color:#8d95a6; background-image:url('../../files/asmTheme/images/layout/arrow_slider_left.svg'); background-size:20px 39px; background-position:50% 11px; } #aktuelles-start .teaser{ margin:0; } #aktuelles-start .slider-control .slider-next{ display:block; left:inherit; right:30px; width:60px; background-color:#8d95a6; background-image:url('../../files/asmTheme/images/layout/arrow_slider_right.svg'); background-size:20px 39px; background-position:50% 11px; } #messenStartseite{ background:#fff; margin-top:22px; } #messenStartseite .tabContent{ padding:22px 22px 0; color:#000; } #main #messenStartseite .tabContent p{ padding:0; } #messenStartseite .tabs{ line-height:1em; font-size:18px; } #main #messenStartseite .layout_latest{ border-bottom:1px solid #000; padding-bottom:15px; margin-bottom:15px; } #main #messenStartseite .layout_latest .image_container{ width:100%; float:none; } #main #messenStartseite .layout_latest.last{ border:none; } #main #messenStartseite .layout_latest a{ color:#6f787c; } #main #messenStartseite .layout_latest .more a{ color: #6f787c; } #slider-aktuelles_start{ /*color:#000;*/ } #slider-aktuelles_start h2 a{ color: #004e9b; } @media screen and (min-width:801px){ #slider-aktuelles_start{ width:calc(66% - 11px); -webkit-box-sizing:border-box; box-sizing:border-box; -moz-box-sizing:border-box; float:left; } #messenStartseite{ width:calc(33% - 11px); -webkit-box-sizing:border-box; box-sizing:border-box; -moz-box-sizing:border-box; float:right; margin-top:0; } #messenStartseite.weltweit .tabs li{ width:calc(50% - 2px); } } #asmTheme-cols .infoBlock .ce_text.fragen-box{ background: #e3e7e8 none repeat scroll 0 0; margin: 5px 0 0; padding: 0 0 20px !important;} #asmTheme-cols .infoBlock .ce_text.fragen-box p { padding: 0 0px 10px 0px;} #asmTheme-cols .infoBlock .ce_text.fragen-box .telefon { font-size: 16px; margin-bottom: 0; padding: 30px 10px 0 25px;} #asmTheme-cols .infoBlock .ce_text.fragen-box .link { margin-bottom: 0; padding: 10px 10px 0 25px; } #asmTheme-cols .infoBlock .ce_text.fragen-box a { color: #004e9b; text-decoration: none;} #asmTheme-cols #infobox-71 .ce_text, #asmTheme-cols #infobox-292 .ce_text, #asmTheme-cols #kundensupport .ce_text, #asmTheme-cols #kundensupport-344 .ce_text, #asmTheme-cols #article-423 .ce_text, #asmTheme-cols #article-1560 .ce_text, #asmTheme-cols #article-1175 .ce_text, #asmTheme-cols #article-788 .ce_text, #asmTheme-cols #article-1613 .ce_text, #asmTheme-cols #article-1617 .ce_text, #asmTheme-cols #article-1625 .ce_text, #asmTheme-cols #article-1621 .ce_text, #asmTheme-cols #kundensupport-1628 .ce_text, #asmTheme-cols #kundensupport-1629 .ce_text, #asmTheme-cols #kundensupport-1631 .ce_text{ padding: 15px 10px 0 30px; } #asmTheme-cols .stellenangebote_kurz, #asmTheme-cols .aktuelles_kurz{ padding: 0px 10px 0 30px; } .stellenangebote_kurz, .aktuelles_kurz { background: #fff; } .stellenangebote_kurz .teaser, .aktuelles_kurz .teaser{ padding: 8px 0;} .stellenangebote_kurz .empty{font-weight:bold; padding: 15px 0 8px; } #stellenangebote-detail ul, #article-793 ul, #article-1180 ul, #article-1565 ul { list-style-type:disc; padding-left: 15px;} #stellenangebote-detail ul li, #article-793 ul li, #article-1180 ul li, #article-1565 ul li { } #suche div.block{ padding-left: 25px;} #headerbild { margin: 0 auto; max-width: 3000px; position: relative; width: 100%; } #headerbild img { display: block; width: 100%; height: auto; max-width: 100%;} #headerbild .slider-control .slider-menu { bottom: 2%; top: auto; z-index: 1; margin-bottom: 0px;} .slider-control .slider-menu { bottom: 2%; top: auto; z-index: 1; display: inline-block; position: absolute;} .slider-control .slider-menu { font-size: 27px; left: 50%; margin-left: -25%; text-align: center; top: 0; width: 50%;} .slider-control a, .slider-control .slider-menu { display: inline-block; position: absolute; } .slider-control { top:50%; position: absolute; width: 100%;} .slider-control .slider-prev { left: 0;} .slider-control a { margin-top: -22px; top: 50%;} .slider-control a, .slider-control .slider-menu { display: inline-block; position: absolute; } .slider-prev { background: #004e9b url("../../files/asmTheme/images/layout/slider_left.png") no-repeat scroll center center; height: 60px; margin-left: 0; margin-top: -240px; text-indent: -99999px; width: 40px; z-index: 1;} .slider-next { background: #004e9b url("../../files/asmTheme/images/layout/slider_right.png") no-repeat center center; height: 60px; margin-right: 0; margin-top: -240px; text-indent: -99999px; width: 40px; z-index: 1;} .slider-control .slider-menu { display: none;} .slider-wrapper > * { float: left; position: relative; width: 100%;} .slider-wrapper { overflow: hidden; position: relative;} #headerbild .content-slider { width: 100%; } #headerbild .content-slider .ce_text div { bottom: 15%; position: absolute; padding: 15px 5px 25px 25px ; left:50%; margin-left:-495px; width: 100%; background: rgba(1, 99, 172, 0.5) none repeat scroll 0 0; max-width:960px;} #headerbild .content-slider .ce_text div h2, #headerbild .content-slider .ce_text div h2 a { font-size: 26px; font-weight: bold; color: #fff; text-decoration: none; } #headerbild .content-slider .ce_text div p { font-size: 18px; color: #fff; } .newSlider{ position:relative; } .newSlider .ce_text{top:0; position: absolute; padding: 20px 5px 18px 25px ; width: 100%; background: rgba(0,78,155,0.5) none repeat scroll 0 0; max-width:990px; left:50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);} .newSlider .ce_text h2, .newSlider .ce_text h2 a{ font-size: 34px; line-height:1em; font-weight: bold; color: #fff; text-decoration: none; display:block; } .newSlider .ce_text h2 a{width:auto !important; height:auto !important;top:0 !important; position:relative !important;} .newSlider .ce_text h2{margin:0; padding-bottom:15px; } .newSlider .ce_text p { font-size: 18px; color: #fff; } #header .inside { position: relative;} /* ############################################################# */ /* # MAIN BEREICH # */ /* ############################################################# */ #main .row .column h1 { padding: 0 0 0 25px !important; } #main .row .column h1 a { color: #ffffff; } #main { color: #6f787c; font-size: 14px; line-height: 16px; line-height: 24px; } #asmTheme-cols #main { background: #fff; } #main .mod_article { background: #fff; min-height: 100px; padding-bottom: 0px; } #main h1, #main .ce_headline, #kontakt .headline { width: calc( 100% - 25px ); color: #fff; height: 60px; font-size: 18px; line-height: 60px; margin: 0px 0 0 0; padding: 0px; padding-left: 25px; background: #062747; } .asm_adresse div { float: left; padding-right: 30px; } #main h1:before, #main .ce_headline:before, #kontakt .headline p:before { content: "» "; } #main #home .iconMessen h1, h1.iconMessen{ position:relative; padding-left:78px !important; width: calc( 100% - 78px ); } #main #home .iconMessen h1:before, h1.iconMessen:before{ content:" " !important; width:34px; height:34px; background-size:34px 34px; position:absolute; top:13px; left:30px; } #main #home .winkelMessen h1:before, h1.winkelMessen:before{ background-image:url("../../files/asmTheme/images/layout/winkel_messen_white.svg"); } #main #home .neigungMessen h1:before, h1.neigungMessen:before{ background-image:url("../../files/asmTheme/images/layout/neigung_messen_white.svg"); } #main #home .wegMessen h1:before, h1.wegMessen:before{ background-image:url("../../files/asmTheme/images/layout/weg_messen_white.svg"); } #main #home .column { border-right: 1px solid #eeeeee; } #main #home .column:last-child { border-right: 0px solid; } #main .ce_text p { padding: 0px 10px 0px 25px; } #main .ce_text hr { width: 100%; border: 0px; height: 2px; margin: 40px 0; background-color: #888f93; } #main .pagination ul li { display: inline; margin-right: 5px; padding-right: 10px; } #main .pagination ul li.previous { border-right: 2px solid #6F787C; } #main .pagination ul li.next { margin-left: 5px; margin-right: 0px; padding-right: 0px; padding-left: 10px; border-left: 2px solid #6F787C; } .anwicon li{ float: left; margin: 0 20px 0 0; } /* ############################################################# */ /* # Download Konfigurationsdateien # */ /* ############################################################# */ #downloads h3.ce_headline, #article-770 h3.ce_headline, #article-1157 h3.ce_headline, #article-1542 h3.ce_headline, #downloads-1802 h3.ce_headline, #downloads-1803 h3.ce_headline, #downloads-1804 h3.ce_headline, #downloads-1805 h3.ce_headline { width: calc( 100% - 25px ); color: #FFFFFF; height: auto; font-size: 14px; line-height: 1em; margin: 10px 0 10px 0; padding: 10px 15px; background: #848d95; -webkit-box-sizing:border-box; box-sizing:border-box; -moz-box-sizing:border-box; display:block; } /* ############################################################# */ /* # FOOTER BEREICH # */ /* ############################################################# */ #footer { width: 100%; max-width: 2500px; overflow: hidden; margin: 30px auto 55px; background: url("../../files/asmTheme/images/layout/footer_bg.jpg") repeat-x; } #footer .inside { width: 100%; max-width: 990px; margin: 0px auto; } /* ****************************************** */ /* * Tabelle * */ /* ****************************************** */ #footer .footerTable { width: 100%; display: table; margin: 0px auto; } #footer .footerRow { margin: 0px; padding: 0px; display: table-row; } #footer .footerCol { padding-left: 20px; display: table-cell; } /* ****************************************** */ /* * Content * */ /* ****************************************** */ #footer a { color: #fff; font-size: 18px; font-weight: normal; font-family: Arial, sans-serif; text-decoration: none; } #footer a:before { content: "» "; } #footer .footerCol:last-child { width: 390px; padding-right: 10px; } #footer .footerCol .first { height: 50px; line-height: 50px; } #footer .footerCol .last { margin-top: 40px; font-size: 13px; } #footer .footerCol .last a { color: #444343; font-size: 13px; font-weight: normal; text-decoration: none; } #footer .footerCol .last li { margin-left: 10px; margin-bottom: 6px; } /* ****************************************** */ /* * Info-Spalte * */ /* ****************************************** */ #footer #footInfo { float: left; margin-bottom: 30px; } #footer #footContact { float: right; margin-bottom: 30px; } #footer #footInfo p, #footer #footContact p { font-size: 13px; margin-bottom: 8px; } #footer #footActions { float: none; clear: both; padding-top: 7px; border-top: 1px solid #000; } #footer #footActions li { margin: 0px; margin-right: 20px; display: inline-block; } #footer #footActions li:last-child { margin: 0px; } #footer #footActions li a:before { content: ""; } #footer #footActions #fPrint, #footer #footActions #fKontakt, #footer #footActions #fSitemap, #footer #footActions #fImpressum { /* padding-left: 20px;*/ /* background: url("../../files/asmTheme/images/layout/icon_fprint.png") no-repeat 0px -2px;*/ } #footer #footActions #fKontakt { /* background: url("../../files/asmTheme/images/layout/icon_fcontact.png") no-repeat 0px -1px;*/ } #footer #footActions #fSitemap { /*background: url("../../files/asmTheme/images/layout/icon_fsitemap.png") no-repeat 0px -1px;*/ } #footer #footActions #fImpressum { /*background: url("../../files/asmTheme/images/layout/icon_fimpressum.png") no-repeat 0px -1px;*/ } #footer .footerInside{ border-top:1px solid #062747; padding:15px 10px; font-size:13px; line-height:15px; text-align:right; } #footer .footerInside li{ display:inline; border-right:1px solid #000; padding:0 4px 0 0; margin-bottom:5px; } #footer .footerInside li:last-child{ border:none; } #footer .footerInside a{ color:#000; font-size:13px; line-height:15px; display:inline; } #footer .footerInside a:before{ content:""; } #footer .footerInside .print{ cursor:pointer; } /* ############################################################# */ /* # KONTAKTFORMULAR # */ /* ############################################################# */ #kontakt .widget { margin-left: 100px; } #kontakt .widget-select{ margin-top: 10px;} #kontakt .headline, #kontakt .headline p { margin: 0px; } #kontakt div.produktinteressen { padding: 45px 0; } #kontakt .checkbox_container .checkbox { margin-right: 5px; } #kontakt .checkbox_container label, #article-777 .checkbox_container label, #article-1164 .checkbox_container label, #article-1549 .checkbox_container label, #aktuelles .checkbox_container label{ margin-right: 40px; } #article-777 #article-1164 #article-1549 #kontakt textarea, #article-777 textarea, #kontakt input[type="tel"], #article-777 input[type="tel"], #article-1164 input[type="tel"], #article-1549 input[type="tel"], #kontakt input[type="text"], #article-777 input[type="text"], #article-1164 input[type="text"], #article-1549 input[type="text"], #kontakt input[type="email"], #article-777 input[type="email"], #article-1164 input[type="email"], #article-1549 input[type="email"], #aktuelles input[type="text"], #aktuelles input[type="tel"], #aktuelles input[type="email"]{ width: 214px; /*height: 20px;*/ padding: 3px; box-shadow: none; border: 1px solid #c5c5c5; } #kontakt select { width: 214px; height: 28px; padding: 3px; box-shadow: none; border: 1px solid #c5c5c5; border-radius: 3px; } #kontakt textarea { width: calc( 100% - 6px ); max-width: 700px; height: 140px; resize: none; } #kontakt .submit_container { float: none; clear: both; margin: 30px 0 0 100px; } #kontakt .widget-textarea { margin: 15px 0 40px 100px; } #kontakt .widget-textarea label { display: block; margin-bottom: 15px; } #kontakt div.anrede, #aktuelles div.anrede, #article-777 div.anrede, #article-1164 div.anrede, #article-1549 div.anrede{ margin-bottom: 10px; } #kontakt .widget-text { float: left; margin-bottom: 15px; } #aktuelles .widget-text, #article-777 .widget-text, #article-1164 .widget-text, #article-1549 .widget-text { margin-bottom: 15px; } #aktuelles .submit_container, #article-777 .submit_container, #article-1164 .submit_container, #article-1549 .submit_container{ margin-left: 80px;} #kontakt .widget-checkbox legend, #kontakt .widget-text label, #article-777 .widget-text label, #article-777 .widget-checkbox legend, #article-1164 .widget-text label, #article-1164 .widget-checkbox legend, #article-1549 .widget-text label, #article-1549 .widget-checkbox legend, #aktuelles .widget-checkbox legend, #aktuelles .widget-text label { width: 80px; float: left; display: block; } #kontakt .widget-select label{ width: 80px; float: left; display: block; } #kontakt .widget-text label, #aktuelles .widget-text label{ line-height: 25px; } #kontakt .last-input { float: none; clear: both; } #kontakt .ce_text { padding: 20px 10px 10px 100px; } #kontakt .ce_text p { margin: 0 0 0px 0; padding: initial; } /* ############################################################# */ /* # Sonstiges # */ /* ############################################################# */ .table { width: 100%; display: table; } .row { padding: 0px; display: table-row; } .column { width: 33%; padding: 0px; display: table-cell; } /* ############################################################# */ /* # 2-Spaltiges Layout - Main Bereich # */ /* ############################################################# */ #asmTheme-cols { float: none; clear: both; } #asmTheme-cols aside#left { float: right; position: static; } #asmTheme-cols aside#left #sideBox_title { width: 100%; height: 60px; background: #848d95; } #asmTheme-cols aside#left #sideBox_title span { color: #fff; font-size: 18px; padding: 0 20px; line-height: 60px; } #asmTheme-cols aside#left #sideBox_title span:before { content: "» "; } #sidenavigation #sideBox_title h2 { background: rgba(0, 0, 0, 0) url("../../files/asmTheme/images/layout/infoblockNeu.png") no-repeat scroll 0 0; color: #ffffff; font-size: 18px; height: 67px; line-height: 70px; margin: 0; padding-left: 90px; width: calc(100% - 90px); } #asmTheme-cols div#main { width: 100%; max-width: 660px; margin: 0px; float: right; } #asmTheme-cols div#main .ce_text { padding: 20px 20px 5px 25px; /*padding: 30px 25px 20px;*/ } #asmTheme-cols div#main .ce_text h2 { /*color: #000;*/ font-size: 18px; margin: 0 0 30px 0; } #asmTheme-cols div#main p { padding: initial; } .img-float-left{ float: left; margin: 0 10px 0 0;} .mit-bild p { display: block; } .right_cont { float: left; width: 45%} /* ****************************************** */ /* * Accordeon-Effekt * */ /* ****************************************** */ #asmTheme-cols div#main .ce_accordion, #asmTheme-cols div#main #aktuelles .ce_accordion { padding: 0px; } .news_start_text { float: left; max-width: 65%;} #asmTheme-cols div#main #news-detail .info, #asmTheme-cols div#main #article-780 .info, #asmTheme-cols div#main #stellenangebote-detail .info, #asmTheme-cols div#main #article-793 .info,#asmTheme-cols div#main #article-1180 .info, #asmTheme-cols div#main #article-1565 .info{ padding-top: 15px;} #asmTheme-cols div#main #news-detail ul { list-style-type: inherit; margin-left: 15px;} #asmTheme-cols div#main .ui-accordion-header { width: calc( 100% - 25px ); color: #fff; height: 60px; font-size: 18px; line-height: 60px; margin: 0px; margin-bottom: 0px; padding: 0px; padding-left: 25px; cursor: pointer; border-bottom: 1px solid #fff; background: url("../../files/asmTheme/images/layout/accordeon_zu.png") no-repeat 95% center #062747; } .Newsletter .ui-accordion-header { width: calc( 100% - 80px ); color: #fff; height: 60px; font-size: 18px; line-height: 60px; margin: 0px; margin-bottom: 0px; padding: 0px; padding-left: 100px; cursor: pointer; border-bottom: 1px solid #fff; background: url("../../files/asmTheme/images/layout/accordeon_zu.png") no-repeat 95% center #062747; } .Newsletter .ui-accordion-header:hover, .Newsletter .ui-accordion-header-active{ background: #062747 url("../../files/asmTheme/images/layout/accordeon_hoch.png") no-repeat scroll 95% center; /*color: #004e9b;*/ color:#fff; } #main .Newsletter h1::before { content: ""; } #main .Newsletter { font-size: 15px; color: #6f787c; } #main .Newsletter table { width: 100%; margin: 0 ; } .Newsletter ul { list-style-type: square; margin: 0 100px; } .Newsletter ul ul{ margin: 0 ;} .Newsletter ul li { margin: 0 0 0 15px;} #main .Newsletter h1{ background: #4184b9 none repeat scroll 0 0; color: #fff; font-size: 18px; height: 130px; line-height: 60px; margin: 0; padding: 0 0 0 25px; width: calc(100% - 25px); } #asmTheme-cols div#main .ui-accordion-header:hover { background: url("../../files/asmTheme/images/layout/accordeon_runter.png") no-repeat 95% center #062747; } #asmTheme-cols div#main .ui-accordion-header span:before { content: "» "; } #asmTheme-cols div#main .ui-accordion-header-active, #asmTheme-cols div#main .ui-accordion-header-active:hover { /*color: #004e9b;*/ color:#fff; background: url("../../files/asmTheme/images/layout/accordeon_hoch.png") no-repeat 95% center #062747; } #asmTheme-cols div#main .ui-accordion-content { padding: 15px 10px 10px 25px; } #asmTheme-cols div#main .weltweit .ui-accordion-content { padding: 15px 20px 10px 25px; } /* #asmTheme-cols div#main #accordeon .ce_text.accordeon p.active { display: block; } #asmTheme-cols div#main #accordeon .ce_text.accordeon p { display: none; }*/ /* ****************************************** */ /* * sideNavigation * */ /* ****************************************** */ #asmTheme-cols .infoBlock { width: 100%; margin: 0px; padding: 0px; margin-top: 8px; } #asmTheme-cols #kundensupport, #asmTheme-cols #infobox-299, #asmTheme-cols #infobox-292, #asmTheme-cols #infobox-292, #asmTheme-cols #article-1172, #asmTheme-cols #article-785, #asmTheme-cols #kundensupport-344, #asmTheme-cols #article-423, #asmTheme-cols #article-433, #asmTheme-cols #article-788, #asmTheme-cols #article-1557, #asmTheme-cols #article-1175, #asmTheme-cols #article-1560, #asmTheme-cols #article-779, #asmTheme-cols #article-1166, #asmTheme-cols #article-1551, #asmTheme-cols #article-1613, #asmTheme-cols #article-1617, #asmTheme-cols #article-1621, #asmTheme-cols #article-1625, #asmTheme-cols #kundensupport-1628, #asmTheme-cols #kundensupport-1629, #asmTheme-cols #kundensupport-1631, #asmTheme-cols #article-1585, #asmTheme-cols #article-1200, #asmTheme-cols #article-813, #asmTheme-cols #article-792, #asmTheme-cols #article-1179, #asmTheme-cols #article-1564{ margin-top: -7px; } #asmTheme-cols #infobox-71, #asmTheme-cols #article-1163, #asmTheme-cols #article-776 , #asmTheme-cols #article-1548{ margin-top: -7px; } #asmTheme-cols #article-350, #asmTheme-cols #infobox-438, #asmTheme-cols #kundensupport-344 { margin-top: -7px; } #asmTheme-cols #article-350.infoBlock ul, #asmTheme-cols #infobox-438.infoBlock ul { margin: 0 0 0 0px; } #asmTheme-cols #article-350.infoBlock a::after, #asmTheme-cols #infobox-438.infoBlock a::after { content: "";} #asmTheme-cols #article-350.infoBlock a, #asmTheme-cols #infobox-438.infoBlock a { display: inline; font-weight: normal; } #asmTheme-cols #sidenavigation-77, #asmTheme-cols #anwendungen, #asmTheme-cols #support-351, #asmTheme-cols #downloads-431, #asmTheme-cols #login{ /*margin-top: -2px;*/ } #asmTheme-cols .anwendungen .img_left { /*width: 21%;*/} #anwendungen .ce_accordion p , #maschinenbau-42 .ce_text p , #article-1056 .ce_text p , #article-669 .ce_text p , #article-1441 .ce_text p , #article-1457 .ce_text p, #article-1473 .ce_text p, #article-1489 .ce_text p, #article-1505 .ce_text p, #article-1521 .ce_text p, #article-1088 .ce_text p, #article-1104 .ce_text p, #article-1120 .ce_text p, #article-1136 .ce_text p, #article-669 .ce_text p, #article-685 .ce_text p, #article-701 .ce_text p, #article-717 .ce_text p, #article-733 .ce_text p, #article-749 .ce_text p, #fahrzeugtechnik-44 .ce_text p , #article-1072 .ce_text p , #foerdertechnik-45 .ce_text p , #hebetechnik-46 .ce_text p, #medizintechnik-47 .ce_text p , #test-erprobung-48 .ce_text p, #article-665 .ce_accordion p, #article-1052 .ce_accordion p, #article-1437 .ce_accordion p { clear:both;} #anwendungen .ce_accordion p img, #maschinenbau-42 .ce_text p img, #article-1056 .ce_text p img, #article-669 .ce_text p img, #article-1441 .ce_text p img, #article-1457 .ce_text p img, #article-1473 .ce_text p img, #article-1489 .ce_text p img, #article-1505 .ce_text p img, #article-1521 .ce_text p img, #article-1088 .ce_text p img, #article-1104 .ce_text p img, #article-1120 .ce_text p img, #article-1136 .ce_text p img, #article-669 .ce_text p img, #article-685 .ce_text p img, #article-701 .ce_text p img, #article-717 .ce_text p img, #article-733 .ce_text p img, #article-749 .ce_text p img, #fahrzeugtechnik-44 .ce_text p img, #article-1072 .ce_text p img, #foerdertechnik-45 .ce_text p img , #hebetechnik-46 .ce_text p img, #medizintechnik-47 .ce_text p img, #test-erprobung-48 .ce_text p img, #article-665 .ce_accordion img, #article-1052 .ce_accordion img, #article-1437 .ce_accordion img { margin: 0 10px 20px 0; } #asmTheme-cols .infoBlock h1.ce_headline { width: calc( 100% - 90px ); height: 67px; margin: 0px; color: #ffffff; font-size: 18px; line-height: 70px; padding-left: 90px; background: url("../../files/asmTheme/images/layout/infoblockNeu.png") 0 0 no-repeat; } #asmTheme-cols .infoBlock h1.ce_headline:before { content: "» "; } #asmTheme-cols .infoBlock .ce_text { line-height: 15px; background: #fff; padding-left: 90px; padding-bottom: 15px; border-right: 0px solid #eeeeee; } #asmTheme-cols .infoBlock ul { width: calc( 100% + 60px ); margin: 0px; margin-left: -60px; } #asmTheme-cols .infoBlock ul li { margin: 10px 10px 0px 0px; } #asmTheme-cols .infoBlock a { width: 100%; color: #3f3f3f; display: block; font-size: 13px; font-weight: bold; text-decoration: none; } #asmTheme-cols .infoBlock a:after { content: " »"; } #headSliderTitleWrapper { max-width: 990px; margin: 0 auto; } #headSliderTitleWrappernewsletter { max-width: 990px; margin: 0 auto; } #headSliderTitle { position:absolute; top: 0 !important; padding: 40px 20px 30px; background: rgba(0,78,155,0.5); max-width: 430px;} #headSliderTitle strong { display: block; font-size: 36px ; } #headSliderTitle .pageTitle { font-size: 34px ; } #headSliderTitle p{ font-size: 17px; display: block; margin-top: 10px; } #headSliderTitleWrappernewsletter #headSliderTitlenewsletter { position:absolute; bottom: 60px; background: rgba(0,78,155,0.6); max-width: 990px; width: 100%; } #headSliderTitleWrappernewsletter #headSliderTitlenewsletter span { display: block; color: #fff; font-size: 36px ; margin: 50px 20px 50px 100px; } .mod_article .newsletter-info-unten { margin: 0px 0px ; background: #eee; } #main .mod_article .newsletter-info-unten p { display: block; text-align: center; padding: 20px 0 0 0;} .mod_article .newsletter-info-unten div { width:225px; height: 60px; background: #004e9b; margin: 20px auto; } #main .mod_article .newsletter-info-unten div a { display: block; text-align: center; color: #fff; font-weight: bold; padding: 20px 0 0 0 } .Newsletter .ui-accordion-content { padding: 35px 150px; color: #6f787c;} .Newsletter h2{ margin: 0px 15px 25px 0px; font-weight: bold; font-size: 20px;} .Newsletter img{ height: auto;} #main .Newsletter p{ padding: 0 0px ; margin-bottom: 0; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .width1200 { } #tl_login input.submit, #tl_logout input.submit { background-color: #004e9b; color: #fff; display: block; font-family: Arial,sans-serif; font-size: 13px; font-weight: bold; height: 30px; line-height: 30px; text-align: center; text-decoration: none; top: 0; width: 90px; border: none; cursor: pointer; } #tl_login td { padding: 5px 10px; } #tl_login td input { background: #e8e8e8; border: none; height: 30px; width: 200px; padding: 0 5px; } #asmTheme-cols div#login .mod_login { padding: 15px 20px 5px 25px; } #login a { background-color: #004e9b; color: #fff; display: block; font-family: Arial,sans-serif; font-size: 13px; font-weight: bold; height: 30px; line-height: 30px; position: absolute; right: 0; text-align: center; text-decoration: none; top: 0; width: 90px; } sup, sub{ vertical-align:super !important;} span.bold{ font-weight:bold; } #main a { color: #004e9b; text-decoration: none; } /* ############################################################# */ /* # HEADER NAVIGATION # */ /* ############################################################# */ #header #headNav ul.level_1 { margin: 0px; padding: 0px; list-style-type: none; position: absolute; top: 75px; right: 0px; } #header #headNav ul li ul { display: none; } #header #headNav li { margin: 0 0 7px 10px; padding-left: 10px; padding-bottom:7px; display: inline-block; list-style-type: none; } #header #headNav li a, #header #headNav li.active { color: #6d6a6a; font-size: 16px; font-weight: bold; font-family: Arial, sans-serif; text-decoration: none; } @media screen and (min-width: 992px){ #header #headNav li a, #header #headNav li.active { font-size:18px; } } #header #headNav li.active { color: #004e9b; } #header #headNav li:hover, #header #headNav li a:hover { color: #004e9b; } #header #headNav li.main_produkte li.active{ color:#6d6d6d; font-weight:normal; font-size:16px; } #header #headNav li.main_produkte li.active span{ padding:3px 10px; } #header #headNav li.main_anwendungen li.active{ color:#6d6d6d; font-weight:normal; font-size:16px; } #header #headNav li.main_anwendungen li.active span{ padding:3px 10px; } /* ############################################################# */ /* # HEADER DYNAMIC NAVIGATION # */ /* ############################################################# */ .subnav { height: 100%; display: none; } #hovercloser { width: 100%; height: 80%; position: absolute; } #hoverbox { width: 100%; min-height: 500px; clear: both; display: none; z-index: 8000; color: #9da9b4; overflow: hidden; position: absolute; top:0px; background: url("../../files/asmTheme/images/layout/nav_bg.png") 0 0; } #hoverbox .subnav_title { width: 100%; height: 55px; color: #FFFFFF; font-size: 55px; font-weight: bold; text-align: center; background: #004e9b; text-transform: uppercase; } #hoverbox ul { /*height: 100%;*/ } #hoverbox a { color: #1d1826; font-size: 16px; text-decoration: none; line-height: 20px; } #hoverbox a:hover { opacity: 0.8; } #hoverbox .active span { color: #004e9b; font-size: 16px; font-weight: bold; display:block; border-bottom: 2px solid #b3b4b9; padding: 5px 0; } #hoverbox ul.level_2 { /*margin-top: 65px;*/ margin: 0px; font-weight: bold; } #hoverbox ul.level_2 li { margin-top: 60px; width: 14%; } #hoverbox ul.level_2 { max-width: 600px; margin: 0 auto;} #hoverbox ul.level_2 li { float: none; list-style-type: none; margin: 15px 0 0 30px; width: 99%;} #hoverbox ul.level_2 li a { display:block; border-bottom: 2px solid #b3b4b9; padding: 5px 0;} #hoverbox ul.level_3 { margin-top: 25px; } #hoverbox .level_3 .active span, #hoverbox .level_3 { font-size: 15px; font-weight: normal; } #hoverbox ul.level_2 li { float: left; margin-left: 30px; list-style-type: none; } #hoverbox ul.level_3 li { float: none; clear: both; margin: 0px; padding: 5px 0; list-style-type: none; border-bottom: 2px solid #b3b4b9; width: 99%; } #header #headNav ul li{ position: relative;} #header #headNav ul li ul { top:25px; padding: 10px; left:0; list-style-type: none; position: absolute;} #header #headNav ul li ul li{ display: block; left:0; right: auto; padding: 0} #header #headNav ul li ul li a { white-space: nowrap; display: block; padding: 3px 10px; font-weight: normal; font-size: 16px; } #header #headNav li:hover ul { display: block; z-index: 1000; background: #fff;} /* #hoverbox li.sub_psensoren { background: url("../../files/asmTheme/images/layout/ws_alle.jpg") no-repeat 2px 35px; min-height: 380px; } #hoverbox li.sub_psensoren .sub_psensoren{ display: block; height: 170px; } #hoverbox li.sub_psensoren:hover { opacity: 0.5 } #hoverbox li.sub_wsensoren { background: url("../../files/asmTheme/images/layout/wsensoren.jpg") no-repeat 2px 35px; min-height: 380px; } #hoverbox li.sub_wsensoren .sub_wsensoren { display: block; height: 170px; } #hoverbox li.sub_wsensoren:hover{ opacity: 0.5 } #hoverbox li.sub_nsensoren { background: url("../../files/asmTheme/images/layout/ptam_alle.jpg") no-repeat 2px 35px; min-height: 380px; } #hoverbox li.sub_nsensoren .sub_nsensoren { display: block; height: 170px; } #hoverbox li.sub_nsensoren:hover{ opacity: 0.5 } #hoverbox li.sub_messgeraete { background: url("../../files/asmTheme/images/layout/lcr_alle.jpg") no-repeat 2px 35px; min-height: 380px; } #hoverbox li.sub_messgeraete .sub_messgeraete { display: block; height: 170px; } #hoverbox li.sub_messgeraete:hover { opacity: 0.5 } #hoverbox li.sub_temperatur { background: url("../../files/asmTheme/images/layout/temperatur.jpg") no-repeat 2px 35px; min-height: 380px; } #hoverbox li.sub_temperatur .sub_temperatur { display: block; height: 170px; } #hoverbox li.sub_temperatur:hover { opacity: 0.5 } #hoverbox li.sub_wprodukte { background: url("../../files/asmTheme/images/layout/wprodukte.jpg") no-repeat 2px 35px; min-height: 380px; } #hoverbox li.sub_wprodukte .sub_wprodukte { display: block; height: 170px; } #hoverbox li.sub_wprodukte:hover { opacity: 0.5 } #hoverbox li.sub_maschinenbau { background: url("../../files/asmTheme/images/layout/Maschinenbau.jpg") no-repeat 2px 35px; } #hoverbox li.sub_maschinenbau .sub_maschinenbau { display: block; height: 170px; } #hoverbox li.sub_maschinenbau:hover { opacity: 0.5 } #hoverbox li.sub_fahrzeugtechnik { background: url("../../files/asmTheme/images/layout/Fahrzeugtechnik.jpg") no-repeat 2px 35px; } #hoverbox li.sub_fahrzeugtechnik .sub_fahrzeugtechnik { display: block; height: 170px; } #hoverbox li.sub_fahrzeugtechnik:hover { opacity: 0.5 } #hoverbox li.sub_foerdertechnik { background: url("../../files/asmTheme/images/layout/Foerdertechnik.jpg") no-repeat 2px 35px; } #hoverbox li.sub_foerdertechnik .sub_foerdertechnik { display: block; height: 170px; } #hoverbox li.sub_foerdertechnik:hover { opacity: 0.5 } #hoverbox li.sub_hebetechnik { background: url("../../files/asmTheme/images/layout/Hebetechnik.jpg") no-repeat 2px 35px; } #hoverbox li.sub_hebetechnik .sub_hebetechnik { display: block; height: 170px; } #hoverbox li.sub_hebetechnik:hover { opacity: 0.5 } #hoverbox li.sub_medizintechnik { background: url("../../files/asmTheme/images/layout/Navibilder.jpg") no-repeat 2px 35px; } #hoverbox li.sub_medizintechnik .sub_medizintechnik { display: block; height: 170px; } #hoverbox li.sub_medizintechnik:hover { opacity: 0.5 } #hoverbox li.sub_test-erprobung { background: url("../../files/asmTheme/images/layout/Test-Erprobung.jpg") no-repeat 2px 35px; } #hoverbox li.sub_test-erprobung .sub_test-erprobung { display: block; height: 170px; } #hoverbox li.sub_test-erprobung:hover { opacity: 0.5 } */ /* ############################################################# */ /* # HOME CATEGORY NAVIGATION # */ /* ############################################################# */ #main #home, #main #home ul.home_nav, #main #home ul.home_nav li { margin: 0px; padding: 0px; } #main #home nav.home_nav { padding-top: 20px !important; /*background: url("../../files/asmTheme/images/layout/home_nav_bg.jpg") repeat-x 0 0;*/ } #main #home nav.home_nav, #main #home p.home_col_p { padding: 0 40px 25px 30px; margin: 0; } #main #home nav.home_nav li { /*height: 25px;*/ line-height: 25px; border-bottom: 1px solid #dadada; } #main #home nav.home_nav li:last-child { border: 0px; } #main #home nav li.home_neigung, #main #home nav li.home_winkel, #main #home nav li.home_weg { height: 60px; line-height: 60px; margin-bottom: 25px; } #main #home nav li.home_neigung { } #main #home nav.home_nav a { width: 100%; display: block; color: #6f787c; font-size: 13px; text-decoration: none; font-family: Arial, sans-serif; } #main #home nav.home_nav a:after { content: "»"; color: #004e9b; } #main #home li.home_neigung a, #main #home li.home_winkel a, #main #home li.home_weg a { color: #fff; font-size: 18px; text-decoration: none; font-family: Arial, sans-serif; } #main #home li.home_neigung a:before, #main #home li.home_winkel a:before, #main #home li.home_weg a:before { content: "» "; } #main #home li.home_neigung a:after, #main #home li.home_winkel a:after, #main #home li.home_weg a:after { content: ""; } /* ############################################################# */ /* # PRODUCT SUB NAVIGATION # */ /* ############################################################# */ #asmTheme-cols #left nav { padding: 20px 20px 10px; background: #ddd; } #asmTheme-cols #left nav a, #asmTheme-cols #left nav li.active { color: #3f3f3f; font-size: 16px; text-decoration: none; font-family: "Arial", sans-serif; } #asmTheme-cols #left nav .level_4 a.active{ color: #004e9b !important; } #asmTheme-cols #left nav a.trail, #asmTheme-cols #left nav li.trail{ color: #004e9b; } #asmTheme-cols #left nav li { margin-bottom: 10px; } #asmTheme-cols #left nav li.active, #asmTheme-cols #left nav .level_2 li.active a{ color: #004e9b; } #asmTheme-cols #left nav .level_2 li.active .level_4 a{ color: #3f3f3f; } #asmTheme-cols #left nav li:before { content: "» "; } #asmTheme-cols #left nav li ul { display: none; margin: 7px 0 0 15px; } #asmTheme-cols #left nav li.active ul { display: block; } #asmTheme-cols #left nav li ul li a, #asmTheme-cols #left nav li ul li span { font-size: 14px; } #asmTheme-cols #left nav li ul li:before { content: ""; } /* ############################################################# */ /* # SITEMAP # */ /* ############################################################# */ #sitemap .mod_sitemap { padding: 0 10px 20px 25px; } #sitemap ul { margin-left: 15px; } #sitemap ul.level_1 { margin: 0px; } #sitemap ul.level_1 li:before { content: ""; color: #004e9b; } #sitemap ul.level_2 li:before { content: "» "; color: #004e9b; } #sitemap ul.level_3 li:before { content: "- "; color: #004e9b; } #sitemap ul li:hover, #sitemap ul li a:hover { color: red; } /* #################################################### */ /* NEWSMODULE */ /* #################################################### */ /* ****************************************** */ /* * News-List * */ /* ****************************************** */ #news-detail .info, #news-detail .back, #aktuelles .teaser, #events-detail .info, #events-detail .back, #stellenangebote-detail .info, #article-793 .info, #article-1180 .info, #article-1565 .info, #stellenangebote-detail .back, #article-793 .back, #article-1180 .back, #article-1565 .back, #messekalender-detail .back { margin: 0 10px 15px 25px } #aktuelles .teaser { margin-bottom: 50px; } #aktuelles .teaser p { width: 100%; } #aktuelles .ce_accordion .teaser { margin: 0px; margin-bottom: 0px; } #asmTheme-cols div#main #aktuelles .ce_accordion .teaser h2, #asmTheme-cols div#main #article-777 .ce_accordion .teaser h2, #asmTheme-cols div#main #article-1164 .ce_accordion .teaser h2, #asmTheme-cols div#main #article-1549 .ce_accordion .teaser h2{ font-size: 16px; color: #004e9b; margin: 12px 0px; font-weight: bold; } #aktuelles h2 { color: #062747; font-size: 14px; font-weight: bold;} #aktuelles h2 a { color: #004e9b; text-decoration: none; } #asmTheme-cols div#main #unternehmen .ce_accordion .teaser h2 { color: #062747; font-size: 14px; font-weight: bold;} #unternehmen .stellenangebote .ce_headline{ background: #f6f5f5; color: #555; margin-left: -25px; width: 102%; } #asmTheme-cols div#main #article-790 .ce_accordion .teaser h2, #asmTheme-cols div#main #article-1177 .ce_accordion .teaser h2 , #asmTheme-cols div#main #article-1562 .ce_accordion .teaser h2 { color: #062747; font-size: 14px; font-weight: bold;} #article-790 .stellenangebote .ce_headline, #article-1177 .stellenangebote .ce_headline, #article-1562 .stellenangebote .ce_headline{ background: #f6f5f5; color: #555; margin-left: -25px; width: 102%; } #aktuelles .image_container, #article-777 .image_container, #article-1164 .image_container, #article-1549 .image_container{ float: left; max-width: 25%; max-height: 15%; margin-right: 30px;} #aktuelles-start{ padding:0; margin: 20px 0 ;} .aktuelles-start-box{ float: left; width: 98%} #aktuelles-start h2{ font-size: 16px; display: block; margin-left: 30%; margin-top: 30px; padding-left: 30px;font-weight:bold;color:#004e9b;line-height:20px;} #asmTheme-cols .infoBlock .ce_text.fragen-box p.header-fragen, #main .ce_text.fragen-box p.header-fragen{ display: block; font-size: 18px; color: #fff; margin: 0; height:38px; background: url("../../files/asmTheme/images/layout/icon_frage2.png") 0 0 no-repeat; padding: 28px 0 0 90px;} .fragen-box{ background: #e3e7e8; margin: 20px 0 0 0; padding: 0 0 20px; } #aktuelles-start h3{ color: #004e9b; font-size: 22px; } #main .fragen-box .telefon{ padding: 30px 10px 0px 25px; font-size: 16px; margin-bottom: 0px;} #main .fragen-box .link{ padding: 10px 10px 0px 25px; margin-bottom: 0px;} #aktuelles-start .image_container { float: left; max-width: 30%; max-height: 15%; margin: 8px 30px 20px 0; width: 30%; } #aktuelles-start .image_container img { width: 100%; } #aktuelles-start .news_start_text { float: left; width: 63%; } #slider-aktuelles_start h3{ font-size:18px; color:#000; } @media screen and (min-width:801px){ #aktuelles-start h2{ font-size:16px; line-height:20px; } } #asmTheme-cols #main #aktuelles .ce_text { padding: 0 10px 25px 25px; } #asmTheme-cols #main #aktuelles .newsletter-info, #asmTheme-cols #main #article-777 .newsletter-info, #asmTheme-cols #main #article-1164 .newsletter-info, #asmTheme-cols #main #article-1549 .newsletter-info { padding: 0 10px 5px 0px;} #main .ce_text .img { float: left; margin: 0 45px 0 0; padding: 0 10px 0 5px} #main .ce_text p { padding: 0 10px 0 5px;} .ce_text .img_rigcht{ float: right; margin: 0 0 0 15px;} .ce_text .img_left { float: left; margin: 0 22px 0 0; width:150px;} .ce_text .img_left:nth-child(5n){clear:both;} #main .mod_article.category{ width: 100%; float: left; min-height: 250px;} #main #positionssensoren-307, #main #winkelsensoren-309, #main #neigungssensoren-301, #main #temperaturmessung, #main #messgeraete-312, #main #weitere-produkte-310, #main #article-453, #main #article-454, #main #article-455, #main #article-456, #main #article-457, #main #article-458, #main #article-459, #main #article-840, #main #article-841 ,#main #article-842 , #main #article-843 , #main #article-844, #main #article-845, #main #article-1225, #main #article-1226 ,#main #article-1227 ,#main #article-1228 , #main #article-1229 , #main #article-1230{ margin-left: 0.2%; width: 49.800%; } #main .category a{ color: #6f787c; display: block; } #main .category .cat_link{ padding: 0px 10px 0px 5px; } #asmTheme-cols div#main p { padding: initial; } #main .category .cat_link a{ border-bottom:1px solid #dadada; color: #6f787c; display: block; background: url("../../files/asmTheme/images/layout/pfeil.jpg") no-repeat right; } #main .category a:hover{ color:#004e9b; } #main .category .cat_link a:hover{ color:#004e9b; background-color: #eee;} #main .category .cat_link{ margin-bottom: 4px;} .prod_cat{ width: 100%; padding: 0; clear: both; /*margin-bottom:30px*/; position:relative;color:#fff; background:#004e9b;margin-bottom:1px;} .prod_cat:nth-child(2n) { /*background: #f6f5f5;*/ } .prod_cat h3{ padding-top: 22px; margin-top: 0; padding-left:22px; margin-bottom:22px;} .prod_cat .image_s{width:135px; float:none; margin:0 auto;} .infoWrap:after{ content:""; display:table; clear:both; } .infoWrap{ padding-left:22px; padding-right:22px; /*padding-top:26px;*/ background:#004e9b; color:#fff; } .prod_cat a{ color:#fff !important; } .infoWrap a{ color:#fff; } #main .prodPDF a{ color:#fff; position:relative; padding-left:28px;} #main .prodPDF a:before{width:18px; height:23px; background-size:cover; background-image:url('../../files/asmTheme/images/content/pdfListe.png'); content:""; position:absolute; left:0; top:-9px;} .prodPDF{ padding-bottom:22px;} .prod_cat .prod_info { float: left; margin: 0; width:100%; padding-top:26px; margin-bottom:15px !important;} @media screen and (min-width:540px){ .prod_cat .image_s{ float:left; } .prod_cat .prod_info{ width:calc(100% - 180px); margin-bottom:12px !important; margin: 0 0 0 30px; } .prodPDF{ margin-left:163px; } .infoWrap{padding-right:0; } } @media screen and (min-width:768px){ .prodPDF{position:absolute; right:22px; bottom:24px; padding:0; margin-left:0;} .prod_cat .prod_info{ width:calc(100% - 180px); } .prod_cat .prod_infoNEU{ width:calc(100% - 340px); } } #wegseilprinzip-posiwire ul, #sehr-robust-speziell-fuer-umlenkungen ul, #beruehrungslos-einbauflexibel-322 ul, #beruehrungslos-einbauflexibel-323 ul, #kategoriedetails ul, #kategoriedetails-357 ul, #kategoriedetails-358 ul, #kategoriedetails-359 ul, #article-478 ul, #article-865 ul, #article-1250 ul, #article-1259 ul, #article-874 ul, #article-487 ul, #article-496 ul, #article-883 ul, #article-1268 ul, #article-1276 ul, #article-891 ul, #article-504 ul, #article-523 ul, #article-529 ul, #article-535 ul, #article-922 ul, #article-916 ul, #article-910 ul, #article-1295 ul, #article-1301 ul, #article-1307 ul, #article-555 ul, #article-942 ul, #article-1327 ul, #article-1711 ul, #article-1717 ul,#article-1723 ul, #article-1729 ul { list-style-type:disc; } .table_history td { padding: 3px 10px 0 0} .image_s { float: left; } .product .prod_info { float: left; margin: 0 0 0 2%; max-width: 48%; } .prod_cat .pdf_link { } .prod_cat .pdf_link .gross { } .prod_cat .pdf_link .klein { } .technische_daten .produkt-back{ cursor: pointer; display: block; margin: 0 0 0 15px;} .product h3 { background: #1b3442; margin: 0; padding: 18px 0 18px 20px; color: #fff; } .product h4 { margin: 10px; border-bottom:1px solid #999;} .product .tech_info { margin: 0; width: calc(100% - 20px); /*background: #e4e6e7;*/ margin:0 0 10px 20px; } .product .tech_info td { border-bottom:1px solid #666; padding: 5px 10px 5px 0; color:#555;} .product .tech_info tr:last-child td{ border:none; } .product .pdf_link { background: url("../../files/asmTheme/images/content/iconPDF.gif") no-repeat 0 10px ; display: block; margin:0; padding: 8px 0 0px 28px; /*min-height: 60px;*/ } .product .pdf_zip { background: url("../../files/asmTheme/images/content/iconZIP.gif") no-repeat 0 10px ; display: block; margin:0; padding: 8px 0 0px 28px; /*min-height: 50px;*/ } .product .pdf_link .gross, .product .pdf_zip .gross { /*font-size: 16px;*/ color: #004e9b; } .product .pdf_link .klein, .product .pdf_zip .klein { /*font-size: 14px;*/ color: #004e9b; display: inline-block; padding: 0 0 0 0;} .productTopWrap{background:#004e9b; color:#fff; padding:20px 20px 20px;} .image_prod{ text-align:center; padding-top:20px; } .moreInfos .image_icons img{ width:60px; height:60px; padding-right:8px; padding-top:20px; } .produktDonwload{margin-bottom:20px;} @media screen and (min-width:660px){ .productTopWrap{ padding:0 20px 0 0; position:relative; display:flex; } .image_prod{ width:330px; } .moreInfos{ position:relative; } .moreInfos{ width:calc(100% - 330px); padding-left:20px; padding-top:20px; padding-right:30px; -webkit-box-sizing:border-box; box-sizing:border-box; -moz-box-sizing:border-box; } .image_icons{ position:absolute; bottom:20px; } .produktDonwload{ margin-left:350px; margin-bottom:0; } .produkt-back{ position:absolute; bottom:0; left:0; } .prodWrap{ position:relative; } } /* ****************************************** */ /* * News-Detail * */ /* ****************************************** */ #news-detail .ce_text h1 { height: auto; line-height: initial; color: inherit; background: none; font-size: initial; margin: 5px auto 20px; } #news-detail .ce_text h1:before { content: ""; } #news-detail h2, #stellenangebote-detail h2, #messekalender-detail h2, #article-793 h2, #article-1180 h2, #article-1565 h2{ margin: 20px 10px 20px 25px; color: #004e9b; } #news-detail figure, #messekalender-detail figure{ float:left; width:40%; margin: 30px 10px 15px 25px;} #news-detail figure img, #messekalender-detail figure img { width: 70%; height:auto; max-width: 800px; max-height: 600px; } #news-detail h2{font-size:16px; line-height:20px; } #news-detail figure{float:none;} #unternehmen #qualitaet ul{ list-style-type:disc} #unternehmen #qualitaet li{ margin: 0 0 0 20px; } /* #################################################### */ /* EVENTMODUL */ /* #################################################### */ /* ****************************************** */ /* * Event-List * */ /* ****************************************** */ /* ****************************************** */ /* * Event-Detail * */ /* ****************************************** */ .ankerNav li a{ display:block; width:calc(100% - 25px); font-size:19px; line-height:1em; padding:15px 0 15px 25px; color:#000 !important; border-bottom:1px solid #004e9b; position:relative; } .ankerNav li:last-child a{ border:none; } #downloads .inner, #downloads-1802 .inner, #downloads-1803 .inner, #downloads-1804 .inner, #downloads-1805 .inner{ margin:20px 20px 20px 20px; } @media screen and (min-width:680px){ .ankerNav li a{ width:calc(50% - 25px); } } .ankerNav li a:after{ content:""; position:absolute; left:0; top:17px; width:16px; height:17px; background-image:url('../../files/asmTheme/images/layout/icon_download.svg'); background-size:contain; } .ankerNav{ margin:10px 20px 5px 20px; } #headSliderTitle strong{ display:inline; } .textBlockProduct{ padding: 20px 20px 5px 20px !important; } .cookiebar{ background-color:rgba(6,39,71, 0.94); color:#fff; padding:10px; z-index:300000; font-size:14px; } @media screen and (min-width:875px){ .cookiebar{ padding:35px 10px; } } .cookiebar__link{ color:#fff; } .cookiebar__link:hover{ color:#fff; text-decoration:underline; } .cookiebar__button{ color:#fff; background:none; background:#004e9b; padding:10px 20px; line-height:1em; font-size:14px; font-weight:400; } .cookiebar__button:hover{ background-color:#426d98; } .cookiebar__link{ display:block; } @media screen and (min-width:875px){ .cookiebar__link{ display:inline-block; margin-bottom:10px; } } #cookiebar-text{ margin-bottom:15px; } @media screen and (min-width:992px){ #cookiebar-text{ margin-bottom:0; } } .cookiebar__message{ margin-right:20px; } #asmTheme-cols .infoBlock .infoBlockSubNav{ width:auto; margin-left:0; } #asmTheme-cols .infoBlock .infoBlockSubNav li{ margin:0 0 10px 0; } #asmTheme-cols .infoBlock .infoBlockSubNav li a{ font-weight:normal; width:auto; display:inline-block; } #asmTheme-cols .infoBlock .infoBlockSubNav li a::after{ display:none; } #asmTheme-cols div#main .linkLikeAccordion, #asmTheme-cols div#main .linkLikeAccordion p{ padding:0; margin:0; } #main .linkLikeAccordion a{ width: calc( 100% - 25px ); color: #fff; height: 60px; font-size: 18px; line-height: 60px; margin: 0px; margin-bottom: 0px; margin-bottom: 0px; padding: 0px; padding-left: 0px; padding-left: 25px; cursor: pointer; border-bottom: 1px solid #fff; background: url("../../files/asmTheme/images/layout/accordeon_zu.png") no-repeat 95% center #062747; display:block; } #main .linkLikeAccordion a:before{ content: "» "; } .supportNavSub li a.active , .infoBlockSubNav li a.active, .subNavUnternehmenListe li a.active{ color:#004e9b !important; } .sideNavigationUnternehmen .mod_newslist a{ font-size: 14px !important; display:block; margin-bottom:10px; margin-left:12px; } #stellenangebote-detail .back, #article-793 .back, #article-1180 .back,#article-1565 .back{ display:none; } .back2{ margin: 0 10px 15px 25px; } .moreJobs{ padding-bottom:20px; text-align:right; } #CybotCookiebotDialog{ border:none !important; border-radius:0 !important; max-width:700px !important; padding:30px !important; } #CybotCookiebotDialogBodyContentTitle{ font-size:21px !important; font-family:Arial !important; } #CybotCookiebotDialogBodyContentText{ font-size:14px !important; font-family:Arial !important; } #CybotCookiebotDialogBodyLevelButtonsSelectPane{ display:none !important; } #CybotCookiebotDialogBodyLevelButtonsSelectPane.show{ display:block !important; padding: 15px 3px 15px 15px !important; } #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection{ background:none !important; color:#062748 !important; border:none !important; font-weight:normal !important; width:140px !important; } #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll{ font-weight:normal !important; padding:10px 20px !important; width:130px !important; } #CybotCookiebotDialogBodyLevelButtonsRow{ display:flex !important; flex-wrap:wrap; } #CybotCookiebotDialogBodyLevelButtons{ border-top:1px solid #ccc; margin-top:15px !important; } #CybotCookiebotDialogBodyLevelButtonsSelectPane{ order:2 !important; width: 100% !important; border:none !important; } #CybotCookiebotDialogBodyLevelButtonsTable{ display:block !important; width:100% !important; } #CybotCookiebotDialogBodyLevelDetailsWrapper{ order:1 !important; display:block !important; border:none !important; } #CybotCookiebotDialogBodyLevelButtons{ float:none !important; display:block !important; width:100% !important; clear:both !important; } #CybotCookiebotDialogBodyLevelDetailsButton{ display:block !important; } #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper{ width:100% !important; clear:both !important; float:none !important; } #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper::after{ content:""; display:table; clear:both; } .mapMarker{ position:relative; padding-left:30px; display:block; margin:20px 0; } .mapMarker::after{ width:25px; height:25px; background-image:url('../../files/asmTheme/images/layout/marker-standort.png'); background-size:contain; content:""; position:absolute; top:-2px; left:0; } .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .footerSocials a::before{ display:none; } #news-detail .layout_full h1{ height: auto; line-height: 1.3; padding: 10px 25px; } @media screen and (min-width:992px){ #news-detail .layout_full h1{ height: 60px; line-height: 60px; padding: 0 0 0 25px; } } /* 320 x 480 (mobile Hoch) 480 x 320 (mobile Quer) 600 x 800 (kleines Tablet Hoch) 800 x 600 (kleines Tablet Quer) 768 x 1024 (Tablet Hoch) 1024 x 768 (Tablet Quer) 880 px Breite (Header nav) 780 px Breite (footer) */ /* @media Rule: Dynamische Navigation anpassen */ @media screen and (max-width: 1350px){ #main #home nav.home_nav li{ height: auto;} #left { margin-left: 0;} #hoverbox ul.level_2 li { width: 20%; } #hoverbox ul.level_3 li { width: 99%; } } @media screen and (max-width: 1024px){ #headSliderTitle { font-size: 30px ; position:absolute; top: 0 !important; padding: 50px 10px 30px 30px; max-width: 300px;} #logo { top: 18px; width: 146px; height: 75px; background: url("../../files/asmTheme/images/layout/asm_logo.svg") no-repeat; background-size: 143px 73px; margin-left: 10px; display: block; } #header #headNav li{ margin: 0 0 2px 5px; padding-left: 0;} #header #headNav ul{ margin: 0 10px 0 0;} #headSliderTitle strong { display: block; font-size: 30px ; } #headSliderTitle .pageTitle { font-size: 22px ; } #headSliderTitle p{ font-size: 16px; display: none; margin-top: 5px; } #sliderWrapper .inside { min-height: 230px;} #headerbild .content-slider .ce_text div { bottom: 20%; margin-left: 20%; padding: 10px 10px 20px; width: 90%; left:0%; margin-left:5%;} #headerbild .content-slider .ce_text div h2{ font-size: 22px; font-weight: bold; color: #fff; } #headerbild .content-slider .ce_text div p { font-size: 16px; color: #fff; } .newSlider .ce_text{bottom: 20%; padding: 10px 10px 20px; width: 90%;} .newSlider .ce_text h2{ font-size: 22px; font-weight: bold; color: #fff; } .newSlider .ce_text p { font-size: 16px; color: #fff; } .form_nl2go { width: 60%; float: left; background: #e3e7e8;} #header #headNav li:hover ul { display: none; } } @media screen and (max-width: 800px){ .weltweit .tabs li { float: none; height:60px; width: 100%; border-bottom: 1px solid #fff;} #headSliderTitle { font-size: 20px ; position:absolute; top: 0 !important; padding: 40px 10px 20px 20px; max-width: 250px;} #logo { top: 15px; width: 126px; height: 61px; background: url("../../files/asmTheme/images/layout/asm_logo.svg") no-repeat; background-size: 120px 61px; } #headSearch{ display: none;} #headLanguageSwitcher{ right: 100px} a#login{ top: 10px; right: 60px;} #menu-icon { display: block;} .newsletter-body #menu-icon { display: none;} #headSliderTitleWrappernewsletter #headSliderTitlenewsletter { bottom: 50px;} #headSliderTitleWrappernewsletter #headSliderTitlenewsletter span { font-size: 30px; margin: 20px 20px 28px 55px;} .Newsletter .ui-accordion-content { padding: 35px 50px;} .newsletter-body #logo { left: 50px;} .Newsletter .ui-accordion-header { height: 60px; padding: 0 0 0 55px; width: calc(100% - 55px); } #headNav .level_1 { background: #1b3442; display: none; margin: 38px 0 0; width: 100%; z-index: 2147483647;} #header #headNav .level_1 li { background-size: 100% auto; display: block; float: none; margin: 0; text-align: center; width: auto; padding: 0;} #header #headNav .level_1 li a, #header #headNav .level_1 li span { font-size: 24px; background: #1b3442; color:#fff; border-bottom: 1px solid #fff; display: block; padding: 20px 0;} #header #headNav .level_1 li a:hover, #header #headNav .level_1 li span:hover{ text-decoration: underline;} #header #headNav ul { margin: 0; } .column { display: block; padding: 0; width: 100%; } #container{ margin-top: -20px; } .aktuelles-start-box { float: none; width: 100%;} .footerCol .ce_text.first { background: url("../../files/asmTheme/images/layout/footer_bg.jpg") repeat-x; padding: 0 0 0 20px; } #footer { margin: 30px 0% 15px 0% ; width: 100% } #footer .footerCol:last-child { padding-right: 10px; width: 100%;} #footer .footerCol { display: block; padding-left: 0;} #footer #footInfo { float: none; margin: 10px 0 20px 20px;} #footer #footContact { float: none; margin: 10px 0 20px 20px;} #footer .footerCol .last { font-size: 13px; margin-top: 10px;} #footer .footerCol .last li { margin-bottom: 6px; margin-left: 20px;} #footer #footActions { padding: 7px 0 0 20px;} #footer #footActions li { display: block; margin: 10px 20px 10px 0;} #kontakt div.produktinteressen span { display: block; } #asmTheme-cols aside#left { width:100%; position: static;} #asmTheme-cols div#main { float: none; margin: 0; max-width: 660px; width: 100%;} #asmTheme-cols div#main { max-width: 860px; } #main .mod_article.category { width: 100%;} #main #positionssensoren-307, #main #winkelsensoren-309, #main #neigungssensoren-301, #main #temperaturmessung, #main #messgeraete-312, #main #weitere-produkte-310, #main #article-453, #main #article-454, #main #article-455, #main #article-456, #main #article-457, #main #article-458, #main #article-459, #main #article-840, #main #article-841 ,#main #article-842 , #main #article-843 , #main #article-844, #main #article-845, #main #article-1225, #main #article-1226 ,#main #article-1227 ,#main #article-1228 , #main #article-1229 , #main #article-1230 {width: 100%; } #headSliderTitle strong { display: block; font-size: 24px ; } #headSliderTitle .pageTitle { font-size: 16px ; } #headSliderTitle p{ font-size: 14px; margin-top: 5px; } #sliderWrapper .inside { min-height: 130px;} #headerbild .content-slider .ce_text div { bottom: 10%; margin-left: 10%; padding: 5px 5px 15px; width: 80%;} #headerbild .content-slider .ce_text div h2{ font-size: 20px; font-weight: bold; color: #fff; } #headerbild .content-slider .ce_text div p { font-size: 14px; color: #fff; } .right_cont { float: left; width: 45%} .newSlider .ce_text{bottom: 10%; padding: 5px 5px 15px; width: 80%;} .newSlider .ce_text h2{ font-size: 20px; font-weight: bold; color: #fff; } .newSlider .ce_text p { font-size: 14px; color: #fff; } #asmTheme-cols .anwendungen .img_left { /*width: 25%;*/ } } /* {{link_url::120}} */ @media screen and (max-width: 655px){ .ce_text .img_left:nth-child(4n){clear:both;} .ce_text .img_left:nth-child(5n){clear:none;} } @media screen and (max-width: 620px){ .right_cont { float: left; width: 90%} .newsletter2go_box { padding: 20px 10px 10px 10px; } #asmTheme-cols .anwendungen .img_left { /*width: 40%; */} #aktuelles .image_container{ float: none; max-width: 65%;} .news_start_text { float: none; max-width: 95%;} #news-detail figure, #messekalender-detail figure { float: none; width: 65%;} } @media screen and (max-width: 768px){ #footer .footerInside li{ display:block; border:none; } #footer .footerInside{ text-align:left; } } @media screen and (max-width: 480px){ .newsletter-body #logo { left: 15px; } #headSliderTitleWrappernewsletter #headSliderTitlenewsletter span { margin: 20px 20px 28px 25px; } .Newsletter .ui-accordion-header { padding: 0 0 0 25px; width: calc(100% - 25px);} .Newsletter .ui-accordion-content { padding: 15px 25px;} #aktuelles-start .image_container { max-width: 90%; max-height: 15%; margin: 20px 40px 20px 0; width: 90%;} #aktuelles-start .news_start_text { float: left; width: 93%; } .newsletter-info-unten p{ margin: 0 30px} .form_nl2go { width: 90%; } .prod_cat .prod_info { margin: 0;} #headSliderTitle { font-size: 16px ; position:absolute; top: 0 !important; padding: 20px 10px 20px 20px; max-width: 200px;} .box-land .img-land { width: 100%;} .box-land .adress { float: none; width: 100%; padding: 15px;} .weltweit .tabs li { float: none; height:60px; width: 100%;} #headSliderTitle strong { display: block; font-size: 20px ; } #headSliderTitle .pageTitle { font-size: 14px ; } #headSliderTitle p{ font-size: 12px; margin-top: 5px; } #sliderWrapper .inside { min-height: 110px;} #asmTheme-cols .anwendungen .img_left { /* width: 80%;*/ } #aktuelles-start .news_start_text { float: left; width: 99%; max-width: 99%;} #aktuelles-start h2 { margin-left: 0%; margin-top: 30px; padding-left: 0px;} .slider-control .slider-prev { display: none; } .slider-control .slider-next { display: none; } .newSlider .rsts-prev{display: none;} .newSlider .rsts-next{display: none;} #headerbild .content-slider .ce_text div p { display: none; } .newSlider .ce_text p { display: none; } #sliderWrapper img { width: auto; max-width: auto; } #headLanguageSwitcher { width: 70px;} #headLanguageSwitcher div { display: none;} #container { margin-top: -10px;} } @media screen and (max-width: 320px){ .form_nl2go { width: 99%; } #headerbild .content-slider .ce_text div { bottom: 5%; margin-left: 5%; padding: 2px 5px 5px; width: 90%;} #headerbild .content-slider .ce_text div h2{ font-size: 16px; font-weight: bold; color: #fff; } #headerbild .content-slider .ce_text div p { font-size: 13px; color: #fff; } .newSlider .ce_text{bottom: 5%; padding: 2px 5px 5px; width: 90%;} .newSlider .ce_text h2{ font-size: 16px; font-weight: bold; color: #fff; } #headSliderTitle { font-size: 14px ; position:absolute; top: 0 !important; padding: 5px 10px 10px 15px; max-width: 150px;} #sliderWrapper .inside { min-height: 90px;} } /* ############################################################# */ /* # FOOTER NAVIGATION SUBNAVI # */ /* ############################################################# */ .azLink{ cursor:pointer; } #footer{ overflow:visible; } @media screen and (max-width:550px){ .footerInside ul.pum{ top:-7px !important; } .footerInside ul.pum li.hover ul ul, .footerInside ul.pum li:hover ul ul{ margin-left:110px !important; bottom:0 !important; } } @media screen and (max-width:767px){ .footerInside ul.pum ul{ width:170px !important; padding:10px !important; } } @media screen and (min-width:768px){ .footerNavWrap{ position: relative; overflow: visible; padding-right: 30px; } .footerInside ul.pum{ right:0; left:inherit; } .footerInside ul.pum ul{ left:inherit; right:180px; padding:10px !important; } .footerInside ul.pum ul ul{ min-height:120px; } .footerInside #subnavi{ top:0; } .footerInside .azLink{ border-left:1px solid #000 !important; padding-left:5px !important; } .footerInside ul.pum li{ width:210px !important } .footerInside ul.pum li.hover ul ul, .footerInside ul.pum li:hover ul ul{ margin-left:-225px; } }