/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */ 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} /* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */ @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} .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.rsts-main{position:relative}.rsts-skin-default.rsts-type-fade .rsts-slide{background-color:#fff}.rsts-skin-default .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 .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 .rsts-prev,.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-video-play,.rsts-skin-default .rsts-video-stop,.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{position:absolute;right:55px;bottom:15px;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;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=");-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}@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 .rsts-prev,.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-video-play,.rsts-skin-default .rsts-video-stop,.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{background-image:url("data:"image/png";base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAIVBMVEWhoaE7PD15enqVlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXsWX/bAAAAC3RSTlOAgICAgICAgICAgMiF55wAAAB9SURBVHja7dUxEoAgFANRFBTw/ge2YythEivHn/6VmU3XiwUOHPhPuGYf196zjLHPOi0tWsBYtICx/Zxgw4INCzYs2LBgw4INC55ZFadhN+NVbeh9jhf6mGJDgw0NNjTY0GBDgz0NXusiYDRWwGisgNHFL0Yrnwxd4MCBtd3+EosAicYyWQAAAABJRU5ErkJggg==");background-size:30px,30px}}.rsts-skin-default .rsts-prev:hover,.rsts-skin-default .rsts-next:hover,.rsts-skin-default .rsts-video-play:hover,.rsts-skin-default .rsts-video-stop:hover,.rsts-skin-default .rsts-thumbs-prev:hover,.rsts-skin-default .rsts-thumbs-next:hover{background-color:#eee;background-color:rgba(238,238,238,0.7)}.rsts-skin-default .rsts-next,.rsts-skin-default .rsts-thumbs-next{right:20px;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 .rsts-next,.rsts-skin-default .rsts-thumbs-next{background-image:url("data:"image/png";base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAHlBMVEWhoaE7PD2VlpaTk5N2d3h0dHVoaWpmZmcGBwj19fXtfGSSAAAACnRSTlOAgICAgICAgICAXdxslAAAAHxJREFUeNrt1TEOgDAMxdDSAi33vzBbPVUoZkLE+1O2/HK9KHHixH/A9fS4jnGGMfZZl6VFBzAWHcLHQD9gocFCg4UGCw0WGiw0WGjwum3qEsb7tH1xWViwsGBhwcKChQULC5Z2jRs2itHdfc+GjWB094vR+ieHLnHixK4bjyV89TB6vlgAAAAASUVORK5CYII=");background-size:30px,30px}}.rsts-skin-default .rsts-thumbs-prev,.rsts-skin-default .rsts-thumbs-next{position:absolute;top:50%;right:10px;margin-top:-15px}.rsts-skin-default .rsts-thumbs-prev{right:auto;left:10px}.rsts-skin-default.rsts-direction-y .rsts-prev{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.rsts-direction-y .rsts-prev{background-image:url("data:"image/png";base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAeUlEQVR42u3UMQ6AMAzF0A8BmvufGHVpyOIOFRJI8f5WyxcqXLhw4U9jLeCznYzRNtYi2zsIs2UttqzFlrXYshZb1mLLWmg31iJ7+YVaaJ210GY9x/awWdsc+z5s1uaEQ4cNbY449LChzQFn3W3S9qsBFi5cuPDr+AYQcW8C6kiUiAAAAABJRU5ErkJggg==");background-size:30px,30px}}.rsts-skin-default.rsts-direction-y .rsts-next{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.rsts-direction-y .rsts-next{background-image:url("data:"image/png";base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAG1BMVEWjpKQ5OTqVlpaTk5NmZmdoaWp2d3gGBwj19fXoTOf7AAAACXRSTlOAgICAgICAgIC7HeZcAAAAg0lEQVR42u3UMQ6EMAxE0WVDYu5/YhpLXzBSRkAF8i9tvXZ+24MKFy5c+HP4P06H0RzGRoyjjWgOY1Nj0YLFpsaip7hFNrBog3ug02brDKsWK3imxQqe6EWsxWi1HqOxHqONBTuN9RiN9Vg11mPVWI9V99tL0rEe6/dVA1i4cOHCl9oBak1vAkBKLfwAAAAASUVORK5CYII=");background-size:30px,30px}}.rsts-skin-default.rsts-video-playing .rsts-nav,.rsts-skin-default.rsts-video-playing .rsts-prev,.rsts-skin-default.rsts-video-playing .rsts-next{display:none}.rsts-skin-default.rsts-video-playing .rsts-nav-thumbs{display:block}.rsts-skin-default.rsts-touch .rsts-nav-numbers,.rsts-skin-default.rsts-touch .rsts-nav-tabs{display:none}.rsts-skin-default .rsts-nav{position:absolute;right:95px;bottom:12px;left:10px;text-align:right}.rsts-skin-default .rsts-nav ul{margin:0 !important;padding:0 !important}.rsts-skin-default .rsts-nav li{display:inline}.rsts-skin-default .rsts-nav-numbers a,.rsts-skin-default .rsts-nav-tabs 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:#fff;background-color:#555;background-color:rgba(85,85,85,0.6);-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);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.2s ease-in;-moz-transition:opacity 0.2s ease-in;-o-transition:opacity 0.2s ease-in;transition:opacity 0.2s ease-in}.rsts-skin-default .rsts-nav-numbers a:hover,.rsts-skin-default .rsts-nav-numbers a.active,.rsts-skin-default .rsts-nav-tabs a:hover,.rsts-skin-default .rsts-nav-tabs a.active{color:#333;background-color:#fff;background-color:rgba(255,255,255,0.5)}.rsts-skin-default:hover .rsts-nav-numbers a,.rsts-skin-default:hover .rsts-nav-tabs a{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.rsts-skin-default .rsts-nav-bullets{line-height:0}.rsts-skin-default .rsts-nav-bullets 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 .rsts-nav-bullets a:hover,.rsts-skin-default .rsts-nav-bullets 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 .rsts-nav-thumbs{position:static;padding-top:5px}.rsts-skin-default .rsts-nav .rsts-nav-prev,.rsts-skin-default .rsts-nav .rsts-nav-next{display:none}.rsts-skin-default .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 .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 .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 .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 .rsts-video-youtube>.rsts-video-stop{top:25px}.rsts-skin-default .rsts-video-vimeo>.rsts-video-stop{top:10px;right:auto;left:10px}.rsts-skin-default .rsts-video-ipad>.rsts-video-iframe{padding-top:32px;background-color:#000}.rsts-skin-default .rsts-video-ipad>.rsts-video-stop{top:1px;right:1px;left:auto}.rsts-skin-default .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 .rsts-progress div{height:100%;background-color:#fff}.rsts-skin-default .rsts-progress.rsts-progress-active{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);opacity:0.3}.rsts-skin-default .rsts-thumbs-slide{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8}.rsts-skin-default .rsts-thumbs-slide.rsts-thumbs-active-thumb{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1} /************************************************ style.css ************************************************* 1.0 RESET 2.0 GLOBALS 2.1 headings 2.2 text 2.3 hyperlinks 2.4 lists 2.5 tables 2.6 images 3.0 LAYOUT 3.1 header 3.2 container 3.3 footer 4.0 NAVIGATION 4.1 mainnav 4.2 Mobilenav 4.3 Iconnav 5.0 FORMS 6.0 MODULES 6.1 google maps 7.0 PRINT 8.0 IE-HACKS ************************************************/ /************************************************ RESET ************************************************/ * { border: 0; margin: 0; padding: 0; } html, body { font-size: 100.01%; height: 100%; position: relative; } /************************************************ GLOBALS ************************************************/ body { color: #4a4a49; font: 12px Arial, Helvetica, sans-serif; background:#FFF!important; overflow-x: hidden; overflow: -moz-scrollbars-vertical; } .noMargin { margin:0 !important; } /**** headings ****/ .custom h1 { font-family: Arial, Helvetica, sans-serif; font-size: 15px; margin: 0 0 16px 0; color: #a5165c; text-transform: uppercase; font-weight: bold; } /* h2, h3 { font-size: 20px; line-height: 22px; margin: 0 0 6px 0; padding: 0 0 4px 0; font-weight: bold; color: #8c856a; border-bottom: 1px solid #e6b7ba; } */ h1,h2,h3 { margin-bottom: 12px; } /**** text ****/ p { font-size: 12px; line-height: 1.5; margin: 0 0 1.2em 0; } p.back { text-align:right; } b, strong { font-weight: bold; } em, i { font-style: italic; } .ce_text { } /**** hyperlinks ****/ a, a:active, a:visited { color: #4a4a49; text-decoration: underline; } a:hover { color: #4a4a49; text-decoration: none; } /**** lists ****/ ul { list-style: disc outside; padding: 0 0 0 2em; margin: 0 0 1em 0; } ol { padding: 0 0 0 2em; margin: 0 0 1em 0; } li { font-size: 1.2em; line-height: 1.5; } .ce_list { } /**** tables ****/ table, th, td { border: 1px solid #000; border-collapse: collapse; } th { font-weight: bold; text-align: center; padding: 2px 4px; } td { padding: 2px 4px; } .ce_table { } /**** images ****/ img { border:0; height: auto; max-width: 100%; } /************************************************ 3 - LAYOUT ************************************************/ #wrapper { /* width: 100%; min-width:960px; min-height:100%; overflow: hidden; */ } #queryInfo { position: fixed; z-index: 2000; width: 80px; height: 20px; left: 0; top: 0; background: #CCCCCC; color: #FFFFFF; } #queryInfo:after { content: "desktop"; } .mainbody { height: 100%; position: relative; z-index: 1; overflow: hidden; } .navcontainer { background: none repeat scroll 0 0 #FFFFFF; box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); height: 100%; left: 0; padding: 0; position: fixed; top: 0; z-index: 999; padding: 0 30px 0 30px; width: 346px; padding-bottom: 280px; /*display: none!important;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #logo { margin-top: 105px; } /**** container ****/ #container { min-height:100%; padding-left: 0; } #left { position: relative; margin-left: 0; float: none; /* background: none repeat scroll 0 0 #FFFFFF; box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); height: 100%; left: 0; padding: 0 60px; position: fixed; top: 0; width: 180px; z-index: 999; display: block; */ } #left > .inside { position: fixed; height: 100%; width: 346px; background: none repeat scroll 0 0 #FFFFFF; box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); z-index: 10000; /*padding:100px 0 34px 34px;*/ } #customWrapper { width:373px; position:absolute; top:0; background: #FFFFFF; height:100%; right:0; opacity:0.9; } #customWrapper .custom .inside { padding: 276px 22px 0 22px; } .home #customWrapper { display: none; } #page-content-toggle { background: url("/files/moeller/images/corporate/toggle-open.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); font-size: 0; height: 78px; text-indent: -9999px; width: 33px; } #page-content-toggle.active { background: url("/files/moeller/images/corporate/toggle-close.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); } #page-content-toggle { left: -38px; margin-top: -33px; position: absolute; /*top: 45%;*/ top: 279px; } #tiltnotice, #tiltnotice-iphone { display: none; } #tiltnotice { width: 300px; height: 200px; text-align: center; position: absolute; left: 50%; margin-left: -150px; margin-top: 200px; } #tiltnotice img { width: 200px; } /**** mobil toggler ****/ #navToggle { color: #505050; cursor: pointer; display: none; position: fixed; right: 2%; top: 40px; z-index: 9999; } #navToggle:hover, #navToggle.active { color:#A71A5E; } #navToggle .fa-3x { font-size: 2.6em; } /* .custom { width:373px; position:absolute; top:0; background: #FFFFFF; height:100%; right:0; opacity:0.8; } .custom .inside { padding: 276px 22px 0 22px; } */ #main { background: none repeat scroll 0 0 #FF0000; min-height: 100%; position: relative; } .blank #main { background: none; } #main > div.inside { } .mod_rocksolid_slider { width:100%; min-height:100%; overflow:hidden; } /************************************************ 4 - NAVIGATION ************************************************/ /**** mainnav ****/ #mainnav { } #mainnav.mod_navigation ul { list-style: none; width: auto; padding: 25px 0 0 4px; margin:0; } #mainnav.mod_navigation ul li { margin: 0; padding: 7px 0; } #mainnav.mod_navigation ul li a, #mainnav.mod_navigation ul li a:active, #mainnav.mod_navigation ul li a:visited, #mainnav.mod_navigation ul li span { font-weight: normal; background:none; padding: 7px 20px 0px 0; font-size: 15px; color: #4a4a49; line-height: 30px; text-decoration:none; } #mainnav.mod_navigation ul li a:hover, #mainnav.mod_navigation ul li span { color: #A71A5E; } /* submenu */ #mainnav.mod_navigation ul li ul { display: none; } #mainnav.mod_navigation ul li.active ul, #mainnav.mod_navigation ul li.trail ul { display: block; } #mainnav.mod_navigation ul li ul { padding: 0; } #mainnav.mod_navigation ul li ul li { padding: 10px 0 0 0; } #mainnav.mod_navigation ul li ul li a, #mainnav.mod_navigation ul li ul li a:active, #mainnav.mod_navigation ul li ul li a:visited, #mainnav.mod_navigation ul li ul li span { font-weight: normal; background:none; padding: 7px 20px 0px 30px; font-size: 15px; color: #4a4a49; line-height: 10px; text-decoration:none; } #mainnav.mod_navigation ul li ul a:hover, #mainnav.mod_navigation ul li ul a.trail, #mainnav.mod_navigation ul li ul a.active, #mainnav.mod_navigation ul li ul span { color: #a71a5e; } #mainnav.mod_navigation ul li ul a.last, #mainnav.mod_navigation ul li ul a.last:active, #mainnav.mod_navigation ul li ul span.last { border-right: none!important; color: #A71A5E; } /**** mobilenav ****/ .navcontainer .mod_navigation.mobilenav { display:none; float: none; height: auto; min-width: auto; width: 100%; margin: 0; position: absolute; left: 0; top: 120px; } .navcontainer .mod_navigation.mobilenav ul { list-style:none; margin: 0; border-top: 1px solid #DDDDDD; float: none; width: auto; padding: 0; } .navcontainer .mod_navigation.mobilenav li { background: linear-gradient(to bottom, #FFFFFF 0%, #F0F0F0 40%, #F0F0F0 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border-bottom: 1px solid #DDDDDD; margin: 0; float: none; width: 100%; } .navcontainer .mod_navigation.mobilenav li a, .navcontainer .mod_navigation.mobilenav li span { border-left: 1px solid #FFFFFF; border-right: 1px solid #DDDDDD; color: #505050; display: block; text-transform: uppercase; font-size: 1em; font-weight: 400; height: 40px; line-height: 40px; padding: 0 20px; text-decoration: none; outline:none; } .navcontainer .mod_navigation.mobilenav li.trail a, .navcontainer .mod_navigation.mobilenav li.active span, .navcontainer .mod_navigation.mobilenav li span.active, .navcontainer .mod_navigation.mobilenav li a:hover { color: #FFFFFF; background-color: #a71a5e; } .navcontainer .mod_navigation.mobilenav li a:active { background:#a71a5e; border-top-color: #ccc; box-shadow: 0 2px 7px #850d0d inset; } /* level 2*/ .navcontainer .mod_navigation.mobilenav .level_2 { display: none; } .navcontainer .mod_navigation.mobilenav li.active .level_2, .navcontainer .mod_navigation.mobilenav li.trail .level_2 { display: block; } .navcontainer .mod_navigation.mobilenav .level_2 li a, .navcontainer .mod_navigation.mobilenav .level_2 li span { border-left: 1px solid #FFFFFF; border-right: 1px solid #DDDDDD; color: #505050; display: block; text-transform: uppercase; font-size: 0.8em; font-weight: 400; height: 40px; line-height: 40px; padding: 0 40px; text-decoration: none; outline:none; background: #FFFFFF; margin: 0; float: none; width: 100%; } .navcontainer .mod_navigation.mobilenav .level_2 li.active a, .navcontainer .mod_navigation.mobilenav .level_2 li.active span, .navcontainer .mod_navigation.mobilenav .level_2 li.trail a, .navcontainer .mod_navigation.mobilenav .level_2 li a:hover { color: #FFFFFF; background: #a71a5e; } /**** 4.3 - Iconnav ****/ #customWrapper .icons { display: none; } .icons p { margin-top: -5px; margin-left: 4px; font-size: 1em; } .icons p a { color: #4a4a49; } .icons { overflow: visible; width: auto; position: absolute; bottom: 84px; } .icons ul { margin: 0 0 0 5px; padding: 0; } .icons li { float: left; list-style: none; margin: 0 16px 0 0; } .icons a:not(.mail) { width: 22px; height: 21px; text-indent: -9999em; background-repeat: no-repeat; display: inline-block; } .icons a.facebook { background-image: url("/files/moeller/images/corporate/icon_facebook.png"); } .icons a.impressum { background-image: url("/files/moeller/images/corporate/icon_impressum.png"); } /************************************************ 5 - FORMS ************************************************/ /************************************************ 6 - MODULES ************************************************/ /**** cookiebar ****/ .cookiebar { z-index: 1000; background-color: #a5165c; } .cookiebar a, .cookiebar a:hover { background-color: #FFFFFF; color: #a5165c; text-decoration: none; font-weight: bold; display: inline-block; padding: .6em 1.2em; line-height: 13px; border-bottom: 1px solid #FFFFFF; } @media screen and (max-width: 1000px) { .cookiebar__message { display: block; margin-bottom: 6px; } } .cookiebar__button, .cookiebar__button:hover { background-color: #FFFFFF; color: #a5165c; border-top: 1px solid #FFFFFF; } /**** 6.1 - google maps ****/ .ce_dlh_googlemaps { position: absolute; width: 100%; height: 100%; } .dlh_googlemap .gm-style-iw p, .dlh_googlemap .routinglink { font-size: 14px; } .dlh_googlemap input.text { border: 1px solid #EEEEEE; margin: 4px 4px 0 0; padding: 2px; } /**** 6.1 supersized ****/ #prevslide { background: url("/files/moeller/images/corporate/supersized/super-prev.png"); background-repeat: no-repeat; background-position: -8px 5px; position: absolute; left: 346px; z-index: 9999; bottom: 100px; width: 20px; height: 50px; display: inline-block; background-color: #FFFFFF; } #nextslide { background: url("/files/moeller/images/corporate/supersized/super-next.png"); background-repeat: no-repeat; background-position: -10px 5px; position: absolute; right: 0px; z-index: 9999; bottom: 100px; width: 20px; height: 50px; display: inline-block; background-color: #FFFFFF; } .withContent #nextslide { right: 373px; } .home.withContent #nextslide { right: 0px; } #prevslide:hover, #nextslide:hover { cursor: pointer; } .mod_article #supersized { left: 346px!important; } ul#supersized { /*margin-left: 346px!important;*/ } /* ul#supersized { padding-left: 346px; } ul#supersized { } ul#supersized img { max-width: 100%; } */ #wrapper .mod_rocksolid_slider { display: none; } #wrapper .ce_gallery, #nextslide, #prevslide { display: block!important; } /************************************************ IE-HACKS ************************************************/ @media screen and (max-width: 1000px) { #queryInfo:after { content: "max1000"; } } @media screen and (max-width: 988px) { #queryInfo:after { content: "max1000"; } } /* HEADER CONTENT BRICHT UM BEI 806PX; */ @media screen and (max-width: 880px) { #queryInfo:after { content: "max 880"; } .home #customWrapper { display: block; } .navcontainer { background: none repeat scroll 0 0 #ffffff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); height: 120px; padding: 0 0 0 0; position: fixed; top: 0; width: 100%; z-index: 999; } #logo { margin-top: 30px; margin-left: 22px; } #logo img { /*width: 30%;*/ width: 200px; } #navscroll .icons { display: none; } #customWrapper .icons { display: block; overflow: hidden; position: relative; width: auto; bottom: auto; margin: 20px 0 20px 0; } #navToggle { display: block; } #mainnav, #page-content-toggle, #prevslide, #nextslide { display: none; } #customWrapper { width: 100%; position: relative; opacity: 1; height: auto; } #customWrapper .custom .inside { padding: 20px 22px 0; } #wrapper { padding: 0 0 0 0; } #mySupersized { position: relative; } #mySupersized #supersized { display: block; height: auto; max-height: 400px; overflow: hidden; position: relative; z-index: 0; width: 100%; } #mySupersized #supersized li { height: auto!important; left: 0!important; list-style: none outside none; overflow: hidden; position: relative; width: 100%; } .mainbody { height: auto; overflow: hidden; position: relative; z-index: 1; } #wrapper .ce_gallery, #wrapper #nextslide.load-item, #wrapper #prevslide.load-item { display: none!important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; } #nextslide { right: 2000px!important; } #prevslide { left: 2000px!important; } #wrapper .mod_rocksolid_slider { display: block; margin-top: 120px; } #kontakt-12 { margin-top: 120px; } #kontakt-12 .ce_dlh_googlemaps { width: 700px; height: 400px; position: relative; margin-bottom: 20px; } #prevslide, #nextslide { display: none!important; } } /**** tablet portrait ****/ @media screen and (max-width: 768px) { #queryInfo:after { content: "max 768"; } } /**** iphone 5 & kindle landscape max. 600px ****/ @media screen and (max-width: 600px) { #queryInfo:after { content: "max 600"; } } /**** mobile landscape ****/ @media screen and (max-width: 480px) { #queryInfo:after { content: "max 480"; } } /**** mobile portrait ****/ @media screen and (max-width: 320px) { #queryInfo:after { content: "max 320"; } } @media screen and (max-width: 260px) { #queryInfo:after { content: "max 260"; } #main { display: none; } } /* Supersized - Fullscreen Slideshow jQuery Plugin Version : 3.2.7 Site : www.buildinternet.com/project/supersized Author : Sam Dunn Company : One Mighty Roar (www.onemightyroar.com) License : MIT License / GPL License */ * { margin:0; padding:0; } body { background:#111; height:100%; } img { border:none; } #supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url("../../files/moeller/img/progress.gif") no-repeat center center;} #supersized { display:block; position:fixed; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; } #supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; } #supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; } /*Speed*/ #supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; } /*Quality*/ #supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:346px; width:100%; height:100%; background:#111; } #supersized a { width:100%; height:100%; display:block; } #supersized li.prevslide { z-index:-20; } #supersized li.activeslide { z-index:-10; } #supersized li.image-loading { background:#111 url("../../files/moeller/img/progress.gif") no-repeat center center; width:100%; height:100%; } #supersized li.image-loading img{ visibility:hidden; } #supersized li.prevslide img, #supersized li.activeslide img{ display:inline; } /* Supersized - Fullscreen Slideshow jQuery Plugin Version : 3.2.7 Site : www.buildinternet.com/project/supersized Theme : Shutter 1.2 Author : Sam Dunn Company : One Mighty Roar (www.onemightyroar.com) License : MIT License / GPL License */ /* Controls Bar ----------------------------*/ #controls-wrapper { margin:0 auto; height:42px; width:100%; bottom:0px; left:0; z-index:4; background:url("../../files/moeller/img/nav-bg.png") repeat-x; position:fixed; } #controls { overflow:hidden; height:100%; position:relative; text-align:left; z-index:5; } #slidecounter { float:left; color:#999; text-shadow:#000 0 -1px 0; margin:0px 10px 0 15px; line-height:42px; } #slidecaption {overflow:hidden; float:left; color:#FFF;} #navigation { float:right; margin:0px 20px 0 0; } #play-button{ float:left; margin-top:1px;border-right:1px solid #333; background:url("../../files/moeller/img/bg-hover.png") repeat-x 0 44px; } #play-button img {height:42px;} /* added to make sure the button has the right size */ #play-button:hover{ background-position:0 1px; cursor:pointer; } #prevslide, #nextslide{ position:absolute; height:43px; width:43px; top:50%; margin-top:-21px; opacity:0.6; } #prevslide{ left:10px; background:url("../../files/moeller/img/back.png"); } #nextslide{ right:10px; background:url("../../files/moeller/img/forward.png"); } #prevslide:active, #nextslide:active{ margin-top:-19px; } #prevslide:hover, #nextslide:hover{ cursor:pointer; } ul#slide-list{ padding:15px 0; float:left; position:absolute; left:50%; } ul#slide-list li{ list-style:none; width:12px; height:12px; float:left; margin:0 5px 0 0; } ul#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover{ background-position:0 0px; } ul#slide-list li a{ display:block; width:12px; height:12px; background:url("../../files/moeller/img/nav-dot.png") no-repeat 0 -24px; } ul#slide-list li a:hover{ background-position:0 -12px; cursor:pointer; } #tray-button{ float:right; margin-top:1px; border-left:1px solid #333; background:url("../../files/moeller/img/bg-hover.png") repeat-x 0 44px; } #tray-button:hover{ background-position:0 1px; cursor:pointer; } /* Progress Bar ----------------------------*/ #progress-back{ z-index:5; position:fixed; bottom:42px; left:0; height:8px; width:100%; background:url("../../files/moeller/img/progress-back.png") repeat-x; } #progress-bar{ position:relative; height:8px; width:100%; background:url("../../files/moeller/img/progress-bar.png") repeat-x; } /* Thumbnail Navigation ----------------------------*/ #nextthumb,#prevthumb { z-index:2; display:none; position:fixed; bottom:61px; height:75px; width:100px; overflow:hidden; background:#ddd; border:1px solid #fff; -webkit-box-shadow:0 0 5px #000; } #nextthumb { right:12px; } #prevthumb { left:12px; } #nextthumb img, #prevthumb img { width:150px; height:auto; } #nextthumb:active, #prevthumb:active { bottom:59px; } #nextthumb:hover, #prevthumb:hover { cursor:pointer; } /* Thumbnail Tray ----------------------------*/ #thumb-tray{ position:fixed; z-index:3; bottom:0; left:0; background:url("../../files/moeller/img/bg-black.png"); height:150px; width:100%; overflow:hidden; text-align:center; -moz-box-shadow: 0px 0px 4px #000; -webkit-box-shadow: 0px 0px 4px #000; box-shadow: 0px 0px 4px #000; } #thumb-back, #thumb-forward{ position:absolute; z-index:5; bottom:42px; height:108px; width:40px; } #thumb-back{ left:0; background: url("../../files/moeller/img/thumb-back.png") no-repeat center center;} #thumb-forward{ right:0; background:url("../../files/moeller/img/thumb-forward.png") no-repeat center center;} #thumb-back:hover, #thumb-forward:hover{ cursor:pointer; background-color:rgba(256,256,256, 0.1); } #thumb-back:hover{ border-right:1px solid rgba(256,256,256, 0.2); } #thumb-forward:hover{ border-left:1px solid rgba(256,256,256, 0.2); } ul#thumb-list{ display:inline-block; list-style:none; position:relative; left:0px; padding:0 0px; } ul#thumb-list li{ background:#111; list-style:none; display:inline; width:150px; height:108px; overflow:hidden; float:left; margin:0; } ul#thumb-list li img { width:200px; height:auto; opacity:0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; } ul#thumb-list li.current-thumb img, ul#thumb-list li:hover img{ opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); } ul#thumb-list li:hover{ cursor:pointer; }