header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px} 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}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.responsive{position:relative;height:0}.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.responsive.ratio-169{padding-bottom:56.25%}.responsive.ratio-1610{padding-bottom:62.5%}.responsive.ratio-219{padding-bottom:42.8571%}.responsive.ratio-43{padding-bottom:75%}.responsive.ratio-32{padding-bottom:66.6666%} /* jQuery.mmenu CSS */ /* jQuery.mmenu panels CSS */ .mm-menu.mm-horizontal > .mm-panel { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } .mm-menu .mm-hidden { display: none; } .mm-wrapper { overflow-x: hidden; position: relative; } .mm-menu, .mm-menu > .mm-panel { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; } .mm-menu { background: inherit; display: block; overflow: hidden; padding: 0; } .mm-menu > .mm-panel { background: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 20px; -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); } .mm-menu > .mm-panel.mm-opened { -webkit-transform: translate(0%, 0); -moz-transform: translate(0%, 0); -ms-transform: translate(0%, 0); -o-transform: translate(0%, 0); transform: translate(0%, 0); } .mm-menu > .mm-panel.mm-subopened { -webkit-transform: translate(-30%, 0); -moz-transform: translate(-30%, 0); -ms-transform: translate(-30%, 0); -o-transform: translate(-30%, 0); transform: translate(-30%, 0); } .mm-menu > .mm-panel.mm-highest { z-index: 1; } .mm-menu .mm-list { padding: 20px 0; } .mm-menu > .mm-list { padding-bottom: 0; } .mm-menu > .mm-list:after { content: ''; display: block; height: 40px; } .mm-panel > .mm-list { margin-left: -20px; margin-right: -20px; } .mm-panel > .mm-list:first-child { padding-top: 0; } .mm-list, .mm-list > li { list-style: none; display: block; padding: 0; margin: 0; } .mm-list { font: inherit; font-size: 14px; } .mm-list a, .mm-list a:hover { text-decoration: none; } .mm-list > li { position: relative; } .mm-list > li > a, .mm-list > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; line-height: 20px; display: block; padding: 10px 10px 10px 20px; margin: 0; } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; width: 100%; position: absolute; bottom: 0; left: 0; } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { width: auto; margin-left: 20px; position: relative; left: auto; } .mm-list a.mm-subopen { background: rgba(3, 2, 1, 0); width: 40px; height: 100%; padding: 0; position: absolute; right: 0; top: 0; z-index: 2; } .mm-list a.mm-subopen:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; height: 100%; position: absolute; left: 0; top: 0; } .mm-list a.mm-subopen.mm-fullsubopen { width: 100%; } .mm-list a.mm-subopen.mm-fullsubopen:before { border-left: none; } .mm-list a.mm-subopen + a, .mm-list a.mm-subopen + span { padding-right: 5px; margin-right: 40px; } .mm-list > li.mm-selected > a.mm-subopen { background: transparent; } .mm-list > li.mm-selected > a.mm-fullsubopen + a, .mm-list > li.mm-selected > a.mm-fullsubopen + span { padding-right: 45px; margin-right: 0; } .mm-list a.mm-subclose { text-indent: 20px; padding-top: 30px; margin-top: -20px; } .mm-list > li.mm-label { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; padding-right: 5px; } .mm-list > li.mm-spacer { padding-top: 40px; } .mm-list > li.mm-spacer.mm-label { padding-top: 25px; } .mm-list a.mm-subopen:after, .mm-list a.mm-subclose:before { content: ''; border: 2px solid transparent; display: inline-block; width: 7px; height: 7px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-bottom: -5px; position: absolute; bottom: 50%; } .mm-list a.mm-subopen:after { border-top: none; border-left: none; right: 18px; } .mm-list a.mm-subclose:before { border-right: none; border-bottom: none; margin-bottom: -15px; left: 22px; } .mm-menu.mm-vertical .mm-list .mm-panel { display: none; padding: 10px 0 10px 10px; } .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after { border-color: transparent; } .mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel { display: block; } .mm-menu.mm-vertical .mm-list > li > a.mm-subopen { height: 40px; } .mm-menu.mm-vertical .mm-list > li > a.mm-subopen:after { top: 16px; bottom: auto; } .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen { height: 25px; } html.mm-opened .mm-page { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); } .mm-menu { background: #333333; color: rgba(255, 255, 255, 0.6); } .mm-menu .mm-list > li:after { border-color: rgba(0, 0, 0, 0.15); } .mm-menu .mm-list > li > a.mm-subclose { background: rgba(0, 0, 0, 0.1); color: rgba(255, 255, 255, 0.3); } .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before { border-color: rgba(255, 255, 255, 0.3); } .mm-menu .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.15); } .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span { background: rgba(0, 0, 0, 0.1); } .mm-menu .mm-list > li.mm-label { background: rgba(255, 255, 255, 0.05); } .mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-vertical .mm-list li.mm-opened > ul { background: rgba(255, 255, 255, 0.05); } /* jQuery.mmenu offcanvas addon CSS */ .mm-page { box-sizing: border-box; position: relative; } .mm-slideout { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-opened { overflow: hidden; position: relative; } html.mm-opened 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: 999999; } html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker { display: block; } .mm-menu.mm-offcanvas { display: none; position: fixed; } .mm-menu.mm-current { display: block; } .mm-menu { width: 80%; min-width: 140px; max-width: 440px; } html.mm-opening .mm-slideout { -webkit-transform: translate(80%, 0); -moz-transform: translate(80%, 0); -ms-transform: translate(80%, 0); -o-transform: translate(80%, 0); transform: translate(80%, 0); } @media all and (max-width: 175px) { html.mm-opening .mm-slideout { -webkit-transform: translate(140px, 0); -moz-transform: translate(140px, 0); -ms-transform: translate(140px, 0); -o-transform: translate(140px, 0); transform: translate(140px, 0); } } @media all and (min-width: 550px) { html.mm-opening .mm-slideout { -webkit-transform: translate(440px, 0); -moz-transform: translate(440px, 0); -ms-transform: translate(440px, 0); -o-transform: translate(440px, 0); transform: translate(440px, 0); } } /* jQuery.mmenu position extension CSS */ .mm-menu.mm-top, .mm-menu.mm-bottom { width: 100%; min-width: 100%; max-width: 100%; } .mm-menu.mm-right { left: auto; right: 0; } .mm-menu.mm-bottom { top: auto; bottom: 0; } html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-80%, 0); -moz-transform: translate(-80%, 0); -ms-transform: translate(-80%, 0); -o-transform: translate(-80%, 0); transform: translate(-80%, 0); } @media all and (max-width: 175px) { html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-140px, 0); -moz-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); -o-transform: translate(-140px, 0); transform: translate(-140px, 0); } } @media all and (min-width: 550px) { html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-440px, 0); -moz-transform: translate(-440px, 0); -ms-transform: translate(-440px, 0); -o-transform: translate(-440px, 0); transform: translate(-440px, 0); } } /* jQuery.mmenu z-position extension CSS */ html.mm-front .mm-slideout { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; z-index: 0 !important; } .mm-menu.mm-front { z-index: 1; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); } html.mm-opened.mm-next .mm-page { box-shadow: none; } .mm-menu.mm-front, .mm-menu.mm-next { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0); } .mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right { -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); } .mm-menu.mm-front.mm-top { -webkit-transform: translate(0, -100%); -moz-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -o-transform: translate(0, -100%); transform: translate(0, -100%); } .mm-menu.mm-front.mm-bottom { -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%); } html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .mm-menu.mm-front.mm-top, .mm-menu.mm-front.mm-bottom { height: 80%; min-height: 140px; max-height: 880px; } /* jQuery.mmenu searchfield addon CSS */ .mm-search, .mm-search input { box-sizing: border-box; } .mm-list > li.mm-search { padding: 10px; margin-top: -20px; } .mm-list > li.mm-subtitle + li.mm-search { margin-top: 0; } div.mm-panel > div.mm-search { padding: 0 0 10px 0; } .mm-menu.mm-hasheader .mm-list > li.mm-search { margin-top: 0; } .mm-menu > .mm-search { background: inherit; width: 100%; position: absolute; top: 0; left: 0; z-index: 2; } .mm-search { padding: 10px; } .mm-search input { border: none; border-radius: 30px; font: inherit; font-size: 14px; line-height: 30px; outline: none; display: block; width: 100%; height: 30px; margin: 0; padding: 0 10px; } .mm-search input::-ms-clear { display: none; } .mm-menu .mm-noresultsmsg { text-align: center; font-size: 21px; display: none; padding: 60px 0; } .mm-menu .mm-noresultsmsg:after { border: none !important; } .mm-noresults .mm-noresultsmsg { display: block; } .mm-menu li.mm-nosubresults > a.mm-subopen { display: none; } .mm-menu li.mm-nosubresults > a.mm-subopen + a, .mm-menu li.mm-nosubresults > a.mm-subopen + span { padding-right: 10px; } .mm-menu.mm-hassearch > .mm-panel { padding-top: 70px; } .mm-menu.mm-hassearch > .mm-panel > .mm-list:first-child { margin-top: -20px; } .mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child { margin-top: -10px; } .mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child + .mm-list { padding-top: 0; } .mm-menu .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.6); } .mm-menu .mm-noresultsmsg { color: rgba(255, 255, 255, 0.3); } /* jQuery.mmenu effects extension CSS */ html.mm-slide .mm-menu { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-slide.mm-opened .mm-menu { -webkit-transform: translateX(-30%); -moz-transform: translateX(-30%); -ms-transform: translateX(-30%); -o-transform: translateX(-30%); transform: translateX(-30%); } html.mm-slide.mm-opening .mm-menu { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } html.mm-slide.mm-right.mm-opened .mm-menu { -webkit-transform: translateX(30%); -moz-transform: translateX(30%); -ms-transform: translateX(30%); -o-transform: translateX(30%); transform: translateX(30%); } html.mm-slide.mm-right.mm-opening .mm-menu { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } html.mm-slide.mm-top.mm-opened .mm-menu { -webkit-transform: translateY(-30%); -moz-transform: translateY(-30%); -ms-transform: translateY(-30%); -o-transform: translateY(-30%); transform: translateY(-30%); } html.mm-slide.mm-top.mm-opening .mm-menu { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } html.mm-slide.mm-bottom.mm-opened .mm-menu { -webkit-transform: translateY(30%); -moz-transform: translateY(30%); -ms-transform: translateY(30%); -o-transform: translateY(30%); transform: translateY(30%); } html.mm-slide.mm-bottom.mm-opening .mm-menu { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } html.mm-zoom-menu .mm-menu { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-zoom-menu.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateX(-30%); -moz-transform: scale(0.7, 0.7) translateX(-30%); -ms-transform: scale(0.7, 0.7) translateX(-30%); -o-transform: scale(0.7, 0.7) translateX(-30%); transform: scale(0.7, 0.7) translateX(-30%); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } html.mm-zoom-menu.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateX(0%); -moz-transform: scale(1, 1) translateX(0%); -ms-transform: scale(1, 1) translateX(0%); -o-transform: scale(1, 1) translateX(0%); transform: scale(1, 1) translateX(0%); } html.mm-zoom-menu.mm-right.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateX(30%); -moz-transform: scale(0.7, 0.7) translateX(30%); -ms-transform: scale(0.7, 0.7) translateX(30%); -o-transform: scale(0.7, 0.7) translateX(30%); transform: scale(0.7, 0.7) translateX(30%); -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; } html.mm-zoom-menu.mm-right.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateX(0%); -moz-transform: scale(1, 1) translateX(0%); -ms-transform: scale(1, 1) translateX(0%); -o-transform: scale(1, 1) translateX(0%); transform: scale(1, 1) translateX(0%); } html.mm-zoom-menu.mm-top.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateY(-30%); -moz-transform: scale(0.7, 0.7) translateY(-30%); -ms-transform: scale(0.7, 0.7) translateY(-30%); -o-transform: scale(0.7, 0.7) translateY(-30%); transform: scale(0.7, 0.7) translateY(-30%); -webkit-transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; -o-transform-origin: center top; transform-origin: center top; } html.mm-zoom-menu.mm-top.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateY(0%); -moz-transform: scale(1, 1) translateY(0%); -ms-transform: scale(1, 1) translateY(0%); -o-transform: scale(1, 1) translateY(0%); transform: scale(1, 1) translateY(0%); } html.mm-zoom-menu.mm-bottom.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateY(30%); -moz-transform: scale(0.7, 0.7) translateY(30%); -ms-transform: scale(0.7, 0.7) translateY(30%); -o-transform: scale(0.7, 0.7) translateY(30%); transform: scale(0.7, 0.7) translateY(30%); -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -o-transform-origin: center bottom; transform-origin: center bottom; } html.mm-zoom-menu.mm-bottom.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateY(0%); -moz-transform: scale(1, 1) translateY(0%); -ms-transform: scale(1, 1) translateY(0%); -o-transform: scale(1, 1) translateY(0%); transform: scale(1, 1) translateY(0%); } html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel { -webkit-transform: scale(1.5, 1.5) translateX(100%); -moz-transform: scale(1.5, 1.5) translateX(100%); -ms-transform: scale(1.5, 1.5) translateX(100%); -o-transform: scale(1.5, 1.5) translateX(100%); transform: scale(1.5, 1.5) translateX(100%); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; -webkit-transition-property: -webkit-transform, left; transition-property: transform, left; } html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened { -webkit-transform: scale(1, 1) translateX(0%); -moz-transform: scale(1, 1) translateX(0%); -ms-transform: scale(1, 1) translateX(0%); -o-transform: scale(1, 1) translateX(0%); transform: scale(1, 1) translateX(0%); } html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened.mm-subopened { -webkit-transform: scale(0.7, 0.7) translateX(-30%); -moz-transform: scale(0.7, 0.7) translateX(-30%); -ms-transform: scale(0.7, 0.7) translateX(-30%); -o-transform: scale(0.7, 0.7) translateX(-30%); transform: scale(0.7, 0.7) translateX(-30%); } /* -- dk_mmenu theme 'navy' -- */ .mm-menu { background: #323849; } .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} .rs-columns { clear: both; display: inline-block; width: 100%; } .rs-column { float: left; width: 100%; margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first { clear: left; } .rs-column.-large-last { margin-right: -5px; } .rs-column.-large-first-row { margin-top: 0; } .rs-column.-large-col-1-1 { width: 100%; } .rs-column.-large-col-2-1 { width: 46.15385%; } .rs-column.-large-col-2-2 { width: 100%; } .rs-column.-large-col-3-1 { width: 28.20513%; } .rs-column.-large-col-3-2 { width: 64.10256%; } .rs-column.-large-col-3-3 { width: 100%; } .rs-column.-large-col-4-1 { width: 19.23077%; } .rs-column.-large-col-4-2 { width: 46.15385%; } .rs-column.-large-col-4-3 { width: 73.07692%; } .rs-column.-large-col-4-4 { width: 100%; } .rs-column.-large-col-5-1 { width: 13.84615%; } .rs-column.-large-col-5-2 { width: 35.38462%; } .rs-column.-large-col-5-3 { width: 56.92308%; } .rs-column.-large-col-5-4 { width: 78.46154%; } .rs-column.-large-col-5-5 { width: 100%; } .rs-column.-large-col-6-1 { width: 10.25641%; } .rs-column.-large-col-6-2 { width: 28.20513%; } .rs-column.-large-col-6-3 { width: 46.15385%; } .rs-column.-large-col-6-4 { width: 64.10256%; } .rs-column.-large-col-6-5 { width: 82.05128%; } .rs-column.-large-col-6-6 { width: 100%; } @media screen and (max-width: 900px) { .rs-column { margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first { clear: none; } .rs-column.-large-last { margin-right: 7.69231%; } .rs-column.-large-first-row { margin-top: 7.69231%; } .rs-column.-medium-first { clear: left; } .rs-column.-medium-last { margin-right: -5px; } .rs-column.-medium-first-row { margin-top: 0; } .rs-column.-medium-col-1-1 { width: 100%; } .rs-column.-medium-col-2-1 { width: 46.15385%; } .rs-column.-medium-col-2-2 { width: 100%; } .rs-column.-medium-col-3-1 { width: 28.20513%; } .rs-column.-medium-col-3-2 { width: 64.10256%; } .rs-column.-medium-col-3-3 { width: 100%; } .rs-column.-medium-col-4-1 { width: 19.23077%; } .rs-column.-medium-col-4-2 { width: 46.15385%; } .rs-column.-medium-col-4-3 { width: 73.07692%; } .rs-column.-medium-col-4-4 { width: 100%; } .rs-column.-medium-col-5-1 { width: 13.84615%; } .rs-column.-medium-col-5-2 { width: 35.38462%; } .rs-column.-medium-col-5-3 { width: 56.92308%; } .rs-column.-medium-col-5-4 { width: 78.46154%; } .rs-column.-medium-col-5-5 { width: 100%; } .rs-column.-medium-col-6-1 { width: 10.25641%; } .rs-column.-medium-col-6-2 { width: 28.20513%; } .rs-column.-medium-col-6-3 { width: 46.15385%; } .rs-column.-medium-col-6-4 { width: 64.10256%; } .rs-column.-medium-col-6-5 { width: 82.05128%; } .rs-column.-medium-col-6-6 { width: 100%; } } @media screen and (max-width: 599px) { .rs-column { margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-last { margin-right: 7.69231%; } .rs-column.-large-first-row { margin-top: 7.69231%; } .rs-column.-medium-first { clear: none; } .rs-column.-medium-last { margin-right: 7.69231%; } .rs-column.-medium-first-row { margin-top: 7.69231%; } .rs-column.-small-first { clear: left; } .rs-column.-small-last { margin-right: -5px; } .rs-column.-small-first-row { margin-top: 0; } .rs-column.-small-col-1-1 { width: 100%; } .rs-column.-small-col-2-1 { width: 46.15385%; } .rs-column.-small-col-2-2 { width: 100%; } .rs-column.-small-col-3-1 { width: 28.20513%; } .rs-column.-small-col-3-2 { width: 64.10256%; } .rs-column.-small-col-3-3 { width: 100%; } .rs-column.-small-col-4-1 { width: 19.23077%; } .rs-column.-small-col-4-2 { width: 46.15385%; } .rs-column.-small-col-4-3 { width: 73.07692%; } .rs-column.-small-col-4-4 { width: 100%; } .rs-column.-small-col-5-1 { width: 13.84615%; } .rs-column.-small-col-5-2 { width: 35.38462%; } .rs-column.-small-col-5-3 { width: 56.92308%; } .rs-column.-small-col-5-4 { width: 78.46154%; } .rs-column.-small-col-5-5 { width: 100%; } .rs-column.-small-col-6-1 { width: 10.25641%; } .rs-column.-small-col-6-2 { width: 28.20513%; } .rs-column.-small-col-6-3 { width: 46.15385%; } .rs-column.-small-col-6-4 { width: 64.10256%; } .rs-column.-small-col-6-5 { width: 82.05128%; } .rs-column.-small-col-6-6 { width: 100%; } } #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} .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} @charset "UTF-8"; /* Basis-CSS - Ortspolizeibehörde Bremerhaven Stand April 2019 */ /* Basis CSS */ * { margin: 0; padding: 0; } @font-face { font-family: 'PT Sans'; src: url('../../files/polizei/fonts/PTS55F.ttf') format("truetype"); } @font-face { font-family: 'PT Sans'; src: url('../../files/polizei/fonts/PTS75F.ttf') format("truetype"); font-weight: bold; } @font-face { font-family: 'PT Sans'; src: url('../../files/polizei/fonts/PTS56F.ttf') format("truetype"); font-style: italic; } @font-face { font-family: 'PT Sans'; src: url('../../files/polizei/fonts/PTS76F.ttf') format("truetype"); font-style: italic; font-weight: bold; } body { background: #fff; font-family: 'PT Sans', sans-serif; height: 100%; /*font-size: 80%;*/ } /*body.standard #container { max-width: 790px; }*/ #wrapper { height: 100%; } .pdf_link { float: right; } .pdf_link img { width: 20px; } /************************* Typografie allgemein *************************/ h1 { font-size: 2.3em; text-transform: uppercase; display: inline-block; margin: 0 0 0.9em 0; background: url('../../files/polizei/layout/h1-border.png') no-repeat left bottom; padding-bottom: 0.3em; font-weight: bold; line-height: 120%; } h2 { font-weight: normal; text-transform: uppercase; font-size: 1.1em; padding: 0 0 0.7em 0; margin: 0; } p { font-size: 0.85em; color: #333333; line-height: 140%; padding-bottom: 0.2em; } p.back a{ background: #000; padding: 0.2em 0.4em; color: #fff; text-decoration: none; font-size: 0.8em; margin-left: 0.8em; } #footer h3 { color: #fff; font-weight: bold; text-transform: uppercase; padding-bottom: 1em; background: url('../../files/polizei/layout/h3-border.png') no-repeat 0px 30px; } #footer p { color: #fff; } .ce_text li { font-size: 0.85em; color: #333333; margin-left: 20px; list-style: circle; list-style-image: url('../../files/polizei/layout/list-style-image.png'); } .icon-rss a { background: url('../../files/polizei/layout/icon-rss.png') no-repeat left; text-decoration: none; color: #000; padding-left: 30px; height: 50px; } .icon-rss a:hover { text-decoration: underline; } .icon-newsletter a { background: url('../../files/polizei/layout/newsletter_klein.png') no-repeat left; text-decoration: none; color: #000; padding-left: 30px; height: 50px; } .icon-newsletter a:hover { text-decoration: underline; } /************************* Layout Startseite*** ***********/ #blog { width: 48%; float: left; } #servicelinks { float: left; width: 23%; background: #d7d7d7; border-top: 3px solid #e5e5e5; min-height: 340px; background: #d7d7d7 url('../../files/polizei/layout/service-footer.png') no-repeat bottom; background-position: 100% bottom; } #praeventionstipp { float: left; display: block; width: 23%; border: 1px dashed #B8B4B4; min-height: 340px; } #revierkontakt { margin-top: 1%; float: left; width: 23%; border: 1px dashed #B8B4B4; } #monatsinterview { margin-top: 1%; float: left; width: 23%; border: 1px dashed #B8B4B4; } #veranstaltungen-teaser, #chat { float: left; width: 45%; height: 235px; padding: 0 1%; margin-top: 1%; } /************************* Layout Quickzeile ***************/ #quickelemente { float: left; margin-left: 24.4%; width: 75%; height: auto; } #logo { position: absolute; width: 24.5%; height: 97%; clear: both; z-index: 1000; } #logo img { max-width: 100%; height: auto; position: absolute; bottom: 0px; } #quicknavigation { float: left; display: block; height: 50px; margin-top: 0.2%; margin-bottom: 0%; background: #fff; padding-left: 3px; } #languagenavigation { float: left; display: block; height: 40px; margin-bottom: 0%; background: #fff; padding: 10px 7px 0px 5px; } #schriftgroesse { float: left; display: block; height: 20px; color: #676767; text-transform: uppercase; font-size: 0.65em; padding: 10px 5px 5px 5px; margin-left: 4px; margin-right: 1%; } #suchzeile { float: left; display: block; margin-top: 1.2%; margin-bottom: 1%; margin-left: 0.6%; } /************************* Archive ************************/ #blog h1 { font-size: 2.5em; text-transform: uppercase; border: none; font-weight: bold; background: url('../../files/polizei/layout/h1-border.png') no-repeat left bottom; padding-bottom: 0.2em; margin: 0 0 0.6em 0; } #blog h2, #pressemitteilungen h2 { margin: 0 0 0.5em 0; padding-bottom: 0; } #blog h2 a { text-decoration: none; color: #000; font-weight: bold; font-size: 1.2em; padding: 0; } #pressemitteilungen h2 a, #veranstaltungen h2 a, #main h2 a { text-decoration: none; color: #000; font-weight: bold; font-size: 1em; padding: 0px; font-weight: normal; } #pressemitteilungen .layout_latest p.info { display: none; } #pressearchiv time { color: #676767; font-style: italic; padding-right: 10px; } #pressearchiv a { color: #000; text-decoration: none; } #pressearchiv a:hover { text-decoration: underline; } #pressearchiv .even, #pressearchiv .odd { padding: 15px 0; border-bottom: 1px dashed #B8B4B4; } #blog time, .layout_full time { background: #143c82; padding: 4px; color: #fff; font-size: 0.8em; } .layout_full time { margin-left: 0.8em; margin-right: 0.8em; } #blog p, .pressemitteilunge p, #veranstaltungen p { font-size: 1em; line-height: 120%; } #blog p.more a, .pressemitteilungen p.more a, a.more, p.back a, #main p.more a{ background: #000; padding: 0.2em 0.4em; color: #fff; text-decoration: none; font-size: 0.8em; } #blog p.more a, #pressemitteilungen p.more a, #main p.more a { background: #000; width: 112px; height: 25px; color: #fff; text-decoration: none; background: url('../../files/polizei/layout/but-weiterlesen.png') top left no-repeat; text-indent: -3000px; padding: 0; } #blog .layout_latest, #pressemitteilungen .layout_latest { margin-bottom: 2.3em; padding-right: 0.8em; border-bottom: 1px dashed #B8B4B4; padding-bottom: 4%; } #blog .layout_latest { border: 1px dashed #B8B4B4; padding: 1.2em 1em 0.5em 1em; } #blog .image_container.float_left { width: 50%; padding-right: 15px; } #blog .image_container.float_above { float: left; width: 50%; padding-right: 15px; } #veranstaltungen .layout_teaser { margin-bottom: 2.3em; padding-right: 0.8em; border-bottom: 1px dashed #B8B4B4; padding-bottom: 4%; } #veranstaltungen p.more a { display: block; width: 112px; height: 25px; text-decoration: none; background: url('../../files/polizei/layout/but-weiterlesen.png') top left no-repeat; text-indent: -3000px; padding: 0; } #veranstaltungen h2 { font-size: 1em; } #veranstaltungen .date { float: left; display: block; font-weight: bold; font-size: 1em; padding-right: 1%; } #veranstaltungen .day { display: none; } #veranstaltungen-teaser .date, #veranstaltungen-teaser h2 a{ color: #000; } #veranstaltungen-teaser .layout_upcoming .date{ font-size: 1em; float: none; display: block; background: url('../../files/polizei/layout/ac-arrow-no.png') no-repeat left; padding-left: 6%; padding-bottom: 3px; } #veranstaltungen-teaser .layout_upcoming a{ float: none; display: block; text-decoration: none; color: #000; font-style: italic; padding-left: 30px; margin-bottom: 15px; } #veranstaltungen-teaser .layout_upcoming a:hover { text-decoration: underline; } /* Layout */ #header .inside { max-width: 1140px; margin: 0 auto; background: #fff; } #notruf { width: 190px; height: 140px; position: absolute; top: 0px; left: 0px; z-index: 1500; } #notruf-mobile { display: none; } #suchzeile #ctrl_keywords_26, #suchzeile #ctrl_keywords_22 { width: 90px; font-size: 80%; } #suchzeile #ctrl_submit_26, #suchzeile #ctrl_submit_22 { background: #676767; color: #fff; border: none; text-transform: uppercase; cursor: pointer; height: 1.4em; width: 1.4em; text-indent: -3000px; background: url('../../files/polizei/layout/icon-suche.png') no-repeat; background-size: 100%; } #suche .radio_container { margin-top: 15px; } #suche h3 a { color: #000; font-size: 1em; text-decoration: none; } #suche h3 a:hover { text-decoration: underline; } #suche span.relevance { color: #676767; font-style: italic; font-size: 0.65em; } #suche .even, #suche .odd { border-bottom: 1px dashed #B8B4B4; } #suche p.url { color: #676767; } #container { max-width: 1140px; margin: auto; background: #fff; /*border: 1px solid #F00000;*/ } #left { width: 30%; } .home #main { margin-left:0%; width: 100%; padding: 2em 0; } #main { margin-left: 30%; width: 70%; padding: 2em 0; } .socialbuttons{ clear: left; display: block; padding-top: 0.5em; } .socialbuttons a { float: left; display: block; padding: 0; margin: 0.2em; top: 0; } .socialbuttons p { float: left; display: block; padding: 0; margin: 0; top: 0; } .icons { clear: left; float: right; margin-top: -40px; } .icons-reader { clear: left; float: right; } #footer { background: #030f3c url('../../files/polizei/layout/bg-footer.png') no-repeat bottom; background-position: 100% bottom; padding: 0; margin: 0; clear: both; } #footer .inside { max-width: 1140px; margin: 0 auto; padding: 0; height: 330px; clear: both; } #footer div.ce_text { width: 33%; /* border: 1px solid #00FFBD; */ float: left; } #footer a { text-decoration: none; color: #fff; background: url('../../files/polizei/layout/ico-link-footer.png') no-repeat left; padding-left: 20px; } #footer a:hover { text-decoration: underline; } #copyright { clear: left; float: left; display: block; margin-top: 5px; transform: rotate(-3deg); -moz-transform:rotate(-3deg); /* Firefox 3.6 Firefox 4 */ -webkit-transform:rotate(-3deg); /* Safari */ -o-transform:rotate(-3deg); /* Opera */ -ms-transform:rotate(-3deg); /* IE9 */ } #copyright span { color: #009fe3; } #topbutton { position: absolute; width: 100%; bottom: 0px; } #topbutton a { display: block; height: 30px; margin-left: 50%; text-indent: -3000px; width: 60px; background: url('../../files/polizei/layout/but-top.png') no-repeat; } /* Content */ .ce_page_teaser { border: 1px dashed #B8B4B4; margin-bottom: 30px; } .ce_page_teaser h1 { background: none; padding: 0; margin: 0; line-height: 0.5em; } .ce_page_teaser h1 a { padding: 0; margin: 0; background: none; color: #fff; font-size: 0.4em; text-decoration: none; } .ce_page_teaser .teasercontent { padding: 10px; } .ce_page_teaser h1 { display: block; height: 60px; background: url('../../files/polizei/layout/bg-teaser.png') repeat-x; } .ce_page_teaser h1 a, .ce_page_teaser h1 a:hover { padding: 0 10px; margin: 0; background: none; color: #fff; font-size: 0.4em; text-decoration: none; display: table-cell; height: 60px; vertical-align: middle; } .ce_page_teaser .image_container a{ background: none; padding: 0; } .ce_page_teaser p, .ce_page_teaser a { padding: 0 10px; } .ce_page_teaser a.more { margin: 10px; } .ce_page_teaser { padding-bottom: 10px; } .ce_gallery li { width: 33%; } .test { clear: left; padding-top: 2em; } .quicklinks { border: 1px dashed #B8B4B4; padding-bottom: 0px; height: 100%; } .quicklinks h3 { margin: 15px 0px 25px 15px; padding: 0px 0px 5px 0px; background:url('../../files/polizei/layout/h3-border.png') no-repeat left bottom; } .quicklinks p { padding: 0px 15px 2px 15px; } .quicklinks p a { color: #000; text-decoration: none; /*background: url('../../files/polizei/layout/nav-arrow-no.png') no-repeat left;*/ padding-left: 15px; margin-left: 5px; } .quicklinks a:hover { text-decoration: underline; } .quicklinks ul { margin-left: 10px; } .quicklinks ul li p { padding-left: 5px; } .sc { margin-bottom: 3%; /*border: 1px solid #f0f;*/ } .sc-close { padding-left: 0; } .sc.sc-close { padding-left: 5px !important; } .sc { padding: 0 5px !important; } /* Sven: 28.09.15 - Neu für Contao 3.5.3 - Anfang */ .sc { box-sizing: border-box !important; -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; margin-left:0 !important; margin-right:0 !important; padding-left:0 !important; clear: none !important; padding-left: 15px !important; float: left; } .sc-first { clear: left; padding-left: 0 !important; } .sc-last { } .sc-clear { clear:left; } .sc-border { padding-right: 15px !important; border-right: 1px solid silver; } .sc-rowspan > * { margin: 0!important; padding: 0!important; } /* 2-spaltig */ .sc2 { width: 50%; } .sc2-first { } .sc2-last { } /* 3-spaltig */ .sc3 { width: 33.3%; } .sc3-first { } .sc3-last { } .sc3-2 { width: 66.6%; } .sc3-2-first { } .sc3-2-last { } /* 4-spaltig */ .sc4 { width: 25%; } .sc4-first { } .sc4-last { } .sc4-2 { width: 50%; } .sc4-2-first { } .sc4-2-last { } .sc4-3 { width: 75%; } .sc4-3-first { } .sc4-3-last { } /* 5-spaltig */ .sc5 { width:20%; } .sc5-first { } .sc5-last { } .sc5-2 { width:40%; } .sc5-2-first { } .sc5-2-last { } .sc5-3 { width: 60%; } .sc5-3-first { } .sc5-3-last { } .sc5-4 { width: 80%; } .sc5-4-first { } .sc5-4-last { } /* Sven: 28.09.15 - Neu für Contao 3.5.3 - Ende */ .ce_text a { text-decoration: underline; color: #676767; background: url('../../files/polizei/layout/icon-content-link.png') no-repeat left; padding-left: 17px; } .ce_text a:hover { color: #000; } .downloadbereich { border-bottom: 1px dashed #B8B4B4; padding: 20px 0; } .downloadbereich h2 { padding-bottom: 1em; } .downloadbereich a { text-decoration: none; color: #000; line-height: 150%; } .downloadbereich a:hover { text-decoration: underline; } .downloadbereich .size { font-style: italic; color: #676767; font-size: 0.75em; } .wir-ueber-uns .image_container.float_right { max-width: 50%; } /************************************************* HOME Module *************************************************/ /* Service Links */ #servicelinks img { /*width: auto;*/ width: 170px; padding-left: 10px; } #servicelinks li { list-style: none; } #servicelinks li.bussgeldrechner a { background: url('../../files/polizei/layout/icon-bussgeldrechner.png') no-repeat left; background-size: 40px; } #servicelinks li.video a { background: url('../../files/polizei/layout/icon-video.png') no-repeat left; background-size: 40px; } #servicelinks li.faq a{ background: url('../../files/polizei/layout/icon-faq.png') no-repeat left; background-size: 40px; border-top: 1px solid #fff; } #servicelinks li.pressemeldungen a{ background: url('../../files/polizei/layout/icon-newsletter.png') no-repeat left; background-size: 40px; } #servicelinks li.einbruch a{ background: url('../../files/polizei/layout/icon-einbruch.png') no-repeat left; background-size: 40px; } #servicelinks li.onlinewache a{ background: url('../../files/polizei/layout/icon-onlinewache.png') no-repeat left; background-size: 40px; } #servicelinks li.onlinetermin a{ background: url('../../files/polizei/layout/icon-onlinetermin.png') no-repeat left; background-size: 40px; } #servicelinks li.hinweisportal a{ background: url('../../files/polizei/layout/icon-upload.png') no-repeat left; background-size: 40px; } #servicelinks li.corona a{ background: url('../../files/polizei/layout/icon-virus.png') no-repeat left; background-size: 40px; } #servicelinks li.newsletter a{ background: url('../../files/polizei/layout/icon-newsletter3.png') no-repeat left; background-size: 40px; } #servicelinks li a { text-decoration: none; display: block; border-bottom: 1px solid #fff; color: #143475; height: 45px; padding-top: 25px; } #servicelinks li.bussgeldrechner a:hover { background: #f3f3f3 url('../../files/polizei/layout/icon-bussgeldrechner.png') no-repeat left; background-size: 40px; } #servicelinks li.faq a:hover { background: #f3f3f3 url('../../files/polizei/layout/icon-faq.png') no-repeat left; background-size: 40px; } #servicelinks li.pressemeldungen a:hover{ background: #f3f3f3 url('../../files/polizei/layout/icon-newsletter.png') no-repeat left; background-size: 40px; } #servicelinks li.einbruch a:hover{ background: #f3f3f3 url('../../files/polizei/layout/icon-einbruch.png') no-repeat left; background-size: 40px; } #servicelinks li.onlinewache a:hover { background: #f3f3f3 url('../../files/polizei/layout/icon-onlinewache.png') no-repeat left; background-size: 40px; } #servicelinks li.newsletter a:hover { background: #f3f3f3 url('../../files/polizei/layout/icon-newsletter3.png') no-repeat left; background-size: 40px; } #servicelinks .thema { font-size: 1.2em; font-weight: bold; padding-left: 50px; } #servicelinks .untertitel { font-size: 0.8em; padding-left: 50px; } /* Praeventionstipp */ #praeventionstipp .teaser-header h1, #revierkontakt .teaser-header h1, #revierkontakt-mobile .teaser-header h1, #monatsinterview .teaser-header h1 { display: block; height: 60px; background: url('../../files/polizei/layout/bg-teaser.png') repeat-x; font-size: 1.2em; color: #fff; padding: 0; margin-bottom: 0; padding: 0; padding-left: 10px; } #praeventionstipp .teaser-header h1 a, #revierkontakt .teaser-header h1 a, #revierkontakt-mobile .teaser-header h1 a, #monatsinterview .teaser-header h1 a { padding: 0 10px; margin: 0; background: none; color: #fff; text-decoration: none; display: table-cell; height: 60px; vertical-align: middle; padding-left: 50px; } #praeventionstipp .teaser-header h1 a { background: url('../../files/polizei/layout/icon-praevention.png') no-repeat left center; background-size: 40px; } #revierkontakt .teaser-header h1 a, #revierkontakt-mobile .teaser-header h1 a { background: url('../../files/polizei/layout/icon-revierkontakt.png') no-repeat left center; background-size: 40px; } #monatsinterview .teaser-header h1 a { background: url('../../files/polizei/layout/icon-beruf.png') no-repeat left center; background-size: 40px; } #praeventionstipp .ce_text, #monatsinterview .ce_text { padding: 0; margin: 0; } #praeventionstipp p { padding: 0 0.75em; margin: 0; } #praeventionstipp .weiterlesen, #monatsinterview .weiterlesen { background: #676767; padding: 5px 10px; } #praeventionstipp .weiterlesen a, #monatsinterview .weiterlesen a{ color: #fff; text-decoration: none; display: block; text-transform: uppercase; font-size: 1em; } #praeventionstipp .ce_text img, #monatsinterview .ce_text img { padding-bottom: 0.75em; } /* Revierkontakt */ #revierkontakt .ce_accordionStart { color: #fff; background: #112d6a; border-bottom: 1px dashed #B8B4B4; margin: 0; } /* Sven: 28.09.15 - Neu für Contao 3.5 - Anfang */ #revierkontakt .accordion { color: #fff; background: #ffffff; } #revierkontakt .ce_text { padding: 9px 0px 9px 28px; } #revierkontakt .toggler { background: url('../../files/polizei/layout/ac-arrow-no.png') no-repeat 10px center; padding-left: 20px; padding: 9px 0px 9px 28px; cursor: pointer; } /* Sven: 28.09.15 - Neu für Contao 3.5 - Ende */ #revierkontakt div[id^='ui-accordion-1-header-'] { background: url('../../files/polizei/layout/ac-arrow-no.png') no-repeat 10px center; padding-left: 20px; padding: 9px 0px 9px 28px; cursor: pointer; } #revierkontakt div[id^='ui-accordion-1-panel-'] { background: #fff; color: #000; padding: 10px; } /* Monatsinterview */ #monatsinterview { padding: 0 0; margin: 0; } #servicelinks, #praeventionstipp, #revierkontakt, #monatsinterview { margin: 0% 0% 1% 1%; } /******************* Service-Zweispalter ********************/ #berufseinstieg h3, #veranstaltungen-teaser h3, #chat h3 { padding-left: 50px; height: 70px; margin-top: 0px; display: table-cell; vertical-align: middle; margin-bottom: 10px; } #berufseinstieg h3 { background: url('../../files/polizei/layout/icon-beruf.png') no-repeat left center, url('../../files/polizei/layout/h3-border.png') no-repeat 50px 50px; background-size: 40px; } #veranstaltungen-teaser h3 { background: url('../../files/polizei/layout/icon-kalender.png') no-repeat left center, url('../../files/polizei/layout/h3-border.png') no-repeat 50px 50px; background-size: 40px; } #veranstaltungen-teaser h2 { padding: 0; padding-left: 6%; margin: 0 0 4% 0; } #veranstaltungen-teaser h2 a{ text-decoration: none; text-transform: none; font-size: 0.8em; font-style: italic; } #veranstaltungen-teaser h2 a:hover{ text-decoration: underline; } #veranstaltungen-teaser .day { display: none; } #chat h3 { background: url('../../files/polizei/layout/icon-chat.png') no-repeat left center, url('../../files/polizei/layout/h3-border.png') no-repeat 50px 50px; background-size: 40px; } #berufseinstieg { border: 1px dashed #B8B4B4; min-height: 200px; } #chat, #veranstaltungen-teaser { border: 1px dashed #B8B4B4; min-height: 200px; } .mod_rocksolid_slider { clear: both; background: url('../../files/polizei/layout/border-stripes.png'); padding: 6px 0px 6px 0px; } .mod_caroufredsel { clear: both; background: url('../../files/polizei/layout/border-stripes.png'); padding: 6px 0px 6px 0px; /*min-height: 260px;*/ } .mod_caroufredsel_wrapper, .caroufredsel_wrapper_45 { height: auto; } #rss-slider { margin-top: 15px; height: 20px; } #rss-slider h2 { float: left; display: block; font-size: 0.85em; margin-top: 3px; } #rss-slider h2 a { text-decoration: none; color: #676767; padding-right: 20px; } #rss-slider h2 a:hover { text-decoration: underline; } #rss-slider p.info { float: left; display: block; padding: 0px 10px 0px 60px; margin: 0; font-size: 0.85em; background: url('../../files/polizei/layout/icon-ticker.png') no-repeat left; font-weight: bold; } /*.layout_caroufredsel_ticker p.info, */.layout_caroufredsel_ticker p.more, #rss-slider .teaser { display: none; } .layout_caroufredsel_ticker { height: 50px; padding: 0 0.3%; } figure { margin: 0; padding: 0; } /* Navigation */ #navigation { float:right; width:75%!important; height:70px!important; } #navigation ul { padding: 0; margin: 0; list-style: none; } #navigation li { float: left; display: block; width: 20%; height: 0; padding-bottom: 100%; background-image: url('../../files/polizei/layout/li-ratundhilfe.png'); background-position: 0 0; background-size: 200%; background-repeat:no-repeat; } #navigation li.rat-und-hilfe { background-image: url('../../files/polizei/layout/li-ratundhilfe.png'); } #navigation li.verkehr { background-image: url('../../files/polizei/layout/li-verkehr.png'); } #navigation li.berufsinfos { background-image: url('../../files/polizei/layout/li-berufsinfos.png'); } #navigation li.service { background-image: url('../../files/polizei/layout/li-service.png'); } #navigation li.wir-ueber-uns { background-image: url('../../files/polizei/layout/li-wirueberuns.png'); } #navigation li.rat-und-hilfe:hover, #navigation li.verkehr:hover, #navigation li.berufsinfos:hover, #navigation li.service:hover, #navigation li.wir-ueber-uns:hover, #navigation li.rat-und-hilfe.active, #navigation li.verkehr.active, #navigation li.berufsinfos.active, #navigation li.service.active, #navigation li.wir-ueber-uns.active, #navigation li.trail { background-position: 100% 0; } #navigation li:onfocus { border: none; } #navigation li a, #navigation li span { display: block; padding-bottom: 50px; text-indent: -3000px; } #navigation li strong{ display:none; } /* Subnavigation */ #subnavigation .mod_navigation.block { overflow: auto; } #subnavigation { border: 1px dashed #B8B4B4; border-bottom: 10px solid #143a84; padding: 15px; margin-top: 2em; width: 75%; margin-bottom: 2em; } #subnavigation li a { text-decoration: none; } #subnavigation ul.level_1 { margin-top: 80px; list-style: none; } #subnavigation ul.level_1 li, #subnavigation ul.level_1 a { color: #143a84; text-transform: uppercase; font-size: 17px; } #subnavigation ul.level_1 li { background: none; line-height: 160%; } #subnavigation ul.level_2 li, #subnavigation ul.level_2 a { font-size: 14px; } #subnavigation ul.level_2 li { list-style: circle; list-style-image: url('../../files/polizei/layout/nav-arrow-no.png'); margin-left: 20px; } #subnavigation ul.level_2 li a { color: #676767; } #subnavigation ul.level_2 li span.active, #subnavigation ul.level_2 li a:hover, #subnavigation ul.level_2 a.submenu.trail { color: #000; font-weight: bold; } #subnavigation ul.level_1 a:hover, #subnavigation ul.level_1 a.submenu.trail { font-weight: bold; } #subnavigation ul.level_3 li, #subnavigation ul.level_3 a { list-style: none; text-transform: none; margin-left: 0px; } #subnavigation ul.level_3 li a:hover, #subnavigation ul.level_3 li span.active { color: #676767; text-decoration: underline; font-weight: normal; } .rat-und-hilfe #subnavigation { background: url('../../files/polizei/layout/subnav-rat-hilfe.png') no-repeat top left; } .verkehr #subnavigation { background: url('../../files/polizei/layout/subnav-verkehr.png') no-repeat top left; } .berufsinfos #subnavigation { background: url('../../files/polizei/layout/subnav-berufsinfos.png') no-repeat top left; } .service #subnavigation { background: url('../../files/polizei/layout/subnav-service.png') no-repeat top left; } .wir-ueber-uns #subnavigation { background: url('../../files/polizei/layout/subnav-wir-ueber-uns.png') no-repeat top left; } #subnavigation li.audit-logo a, #subnavigation li.audit-logo span { display: block; width: 100px; height: 100px; margin-top: 20px; background: url('../../files/polizei/layout/audit_logo.jpg') no-repeat; background-size: 100%; text-indent: -3000px; } #subnavigation li.bussgeldrechner a, #subnavigation li.bussgeldrechner span, .bussgeldrechner h1 { text-transform: none; } /* Quicknavigation */ #quicknavigation li { float: left; display: block; color: #676767; text-transform: uppercase; font-size: 0.6em; padding: 0em 0.5em; margin: 0 0.2em; } #quicknavigation li a, #quicknavigation li strong { display: block; text-decoration: none; color: #676767; text-transform: uppercase; height: 20px; padding-top: 15px; } #quicknavigation li a:hover{ text-decoration: underline; } #quicknavigation a.home, #quicknavigation li.home strong { background: url('../../files/polizei/layout/icon-home.png') no-repeat left; padding-left: 20px; } #quicknavigation a.kontakt, #quicknavigation li.kontakt strong { background: url('../../files/polizei/layout/icon-email.png') no-repeat left; padding-left: 20px; } #quicknavigation a.impressum, #quicknavigation li.impressum strong { background: url('../../files/polizei/layout/icon-impressum.png') no-repeat left; padding-left: 20px; } #quicknavigation a.leichte-sprache, #quicknavigation li.leichte-sprache strong { background: url('../../files/polizei/layout/icon-leichte-sprache.png') no-repeat left; padding-left: 20px; } #quicknavigation a.gebaerdensprache, #quicknavigation li.gebaerdensprache strong { background: url('../../files/polizei/layout/icon-gebaerdensprache.png') no-repeat left; padding-left: 25px; } /* Fontsizer */ .fontsizer-text { color: #676767; text-transform: uppercase; padding-right: 0px; } #schriftgroesse a { background: #676767; color: #fff; text-transform: uppercase; width: 50px; text-decoration: none; margin-left: 5px; padding: 0px 5px 0px 5px; } /* Languagenavigation */ #languagenavigation li { float: left; display: block; margin: 0 0.2em; text-indent: -3000px; width: 24px; } #languagenavigation li a{ display: block; } #languagenavigation li.lang-de { background: url('../../files/polizei/layout/icon-de-no.png') no-repeat left; } #languagenavigation li.lang-en { background: url('../../files/polizei/layout/icon-gb-no.png') no-repeat left; } #languagenavigation li.lang-de:hover, #languagenavigation li.lang-de.active { background: url('../../files/polizei/layout/icon-de-ac.png') no-repeat left; } #languagenavigation li.lang-en:hover, #languagenavigation li.lang-en.active { background: url('../../files/polizei/layout/icon-gb-ac.png') no-repeat left; } /* .home-en #languagenavigation li.home, .contact #languagenavigation li.home, .frequently-asked-questions #languagenavigation li.home { background: url('../../files/polizei/layout/icon-de-no.png') no-repeat left; }*/ /* Breadcrumb */ #breadcrumb { height: 30px; width: 100%; } #breadcrumb li { float: left; display: block; color: #000; font-size: 0.8em; padding: 0 1em; padding-right: 1.8em; margin: 0.8em 0.1em; background: url('../../files/polizei/layout/breadcrumb-lines.png') no-repeat right; } #breadcrumb li.last { background: none; } #breadcrumb a { text-decoration: none; color: #000; } #breadcrumb a:hover { text-decoration: underline; } iframe { border: 0; } #blogarchive-navigation { border: 1px dashed #B8B4B4; border-bottom: 10px solid #143a84; padding: 15px; margin-top: 2em; width: 75%; } #blogarchive-navigation li { line-height: 160%; } #blogarchive-navigation li, #blogarchive-navigation li a { color: #676767; text-decoration: none; } #blogarchive-navigation li a:hover { color: #000; } #blog-archiv .mod_newsarchive h1 { background: none; font-size: 1.2em; } #blog-archiv a { color: #000; } #blog-archiv .layout_short { border-bottom: 1px dashed #B8B4B4; margin-bottom: 25px; padding-bottom: 15px; } .mmenu-link, #revierkontakt-mobile, #zielgruppen-akkordeon { display: none; } /* Akkordeon horizontal */ #acc1 { list-style: none; padding: 0; min-height: 340px; height: 100%; width: 96%; border: 1px dashed #B8B4B4; margin: 2% 1%; overflow: hidden; } #acc1 h1 { color: #000; width: 100%; } #acc1 .ce_IndependentAccordionStart { float: left; display: block; min-height: 340px; width: 40px; color: #fff; text-decoration: none; font-size: 16px; line-height: 1.5em; } #acc1 .indacc_headline { clear: both; height: 30px; margin: 0; padding: 0; width: 200px; position: absolute; top: 50%; left: -80px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); white-space: nowrap; font-size: 1.5em; display: table-cell; text-align: center; } #acc1 .ce_IndependentAccordionStart.first { width: 75%; width: 60%; } #acc1 .indacc_content { padding: 15px 15px 15px 55px; height: 240px; width: 778px; width: 100px; width: 90%; } #acc1 .indacc_toggler.mox_horizontal { position: relative; width: 44px; min-height: 340px; float: left; background: #00a0e1; border-right: 2px solid #ffffff; cursor: pointer; } #acc1 .ce_IndependentAccordionStart:last-of-type { border: none; } #acc1 .image_container.float_right { float: right; width: 50%; padding-left: 15px; padding-top: 0px; padding-right: 15px; } #acc1 *[class*='ce_'], #acc1 *[class*='mod_'] { margin: 0 2px; } object, embed, video, iframe { max-width:100%; } .mod_article .ce_player { margin: 0; } .bildnachweis { margin: 25px 0; } .bildnachweis #ui-accordion-1-header-9 { padding-bottom: 10px; font-size: 1.5em; text-decoration: underline; cursor: pointer; } .formbody { display: inline-flex !important; } /** * Contao Open Source CMS, Copyright (C) 2005-2012 Leo Feyer * * Percent Grid with 1140 pixel * @copyright Glen Langer (BugBuster) 2012 * @author BugBuster * @package contaogrid-1140-16 * @license LGPL */ /** * Make the wrapping container 1140 pixel wide */ /*#wrapper { width:1140px; margin:0 auto; }*/ /** * Set the default margin of the grid columns */ *[class*="grid"] { float:left; display:inline; margin-right:1%; margin-left:1%; } /** * Add a default margin to all content elements, so they align with the floatet * ones (otherwise you would have to add "grid16" to every element) */ .mod_article *[class*="ce_"],.mod_article *[class*="mod_"] { margin-left:1%; margin-right:1%; } /** * 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:4.25%; } .grid2 { width:10.5%; } .grid3 { width:16.75%; } .grid4 { width:23%; } .grid5 { width:29.25%; } .grid6 { width:35.5%; } .grid7 { width:41.75%; } .grid8 { width:48%; } .grid9 { width:54.25%; } .grid10 { width:60.5%; } .grid11 { width:66.75%; } .grid12 { width:73%; } .grid13 { width:79.25%; } .grid14 { width:85.5%; } .grid15 { width:91.75%; } .grid16 { width:98%; } /** * 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 2% wider (no margin) */ .mod_article.grid1 { width:6.25%; } .mod_article.grid2 { width:12.5%; } .mod_article.grid3 { width:18.75%; } .mod_article.grid4 { width:25%; } .mod_article.grid5 { width:31.25%; } .mod_article.grid6 { width:37.5%; } .mod_article.grid7 { width:43.75%; } .mod_article.grid8 { width:50%; } .mod_article.grid9 { width:56.25%; } .mod_article.grid10 { width:62.5%; } .mod_article.grid11 { width:68.75%; } .mod_article.grid12 { width:75%; } .mod_article.grid13 { width:81.25%; } .mod_article.grid14 { width:87.5%; } .mod_article.grid15 { width:93.75%; } .mod_article.grid16 { width:100%; } /** * Default offset widths */ .offset1 { margin-left:7.25% !important; } .offset2 { margin-left:13.5% !important; } .offset3 { margin-left:19.75% !important; } .offset4 { margin-left:26% !important; } .offset5 { margin-left:32.25% !important; } .offset6 { margin-left:38.5% !important; } .offset7 { margin-left:44.75% !important; } .offset8 { margin-left:51% !important; } .offset9 { margin-left:57.25% !important; } .offset10 { margin-left:63.5% !important; } .offset11 { margin-left:69.75% !important; } .offset12 { margin-left:76% !important; } .offset13 { margin-left:82.25% !important; } .offset14 { margin-left:88.5% !important; } .offset15 { margin-left:94.75% !important; } /** * Reduce the overall width and the width of the grid columns if the screen * width is less than 1160px */ @media (min-width:980px) and (max-width:1160px) { /** * Reduce the overall width */ /* #wrapper { width:960px; }*/ } /** * 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; }*/ } /** * 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:1% !important; } } @charset "UTF-8"; /* CSS Document */ @media screen and (max-width: 800px) { /* Navigation */ #quickelemente { float: left; margin-left: 25%; width: 65%; height: auto; } #servicelinks, #praeventionstipp, #revierkontakt, #monatsinterview { width: 47%; margin: 1% 1%; } #praeventionstipp img, #revierkontakt img, #monatsinterview img { width: 100%; } #blog { width: 100%; } #subnavigation { padding: 15px; margin-top: 2em; width: 80%; margin-bottom: 2em; } #left { width: 40%; } #main { width: 60%; margin-left: 40%; } } @media screen and (max-width: 950px) { #languagenavigation { border: 1px solid #fff; } #container { padding: 0 2%; } #blog { width: 65%; } #servicelinks, #praeventionstipp/*, #revierkontakt, #monatsinterview*/ { width: 30%; } #servicelinks, #praeventionstipp { min-height: 200px; } #revierkontakt, #monatsinterview { width: 47%; margin-top: 1%; margin-right: 1%; } } @media screen and (max-width: 750px) { /* Navigation */ #quickelemente { float: left; margin-left: 25%; width: 85%; height: auto; } #blog { width: 100%; } #quicknavigation { height: 50px; width: auto; } #languagenavigation, #schriftgroesse, #suchzeile { padding-top: 15px; } #schriftgroesse { padding-top: 25px; } #quicknavigation li { float: left; display: block; margin: 0 5px; text-indent: -3000px; width: 10%; height: 30px; } #quicknavigation li a, #quicknavigation span.active { display: block; height: 30px; } #navigation { height: 55px!important; } #quicknavigation, #languagenavigation { margin-top: 1.6%; } #quicknavigation li a, #quicknavigation li span { padding-left: 10px; font-size: 110%; } #servicelinks, #praeventionstipp { width: 47%; margin: 0 1%; } #revierkontakt, #monatsinterview { width: 47%; margin: 0 1%; } #revierkontakt img, #monatsinterview img { width: 100%; } .sc3 { display: inline; float: left; padding-right: 1%; width: 50%; } #senioren-198 .sc-clear { clear: none; } } @media screen and (max-width: 600px) { #acc1 { display: none; } #zielgruppen-akkordeon { display: inherit; border: 1px dashed #B8B4B4; margin-top: 2%; } #zielgruppen-akkordeon h1 { padding: 0; margin: 0; } #zielgruppen-akkordeon .ce_accordionStart { margin: 0; } #zielgruppen-akkordeon div[id^='ui-accordion-1-header-'] { background: #00a0e1; color: #fff; text-transform: uppercase; text-align: center; font-size: 1.5em; cursor: pointer; padding: 8px 0; border-bottom: 2px solid #fff; } #zielgruppen-akkordeon img { width: 100%; padding: 10px 0px 10px 0px; } #zielgruppen-akkordeon .ce_text { padding: 20px; } #zielgruppen-akkordeon p { color: #676767; font-style: italic; font-size: 0.8em; } } /** * Apply the holy grail CSS layout if the screen is at least 768 pixel wide, * otherwise display all columns underneath each other ... */ /* hier stehen die Styles für den Holy Grail */ /* Unterhalb von 768px alle Layoutbereiche untereinander darstellen */ @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; } #main { margin-left: 0; } } /************************************************************************************ smaller than 560 *************************************************************************************/ @media screen and (max-width: 550px) { body { /*border: 5px solid #f0f;*/ } #container { padding: 0 2%; } h1, #blog h1 { font-size: 1.5em; margin: 0 1%; margin: 0 0 0.9em 0; } #navigation, #suchzeile, #schriftgroesse, #notruf-mobile, #languagenavigation, #subnavigation, #revierkontakt { display: none; } #logo { position: absolute; top: 128px; width: 24.5%; height: auto; clear: both; z-index: 1000; } #logo img{ max-width: 100%; height: auto; position: absolute; top: 0px; } #nav-mobile { display: inherit; } #rss-slider h2 { font-size: 0.75em; } #rss-slider p.info { float: left; display: block; padding: 0px 10px 0px 0px; margin: 0; font-size: 0.75em; background: none; font-weight: bold; } #mmenu-box { position: relative; width: 100%; background: url('../../files/polizei/layout/bg-teaser.png') repeat-x; height: 70px; text-align: center; padding: 10px 0px 0px 0px; } .mmenu-link { display: inherit; width: 60px; height: 60px; text-decoration: none; color: #fff; position: relative; text-indent: -30000px; background: url('../../files/polizei/layout/icon-nav-mobile.png') no-repeat; margin: auto; } #notruf { width: 110px; height: 110px; position: absolute; top: 0px; left: 0px; z-index: 1500; } #quicknavigation { width: 100%; height: 40px; margin: 10px 0 0 0; padding: 0; float: left; z-index: 10000;!important } #quicknavigation li { float: left; display: block; margin: 0 1%; text-indent: -3000px; width: 15%; height: 30px; } #quicknavigation li a, #quicknavigation span.active { display: block; height: 30px; } #breadcrumb { height: 50px; width: 100%; } #breadcrumb li { margin-bottom: 0; } #servicelinks, #praeventionstipp, #revierkontakt-mobile, #monatsinterview { width: 100%; margin: 2% 0; } /*#servicelinks img, #praeventionstipp img, #revierkontakt img, #monatsinterview img { width: 100%; } */ #blog { width: 100%; } #blog .image_container.float_left img { float: none; } #revierkontakt-mobile { display: inherit; } #revierkontakt-mobile { margin-top: 10%; display: block; border: 1px dashed #B8B4B4; clear: both; } #revierkontakt-mobile .ce_accordionStart { color: #fff; background: #112d6a; border-bottom: 1px dashed #B8B4B4; margin: 0; } #revierkontakt-mobile .ce_accordionStart { color: #fff; background: #112d6a; border-bottom: 1px dashed #B8B4B4; margin: 0; } #revierkontakt-mobile div[id^='ui-accordion-1-header-'] { background: url('../../files/polizei/layout/ac-arrow-no.png') no-repeat center left; padding-left: 20px; padding: 7px 0px 7px 20px; } #revierkontakt-mobile div[id^='ui-accordion-1-panel-'] { background: #fff; color: #000; padding: 10px; } #revierkontakt-mobile img { width: 100%; } #blog .image_container.float_left { width: 100%; padding-right: 0px; padding-bottom: 15px; } #blog .image_container.float_above { float: left; width: 100%; padding-right: 0px; padding-bottom: 15px; } .wir-ueber-uns .image_container.float_right { max-width: inherit; width: 100%; display: block; } .sc2-first, .sc3-first { clear: left; } .sc2, .sc3 { display: inline; float: left; padding-right: 1%; width: 100%; } .sc { clear: none !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; } #footer .inside { height: 430px; } #footer div.ce_text { width: 42%; margin: 3%; } #footer div.ce_text p { font-size: 90%; } #copyright { margin-left: 3%; margin-bottom: 10px; } #berufseinstieg, #veranstaltungen-teaser, #chat { width: 100%; min-height: inherit; padding: 0 1%; margin-top: 1%; } #zielgruppen-akkordeon { display: inherit; border: 1px dashed #B8B4B4; margin-top: 2%; } #zielgruppen-akkordeon h1 { padding: 0; margin: 0; } #zielgruppen-akkordeon .ce_accordionStart { margin: 0; } #zielgruppen-akkordeon div[id^='ui-accordion-1-header-'] { background: #00a0e1; color: #fff; text-transform: uppercase; text-align: center; font-size: 1.5em; cursor: pointer; padding: 8px 0; border-bottom: 2px solid #fff; } #zielgruppen-akkordeon img { width: 100%; padding: 10px 0px 10px 0px; } #zielgruppen-akkordeon .ce_text { padding: 20px; } #zielgruppen-akkordeon p { color: #676767; font-style: italic; font-size: 0.8em; } }