body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto} #tl_navigation .tl_level_1_group .group-flexslider { background: url(../../system/modules/flexslider/assets/icon/flexslider.svg) 0px 1px no-repeat; background-size: 16px 16px; } .mm-hidden{display:none!important}.mm-wrapper{overflow-x:hidden;position:relative}.mm-menu{box-sizing:border-box;background:inherit;display:block;padding:0;margin:0;position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.mm-panels,.mm-panels>.mm-panel{background:inherit;border-color:inherit;box-sizing:border-box;margin:0;position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.mm-panels{overflow:hidden}.mm-panel{-webkit-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left}.mm-panel.mm-opened{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-panel.mm-subopened{-webkit-transform:translate(-30%,0);-ms-transform:translate(-30%,0);transform:translate(-30%,0);-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}.mm-panel.mm-highest{z-index:1}.mm-panel.mm-noanimation{-webkit-transition:none!important;transition:none!important}.mm-panel.mm-noanimation.mm-subopened{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-panels>.mm-panel{-webkit-overflow-scrolling:touch;overflow:scroll;overflow-x:hidden;overflow-y:auto;padding:0 20px}.mm-panels>.mm-panel.mm-hasnavbar{padding-top:40px}.mm-panels>.mm-panel:not(.mm-hidden){display:block}.mm-panels>.mm-panel:after,.mm-panels>.mm-panel:before{content:'';display:block;height:20px}.mm-vertical .mm-panel{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important}.mm-listview .mm-vertical .mm-panel,.mm-vertical .mm-listview .mm-panel{display:none;padding:10px 0 10px 10px}.mm-listview .mm-vertical .mm-panel .mm-listview>li:last-child:after,.mm-vertical .mm-listview .mm-panel .mm-listview>li:last-child:after{border-color:transparent}.mm-vertical li.mm-opened>.mm-panel,li.mm-vertical.mm-opened>.mm-panel{display:block}.mm-listview>li.mm-vertical>.mm-next,.mm-vertical .mm-listview>li>.mm-next{box-sizing:border-box;height:40px;bottom:auto}.mm-listview>li.mm-vertical.mm-opened>.mm-next:after,.mm-vertical .mm-listview>li.mm-opened>.mm-next:after{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);right:19px}.mm-btn{box-sizing:border-box;width:40px;height:40px;position:absolute;top:0;z-index:1}.mm-clear:after,.mm-clear:before,.mm-close:after,.mm-close:before{content:'';border:2px solid transparent;display:block;width:5px;height:5px;margin:auto;position:absolute;top:0;bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.mm-clear:before,.mm-close:before{border-right:none;border-bottom:none;right:18px}.mm-clear:after,.mm-close:after{border-left:none;border-top:none;right:25px}.mm-next:after,.mm-prev:before{content:'';border-top:2px solid transparent;border-left:2px solid transparent;display:block;width:8px;height:8px;margin:auto;position:absolute;top:0;bottom:0}.mm-prev:before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:23px;right:auto}.mm-next:after{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);right:23px;left:auto}.mm-navbar{border-bottom:1px solid;border-color:inherit;text-align:center;line-height:20px;height:40px;padding:0 40px;margin:0;position:absolute;top:0;left:0;right:0}.mm-navbar>*{display:block;padding:10px 0}.mm-navbar a,.mm-navbar a:hover{text-decoration:none}.mm-navbar .mm-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-navbar .mm-btn:first-child{left:0}.mm-navbar .mm-btn:last-child{text-align:right;right:0}.mm-panel .mm-navbar{display:none}.mm-panel.mm-hasnavbar .mm-navbar{display:block}.mm-listview,.mm-listview>li{list-style:none;display:block;padding:0;margin:0}.mm-listview{font:inherit;font-size:14px;line-height:20px}.mm-listview a,.mm-listview a:hover{text-decoration:none}.mm-listview>li{position:relative}.mm-listview>li,.mm-listview>li .mm-next,.mm-listview>li .mm-next:before,.mm-listview>li:after{border-color:inherit}.mm-listview>li>a,.mm-listview>li>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:inherit;display:block;padding:10px 10px 10px 20px;margin:0}.mm-listview>li:not(.mm-divider):after{content:'';border-bottom-width:1px;border-bottom-style:solid;display:block;position:absolute;left:0;right:0;bottom:0}.mm-listview>li:not(.mm-divider):after{left:20px}.mm-listview .mm-next{background:rgba(3,2,1,0);width:50px;padding:0;position:absolute;right:0;top:0;bottom:0;z-index:2}.mm-listview .mm-next:before{content:'';border-left-width:1px;border-left-style:solid;display:block;position:absolute;top:0;bottom:0;left:0}.mm-listview .mm-next+a,.mm-listview .mm-next+span{margin-right:50px}.mm-listview .mm-next.mm-fullsubopen{width:100%}.mm-listview .mm-next.mm-fullsubopen:before{border-left:none}.mm-listview .mm-next.mm-fullsubopen+a,.mm-listview .mm-next.mm-fullsubopen+span{padding-right:50px;margin-right:0}.mm-panels>.mm-panel>.mm-listview{margin:20px -20px}.mm-panels>.mm-panel>.mm-listview:first-child,.mm-panels>.mm-panel>.mm-navbar+.mm-listview{margin-top:-20px}.mm-menu{background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.75)}.mm-menu .mm-navbar a,.mm-menu .mm-navbar>*{color:rgba(0,0,0,.3)}.mm-menu .mm-btn:after,.mm-menu .mm-btn:before{border-color:rgba(0,0,0,.3)}.mm-menu .mm-listview{border-color:rgba(0,0,0,.1)}.mm-menu .mm-listview>li .mm-next:after{border-color:rgba(0,0,0,.3)}.mm-menu .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(255,255,255,.5);tap-highlight-color:rgba(255,255,255,.5)}.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu .mm-listview>li.mm-selected>span{background:rgba(255,255,255,.5)}.mm-menu .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(0,0,0,.05)}.mm-menu .mm-divider{background:rgba(0,0,0,.05)} .mm-page{box-sizing:border-box;position:relative}.mm-slideout{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;z-index:1}html.mm-opened{overflow-x:hidden;position:relative}html.mm-blocking{overflow:hidden}html.mm-blocking body{overflow:hidden}html.mm-background .mm-page{background:inherit}#mm-blocker{background:rgba(3,2,1,0);display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:2}html.mm-blocking #mm-blocker{display:block}.mm-menu.mm-offcanvas{z-index:0;display:none;position:fixed}.mm-menu.mm-offcanvas.mm-opened{display:block}.mm-menu.mm-offcanvas.mm-no-csstransforms.mm-opened{z-index:10}.mm-menu.mm-offcanvas{width:80%;min-width:140px;max-width:440px}html.mm-opening .mm-menu.mm-opened~.mm-slideout{-webkit-transform:translate(80%,0);-ms-transform:translate(80%,0);transform:translate(80%,0);-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}@media all and (max-width:175px){html.mm-opening .mm-menu.mm-opened~.mm-slideout{-webkit-transform:translate(140px,0);-ms-transform:translate(140px,0);transform:translate(140px,0);-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:550px){html.mm-opening .mm-menu.mm-opened~.mm-slideout{-webkit-transform:translate(440px,0);-ms-transform:translate(440px,0);transform:translate(440px,0);-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)}} @charset "UTF-8";.mm-sronly{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;white-space:nowrap!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;position:absolute!important} .mm-navbars-bottom,.mm-navbars-top{background:inherit;border-color:inherit;border-width:0;overflow:hidden;position:absolute;left:0;right:0;z-index:3}.mm-navbars-bottom>.mm-navbar,.mm-navbars-top>.mm-navbar{border:none;padding:0;position:relative;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-navbars-top{border-bottom-style:solid;border-bottom-width:1px;top:0}.mm-navbars-bottom{border-top-style:solid;border-top-width:1px;bottom:0}.mm-navbar.mm-hasbtns{padding:0 40px}.mm-navbar[class*=mm-navbar-content-]>*{box-sizing:border-box;display:block;float:left}.mm-navbar .mm-breadcrumbs{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-overflow-scrolling:touch;overflow-x:auto;text-align:left;padding:0 0 0 17px}.mm-navbar .mm-breadcrumbs>*{display:inline-block;padding:10px 3px}.mm-navbar .mm-breadcrumbs>a{text-decoration:underline}.mm-navbar.mm-hasbtns .mm-breadcrumbs{margin-left:-40px}.mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden)+.mm-breadcrumbs{margin-left:0;padding-left:0}.mm-hasnavbar-top-1 .mm-panels{top:40px}.mm-hasnavbar-top-2 .mm-panels{top:80px}.mm-hasnavbar-top-3 .mm-panels{top:120px}.mm-hasnavbar-top-4 .mm-panels{top:160px}.mm-hasnavbar-bottom-1 .mm-panels{bottom:40px}.mm-hasnavbar-bottom-2 .mm-panels{bottom:80px}.mm-hasnavbar-bottom-3 .mm-panels{bottom:120px}.mm-hasnavbar-bottom-4 .mm-panels{bottom:160px}.mm-navbar-size-2{height:80px}.mm-navbar-size-3{height:120px}.mm-navbar-size-4{height:160px}.mm-navbar-content-2>*{width:50%}.mm-navbar-content-3>*{width:33.33%}.mm-navbar-content-4>*{width:25%}.mm-navbar-content-5>*{width:20%}.mm-navbar-content-6>*{width:16.67%} .mm-menu.mm-offcanvas.mm-right{left:auto}html.mm-right.mm-opening .mm-menu.mm-opened~.mm-slideout{-webkit-transform:translate(-80%,0);-ms-transform:translate(-80%,0);transform:translate(-80%,0);-webkit-transform:translate3d(-80%,0,0);transform:translate3d(-80%,0,0)}@media all and (max-width:175px){html.mm-right.mm-opening .mm-menu.mm-opened~.mm-slideout{-webkit-transform:translate(-140px,0);-ms-transform:translate(-140px,0);transform:translate(-140px,0);-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}}@media all and (min-width:550px){html.mm-right.mm-opening .mm-menu.mm-opened~.mm-slideout{-webkit-transform:translate(-440px,0);-ms-transform:translate(-440px,0);transform:translate(-440px,0);-webkit-transform:translate3d(-440px,0,0);transform:translate3d(-440px,0,0)}}html.mm-front .mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}html.mm-front #mm-blocker{z-index:1}html.mm-front .mm-menu.mm-offcanvas{z-index:2}.mm-menu.mm-offcanvas.mm-front,.mm-menu.mm-offcanvas.mm-next{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0);-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mm-menu.mm-offcanvas.mm-front.mm-right,.mm-menu.mm-offcanvas.mm-next.mm-right{-webkit-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-menu.mm-offcanvas.mm-top{-webkit-transform:translate(0,-100%);-ms-transform:translate(0,-100%);transform:translate(0,-100%);-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.mm-menu.mm-offcanvas.mm-bottom{-webkit-transform:translate(0,100%);-ms-transform:translate(0,100%);transform:translate(0,100%);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.mm-menu.mm-offcanvas.mm-bottom,.mm-menu.mm-offcanvas.mm-top{width:100%;min-width:100%;max-width:100%}.mm-menu.mm-offcanvas.mm-bottom{top:auto}html.mm-opening .mm-menu.mm-offcanvas.mm-front,html.mm-opening .mm-menu.mm-offcanvas.mm-next{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu.mm-offcanvas.mm-bottom,.mm-menu.mm-offcanvas.mm-top{height:80%;min-height:140px;max-height:880px} .mm-menu.mm-theme-dark{background:#333;border-color:rgba(0,0,0,.15);color:rgba(255,255,255,.8)}.mm-menu.mm-theme-dark .mm-navbar a,.mm-menu.mm-theme-dark .mm-navbar>*{color:rgba(255,255,255,.4)}.mm-menu.mm-theme-dark .mm-btn:after,.mm-menu.mm-theme-dark .mm-btn:before{border-color:rgba(255,255,255,.4)}.mm-menu.mm-theme-dark .mm-listview{border-color:rgba(0,0,0,.15)}.mm-menu.mm-theme-dark .mm-listview>li .mm-next:after{border-color:rgba(255,255,255,.4)}.mm-menu.mm-theme-dark .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(0,0,0,.1);tap-highlight-color:rgba(0,0,0,.1)}.mm-menu.mm-theme-dark .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-dark .mm-listview>li.mm-selected>span{background:rgba(0,0,0,.1)}.mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(255,255,255,.05)}.mm-menu.mm-theme-dark .mm-divider{background:rgba(255,255,255,.05)}.mm-menu.mm-theme-dark label.mm-check:before{border-color:rgba(255,255,255,.8)}.mm-menu.mm-theme-dark em.mm-counter{color:rgba(255,255,255,.4)}.mm-menu.mm-theme-dark .mm-fixeddivider span{background:rgba(255,255,255,.05)}.mm-menu.mm-keyboardfocus a:focus{background:rgba(0,0,0,.1)}.mm-menu.mm-shadow-page.mm-theme-dark:after{box-shadow:0 0 20px rgba(0,0,0,.5)}.mm-menu.mm-shadow-panels.mm-theme-dark .mm-panel.mm-opened:nth-child(n+2){box-shadow:0 0 20px rgba(0,0,0,.5)}.mm-menu.mm-theme-dark .mm-search input{background:rgba(255,255,255,.3);color:rgba(255,255,255,.8)}.mm-menu.mm-theme-dark .mm-noresultsmsg{color:rgba(255,255,255,.4)}.mm-menu.mm-theme-dark .mm-indexer a{color:rgba(255,255,255,.4)}.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview>li>a:not(.mm-fullsubopen):hover{background:rgba(0,0,0,.1)}.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(0,0,0,.1)}.mm-menu.mm-theme-dark label.mm-toggle{background:rgba(0,0,0,.15)}.mm-menu.mm-theme-dark label.mm-toggle:before{background:#333}.mm-menu.mm-theme-dark input.mm-toggle:checked~label.mm-toggle{background:#4bd963}.mm-menu.mm-theme-white{background:#fff;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.6)}.mm-menu.mm-theme-white .mm-navbar a,.mm-menu.mm-theme-white .mm-navbar>*{color:rgba(0,0,0,.3)}.mm-menu.mm-theme-white .mm-btn:after,.mm-menu.mm-theme-white .mm-btn:before{border-color:rgba(0,0,0,.3)}.mm-menu.mm-theme-white .mm-listview{border-color:rgba(0,0,0,.1)}.mm-menu.mm-theme-white .mm-listview>li .mm-next:after{border-color:rgba(0,0,0,.3)}.mm-menu.mm-theme-white .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(0,0,0,.05);tap-highlight-color:rgba(0,0,0,.05)}.mm-menu.mm-theme-white .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-white .mm-listview>li.mm-selected>span{background:rgba(0,0,0,.05)}.mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(0,0,0,.05)}.mm-menu.mm-theme-white .mm-divider{background:rgba(0,0,0,.05)}.mm-menu.mm-theme-white label.mm-check:before{border-color:rgba(0,0,0,.6)}.mm-menu.mm-theme-white em.mm-counter{color:rgba(0,0,0,.3)}.mm-menu.mm-theme-white .mm-fixeddivider span{background:rgba(0,0,0,.05)}.mm-menu.mm-keyboardfocus a:focus{background:rgba(0,0,0,.05)}.mm-menu.mm-shadow-page.mm-theme-white:after{box-shadow:0 0 10px rgba(0,0,0,.2)}.mm-menu.mm-shadow-panels.mm-theme-white .mm-panel.mm-opened:nth-child(n+2){box-shadow:0 0 10px rgba(0,0,0,.2)}.mm-menu.mm-theme-white .mm-search input{background:rgba(0,0,0,.05);color:rgba(0,0,0,.6)}.mm-menu.mm-theme-white .mm-noresultsmsg{color:rgba(0,0,0,.3)}.mm-menu.mm-theme-white .mm-indexer a{color:rgba(0,0,0,.3)}.mm-menu.mm-hoverselected.mm-theme-white .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected.mm-theme-white .mm-listview>li>a:not(.mm-fullsubopen):hover{background:rgba(0,0,0,.05)}.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(0,0,0,.05)}.mm-menu.mm-theme-white label.mm-toggle{background:rgba(0,0,0,.1)}.mm-menu.mm-theme-white label.mm-toggle:before{background:#fff}.mm-menu.mm-theme-white input.mm-toggle:checked~label.mm-toggle{background:#4bd963}.mm-menu.mm-theme-black{background:#000;border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.6)}.mm-menu.mm-theme-black .mm-navbar a,.mm-menu.mm-theme-black .mm-navbar>*{color:rgba(255,255,255,.4)}.mm-menu.mm-theme-black .mm-btn:after,.mm-menu.mm-theme-black .mm-btn:before{border-color:rgba(255,255,255,.4)}.mm-menu.mm-theme-black .mm-listview{border-color:rgba(255,255,255,.2)}.mm-menu.mm-theme-black .mm-listview>li .mm-next:after{border-color:rgba(255,255,255,.4)}.mm-menu.mm-theme-black .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(255,255,255,.3);tap-highlight-color:rgba(255,255,255,.3)}.mm-menu.mm-theme-black .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-black .mm-listview>li.mm-selected>span{background:rgba(255,255,255,.3)}.mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(255,255,255,.2)}.mm-menu.mm-theme-black .mm-divider{background:rgba(255,255,255,.2)}.mm-menu.mm-theme-black label.mm-check:before{border-color:rgba(255,255,255,.6)}.mm-menu.mm-theme-black em.mm-counter{color:rgba(255,255,255,.4)}.mm-menu.mm-theme-black .mm-fixeddivider span{background:rgba(255,255,255,.2)}.mm-menu.mm-keyboardfocus a:focus{background:rgba(255,255,255,.3)}.mm-menu.mm-shadow-page.mm-theme-black:after{content:none;display:none}.mm-menu.mm-shadow-panels.mm-theme-black .mm-panel.mm-opened:nth-child(n+2){box-shadow:false}.mm-menu.mm-theme-black .mm-search input{background:rgba(255,255,255,.3);color:rgba(255,255,255,.6)}.mm-menu.mm-theme-black .mm-noresultsmsg{color:rgba(255,255,255,.4)}.mm-menu.mm-theme-black .mm-indexer a{color:rgba(255,255,255,.4)}.mm-menu.mm-hoverselected.mm-theme-black .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected.mm-theme-black .mm-listview>li>a:not(.mm-fullsubopen):hover{background:rgba(255,255,255,.3)}.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(255,255,255,.3)}.mm-menu.mm-theme-black label.mm-toggle{background:rgba(255,255,255,.2)}.mm-menu.mm-theme-black label.mm-toggle:before{background:#000}.mm-menu.mm-theme-black input.mm-toggle:checked~label.mm-toggle{background:#4bd963} #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} .mejs__offscreen{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal}.mejs__container{background:#000;box-sizing:border-box;font-family:'Helvetica',Arial,serif;position:relative;text-align:left;text-indent:0;vertical-align:top}.mejs__container *{box-sizing:border-box}.mejs__container video::-webkit-media-controls,.mejs__container video::-webkit-media-controls-panel,.mejs__container video::-webkit-media-controls-panel-container,.mejs__container video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.mejs__fill-container,.mejs__fill-container .mejs__container{height:100%;width:100%}.mejs__fill-container{background:0 0;margin:0 auto;overflow:hidden;position:relative}.mejs__container:focus{outline:0}.mejs__iframe-overlay{height:100%;position:absolute;width:100%}.mejs__embed,.mejs__embed body{background:#000;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.mejs__fullscreen{overflow:hidden!important}.mejs__container-fullscreen{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}.mejs__container-fullscreen .mejs__mediaelement,.mejs__container-fullscreen video{height:100%!important;width:100%!important}.mejs__background{left:0;position:absolute;top:0}.mejs__mediaelement{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.mejs__poster{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;left:0;position:absolute;top:0;z-index:1}:root .mejs__poster-img{display:none}.mejs__poster-img{border:0;padding:0}.mejs__overlay{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;left:0;position:absolute;top:0}.mejs__layer{z-index:1}.mejs__overlay-play{cursor:pointer}.mejs__overlay-button{background:url(../../assets/mediaelement/images/mejs-controls.svg) no-repeat;background-position:0 -39px;height:80px;width:80px}.mejs__overlay:hover>.mejs__overlay-button{background-position:-80px -39px}.mejs__overlay-loading{height:80px;width:80px}.mejs__overlay-loading-bg-img{-webkit-animation:mejs__loading-spinner 1s linear infinite;animation:mejs__loading-spinner 1s linear infinite;background:url(../../assets/mediaelement/images/mejs-controls.svg) -160px -40px no-repeat;display:block;height:80px;width:80px;z-index:1}@-webkit-keyframes mejs__loading-spinner{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes mejs__loading-spinner{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.mejs__controls{bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:40px;left:0;list-style-type:none;margin:0;padding:0 10px;position:absolute;width:100%;z-index:3}.mejs__controls:not([style*='display: none']){background:rgba(255,0,0,.7);background:-webkit-linear-gradient(transparent,rgba(0,0,0,.35));background:linear-gradient(transparent,rgba(0,0,0,.35))}.mejs__button,.mejs__time,.mejs__time-rail{font-size:10px;height:40px;line-height:10px;margin:0;width:32px}.mejs__button>button{background:url(../../assets/mediaelement/images/mejs-controls.svg);border:0;cursor:pointer;display:block;font-size:0;height:20px;line-height:0;margin:10px 6px;overflow:hidden;padding:0;position:absolute;text-decoration:none;width:20px}.mejs__button>button:focus{outline:dotted 1px #999}.mejs__container-keyboard-inactive a,.mejs__container-keyboard-inactive a:focus,.mejs__container-keyboard-inactive button,.mejs__container-keyboard-inactive button:focus,.mejs__container-keyboard-inactive [role=slider],.mejs__container-keyboard-inactive [role=slider]:focus{outline:0}.mejs__time{box-sizing:content-box;color:#fff;font-size:11px;font-weight:700;height:24px;overflow:hidden;padding:16px 6px 0;text-align:center;width:auto}.mejs__play>button{background-position:0 0}.mejs__pause>button{background-position:-20px 0}.mejs__replay>button{background-position:-160px 0}.mejs__time-rail{direction:ltr;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;height:40px;margin:0 10px;padding-top:10px;position:relative}.mejs__time-total,.mejs__time-buffering,.mejs__time-loaded,.mejs__time-current,.mejs__time-float,.mejs__time-hovered,.mejs__time-float-current,.mejs__time-float-corner,.mejs__time-marker{border-radius:2px;cursor:pointer;display:block;height:10px;position:absolute}.mejs__time-total{background:rgba(255,255,255,.3);margin:5px 0 0;width:100%}.mejs__time-buffering{-webkit-animation:buffering-stripes 2s linear infinite;animation:buffering-stripes 2s linear infinite;background:-webkit-linear-gradient(135deg,rgba(255,255,255,.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.4) 75%,transparent 75%,transparent);background:linear-gradient(-45deg,rgba(255,255,255,.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.4) 75%,transparent 75%,transparent);background-size:15px 15px;width:100%}@-webkit-keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}@keyframes buffering-stripes{0%{background-position:0 0}to{background-position:30px 0}}.mejs__time-loaded{background:rgba(255,255,255,.3)}.mejs__time-current,.mejs__time-handle-content{background:rgba(255,255,255,.9)}.mejs__time-hovered{background:rgba(255,255,255,.5);z-index:10}.mejs__time-hovered.negative{background:rgba(0,0,0,.2)}.mejs__time-current,.mejs__time-buffering,.mejs__time-loaded,.mejs__time-hovered{left:0;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transition:.15s ease-in all;transition:.15s ease-in all;width:100%}.mejs__time-buffering{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}.mejs__time-hovered{-webkit-transition:height .1s cubic-bezier(.44,0,1,1);transition:height .1s cubic-bezier(.44,0,1,1)}.mejs__time-hovered.no-hover{-webkit-transform:scaleX(0)!important;-ms-transform:scaleX(0)!important;transform:scaleX(0)!important}.mejs__time-handle,.mejs__time-handle-content{border:4px solid transparent;cursor:pointer;left:0;position:absolute;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);z-index:11}.mejs__time-handle-content{border:4px solid rgba(255,255,255,.9);border-radius:50%;height:10px;left:-7px;top:-4px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);width:10px}.mejs__time-rail:hover .mejs__time-handle-content,.mejs__time-rail .mejs__time-handle-content:focus,.mejs__time-rail .mejs__time-handle-content:active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.mejs__time-float{background:#eee;border:solid 1px #333;bottom:100%;color:#111;display:none;height:17px;margin-bottom:9px;position:absolute;text-align:center;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:36px}.mejs__time-float-current{display:block;left:0;margin:2px;text-align:center;width:30px}.mejs__time-float-corner{border:solid 5px #eee;border-color:#eee transparent transparent;border-radius:0;display:block;height:0;left:50%;line-height:0;position:absolute;top:100%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:0}.mejs__long-video .mejs__time-float{margin-left:-23px;width:64px}.mejs__long-video .mejs__time-float-current{width:60px}.mejs__broadcast{color:#fff;height:10px;position:absolute;top:15px;width:100%}.mejs__fullscreen-button>button{background-position:-80px 0}.mejs__unfullscreen>button{background-position:-100px 0}.mejs__mute>button{background-position:-60px 0}.mejs__unmute>button{background-position:-40px 0}.mejs__volume-button{position:relative}.mejs__volume-button>.mejs__volume-slider{-webkit-backface-visibility:hidden;background:rgba(50,50,50,.7);border-radius:0;bottom:100%;display:none;height:115px;left:50%;margin:0;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:25px;z-index:1}.mejs__volume-button:hover{border-radius:0 0 4px 4px}.mejs__volume-total{background:rgba(255,255,255,.5);height:100px;left:50%;margin:0;position:absolute;top:8px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:2px}.mejs__volume-current{background:rgba(255,255,255,.9);left:0;margin:0;position:absolute;width:100%}.mejs__volume-handle{background:rgba(255,255,255,.9);border-radius:1px;cursor:ns-resize;height:6px;left:50%;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:16px}.mejs__horizontal-volume-slider{display:block;height:36px;position:relative;vertical-align:middle;width:56px}.mejs__horizontal-volume-total{background:rgba(50,50,50,.8);border-radius:2px;font-size:1px;height:8px;left:0;margin:0;padding:0;position:absolute;top:16px;width:50px}.mejs__horizontal-volume-current{background:rgba(255,255,255,.8);border-radius:2px;font-size:1px;height:100%;left:0;margin:0;padding:0;position:absolute;top:0;width:100%}.mejs__horizontal-volume-handle{display:none}.mejs__captions-button,.mejs__chapters-button{position:relative}.mejs__captions-button>button{background-position:-140px 0}.mejs__chapters-button>button{background-position:-180px 0}.mejs__captions-button>.mejs__captions-selector,.mejs__chapters-button>.mejs__chapters-selector{background:rgba(50,50,50,.7);border:solid 1px transparent;border-radius:0;bottom:100%;margin-right:-43px;overflow:hidden;padding:0;position:absolute;right:50%;visibility:visible;width:86px}.mejs__chapters-button>.mejs__chapters-selector{margin-right:-55px;width:110px}.mejs__captions-selector-list,.mejs__chapters-selector-list{list-style-type:none!important;margin:0;overflow:hidden;padding:0}.mejs__captions-selector-list-item,.mejs__chapters-selector-list-item{color:#fff;cursor:pointer;display:block;list-style-type:none!important;margin:0 0 6px;overflow:hidden;padding:0}.mejs__captions-selector-list-item:hover,.mejs__chapters-selector-list-item:hover{background-color:#c8c8c8!important;background-color:rgba(255,255,255,.4)!important}.mejs__captions-selector-input,.mejs__chapters-selector-input{clear:both;float:left;left:-1000px;margin:3px 3px 0 5px;position:absolute}.mejs__captions-selector-label,.mejs__chapters-selector-label{cursor:pointer;float:left;font-size:10px;line-height:15px;padding:4px 10px 0;width:100%}.mejs__captions-selected,.mejs__chapters-selected{color:#21f8f8}.mejs__captions-translations{font-size:10px;margin:0 0 5px}.mejs__captions-layer{bottom:0;color:#fff;font-size:16px;left:0;line-height:20px;position:absolute;text-align:center}.mejs__captions-layer a{color:#fff;text-decoration:underline}.mejs__captions-layer[lang=ar]{font-size:20px;font-weight:400}.mejs__captions-position{bottom:15px;left:0;position:absolute;width:100%}.mejs__captions-position-hover{bottom:35px}.mejs__captions-text,.mejs__captions-text *{background:rgba(20,20,20,.5);box-shadow:5px 0 0 rgba(20,20,20,.5),-5px 0 0 rgba(20,20,20,.5);padding:0;white-space:pre-wrap}.mejs__container.mejs__hide-cues video::-webkit-media-text-track-container{display:none}.mejs__overlay-error{position:relative}.mejs__overlay-error>img{left:0;max-width:100%;position:absolute;top:0;z-index:-1}.mejs__cannotplay,.mejs__cannotplay a{color:#fff;font-size:.8em}.mejs__cannotplay{position:relative}.mejs__cannotplay p,.mejs__cannotplay a{display:inline-block;padding:0 15px;width:100%} html, body{ height:100%; font-family:"SiemensSerif"; /* font-family:"SiemensSerifBold"; */ color:#000000; font-size:15px; line-height:19px; font-weight:normal; background:#fff; letter-spacing: .02em; } #container{ } .ce_form .error{color:#FF0000;} /* Html Elemente */ h1{ font-size:22px; line-height:26px; font-weight:bold; margin-bottom:30px; } h2{ font-size:20px; line-height:24px; font-weight:bold; } h3{ font-size:18px; line-height:22px; font-weight:bold; } h4{ font-family:"UniversLT-Condensed"; font-size:16px; line-height:20px; font-weight:bold; } a:link, a:visited, a:hover, a:active, a:focus, div{ outline: 0px; } a{ color:#000; text-decoration:none; font-weight:bold; } a:hover, a:focus{ color:#5b5e58; text-decoration:underline; } hr{ border:0; color: #000000; background: url("../../files/evs/layout/linie.png") repeat-x center #fff; height: 9px; margin: 10px 0px 10px 0px; } /* Allgemeine Formate */ .left{float:left;} .right{float:right;} .textleft{text-align:left;} .textright{text-align:right;} .textcenter{text-align:center;} .no-margin{ margin-left:0px !important; margin-right:0px !important; } #wrapper{ background:#FFFFFF; } #main ul{ padding-left:20px; } #main ul li{ list-style-type: none; background: url(../../files/evs/layout/bulletpoint.png) no-repeat left 3px; padding: 2px 0px 2px 15px; } /* Header */ #header{ height:186px; } #container{ } #main{ padding-top:30px; padding-bottom:30px; } /* Footer */ #footer{ text-align:center; } #footer li{ list-style:none; display:inline; } /* Startseite */ .flexslider{ margin-bottom: 16px; border:0 !important; } .flexslider ul{ padding-left:0px !important; } .flexslider li{ background: none !important; padding-left: 0px !important; } .flex-caption p { font-size: 16px; line-height:20px; padding: 5px 0 5px 0; margin: 0px; } .flexslider .flex-caption .caption_title_line{ position:absolute; bottom:1px; color:#fff; padding: 15px 32px 15px 32px; background: url("../../files/evs/layout/sw60.png") repeat center transparent; font-weight:bold; } .flexslider .flex-caption .caption_title_line a{ color:#FFF; float:right; font-weight:normal; font-size:14px; line-height:18px; } .flexslider .flex-caption .caption_title_line a:hover, .flexslider .flex-caption .caption_title_line a:focus{ text-decoration:underline; } .ce_image.teaser-startseite{ position:relative; margin-bottom:20px; } .ce_image.teaser-startseite .image_container{ margin-bottom:-5px; } .ce_image.teaser-startseite .caption{ position:absolute; bottom:0px; width:92%; color:#fff; padding: 15px 4% 15px 4%; background: url("../../files/evs/layout/sw60.png") repeat center transparent; font-weight:bold; } .ce_image.teaser-startseite .caption a{ position:absolute; bottom:20px; right:4%; color:#fff; text-decoration:underline; font-weight:normal; } .ce_image.teaser-startseite .caption a:hover, .ce_image.teaser-startseite .caption a:focus{ text-decoration:none; } body.startseite .teaser-text{ float:left; margin: 0 10px 0 10px; } body.startseite .teaser-text.first{ } body.startseite .teaser-text.last{ } body.startseite .teaser-text a{ } body.startseite .teaser-text a:hover, body.startseite .teaser-text a:focus{ } /* Metamodels & Mauerwerk */ .ce_masonry ul, .ce_masonry ul li, .rechte-spalte .item ul, .rechte-spalte .item ul li, .object-item ul, .object-item ul li{ list-style-type:none !important; padding-left:0px !important; background:transparent !important; } .ce_masonry .pagination{ clear:both; width:100%; } .ce_masonry .pagination p, .ce_masonry .pagination ul{ margin-left:10px; margin-right:10px; } .ce_masonry .pagination ul li{ display:inline-block; padding-right:6px !important; } .ce_masonry, .ce_masonry .ce_metamodel_content{ margin-left:0px !important; margin-right:0px !important; } .ukraine .ce_masonry p.info{ display:none; } /* Förderungen */ .teaser-kunstwerk{ margin-bottom:20px; } /* Ausstellungen */ .mod_eventlist.teaser-objekte { margin-left:0px !important; margin-right:0px !important; } .mod_eventmenu ul{ margin-left:-5px; } .mod_eventmenu ul, .mod_eventmenu ul li{ list-style-type:none !important; padding-left:0px !important; background:transparent !important; } .mod_eventmenu ul li{ display:inline-block; padding-left:5px !important; padding-right:5px !important; } .mod_eventmenu ul li.first{display:none;} .startseite .event-offset:nth-child(1), .startseite .event-offset:nth-child(2), .startseite .event-offset:nth-child(3), .startseite .event-offset:nth-child(4){ display:none !important; } .layout_list p.info, .mod_eventreader p.info{ font-style:italic; } .layout_list{ padding-bottom:30px; } .layout_list p a{ margin-top:8px; } .layout_list h2{ font-size:16px; line-height:20px; font-weight:bold; margin-top:6px; margin-bottom:4px; } .layout_list a{ } .layout_list a:hover, .layout_list a:focus{ text-decoration:underline; } .layout_list p{ margin: 5px 0px 5px 0px; } .layout_list .more{ margin-top:8px !important; margin-bottom:0px !important; } .mod_eventreader h1.main, .mod_eventreader p.info, .mod_eventreader p.location, .mod_eventreader p.back{ margin-left:10px !important; margin-right:10px !important; } /* .mod_eventlist .layout_list{ clear:both; } .mod_eventlist .layout_list .image_container{ width:330px; float:left; margin-right:40px; margin-bottom:20px; } .mod_eventreader .ce_text{ margin-left:0px !important; margin-right:0px !important; } */ /* Detailseiten */ .ce_hyperlink{ margin-bottom:30px; } /* Suche */ .mod_search .highlight{ font-weight:bold; } .mod_search .widget-text{ float:left; margin-right:10px; padding-top:3px; } .mod_search button[type="submit"]{ width:23px; height:21px; background:transparent; background-image:url(../../files/evs/layout/icon-lupe.png); background-repeat:no-repeat; background-position: 5px 4px !important; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; text-indent:-10000px; padding: 0px 0px 0px 0px; margin: 1px 10px 0px 0px; border:0px solid #FFFFFF; cursor:pointer; } .mod_search button[type="submit"]:hover{ background-image:url(../../files/evs/layout/icon-lupe-over.png); background-repeat:no-repeat; background-position: 5px 4px !important; } /* Objekte */ .ce_image.objekt{ padding-bottom:30px; } .ce_image.objekt .image_container{ margin-bottom:15px; } .ce_image.objekt:hover a{ text-decoration:none !important; color:#5b5e58 !important; } .ce_image.objekt h2{ font-size:16px; line-height:20px; margin-top:6px; margin-bottom:4px; } .ce_image.objekt .standort{ font-weight:400 !important; } .ce_image.objekt .detail{ display:inline-block; margin-top:12px; } .startseite .pagination{ display:none !important; } .ce_image.objekt.zitat a{ font-weight:normal; font-style:italic; } .ce_image.objekt.zitat a strong{ font-style:normal; } .ce_image.objekt .zitat-container{ color:#009fe3; font-style:italic; font-size:19px; line-height:27px; margin-top:40px; } .ce_image.objekt .zitat-container strong{ font-style:normal; font-size:15px; line-height:normal; } .ce_image.objekt p.corona{ margin-top:40px; margin-bottom:20px; } .ce_image.objekt span.zitat{ color:#009fe3; } /* Nachrichten */ p.empty{ margin-left:10px !important; margin-right:10px !important; } .layout_latest{ padding-bottom:30px; } .layout_latest h2{ font-size:16px; line-height:20px; margin-top:6px; margin-bottom:4px; } .layout_latest p.info{ margin-top:5px; margin-bottom:5px; font-style:italic; } .layout_latest .ce_text{ margin-left:0px !important; margin-right:0px !important; } .layout_latest .ce_text p{ margin-top:0px !important; margin-bottom:0px !important; } .layout_latest .more{ margin-top:12px !important; margin-bottom:0px !important; } .mod_newsreader p.info{ margin-top:5px; margin-bottom:5px; font-style:italic; margin-left:10px !important; margin-right:10px !important; } .mod_newsreader{ margin-left:0px !important; margin-right:0px !important; } .mod_newsreader h1.main{ margin-left:10px !important; margin-right:10px !important; } .mod_newsreader .ce_gallery{ margin-left:0px !important; margin-right:0px !important; margin-top:20px; } .ce_gallery li{ padding:0 !important; margin-bottom:14px; } .ce_gallery a{ cursor:zoom-in; } .ce_gallery h1, .ce_gallery h2, .ce_gallery h3, .ce_gallery h4{ margin-left:10px !important; margin-right:10px !important; } .mod_newsreader .back{ margin-left:10px !important; margin-right:10px !important; } .ce_download .size{ display:none; } /* Logo Header */ #logo-header{ position:absolute; top:34px; left:0px; max-width:40%; } #logo-header .image_container{ margin-bottom:-5px; } /* Subnavigation Header */ #header .subnavigation{ position:absolute; top:31px; right:0px; font-family: "UniversLT-Condensed"; font-size:16px; line-height:20px; color:#000000; } #footer .subnavigation{ font-family: "UniversLT-Condensed"; font-size:14px; line-height:18px; color:#5b5e58; padding-top:30px; padding-bottom:30px; color:#000000; } #header .subnavigation ul, #footer .subnavigation ul{ margin:0; padding:0; } #header .subnavigation a, #footer .subnavigation a{ color:#5b5e58; font-weight:normal; } #header .subnavigation a:hover, #header .subnavigation a:focus, #footer .subnavigation a:hover, #footer .subnavigation a:focus{ color:#000; } #header .subnavigation li, #footer .subnavigation li{ display:inline; padding-left:8px; } .ce_gallery ul{ list-style-type:none !important; padding-left:0px !important; } /* Hauptnavigation */ #hauptnavigation{ position:absolute; top:147px; left:240px; overflow:visible; font-size:17px; line-height:21px; } #hauptnavigation a{ font-weight:normal; text-decoration:none !important; } #hauptnavigation li.ukraine, .mm-panel li.ukraine{ background:url(../../files/evs/layout/nav-bg.png) no-repeat right center #fff; background-size:40px 100%; } #hauptnavigation li.ukraine a, #hauptnavigation li.ukraine span, .mm-panel li.ukraine a, .mm-panel li.ukraine span{ /* color:#009fe3; */ color:#3459a7; } #hauptnavigation li.ukraine a:hover{ color:#000; } /* Mobile Menu */ #header a.menu-button{ position:absolute; top:30px; right:0px; z-index:99999; padding: 7px 8px 4px 24px; background:url(../../files/evs/layout/bg-mobile-menu.png) no-repeat center left #FFFFFF; color:#000000; font-weight:400; text-decoration:none; text-transform:uppercase; border-left:5px solid #FFFFFF; } #header a.menu-button:hover{ background:url(../../files/evs/layout/bg-mobile-menu-over.png) no-repeat center left #FFFFFF; color:#CCCCCC; } /* Suchformular */ #header .suche-header{ width:230px; padding: 4px 0px 4px 0px; } #header .suche-header input[type="text"]{ float:right; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border: 1px solid #a0a0a0; font-family: 'UniversLT-Condensed'; width:187px; height:23px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } #header .suche-header .submit_container{ width:23px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } #header .suche-header input[type="submit"], #header .suche-header button[type="submit"]{ float:right; width:23px; height:21px; background:transparent; background-image:url(../../files/evs/layout/icon-lupe.png); background-repeat:no-repeat; background-position: 5px 4px !important; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; text-indent:-10000px; padding: 0px 0px 0px 0px; margin: 1px 10px 0px 0px; border:0px solid #FFFFFF; cursor:pointer; } #header .suche-header input[type="submit"]:hover, #header .suche-header button[type="submit"]:hover{ background-image:url(../../files/evs/layout/icon-lupe-over.png); background-repeat:no-repeat; background-position: 5px 4px !important; } /* Rechte Spalte */ .rechte-spalte{ /* font-size:16px; line-height:20px; font-weight:normal; */ } .rechte-spalte h2.aktuell{ font-size:48px; line-height:52px; font-weight:600; letter-spacing:.04em; margin: 0px 0px 0px 10px; padding:0; } .rechte-spalte h3{ font-size:18px; line-height:22px; font-weight:bold; margin: 10px 0px 0px 0px; } .rechte-spalte h4{ font-family:"UniversLT-Condensed"; font-size:16px; line-height:20px; font-weight:bold; margin-bottom:10px; } .rechte-spalte a{ } .rechte-spalte strong{ font-size:18px; line-height:22px; } .rechte-spalte a:hover{ } /* .rechte-spalte .mod_eventlist .event{ margin: 0px 0px 20px 0px; } */ /* Galerie-Element */ .ce_gallery li{ background: none !important; padding-left: 0px !important; } /* Besucherzähler */ .mod_visitors { display:none; } /* MM Filter */ .ce_metamodels_frontendfilter { margin-bottom:20px; } .ce_metamodels_frontendfilter .widget.custom_filter_evs.unused li.reset{ display:none; } .ce_metamodels_frontendfilter .widget.custom_filter_evs.used a{ color:#5b5e58; } .ce_metamodels_frontendfilter .widget.custom_filter_evs li.selected a{ text-decoration:underline; color:#000; } .ce_metamodels_frontendfilter .widget.custom_filter_evs ul{ margin:0px; padding:0px !important; } .ce_metamodels_frontendfilter .widget.custom_filter_evs ul li{ background:transparent !important; display:inline-block; padding: 0px 10px 5px 0px !important; } .ce_metamodels_frontendfilter .widget.custom_filter_evs ul li.label{ padding: 0px 10px 5px 0px !important; } .ce_metamodels_frontendfilter .widget.custom_filter_evs ul li.reset{ padding: 0px 0px 5px 0px !important; } .ce_metamodels_frontendfilter .widget.custom_filter_evs ul li.reset a{ color:#000 !important; } /* Accordion */ .ce_accordion.first{ margin-top:20px; } .ce_accordion .toggler{ font-size:22px; line-height:26px; font-weight:bold; margin-bottom:30px; cursor:pointer; } .ce_accordion.en .toggler{ background:url(../../files/evs/layout/flag-en.png) no-repeat left top transparent; background-size: auto 26px; padding-left:60px; } .ce_accordion.ukr .toggler{ background:url(../../files/evs/layout/flag-ukr.png) no-repeat left top transparent; background-size: auto 26px; padding-left:60px; } .ce_accordion.rus .toggler{ background:url(../../files/evs/layout/flag-rus.png) no-repeat left top transparent; background-size: auto 26px; padding-left:60px; } @import url("//hello.myfonts.net/count/2a2d2d"); @font-face {font-family: 'UniversLT-Condensed';src: url('../../files/evs/css/fonts/2A2D2D_0_0.eot');src: url('../../files/evs/css/fonts/2A2D2D_0_0.eot?#iefix') format('embedded-opentype'),url('../../files/evs/css/fonts/2A2D2D_0_0.woff') format('woff'),url('../../files/evs/css/fonts/2A2D2D_0_0.ttf') format('truetype');} @font-face {font-family: 'SabonLTPro-Roman';src: url('../../files/evs/css/fonts/2A2D2D_1_0.eot');src: url('../../files/evs/css/fonts/2A2D2D_1_0.eot?#iefix') format('embedded-opentype'),url('../../files/evs/css/fonts/2A2D2D_1_0.woff') format('woff'),url('../../files/evs/css/fonts/2A2D2D_1_0.ttf') format('truetype');} @font-face {font-family: 'SabonLTPro-Italic';src: url('../../files/evs/css/fonts/2A2D2D_2_0.eot');src: url('../../files/evs/css/fonts/2A2D2D_2_0.eot?#iefix') format('embedded-opentype'),url('../../files/evs/css/fonts/2A2D2D_2_0.woff') format('woff'),url('../../files/evs/css/fonts/2A2D2D_2_0.ttf') format('truetype');} @font-face { font-family: 'SiemensSerif'; src: url('../../files/evs/css/fonts/siser03-webfont.eot'); src: url('../../files/evs/css/fonts/siser03-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/evs/css/fonts/siser03-webfont.woff') format('woff'), url('../../files/evs/css/fonts/siser03-webfont.ttf') format('truetype'), url('../../files/evs/css/fonts/siser03-webfont.svg#SiemensSlabRoman') format('svg'); font-weight: 300; font-style: normal; } /** * Module siemens.webfonts * basic stylesheet * * @project - * @date 2011-09-26 * @author Timo Mayer, Virtual Identity AG * @licensor Siemens AG font face syntax from http://www.fontspring.com/blog/further-hardening-of-the-bulletproof-syntax compatible browsers: IE 6-9, Firefox 3.5+, Chrome 4+, Safari 3+, iOS 3.2+, Android 2.2+, Opera 10.50+ there can be some issues when the used font is installed localy too in Mac OS X environments see: http://paulirish.com/2010/font-face-gotchas/#smiley but we decided to NOT use the smiley hack to be android compatible DEV-NOTE: IE9 supports woff but uses eot because of woff mime-type problem in IIS webserver. if you use apache u can change format('embedded-opentype') to format('eot') DEV-NOTE: ?#iefix could cause problems with apache mod-security. try ?iefix instead if you have problems **/ @font-face { font-family: 'SiemensSerifBold'; src: url('../../files/evs/css/fonts/siemensserif-bold.eot'); /* IE9 Compat Modes */ src: url('../../files/evs/css/fonts/siemensserif-bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/evs/css/fonts/siemensserif-bold.woff') format('woff'), /* Modern Browsers */ url('../../files/evs/css/fonts/siemensserif-bold.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/evs/css/fonts/siemensserif-bold.svg#SiemensSlabRegular') format('svg'); /* Legacy iOS */ font-weight: normal; font-style: normal; } @font-face { font-family: 'SiemensSlab'; src: url('../../files/evs/css/fonts/siemensslab-roman-webfont.eot'); /* IE9 Compat Modes */ src: url('../../files/evs/css/fonts/siemensslab-roman-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/evs/css/fonts/siemensslab-roman-webfont.woff') format('woff'), /* Modern Browsers */ url('../../files/evs/css/fonts/siemensslab-roman-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/evs/css/fonts/siemensslab-roman-webfont.svg#SiemensSlabRegular') format('svg'); /* Legacy iOS */ font-weight: normal; font-style: normal; } @font-face { font-family: 'SiemensSlab'; src: url('../../files/evs/css/fonts/siemensslab-bold-webfont.eot'); /* IE9 Compat Modes */ src: url('../../files/evs/css/fonts/siemensslab-bold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/evs/css/fonts/siemensslab-bold-webfont.woff') format('woff'), /* Modern Browsers */ url('../../files/evs/css/fonts/siemensslab-bold-webfont.ttf') format('truetype'); /* Safari, Android, iOS */ /* no svg here because of iOS <= 3.1.x is crashing http://www.456bereastreet.com/archive/201012/font-face_tip_define_font-weight_and_font-style_to_keep_your_css_simple/ */ font-weight: bold; font-style: normal; } @font-face { font-family: 'SiemensSlab'; src: url('../../files/evs/css/fonts/siemensslab-italic-webfont.eot'); /* IE9 Compat Modes */ src: url('../../files/evs/css/fonts/siemensslab-italic-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/evs/css/fonts/siemensslab-italic-webfont.woff') format('woff'), /* Modern Browsers */ url('../../files/evs/css/fonts/siemensslab-italic-webfont.ttf') format('truetype'); /* Safari, Android, iOS */ /* no svg here because of iOS <= 3.1.x is crashing http://www.456bereastreet.com/archive/201012/font-face_tip_define_font-weight_and_font-style_to_keep_your_css_simple/ */ font-weight: normal; font-style: italic; } @font-face { font-family: 'SiemensSlab'; src: url('../../files/evs/css/fonts/siemensslab-bolditalic-webfont.eot'); /* IE9 Compat Modes */ src: url('../../files/evs/css/fonts/siemensslab-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/evs/css/fonts/siemensslab-bolditalic-webfont.woff') format('woff'), /* Modern Browsers */ url('../../files/evs/css/fonts/siemensslab-bolditalic-webfont.ttf') format('truetype'); /* Safari, Android, iOS */ /* no svg here because of iOS <= 3.1.x is crashing http://www.456bereastreet.com/archive/201012/font-face_tip_define_font-weight_and_font-style_to_keep_your_css_simple/ */ font-weight: bold; font-style: italic; } /** internet explorer 6-8 and iOS 3.1.x are not able to display different font-weight and font-style values for a single font. note: according to our test cases this works for ie 6-8 with Siemens Slab. seems like it depends on the used webfont. naming: -n = normal -i = italic 400 = font-weight normal 700 = font weight bold **/ @font-face { font-family: 'SiemensSlab-n700'; src: url('../../files/evs/css/fonts/siemensslab-bold-webfont.eot'); /* IE9 Compat Modes */ src: url('../../files/evs/css/fonts/siemensslab-bold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/evs/css/fonts/siemensslab-bold-webfont.woff') format('woff'), /* Modern Browsers */ url('../../files/evs/css/fonts/siemensslab-bold-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/evs/css/fonts/siemensslab-bold-webfont.svg#SiemensSlabBold') format('svg'); /* Legacy iOS */ font-weight: normal; font-style: normal; } @font-face { font-family: 'SiemensSlab-i400'; src: url('../../files/evs/css/fonts/siemensslab-italic-webfont.eot'); /* IE9 Compat Modes */ src: url('../../files/evs/css/fonts/siemensslab-italic-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/evs/css/fonts/siemensslab-italic-webfont.woff') format('woff'), /* Modern Browsers */ url('../../files/evs/css/fonts/siemensslab-italic-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/evs/css/fonts/siemensslab-italic-webfont.svg#SiemensSlabItalic') format('svg'); /* Legacy iOS */ font-weight: normal; font-style: normal; } @font-face { font-family: 'SiemensSlab-i700'; src: url('../../files/evs/css/fonts/siemensslab-bolditalic-webfont.eot'); /* IE9 Compat Modes */ src: url('../../files/evs/css/fonts/siemensslab-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/evs/css/fonts/siemensslab-bolditalic-webfont.woff') format('woff'), /* Modern Browsers */ url('../../files/evs/css/fonts/siemensslab-bolditalic-webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/evs/css/fonts/siemensslab-bolditalic-webfont.svg#SiemensSlabBoldItalic') format('svg'); /* Legacy iOS */ font-weight: normal; font-style: normal; } /* fix strange text-size behaviors with iphone, text-size-adjust:auto and (some) webfonts. android devices get this too but they ignore webkit-text-size-adjust */ @media screen and (max-device-width: 480px), screen and (-webkit-min-device-pixel-ratio: 2) { body { -webkit-text-size-adjust: 100%; } } #header h1, #header p.main, #header h2, #header h3, #header h4, #header h5, #header h6, #toolbar a.opener, .c-teaser ul.nav a, .c-teaser h1, .c-teaser h2, .c-article .hgroup h1, .c-article .hgroup h2, .s-right .c-article h1, .s-right .c-article h2 { font-family: "SiemensSlab", Arial, sans-serif; } /* hide fonts while loading in browsers with FOUT bug (IE, FF3.x) */ html.wf-loading #header h1, html.wf-loading #header p.main, html.wf-loading #header h2, html.wf-loading #header h3, html.wf-loading #header h4, html.wf-loading #header h5, html.wf-loading #header h6, html.wf-loading #toolbar a.opener, html.wf-loading .c-teaser ul.nav a, html.wf-loading .c-teaser h1, html.wf-loading .c-teaser h2, html.wf-loading .c-article .hgroup h1, html.wf-loading .c-article .hgroup h2, html.wf-loading .s-right .c-article h1, html.wf-loading .s-right .c-article h2 { visibility: hidden; } /* changes between Arial and Siemens Slab. Siemens Web Guidelines v1.5.1 pages 10 and 11 */ #header h1, #header p.main, .c-article .hgroup h1, .s-right .c-article h1 { font-size: 138.5%; font-weight: normal; line-height: 22px; } #header.type-1 h1, #header.type-2 h1, #header.type-3 h1 { font-size: 169.2%; } .c-article .hgroup h1, .s-right .c-article h1 { padding: 0 0 6px; } .c-teaser ul.nav a { font-size: 108.6%; font-weight: normal; color: #333; } #toolbar a.opener { font-size: 92.3%; } .c-teaser h1 { font-size: 92.3%; font-weight: normal; } /* not yet defined in core.css */ .c-teaser h2 { font-size: 123.1%; font-weight: normal; line-height: 1.4; color: #999; padding-bottom: 1px; } /* fallback if font smoothing is disabled */ html.fontSmoothing-false #header h1, html.fontSmoothing-false #header p.main, html.fontSmoothing-false #header h2, html.fontSmoothing-false #header h3, html.fontSmoothing-false #header h4, html.fontSmoothing-false #header h5, html.fontSmoothing-false #header h6, html.fontSmoothing-false #toolbar a.opener, html.fontSmoothing-false .c-teaser ul.nav a, html.fontSmoothing-false .c-teaser h1, html.fontSmoothing-false .c-teaser h2, html.fontSmoothing-false .c-article .hgroup h1, html.fontSmoothing-false .c-article .hgroup h2, html.fontSmoothing-false .s-right .c-article h1, html.fontSmoothing-false .s-right .c-article h2 { font-family: Arial, sans-serif !important; } /* Siemens Slab fallback changes between Arial and Siemens Slab. Siemens Web Guidelines v1.5.1 pages 10 and 11 */ html.fontSmoothing-false #header h1, html.fontSmoothing-false #header p.main, html.fontSmoothing-false .c-article .hgroup h1, html.fontSmoothing-false .s-right .c-article h1 { font-size: 123.1%; font-weight: bold; line-height: 1.25; } html.fontSmoothing-false #header.type-1 h1, html.fontSmoothing-false #header.type-2 h1, html.fontSmoothing-false #header.type-3 h1 { font-size: 153.9%; } html.fontSmoothing-false .c-article .hgroup h1, html.fontSmoothing-false .s-right .c-article h1 { padding: 1px 0 6px; } html.fontSmoothing-false .c-teaser ul.nav a { font-size: 100%; font-weight: bold; color: #666; } html.fontSmoothing-false #toolbar a.opener { font-size: 85%; } html.fontSmoothing-false .c-teaser h1 { font-size: 85%; font-weight: bold; } /* not yet defined in core.css */ html.fontSmoothing-false .c-teaser h2 { font-size: 123.1%; font-weight: normal; line-height: 1.4; color: #999; padding-bottom: 1px; } /** * Contao Open Source CMS, Copyright (C) 2005-2012 Leo Feyer * * Pixel Grid with 1120 pixel * @copyright Glen Langer (BugBuster) 2012..2013 * @author BugBuster * @package contaogrid-1120-16 * @license LGPL */ /** * Make the wrapping container 1120 pixel wide */ #wrapper { width:1120px; margin:0 auto; } /** * Set the default margin of the grid columns */ *[class*="grid"] { float:left; display:inline; margin-right:10px; margin-left:10px; } /** * Add a default margin to all content elements, so they align with the floatet * ones (otherwise you would have to add "grid12" to every element) */ .mod_article *[class*="ce_"],.mod_article *[class*="mod_"] { margin-left:10px; margin-right:10px; } /** * Remove the margin from floated articles, because the margin is already * applied to its content elements (see above) */ .mod_article.grid1,.mod_article.grid2,.mod_article.grid3,.mod_article.grid4,.mod_article.grid5,.mod_article.grid6, .mod_article.grid7,.mod_article.grid8,.mod_article.grid9,.mod_article.grid10,.mod_article.grid11,.mod_article.grid12, .mod_article.grid13,.mod_article.grid14,.mod_article.grid15,.mod_article.grid16 { margin-left:0; margin-right:0; } /** * Grid column widths */ .grid1 { width:50px; } .grid2 { width:120px; } .grid3 { width:190px; } .grid4 { width:260px; } .grid5 { width:330px; } .grid6 { width:400px; } .grid7 { width:470px; } .grid8 { width:540px; } .grid9 { width:610px; } .grid10 { width:680px; } .grid11 { width:750px; } .grid12 { width:820px; } .grid13 { width:890px; } .grid14 { width:960px; } .grid15 { width:1030px; } .grid16 { width:1100px; } /** * For 100% wide, without margin, not within an article * e.g. for HTML Modules in header */ .grid16_0 { margin: 0 !important; width: 100%; } /** * Floated articles can be 20 pixel wider (no margin) */ .mod_article.grid1 { width:70px; } .mod_article.grid2 { width:140px; } .mod_article.grid3 { width:210px; } .mod_article.grid4 { width:280px; } .mod_article.grid5 { width:350px; } .mod_article.grid6 { width:420px; } .mod_article.grid7 { width:490px; } .mod_article.grid8 { width:560px; } .mod_article.grid9 { width:630px; } .mod_article.grid10 { width:700px; } .mod_article.grid11 { width:770px; } .mod_article.grid12 { width:840px; } .mod_article.grid13 { width:910px; } .mod_article.grid14 { width:980px; } .mod_article.grid15 { width:1050px; } .mod_article.grid16 { width:1120px; } /** * Default offset widths */ .offset1 { margin-left:80px !important; } .offset2 { margin-left:150px !important; } .offset3 { margin-left:220px !important; } .offset4 { margin-left:290px !important; } .offset5 { margin-left:360px !important; } .offset6 { margin-left:430px !important; } .offset7 { margin-left:500px !important; } .offset8 { margin-left:570px !important; } .offset9 { margin-left:640px !important; } .offset10 { margin-left:710px !important; } .offset11 { margin-left:780px !important; } .offset12 { margin-left:850px !important; } .offset13 { margin-left:920px !important; } .offset14 { margin-left:990px !important; } .offset15 { margin-left:1060px !important; } /** * Floated articles do not have margin */ .mod_article.offset1 { margin-left:70px !important; } .mod_article.offset2 { margin-left:140px !important; } .mod_article.offset3 { margin-left:210px !important; } .mod_article.offset4 { margin-left:280px !important; } .mod_article.offset5 { margin-left:350px !important; } .mod_article.offset6 { margin-left:420px !important; } .mod_article.offset7 { margin-left:490px !important; } .mod_article.offset8 { margin-left:560px !important; } .mod_article.offset9 { margin-left:630px !important; } .mod_article.offset10 { margin-left:700px !important; } .mod_article.offset11 { margin-left:770px !important; } .mod_article.offset12 { margin-left:840px !important; } .mod_article.offset13 { margin-left:910px !important; } .mod_article.offset14 { margin-left:980px !important; } .mod_article.offset15 { margin-left:1050px !important; } /* #main .grid4.rechte-spalte{ width:260px; margin-left: 20px !important; } */ .rechte-spalte .mod_eventlist{ width:280px !important; margin-left:0px !important; margin-right:0px !important; } #header .menu-button{display:none;} #header .mod_navigation#hauptnavigation{display:block;} #header .mod_customnav.subnavigation{display:block;} #header .suche-header{ position:absolute; top:140px; right:0px; } #header{ background: url("../../files/evs/layout/bg-header.png") no-repeat 246px bottom #fff; margin: 0px 10px 0px 10px; } .flexslider .flex-caption .caption_title_line{ width:756px; } body.startseite .teaser-text{ width:260px; } body.startseite #startseite .layout_latest.grid4{ display:none; } body.startseite #startseite .ce_headline.news-headline-start{ display:none; } body.startseite #startseite .ce_divider.news-trenner{ display:none; } /** * Contao Open Source CMS, Copyright (C) 2005-2012 Leo Feyer * * Pixel Grid with 1120 pixel, responsive part * @copyright Glen Langer (BugBuster) 2012..2014 * @author BugBuster * @package contaogrid-1120-16 * @license LGPL */ /** * Reduce the overall width and the width of the grid columns if the screen * width is less than 1140px */ @media (min-width:980px) and (max-width:1140px) { /** * Reduce the overall width */ #wrapper { width:960px; } /** * Reduce the grid column widths */ .grid1 { width:40px; } .grid2 { width:100px; } .grid3 { width:160px; } .grid4 { width:220px; } .grid5 { width:280px; } .grid6 { width:340px; } .grid7 { width:400px; } .grid8 { width:460px; } .grid9 { width:520px; } .grid10 { width:580px; } .grid11 { width:640px; } .grid12 { width:700px; } .grid13 { width:760px; } .grid14 { width:820px; } .grid15 { width:880px; } .grid16 { width:940px; } /** * Floated articles can be 20 pixel wider (no margin) */ .mod_article.grid1 { width:60px; } .mod_article.grid2 { width:120px; } .mod_article.grid3 { width:180px; } .mod_article.grid4 { width:240px; } .mod_article.grid5 { width:300px; } .mod_article.grid6 { width:360px; } .mod_article.grid7 { width:420px; } .mod_article.grid8 { width:480px; } .mod_article.grid9 { width:540px; } .mod_article.grid10 { width:600px; } .mod_article.grid11 { width:660px; } .mod_article.grid12 { width:720px; } .mod_article.grid13 { width:780px; } .mod_article.grid14 { width:840px; } .mod_article.grid15 { width:900px; } .mod_article.grid16 { width:960px; } /** * Reduce the offset widths */ .offset1 { margin-left:70px !important; } .offset2 { margin-left:130px !important; } .offset3 { margin-left:190px !important; } .offset4 { margin-left:250px !important; } .offset5 { margin-left:310px !important; } .offset6 { margin-left:370px !important; } .offset7 { margin-left:430px !important; } .offset8 { margin-left:490px !important; } .offset9 { margin-left:550px !important; } .offset10 { margin-left:610px !important; } .offset11 { margin-left:670px !important; } .offset12 { margin-left:730px !important; } .offset13 { margin-left:790px !important; } .offset14 { margin-left:850px !important; } .offset15 { margin-left:910px !important; } /* #main .grid4.rechte-spalte{ width:220px; margin-left: 20px !important; } */ .rechte-spalte .mod_eventlist{ width:240px !important; margin-left:0px !important; margin-right:0px !important; } #header .suche-header{ position:absolute; top:140px; right:0px; } .flexslider .flex-caption .caption_title_line{ width:636px; } body.startseite .teaser-text{ width:220px; } } /** * Reduce the overall width and the width of the grid columns if the screen * width is less than 980px (e.g. on a portrait tablet) */ @media (min-width:768px) and (max-width:979px) { /** * Reduce the overall width */ #wrapper { width:768px; } /** * Reduce the grid column widths */ .grid1 { width:28px; } .grid2 { width:76px; } .grid3 { width:124px; } .grid4 { width:172px; } .grid5 { width:220px; } .grid6 { width:268px; } .grid7 { width:316px; } .grid8 { width:364px; } .grid9 { width:412px; } .grid10 { width:460px; } .grid11 { width:508px; } .grid12 { width:556px; } .grid13 { width:604px; } .grid14 { width:652px; } .grid15 { width:700px; } .grid16 { width:748px; } /** * Floated articles can be 20 pixel wider (no margin) */ .mod_article.grid1 { width:48px; } .mod_article.grid2 { width:96px; } .mod_article.grid3 { width:144px; } .mod_article.grid4 { width:192px; } .mod_article.grid5 { width:240px; } .mod_article.grid6 { width:288px; } .mod_article.grid7 { width:336px; } .mod_article.grid8 { width:384px; } .mod_article.grid9 { width:432px; } .mod_article.grid10 { width:480px; } .mod_article.grid11 { width:528px; } .mod_article.grid12 { width:576px; } .mod_article.grid13 { width:624px; } .mod_article.grid14 { width:672px; } .mod_article.grid15 { width:720px; } .mod_article.grid16 { width:768px; } /** * Reduce the offset widths */ .offset1 { margin-left:58px !important; } .offset2 { margin-left:106px !important; } .offset3 { margin-left:154px !important; } .offset4 { margin-left:202px !important; } .offset5 { margin-left:250px !important; } .offset6 { margin-left:298px !important; } .offset7 { margin-left:346px !important; } .offset8 { margin-left:394px !important; } .offset9 { margin-left:442px !important; } .offset10 { margin-left:490px !important; } .offset11 { margin-left:538px !important; } .offset12 { margin-left:586px !important; } .offset13 { margin-left:634px !important; } .offset14 { margin-left:682px !important; } .offset15 { margin-left:730px !important; } /** * Floated articles do not have margin */ .mod_article.offset1 { width:48px !important; } .mod_article.offset2 { width:96px !important; } .mod_article.offset3 { width:144px !important; } .mod_article.offset4 { width:192px !important; } .mod_article.offset5 { width:240px !important; } .mod_article.offset6 { width:288px !important; } .mod_article.offset7 { width:336px !important; } .mod_article.offset8 { width:384px !important; } .mod_article.offset9 { width:432px !important; } .mod_article.offset10 { width:480px !important; } .mod_article.offset11 { width:528px !important; } .mod_article.offset12 { width:576px !important; } .mod_article.offset13 { width:624px !important; } .mod_article.offset14 { width:672px !important; } .mod_article.offset15 { width:720px !important; } /* #main .grid4.rechte-spalte{ width:172px; margin-left: 20px !important; } */ .rechte-spalte .mod_eventlist{ width:202px !important; margin-left:0px !important; margin-right:0px !important; } #header .menu-button{display:block !important;} #header .mod_navigation#hauptnavigation{display:none !important;} #header .mod_customnav.subnavigation{display:none !important;} #header .suche-header{ position:absolute; top:140px; right:0px; } .rechte-spalte h2.aktuell{ font-size:36px; line-height:40px; font-weight:600; letter-spacing:.04em; } .flexslider .flex-caption .caption_title_line{ width:491px; } body.startseite .teaser-text{ width:170px; } } /** * Remove all floats and fixed widths if the screen width is less than 768 * pixel (e.g. on a mobile phone) */ @media (max-width:767px) { /** * Remove the overall width */ #wrapper { width:auto; } /** * Show all columns underneath each other * #3, #5 */ *[class*="grid"] { float:none !important; display:block !important; width:auto !important; } /** * Reduce the offset widths */ *[class*="offset"] { margin-left:10px !important; } #header .menu-button{display:block !important;} #header .mod_navigation#hauptnavigation{display:none !important;} #header .mod_customnav.subnavigation{display:none !important;} #header{ background: none; } .teaser-kunstwerk .image_container{ float:none !important; margin-right:0px !important; } /* #main .grid4.rechte-spalte{ margin-left: 0px !important; } */ .rechte-spalte .mod_eventlist{ width:auto !important; margin-left:0px !important; margin-right:0px !important; } .flexslider .flex-caption .caption_title_line{ width:92%; padding-left:4% !important; padding-right:4% !important; } body.startseite .teaser-text{ width:auto; } body.startseite #startseite .layout_latest.grid4{ display:block !important; } body.startseite #startseite .ce_headline.news-headline-start{ display:block !important; } body.startseite #startseite .ce_divider.news-trenner{ display:block !important; } body.startseite .mod_article.rechte-spalte .layout_latest.grid4{ display:none !important; } body.startseite .mod_article.rechte-spalte .ce_headline.news{ display:none !important; } body.startseite .mod_article.rechte-spalte .ce_divider.news{ display:none !important; } .mod_eventlist .layout_list .image_container{ float:none; } } .sf-menu { float: left; /* margin-bottom: 1em; */ color:#5b5e58; } .sf-menu ul { font-family:"UniversLT-Condensed"; font-size:14px; line-height:18px; min-width: 20em; /* allow long menu items to determine submenu width */ *width: 20em; /* no auto sub width for IE7, see white-space comment below */ background:#fff; } .sf-menu a { display:block; padding: .2em 10px .2em 10px; text-decoration: none; zoom: 1; /* IE7 */ } .sf-menu span.active, .sf-menu span.submenu, .sf-menu span.trail, .sf-menu span.current { display:block; padding: .2em 10px .2em 10px; text-decoration: none; zoom: 1; /* IE7 */ } .sf-menu a { } .sf-menu li { white-space: nowrap; /* no need for Supersubs plugin */ *white-space: normal; /* ...unless you support IE7 (let it wrap) */ } .sf-menu li.active span.active { display: block; } .sf-menu ul li { } .sf-menu ul ul li { } .sf-menu li:hover, .sf-menu li.sfHover { /* only transition out, not in */ } /*** arrows (for all except IE7) **/ .sf-arrows .sf-with-ul { padding-right: 2.5em !important; *padding-right: 1em !important; /* no CSS arrows for IE7 (lack pseudo-elements) */ } /* styling for both css and generated arrows */ .sf-arrows .sf-with-ul:after { content: ''; position: absolute; top: 50%; right: 1em; margin-top: -3px; height: 0; width: 0; /* order of following 3 rules important for fallbacks to work */ border: 5px solid transparent; border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */ border-top-color: rgba(255,255,255,.5); } .sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after { border-top-color: white; /* IE8 fallback colour */ } /* styling for right-facing arrows */ .sf-arrows ul .sf-with-ul:after { margin-top: -5px; margin-right: -3px; border-color: transparent; border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */ border-left-color: rgba(255,255,255,.5); } .sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: white; } /* Bitjongleur 07.09.2015 */ #hauptnavigation ul.level_2{ padding-top:12px; padding-left:0px; padding-bottom:12px; } #hauptnavigation ul.level_2 li{ /* float:left; padding-right:10px !important; */ } /* ESSENTIAL STYLES */ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu li { position: relative; } .sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; } .sf-menu > li { float: left; } .sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block; } .sf-menu a { display: block; position: relative; } .sf-menu ul ul { top: 0; left: 100%; }