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,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.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}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%} .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("../../bundles/rocksolidslider/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("../../bundles/rocksolidslider/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-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} #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} table.sortable thead th{background-image:url(../../assets/tablesorter/images/default.svg);background-repeat:no-repeat;background-position:center right}table.sortable thead th.tablesorter-headerAsc{background-image:url(../../assets/tablesorter/images/asc.svg)}table.sortable thead th.tablesorter-headerDesc{background-image:url(../../assets/tablesorter/images/desc.svg)} .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} /* Author: Sascha Milivojevic (info@hey-sascha.de): ------------------------------------------------------ kunststiftung.de v1 stylesheet ----------------------------------------------------*/ /* CSS Imports ----------------------------------------------------*/ /* CSS Imports ----------------------------------------------------*/ /* ibm-plex-sans-300 - latin */ @font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 300; -webkit-font-feature-settings: 'ss02'; -moz-font-feature-settings: 'ss02'; -ms-font-feature-settings: 'ss02'; font-feature-settings: 'ss02'; src: url('../../files/kusti/fonts/ibm-plex-sans-v6-latin-300.eot'); /* IE9 Compat Modes */ src: local('IBM Plex Sans Light'), local('IBMPlexSans-Light'), url('../../files/kusti/fonts/ibm-plex-sans-v6-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/kusti/fonts/ibm-plex-sans-v6-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/kusti/fonts/ibm-plex-sans-v6-latin-300.woff') format('woff'), /* Modern Browsers */ url('../../files/kusti/fonts/ibm-plex-sans-v6-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/kusti/fonts/ibm-plex-sans-v6-latin-300.svg#IBMPlexSans') format('svg'); /* Legacy iOS */ } /* ibm-plex-sans-300italic - latin */ @font-face { font-family: 'IBM Plex Sans'; font-style: italic; font-weight: 300; -webkit-font-feature-settings: 'ss02'; -moz-font-feature-settings: 'ss02'; -ms-font-feature-settings: 'ss02'; font-feature-settings: 'ss02'; src: url('../../files/kusti/fonts/ibm-plex-sans-v6-latin-300italic.eot'); /* IE9 Compat Modes */ src: local('IBM Plex Sans Light Italic'), local('IBMPlexSans-LightItalic'), url('../../files/kusti/fonts/ibm-plex-sans-v6-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/kusti/fonts/ibm-plex-sans-v6-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/kusti/fonts/ibm-plex-sans-v6-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../../files/kusti/fonts/ibm-plex-sans-v6-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/kusti/fonts/ibm-plex-sans-v6-latin-300italic.svg#IBMPlexSans') format('svg'); /* Legacy iOS */ } /* ibm-plex-mono-700 - latin */ @font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 700; src: url('../../files/kusti/fonts/ibm-plex-mono-v4-latin-700.eot'); /* IE9 Compat Modes */ src: local('IBM Plex Mono Bold'), local('IBMPlexMono-Bold'), url('../../files/kusti/fonts/ibm-plex-mono-v4-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/kusti/fonts/ibm-plex-mono-v4-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/kusti/fonts/ibm-plex-mono-v4-latin-700.woff') format('woff'), /* Modern Browsers */ url('../../files/kusti/fonts/ibm-plex-mono-v4-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/kusti/fonts/ibm-plex-mono-v4-latin-700.svg#IBMPlexMono') format('svg'); /* Legacy iOS */ } /* ibm-plex-mono-700italic - latin */ @font-face { font-family: 'IBM Plex Mono'; font-style: italic; font-weight: 700; src: url('../../files/kusti/fonts/ibm-plex-mono-v4-latin-700italic.eot'); /* IE9 Compat Modes */ src: local('IBM Plex Mono Bold Italic'), local('IBMPlexMono-BoldItalic'), url('../../files/kusti/fonts/ibm-plex-mono-v4-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/kusti/fonts/ibm-plex-mono-v4-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/kusti/fonts/ibm-plex-mono-v4-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../../files/kusti/fonts/ibm-plex-mono-v4-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/kusti/fonts/ibm-plex-mono-v4-latin-700italic.svg#IBMPlexMono') format('svg'); /* Legacy iOS */ } /* ibm-plex-sans-700 - latin */ @font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 700; -webkit-font-feature-settings: 'ss02'; -moz-font-feature-settings: 'ss02'; -ms-font-feature-settings: 'ss02'; font-feature-settings: 'ss02'; src: url('../../files/kusti/fonts/ibm-plex-sans-v6-latin-700.eot'); /* IE9 Compat Modes */ src: local('IBM Plex Sans Bold'), local('IBMPlexSans-Bold'), url('../../files/kusti/fonts/ibm-plex-sans-v6-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/kusti/fonts/ibm-plex-sans-v6-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/kusti/fonts/ibm-plex-sans-v6-latin-700.woff') format('woff'), /* Modern Browsers */ url('../../files/kusti/fonts/ibm-plex-sans-v6-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/kusti/fonts/ibm-plex-sans-v6-latin-700.svg#IBMPlexSans') format('svg'); /* Legacy iOS */ } /* Browser CSS reset ----------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;} img { vertical-align: bottom;} :focus { outline: 0;} ol, ul { list-style: none;} table { border-collapse: collapse; border-spacing: 0; font-size: 1em;} caption, th, td { text-align: left; font-weight: normal;} blockquote:before, blockquote:after, q:before, q:after { content: "";} blockquote, q { quotes: "" "";} /* ========================================================================== Allgemeines ========================================================================== */ html, body { height: 100%;} body { font-size: 12px; font-family: 'IBM Plex Sans'; color: #000; background-color: #fff;} ::selection {background: #000; color: #fff;} ::-moz-selection {background: #000; color: #fff;} .mod_navigation a { text-decoration: none;} p { clear: left; font-family: 'IBM Plex Sans'; font-size: 17px; line-height: 25px; margin: 0 0 21px 0;} .ce_text ul { margin-left: 48px; margin-bottom: 21px;} .ce_text ul li { clear: left; font-family: 'IBM Plex Sans'; font-size: 17px; line-height: 25px; list-style-type: disc; list-style-position: outside;} em, i { font-style: italic;} .box p { clear: left; font-family: 'IBM Plex Sans'; font-size: 15px; line-height: 21px; margin: 0 0 21px 0;} h1 { font-family: 'IBM Plex Mono'; font-size: 13px; line-height: 16px; text-align: left; padding-bottom: 2px; margin: 0; font-weight:bold; border-bottom: 2px solid #dd2026; background-color: #fff;} h2 { font-family: 'IBM Plex Mono'; font-weight: bold; font-size: 20px; line-height: 28px; text-align: left;} .box h2 { font-size: 15px; line-height: 21px; margin-bottom: 0px; font-family: 'IBM Plex Mono';} h3 { font-family: 'IBM Plex Mono'; font-size: 20px; line-height: 28px; margin-bottom: 25px; text-align: left;} .box h3 { margin-top: 12px; font-size: 15px; line-height: 21px; margin-bottom: 21px; font-family: 'IBM Plex Mono';} .box h3, .box p, .box h2 { padding: 0 12px;} #portrait h3, #portrait p, #portrait h2 { padding: 0;} h4 { font-family: 'IBM Plex Mono'; font-size: 11px; line-height: 16px; text-align: left; padding-bottom: 2px; border-bottom: 2px solid #dd2026; background-color: #fff;} #portrait h4, #info h4 { border-bottom: 2px solid #000;} .box h4 { font-size: 13px; font-style: normal; font-weight: bold;} h5 { float: left; font-family: 'IBM Plex Mono'; font-size: 13px; line-height: 19px; font-weight: bold; text-align: left; width: 200px; padding-top: 12px; } p a { color: #000; text-decoration: underline;} .white a, .detail a, .inhalte a { color: #000; text-decoration: underline;} .white a:hover, .detail a:hover, .inhalte a:hover { color: #000; text-decoration: none;} p.back { margin-left: 36px;} .relevance, p.url { display: none;} p.header { padding-top: 24px;} p.error { color: #dd2026;} p.confirm { color: green; font-size: 20px;} p.information { font-family: 'IBM Plex Sans'; font-size: 18px; margin-bottom: 60px; font-style: italic; text-transform: uppercase; color: 000; padding: 20px 36px; background-color: #f3f3f1;} .caption { font-size: 10px; text-align:right; padding-right: 2px; background-color: #f3f3f1;} hr { display: block; clear:left; background-color: #bbb; border: none; height: 1px; width: 100%; margin: 24px 0;} hr.black { height: 2px; background-color: #000; margin-bottom: 40px;} /* ========================================================================== Layout ========================================================================== */ #menu { width: 100%; height: 43px; background-color: #dd2026; top:0; position:fixed; z-index: 1000;} .head { width: 100%; padding-top: 10px; height: 30px; background-color: #dd2026;} .mlogo { margin-top: 5px; float:left; width: 250px;} .mlogo img { max-width: 100%; width: auto\9; /* ie8 */} .ce_html5 video { width:100%; height:auto;} .mnavilink { float: right; cursor: pointer; width: 22px; margin-right: 18px;} .mnavi { width: 100%; clear: left; float: left; background-color: #939292; border-bottom: 2px solid #dd2026;} #mnavi { display: none;} .container, .content, .top, .detail, #fullwidth, .inhalte { float: left;} #window { margin-left: 24px;} .footer .container, .subnavi .container, .foerderer .container{ margin-top: 0;} .logo { width: 400px; margin-top: 8px;} .main { float: left; margin-top: 24px;} .top, .detail { margin: 0 12px 0 12px;} .detail { background-color: #f3f3f1; margin-bottom: 48px;} .inhalte { margin-bottom: 48px;} .footer { width: 100%; clear: left; float: left; background-color: #f3f3f1;} .foerderer { width: 100%; clear: left; float: left; background-color: #fff; margin-top: 96px;} .foerderer .container{ margin-left: 24px; padding: 24px 0;} .footer .container { margin-left: 24px; padding-top: 12px;} .subnavi .container { margin-left: 24px; } .foerderer .content, .footer .content, .subnavi .content, .head .content { float: right;} .subnavi { padding: 10px 0; width: 100%; height: auto; clear: left; float: left; background-color: #939292;} .content .box{ float: left; margin: 0 12px 24px 12px;} .content .box .ce_text { background-color: #F3F3F1; padding-bottom: 12px;} #mein-slider { width: 100%; height: 200px;} #portrait { background-color: #fff;;} .white, .right { float: left;} .right { padding-bottom: 24px;} .content .white .row { float: left;} .ce_gallery ul li .image_container { width: 100%;} .box img, .logo img, .top img, .detail img, .white img, #portrait img, .ce_gallery ul li .image_container img, .inhalte img { max-width: 100%; width: auto\9; /* ie8 */} .search { clear: both;} .search input.text, .mod_search input.text { border: 1px solid black; font-size: 13px; padding: 2px 2px 2px 5px; width: 191px; float:left; font-weight: bold; margin: 6px 12px 0 0;} .search .submit, .mod_form .submit, .mod_search .submit, .hangar .submit { font-size: 17px; font-weight: normal; display: block; float:left; text-decoration: none; padding: 5px; width: auto; border: none; width: auto; margin: 6px 0 0 0; background-color: #939292; color: #fff; cursor: pointer;} #anmeldung .submit { font-size: 13px; font-weight: normal; display: block; float:left; text-decoration: none; padding: 2px 2px 2px 5px; width: auto; border: none; width: 146px; margin: 6px 0 0 0; background-color: #000; color: #fff; cursor: pointer;} .pagination { clear: left; margin: 24px 12px;} .pagination ul li { margin-right: 12px; margin-bottom: 12px; } .pagination ul li, .pagination ul li a, .pagination ul li span.current { float: left; font-family: 'IBM Plex Sans'; text-decoration: none; display: block; padding: 2px 5px; background-color: #dd2026; color: #fff; font-size: 14px; line-height: 23px;} .pagination ul li span.current { float: left; font-family: 'IBM Plex Sans'; font-weight: bold; text-decoration: none; display: block; padding: 2px 5px; background-color: #dd2026; color: #000; font-size: 14px; line-height: 23px;} .stoerer { position: absolute; z-index: 1000; right: 0; width: 160px; margin-top: -25px; margin-right: 12px;} .stoerer img { max-width: 100%; width: auto\9; /* ie8 */} img.social { margin: 48px 36px 0 12px;} /* ========================================================================== Newsletter & Patenschaftsformular ========================================================================== */ .mod_subscribe input.text, .mod_unsubscribe input.text { border: 1px solid black; font-size: 13px; padding: 2px 2px 2px 5px; width: 250px; font-weight: bold; margin: 12px 0;} .checkbox_container label { display: inline !important; font-size: 13px; line-height: 19px; margin-right: 12px;} .checkbox_container span { display: block;} input.checkbox{ margin-right: 12px;} .mod_subscribe .submit, .mod_unsubscribe .submit { font-size: 13px; font-weight: normal; display: block; float:left; text-decoration: none; padding: 2px 2px 2px 5px; width: auto; border: none; margin: 12px 0 24px 0; background-color: #dd2026; color: #fff;} /* ========================================================================== Newsletter & Patenschaftsformular ========================================================================== */ .ce_form .pate input.text { float:left; border: 1px solid black; font-size: 14px; padding: 2px 2px 2px 5px; width: 250px; font-weight: bold; margin: 12px 0;} .ce_form .pate label { display: block; float:left; clear: left; width: 200px; font-size: 14px; margin-top: 12px;} .ce_form .pate .radio_container label { display: inline !important; font-size: 15px; float: none;} fieldset { height: 60px; margin: 0; padding: 0;} .hangar fieldset { height: auto;} fieldset legend { font-size: 0;} .hangar fieldset legend { clear: left; font-size: 17px; line-height: 25px;} #fragebogen-bildende-kunst .headline p, #fragebogen-literatur .headline p, #fragebogen-musik .headline p { font-family: 'IBM Plex Sans'; font-size: 17px;} #fragebogen-bildende-kunst span.mandatory, #fragebogen-literatur span.mandatory, #fragebogen-musik span.mandatory { display: none;} .ce_text .pate .radio_container { font-size: 15px;} .ce_form .pate .radio_container span { display: block;} .ce_form .pate input.radio{ margin-right: 12px; margin-bottom: 12px;} .ce_form .pate textarea { width: 250px; padding: 2px 2px 2px 5px; font-size: 15px; border: 1px solid #000; float: left;} .ce_form .pate .submit { font-size: 13px; font-weight: normal; display: block; float:left; clear: left; text-decoration: none; padding: 2px 2px 2px 5px; width: auto; border: none; margin: 12px 0 24px 0; background-color: #dd2026; color: #fff;} /* ========================================================================== Tags ========================================================================== */ .mod_newsreader .tags { padding: 24px 36px; margin-bottom: 48px;} .mod_tagcloud { margin: 0 12px 24px 12px;} .mod_tagcloud h2 { font-size: 13px; line-height: 18px; margin-bottom: 12px;} .tags ul li { float: left;} .tags ul li, .tags ul li a { font-family: 'IBM Plex Sans'; text-decoration: none; display: block; padding: 2px 5px; background-color: #dd2026; color: #fff; font-size: 14px; line-height: 23px;} .tags ul li { margin-right: 12px; margin-bottom: 12px; } /* ========================================================================== Publikationen Layout ========================================================================== */ .portraitliste { position: static; z-index: 0;} .portraitliste .teaser { margin: 0 5px; z-index: 1000; background-color: #fff; background-color: hsla(0, 0%, 100%, 0.8); position: absolute; bottom: 5px; padding: 12px;} .portraitliste h2 a { text-decoration: underline; color: #000;} /* ========================================================================== Publikationen Layout ========================================================================== */ .publiste { padding-bottom: 12px; background-color: #f3f3f1;} .publiste hr{ padding: 0; margin: 5px 0;} .publiste .image_container { text-align: center;} .publiste h2 { margin-top: 12px; font-size: 15px; line-height: 21px; margin-bottom: 0px; text-align: left;} .publiste h2 a{ text-decoration: underline; color: #000;} .publiste h3 { font-family: 'IBM Plex Sans'; font-size: 15px; line-height: 21px; margin-bottom: 21px;} .publiste h4 { font-size: 13px; font-style: normal; font-weight: bold;} .publiste p { font-size: 15px; line-height: 21px;} .publiste .teaser { padding: 0 36px;} /* ========================================================================== Programm Layout ========================================================================== */ .white .programmliste { margin-bottom: 48px;} .programmliste { padding-bottom: 12px; background-color: #f3f3f1;} .box .programmliste { position: relative; margin-bottom: 24px;} .programmliste .image_container { text-align: center;} .programmliste h2, .box h2 { margin-top: 12px; font-size: 15px; line-height: 21px; margin-bottom: 0px; text-align: left;} .programmliste h2 a, .box h2 a{ text-decoration: underline; color: #000;} .programmliste h2 a:hover, .box h2 a:hover{ text-decoration: none; color: #000;} .programmliste h3, .box h3 { font-family: 'IBM Plex Mono'; font-size: 15px; line-height: 21px; margin-bottom: 21px;} .programmliste h4, .box h4 { font-size: 13px; font-style: normal; font-weight: bold;} .programmliste p, .box p { font-size: 15px; line-height: 21px;} .programmliste .teaser { padding: 0 36px;} .box .programmliste .teaser { padding: 0 12px;} .box .programmliste h3, .box h3 { margin-top: 0;} /* ========================================================================== Stipendiaten Layout ========================================================================== */ .mod_newsarchive h1 { display: none;} .layout_latest { padding-bottom: 12px; background-color: #f3f3f1; text-align: center; height: 250px;} .box .layout_latest { padding-bottom: 0;} .layout_latest h2 { font-size: 15px; line-height: 21px; margin-bottom: 0px; padding: 0 12px; text-align: center; font-weight: normal;} .layout_latest h2 a{ text-decoration: underline; color: #000;} .layout_latest .image_container { margin-top: 12px; margin-bottom: 12px; height: 162px; overflow: hidden;} .row img { width: 124px;} .mod_newsreader { background-color: #f3f3f1;} .mod_newsreader h2 { margin-bottom: 24px;} .mod_newsreader h3 {} .mod_newsreader .image_container { text-align: center;} .mod_newsmenu, .stiparchiv { margin-left: 12px; margin-bottom: 24px;} .mod_newsmenu h2 { font-size: 13px; line-height: 18px; margin-bottom: 12px;} .mod_newsmenu ul { margin-top: 12px; margin-bottom: 12px;} .mod_newsmenu ul li { float:left; margin-right: 12px; margin-bottom: 12px;} .mod_newsmenu ul li, .mod_newsmenu ul li a { font-family: 'IBM Plex Sans'; text-decoration: none; display: block; padding: 2px 5px; background-color: #dd2026; color: #fff; font-size: 14px; line-height: 23px;} .mod_newsmenu ul li span.active { float: left; font-family: 'IBM Plex Sans'; text-decoration: none; display: block; padding: 2px 5px; background-color: #dd2026; color: #000; font-size: 14px; line-height: 23px;} /* ========================================================================== Hauptnavigationselemente ========================================================================== */ #nav { margin-top: 18px; float: left; width: 263px;} #nav ul.level_1 { width: 200px; padding: 12px 0 12px 0; border-top: 1px solid #000; border-bottom: 1px solid #000;} #nav ul.level_2 { width: 188px; margin: 0px 0 12px 12px;} #nav ul.level_1 li, #nav ul.level_1 li a { font-family: 'IBM Plex Mono'; text-decoration: none; color: #000; font-size: 16px; line-height: 23px;} #nav ul.level_1 li.active, #nav ul.level_1 li a.trail { color: #dd2026; } #nav ul.level_2 li, #nav ul.level_2 li a { font-family: 'IBM Plex Mono'; text-transform:uppercase; color: #000; font-size: 15px; line-height: 22px;} #nav ul li a:hover { color: #dd2026; } #nav ul li.underline { margin-bottom: 6px; padding-bottom: 6px; width: 200px; border-bottom: 1px solid black;} #nav ul li.red a { color: #68C3AB; } #nav ul li.red a:hover { color: #dd2026; } /* ========================================================================== Subnavigationselemente ========================================================================== */ .subnavi ul li{ float: left; text-align:left;} .subnavi ul li, .subnavi ul li a { font-family: 'IBM Plex Sans'; text-decoration: none; color: #fff; font-size: 14px; line-height: 23px;} .subnavi ul li a:hover { color: #dd2026; } /* ========================================================================== Subnavigationselemente ========================================================================== */ .hangar h2 { margin: 0px 0 30px 0;} .hangar label { display: block; font-size: 17px; margin-bottom: 1px;} .hangar p { font-size: 17px; margin-bottom: 15px;} .hangar fieldset label { margin-bottom: 9px; width: auto; width: calc(100% - 50px); } .hangar fieldset { display: block; margin: 2px 0;} .hangar legend { display: block; margin: 10px 0;} .hangar fieldset span { display: block; margin: 0; clear: left; height: auto;} .hangar fieldset legend span { display: inline;} .hangar input.text { margin: 10px 0 24px 0; width: 264px; border: 1px solid black; font-size: 14px; line-height: 20px; padding: 3px;} .hangar input.z4 { width: 50px;} .hangar input.z2 { width: 25px;} .hangar input.z6 { width: 75px;} .hangar fieldset input.radio { float: left; width: 15px; height: 15px; margin-top: 5px;} .hangar input.upload { margin: 10px 0 20px 0;} .hangar select { font-family: 'IBM Plex Sans'; font-size: 14px; padding: 3px; line-height: 24px; margin-bottom: 24px; border: 1px solid black;} .ce_form .formular select { width: 240px; } .hangar textarea { border: 1px solid black; font-family: 'IBM Plex Sans'; font-size: 14px; line-height: 20px; margin: 10px 0 20px; padding: 3px;} .hangar textarea.address, .hangar textarea.techinfo { width: 264px; height: 60px;} .hangar textarea.docu { width: 528px;; height: 200px;} /* ========================================================================== large desktops ========================================================================== */ @media screen and (min-width: 1580px) { .mobile { display: none;} .container { /**/ width: 1556px; width: 1535px; margin-top: 55px;} .logo { margin-left: 24px;} .content { width: 1272px;} .top, .white { width: 848px;} .right { margin: 0 12px; width: 400px;} .detail { width: 776px; padding: 24px 36px;} .inhalte .ce_text { padding: 24px 36px;} .mod_newsreader .ce_text { padding: 24px 36px;} .mod_newsreader .ce_download, .mod_newsreader .ce_downloads { padding: 0 36px;} .content .box { width: 400px;} .sitemap ul li, .subnavi ul li { width: 188px; margin: 0 12px;} .row { width: 188px; margin: 0 12px 24px 12px;} .foerderer img { width: 16%;} .publiste, .portraitliste { position: relative; display: inline-block; vertical-align: top; width: 400px; margin: 0 8px 24px 12px;} } /* ========================================================================== medium desktops ========================================================================== */ @media screen and (min-width: 1280px) and (max-width: 1579px){ .mobile { display: none;} .container { /**/ width: 1256px; width: 1235px; margin-top: 55px;} .logo { margin-left: 24px;} .content { width: 972px;} .content .box { width: 296px;} .top, .white { width: 640px;} .right { width: 296px; margin: 0 12px;} .detail { width: 568px; padding: 24px 36px;} .inhalte .ce_text {padding: 24px 36px; } .mod_newsreader .ce_text { padding: 24px 36px;} .mod_newsreader .ce_download, .mod_newsreader .ce_downloads { padding: 0 36px;} .sitemap ul.level_1 li, .subnavi ul li { width: 136px; margin: 0 12px;} .row { width: 136px; margin: 0 12px 24px 12px;} .foerderer img { width: 24%;} .publiste, .portraitliste { position: relative; display: inline-block; vertical-align: top; width: 296px; margin: 0 8px 24px 12px;} } /* ========================================================================== tablets landscape format & small desktops ========================================================================== */ @media screen and (min-width: 1024px) and (max-width: 1579px){ .mobile { display: none;} .container { width: 979px; margin-top: 55px;} .logo { margin-left: 24px;} .content { width: 716px;} .content .box { width: 328px; margin-bottom: 0;} .top, .white, .right { width: 716px;} .detail { width: 644px; padding: 24px 36px;} .inhalte .ce_text {padding: 24px 36px; } .right { width: 692px; margin: 0px 12px;} .mod_newsreader .ce_text { padding: 24px 36px;} .mod_newsreader .ce_download, .mod_newsreader .ce_downloads { padding: 0 36px;} .sitemap ul.level_1 li, .subnavi ul li { width: 152px; margin: 0 12px;} .row { width: 152px; margin: 0 12px 24px 12px;} h5 {} .foerderer img { width: 24%;} .box .portraitliste, .box .programmliste { position: relative; display: inline-block; vertical-align: top; z-index: 1; width: 328px;} .white .publiste, .white .portraitliste { position: relative; display: inline-block; vertical-align: top; width: 328px; z-index: 1; margin: 0 8px 24px 12px;} p, .ce_text ul li { font-size: 15px; line-height: 22px;} } /* ========================================================================== tablets portrait format ========================================================================== */ @media screen and (min-width: 768px) and (max-width: 1023px){ .mobile { display: block;} #menu { display: none;} #window { margin-left: 12px;} .container { width: 744px;} .logo { margin-left: 24px;} .content { width: 744px;} .subnavi .content { padding:0; margin:0;} #nav { display: none;} .search { width: 350px; margin-left:12px;} .content .box { width: 350px; margin: 0 8px 0 12px;} .white { width: 744px;} .top { width: 720px;} .detail { width: 648px; padding: 24px 36px;} .inhalte .ce_text { padding: 24px 36px; } .mod_newslist { margin-left: 0px;} .mod_newsreader { width: 720px; margin-left: 12px;} .mod_newsreader .ce_text { padding: 24px 36px;} .mod_newsreader .ce_download, .mod_newsreader .ce_downloads { padding: 0 36px;} .sitemap ul.level_1 li { width: 162px; margin: 0 12px 24px 12px;} .subnavi ul li { width: 162px; margin: 0 12px 0 12px;} .row { width: 162px; margin: 0 12px 24px 12px;} .mnavi ul.level_1 li, .mnavi ul.level_1 li a { width: 372px;} .foerderer .container, .foerderer img, .mnavi .container, .head .container { margin-left: 24px;} .footer .container, .subnavi .container { margin-left: 12px;} .foerderer img { width: 18%; margin: 24px;} .footer h5 { display: none;} .mnavilink { margin-right: 24px;} .publiste, .portraitliste { position: relative; display: inline-block; vertical-align: top; width: 350px; margin: 0 8px 24px 12px;} .white .programmliste { margin-left: 12px; width: 720px;} } /* ========================================================================== smartphone format ========================================================================== */ @media screen and (min-width: 200px) and (max-width: 767px){ .mobile { display: block;} #menu { display: none;} #window { margin-left: 0;} .mnavilink { margin-right: 24px;} .container { margin: 0; width: 310px;} .logo { margin-left: 12px; width: 286px} .content { margin: 0; width: 310px;} #nav { display: none;} .content .box { width: 286px; margin-bottom: 0; margin-top: 0;} .top, .white { width: 298px; margin-left: 12px;} .detail { width: 274px; padding: 24px 12px;} .inhalte .ce_text {padding: 24px 12px; } .mod_newsreader .ce_text { padding: 24px 12px;} .mod_newsreader .ce_download, .mod_newsreader .ce_downloads { padding: 0 12px;} .detail p, .white p, .detail h2, .detail h3, .white h2, .white h, .inhalte p, .inhalte h2, .inhalte h3 { font-size: 14px; line-height: 20px;} .inhalte p {} .ce_text ul { margin-left: 24px; margin-bottom: 21px;} .ce_text ul li { clear: left; font-family: 'IBM Plex Sans'; font-size: 14px; line-height: 20px; list-style-type: disc; list-style-position: outside;} .sitemap ul.level_1 li, .subnavi ul li { width: 136px; margin: 0 12px 0 0;} .row { margin-bottom: 24px; width: 137px;} .white .mod_newslist .even { margin-right: 24px;} .mnavi ul.level_1 li, .mnavi ul.level_1 li a { width: 143px;} .foerderer .container, .footer .container, .subnavi .container, .mnavi .container, .head .container { margin-left: 12px;} .foerderer img { width: 75%; margin: 24px 0;} h5 { width: 286px;} h4 { font-size: 10px;} .search input { margin-left: 12px; width: 264px;} .search .submit { margin-left: 12px;} p.back { margin-left: 12px;} .programmliste { width: 100%;} .tags { margin: 0 0 24px 0;} .programmliste .teaser { padding: 0 24px;} .box .portraitliste, .box .programmliste { position: relative; display: inline-block; vertical-align: top; width: 286px;} .white .publiste, .white .portraitliste { position: relative; display: inline-block; vertical-align: top; width: 286px; margin: 0 0 24px 0;} .mod_newsmenu { margin-top: 24px;} .mod_newsreader .tags { padding: 12px;} } /* ========================================================================== Sitemap ========================================================================== */ .sitemap ul.level_1 {} .sitemap ul.level_1 li { margin-top: 12px;} .sitemap ul li, .sitemap ul li a { float: left; font-family: 'IBM Plex Sans'; font-weight: bold; text-decoration: none; color: #000; font-size: 11px; line-height: 16px;} .sitemap ul li a:hover, .sitemap span.active { color: #DD2026; } .sitemap ul.level_2 li, .sitemap ul.level_2 li a{ font-weight: normal; margin: 0;} /* ========================================================================== mobile Navigation ========================================================================== */ .mnavi ul.level_1 li { padding-top: 10px;} .mnavi ul li, .mnavi ul li a { float: left; height: 30px; display: block; font-family: 'IBM Plex Sans'; text-decoration: none; color: #fff; text-align: left; font-size: 14px; line-height: 23px;} #subnavi ul li, #subnavi ul li a { color: #000; font-style: italic; font-family: 'IBM Plex Sans';} .mnavi ul li.active { color: #dd2026;} .box .portraitliste { margin: 0 0 24px 0;} .portraitliste h4 { font-family: 'IBM Plex Sans'; font-size: 13px; line-height: 16px; font-weight: bold; text-align: left; padding-bottom: 2px; border-bottom: 2px solid #dd2026; background-color: #fff;} .ce_downloads, .ce_download { margin: 0 0 24px 0;} .ce_downloads ul li { margin-bottom: 4px;} .ce_downloads ul li, .ce_downloads ul li a{ font-size: 12px; line-height: 18px;} #webprojekte #window .main #nav, #webprojekte #window .main .content { } #webprojekte #window { width: calc(100vw - 80px) !important; } #webprojekte #window .main { width: 100%; } #webprojekte #window #fullwidth { width: calc(100% - 320px) !important; background-color: #01F1C3; margin-top: 18px;} #webprojekte #window #fullwidth p, #webprojekte #window #fullwidth h1, #webprojekte #window #fullwidth h2, #webprojekte #window #fullwidth h3, #webprojekte #window #fullwidth h4 { max-width: 950px;} .ce_image { margin-bottom: 20px;} #webprojekte #window #fullwidth .caption {background-color: #01F1C3; } @media screen and (max-width: 1023px) { #webprojekte #window #fullwidth { width:100% !important; } } /*{ width: calc(100%- 300px) !important; background-color: #327563;} */ .facebook { height: 48px;}