.dlh_googlemap img {max-width:none}.dlh_googlemap .routinglink{white-space:nowrap} 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} /* 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 counters addon CSS */ em.mm-counter { font: inherit; font-size: 14px; font-style: normal; text-indent: 0; line-height: 20px; display: block; margin-top: -10px; position: absolute; right: 40px; top: 50%; } em.mm-counter + a.mm-subopen { padding-left: 40px; } em.mm-counter + a.mm-subopen + a, em.mm-counter + a.mm-subopen + span { margin-right: 80px; } em.mm-counter + a.mm-fullsubopen { padding-left: 0; } .mm-vertical em.mm-counter { top: 12px; margin-top: 0; } .mm-nosubresults > em.mm-counter { display: none; } .mm-menu em.mm-counter { 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%); } /* jQuery.mmenu themes extension CSS */ html.mm-opened.mm-light .mm-page { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .mm-menu.mm-light { background: #f3f3f3; color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light .mm-list > li:after { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-light .mm-list > li > a.mm-subclose { background: rgba(255, 255, 255, 0.6); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-list > li > a.mm-subopen:after, .mm-menu.mm-light .mm-list > li > a.mm-subclose:before { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-light .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-light .mm-list > li.mm-selected > span { background: rgba(255, 255, 255, 0.6); } .mm-menu.mm-light .mm-list > li.mm-label { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > ul { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-light .mm-buttonbar { border-color: rgba(0, 0, 0, 0.6); background: #f3f3f3; } .mm-menu.mm-light .mm-buttonbar > * { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light .mm-buttonbar > input:checked + label { background: rgba(0, 0, 0, 0.6); color: #f3f3f3; } .mm-menu.mm-light label.mm-check:before { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light em.mm-counter { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-footer { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-header { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-header .mm-prev:before, .mm-menu.mm-light .mm-header .mm-next:after, .mm-menu.mm-light .mm-header .mm-close:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-list li.mm-label > div > div { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-light .mm-search input { background: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-light label.mm-toggle:before { background: #f3f3f3; } .mm-menu.mm-light input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } html.mm-opened.mm-white .mm-page { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .mm-menu.mm-white { background: white; color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white .mm-list > li:after { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-white .mm-list > li > a.mm-subclose { background: rgba(0, 0, 0, 0.06); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-list > li > a.mm-subopen:after, .mm-menu.mm-white .mm-list > li > a.mm-subclose:before { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-white .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-white .mm-list > li.mm-selected > span { background: rgba(0, 0, 0, 0.06); } .mm-menu.mm-white .mm-list > li.mm-label { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > ul { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-white .mm-buttonbar { border-color: rgba(0, 0, 0, 0.6); background: white; } .mm-menu.mm-white .mm-buttonbar > * { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white .mm-buttonbar > input:checked + label { background: rgba(0, 0, 0, 0.6); color: white; } .mm-menu.mm-white label.mm-check:before { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white em.mm-counter { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-footer { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-header { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-header .mm-prev:before, .mm-menu.mm-white .mm-header .mm-next:after, .mm-menu.mm-white .mm-header .mm-close:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-list li.mm-label > div > div { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-white .mm-search input { background: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-white label.mm-toggle:before { background: white; } .mm-menu.mm-white input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } html.mm-opened.mm-black .mm-page { box-shadow: none; } .mm-menu.mm-black { background: black; color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black .mm-list > li:after { border-color: rgba(255, 255, 255, 0.2); } .mm-menu.mm-black .mm-list > li > a.mm-subclose { background: rgba(255, 255, 255, 0.25); color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-list > li > a.mm-subopen:after, .mm-menu.mm-black .mm-list > li > a.mm-subclose:before { border-color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-list > li > a.mm-subopen:before { border-color: rgba(255, 255, 255, 0.2); } .mm-menu.mm-black .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-black .mm-list > li.mm-selected > span { background: rgba(255, 255, 255, 0.25); } .mm-menu.mm-black .mm-list > li.mm-label { background: rgba(255, 255, 255, 0.15); } .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > ul { background: rgba(255, 255, 255, 0.15); } .mm-menu.mm-black .mm-buttonbar { border-color: rgba(255, 255, 255, 0.6); background: black; } .mm-menu.mm-black .mm-buttonbar > * { border-color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black .mm-buttonbar > input:checked + label { background: rgba(255, 255, 255, 0.6); color: black; } .mm-menu.mm-black label.mm-check:before { border-color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black em.mm-counter { color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-footer { border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-header { border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-header .mm-prev:before, .mm-menu.mm-black .mm-header .mm-next:after, .mm-menu.mm-black .mm-header .mm-close:after { border-color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-list li.mm-label > div > div { background: rgba(255, 255, 255, 0.15); } .mm-menu.mm-black .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black .mm-noresultsmsg { color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black label.mm-toggle { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-black label.mm-toggle:before { background: black; } .mm-menu.mm-black input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } /* -- dk_mmenu theme 'light' -- */ .mm-menu.mm-light { background: #e0e0e0; } .mod_headerimages { position: absolute; overflow: hidden; z-index: -1; width: 1180px; left: 0; top: 0; } .mod_headerimages .overlay { position: absolute; z-index: 20; } .mod_headerimages img { position: absolute; z-index: 10; } /* allgemeine Definition */ .sc { margin-left:0 !important; margin-right:0 !important; padding-left:0 !important; clear:none !important; } .sc-first { clear: both !important; } .sc-last { } .sc-clear { clear:left; } .sc-rowspan > * { margin: 0!important; padding: 0!important; } /* 2-spaltig */ .sc2 { width:49.5%;padding-right:1%;float:left;display:inline; } .sc2-first { clear:left; } .sc2-last { padding-right:0; } /* 3-spaltig */ .sc3 { width:32.3%;padding-right:1%;float:left;display:inline; } .sc3-first { clear:left; } .sc3-last { padding-right:1.1%; } .sc3-2 { width:65.6%;padding-right:1%;float:left;display:inline; } .sc3-2-first { clear:left; } .sc3-2-last { padding-right:1.1%; } /* 4-spaltig */ .sc4 { width:24%;padding-right:1%;float:left;display:inline; } .sc4-first { clear:left; } .sc4-last { } .sc4-2 { width:49%;padding-right:1%;float:left;display:inline; } .sc4-2-first { clear:left; } .sc4-2-last { } .sc4-3 { width:74%;padding-right:1%;float:left;display:inline; } .sc4-3-first { clear:left; } .sc4-3-last { } /* 5-spaltig */ .sc5 { width:19%;padding-right:1%;float:left;display:inline; } .sc5-first { clear:left; } .sc5-last { } .sc5-2 { width:39%;padding-right:1%;float:left;display:inline; } .sc5-2-first { clear:left; } .sc5-2-last { } .sc5-3 { width:59%;padding-right:1%;float:left;display:inline; } .sc5-3-first { clear:left; } .sc5-3-last { } .sc5-4 { width:79%;padding-right:1%;float:left;display:inline; } .sc5-4-first { clear:left; } .sc5-4-last { } #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} @charset "UTF-8"; .contao-cookiebar { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 9999; font-size: 0; letter-spacing: 0; text-align: center; padding: 15px; max-height: 100vh; box-sizing: border-box; pointer-events: none; overflow: hidden; } .contao-cookiebar * { box-sizing: border-box; } .contao-cookiebar:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .contao-cookiebar .cc-inner { display: inline-block; overflow-y: auto; max-height: 100%; max-width: 100%; opacity: 0; pointer-events: none; visibility: hidden; font-size: 1rem; text-align: left; } .contao-cookiebar.cc-top .cc-inner { vertical-align: top; } .contao-cookiebar.cc-top.cc-active .cc-inner { animation: cookiebar-top-in 0.5s ease-in-out forwards; } .contao-cookiebar.cc-top.cc-saved .cc-inner { animation: cookiebar-top-out 0.5s ease-in-out forwards; } .contao-cookiebar.cc-bottom .cc-inner { vertical-align: bottom; } .contao-cookiebar.cc-bottom.cc-active .cc-inner { animation: cookiebar-bottom-in 0.5s ease-in-out forwards; } .contao-cookiebar.cc-bottom.cc-saved .cc-inner { animation: cookiebar-bottom-out 0.5s ease-in-out forwards; } .contao-cookiebar.cc-middle .cc-inner { vertical-align: middle; } .contao-cookiebar.cc-middle.cc-active .cc-inner { animation: cookiebar-middle-in 0.5s ease-in-out forwards; } .contao-cookiebar.cc-middle.cc-saved .cc-inner { animation: cookiebar-middle-out 0.5s ease-in-out forwards; } .contao-cookiebar.cc-left { text-align: left; } .contao-cookiebar.cc-right { text-align: right; } .contao-cookiebar .cc-head h1:first-child, .contao-cookiebar .cc-head h2:first-child, .contao-cookiebar .cc-head h3:first-child, .contao-cookiebar .cc-head h4:first-child, .contao-cookiebar .cc-head h5:first-child, .contao-cookiebar .cc-head h6:first-child { margin-top: 0; } .contao-cookiebar .cc-head p { margin-bottom: 15px; } .contao-cookiebar .cc-btn { display: inline-block; cursor: pointer; width: 100%; padding: 8px 14px; margin-bottom: 8px; font-size: 15px; outline: 0 none; border: 1px solid #cfcfcf; border-radius: 4px; color: #444; background: #f5f5f5; } .contao-cookiebar .cc-btn:hover { background: #ececec; } .contao-cookiebar .cc-btn:last-child { margin-bottom: 0; } .contao-cookiebar .grayscale .cc-btn { background: #f1efef; } .contao-cookiebar .grayscale .cc-btn:hover { background: #ececec; } .contao-cookiebar .grayscale .cc-btn.success { background: #fbfbfb; } .contao-cookiebar .grayscale .cc-btn.success:hover { background: #f7f7f7; } .contao-cookiebar .highlight .cc-btn.success { background: #4e9e3e; border-color: #3e7830; color: #fff; } .contao-cookiebar .highlight .cc-btn.success:hover { background: #4c933f; } .contao-cookiebar label { position: relative; display: block; padding: 8px 13px 8px 0; line-height: 1.2rem; } .contao-cookiebar label.group { font-weight: 600; } .contao-cookiebar input { position: absolute; width: 1px; height: 1px; outline: 0 none; opacity: 0; } .contao-cookiebar input + label { padding: 8px 13px 8px 50px; cursor: pointer; } .contao-cookiebar input + label:before { content: ''; position: absolute; top: 6px; left: 0; width: 35px; height: 18px; margin: 0; box-sizing: content-box; border-radius: 10px; background: #fff; border: 2px solid #9c9b99; transition: border-color .2s; } .contao-cookiebar input + label:after { display: block; content: ''; position: absolute; top: 10px; left: 4px; width: 14px; height: 14px; border-radius: 10px; background: #9c9b99; transition: background .2s, margin-left .2s, padding .2s; } .contao-cookiebar input + label:active:after { padding-left: 5px; } .contao-cookiebar input.cc-group-half + label:after { background: linear-gradient(to right, #9c9b99 0%, #9c9b99 50%, #399d32 50%, #399d32 100%); } .contao-cookiebar input:checked + label:after { background: #399d32; margin-left: 17px; } .contao-cookiebar input:checked + label:active:after { margin-left: 12px; } .contao-cookiebar input:checked + label:before { background: #dcf3db; border-color: #399d32; } .contao-cookiebar input:disabled + label { pointer-events: none; } .contao-cookiebar input:disabled + label:after { background: #c8c7c5; } .contao-cookiebar input:disabled + label:before { background: #f4f4f4; border-color: #c8c7c5; } .contao-cookiebar.cc-active .cc-inner { opacity: 1; pointer-events: auto; visibility: visible; } .contao-cookiebar.cc-active.cc-blocked { pointer-events: auto; animation: cookiebar-overlay-in 0.5s ease-in-out forwards; } .contao-cookiebar.cc-saved.cc-inner { opacity: 0; pointer-events: none; visibility: hidden; } .contao-cookiebar.cc-saved.cc-blocked { pointer-events: none; animation: cookiebar-overlay-out 0.5s ease-in-out forwards; } @media (min-width: 768px) { .contao-cookiebar .cc-btn { width: auto; margin-bottom: 0; } .contao-cookiebar .cc-inner { max-width: 750px; } } @keyframes cookiebar-overlay-in { 0% { background: rgba(0, 0, 0, 0); } 100% { background: rgba(0, 0, 0, 0.75); } } @keyframes cookiebar-overlay-out { 0% { background: rgba(0, 0, 0, 0.75); } 100% { background: rgba(0, 0, 0, 0); visibility: hidden; } } @keyframes cookiebar-top-in { 0% { opacity: 0; transform: translateY(-100%); } 100% { opacity: 1; transform: translateY(0); } } @keyframes cookiebar-top-out { 0% { opacity: 1; visibility: visible; transform: translateY(0); } 100% { opacity: 0; visibility: hidden; transform: translateY(-100%); } } @keyframes cookiebar-middle-in { 0% { opacity: 0; transform: scale(0); } 100% { opacity: 1; transform: scale(1); } } @keyframes cookiebar-middle-out { 0% { opacity: 1; visibility: visible; transform: scale(1); } 100% { opacity: 0; visibility: hidden; transform: scale(0); } } @keyframes cookiebar-bottom-in { 0% { opacity: 0; transform: translateY(100%); } 100% { opacity: 1; transform: translateY(0); } } @keyframes cookiebar-bottom-out { 0% { opacity: 1; visibility: visible; transform: translateY(0); } 100% { opacity: 0; visibility: hidden; transform: translateY(100%); } } .contao-cookiebar { color: #444444; } .contao-cookiebar p { color: #868686; line-height: 1.4; } .contao-cookiebar .cc-inner { padding: 25px; border-radius: 5px; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25); background: #fff; } .contao-cookiebar .cc-group { display: flex; flex-wrap: wrap; justify-content: space-between; align-content: center; position: relative; border: 1px solid #d0d0d0; border-radius: 5px; margin-bottom: 10px; } .contao-cookiebar .cc-group > label { flex-grow: 1; margin: 5px 0 5px 10px; } .contao-cookiebar .cc-group .cc-detail-btn { border: 0 none; outline: 0 none; background: transparent; font-size: 13px; letter-spacing: 0; text-transform: initial; cursor: pointer; color: #a2a2a2; padding: 8px 10px; line-height: 1.2rem; } .contao-cookiebar .cc-group .cc-detail-btn span:nth-child(2) { display: none; } .contao-cookiebar .cc-group .cc-detail-btn.cc-active span:nth-child(1) { display: none; } .contao-cookiebar .cc-group .cc-detail-btn.cc-active span:nth-child(2) { display: inline; } .contao-cookiebar .cc-group .cc-detail-btn:hover { color: #717171; } .contao-cookiebar .cc-group .cc-detail-btn-details { display: inline-block; border: 0 none; outline: 0 none; background: transparent; font-size: 13px; letter-spacing: 0; text-transform: initial; cursor: pointer; color: #a2a2a2; text-decoration: underline; padding: 0; margin: 0 0 10px; } .contao-cookiebar .cc-group .cc-detail-btn-details span:nth-child(2) { display: none; } .contao-cookiebar .cc-group .cc-detail-btn-details.cc-active span:nth-child(1) { display: none; } .contao-cookiebar .cc-group .cc-detail-btn-details.cc-active span:nth-child(2) { display: inline; } .contao-cookiebar .cc-group .cc-detail-btn-details:hover { color: #717171; } .contao-cookiebar .cc-cookies { display: none; width: 100%; background: #fbfbfb; border-radius: 0 0 5px 5px; } .contao-cookiebar .cc-cookies > p { font-size: 0.875rem; } .contao-cookiebar .cc-cookies > p, .contao-cookiebar .cc-cookies > .cc-cookie { margin: 0; padding: 15px; border-top: 1px solid #e6e6e6; } .contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info { font-size: 0.875rem; background: #fff; padding: 10px; border-radius: 5px; border: 1px solid #efefef; } .contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info > div > span { font-weight: 600; } .contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info > div + div { margin-top: 5px; word-wrap: break-word; } .contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info + button.cc-detail-btn-details { margin-top: 15px; } .contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-desc > p { margin-bottom: 0; } .contao-cookiebar .cc-cookies .cc-cookie label.cookie + p, .contao-cookiebar .cc-cookies .cc-cookie label.cookie + .cc-cookie-info, .contao-cookiebar .cc-cookies .cc-cookie label.cookie + button.cc-detail-btn-details { margin-top: 10px; } .contao-cookiebar .cc-cookies .cc-cookie p { margin: 0 0 15px; font-size: 0.875rem; } .contao-cookiebar .cc-footer, .contao-cookiebar .cc-info { text-align: center; } .contao-cookiebar .cc-info { margin-top: 15px; } .contao-cookiebar .cc-info > p { font-size: 0.875rem; } .contao-cookiebar .cc-info > a { display: inline-block; font-size: 0.813rem; color: #a2a2a2; text-decoration: none; } .contao-cookiebar .cc-info > a:hover { color: #717171; } .contao-cookiebar .cc-info > a + a:before { display: inline-block; content: '·'; margin-right: 5px; } /*************************************************************/ /* Design: INSET.CH - 2018 */ /* File: screen.css */ /*-----------------------------------------------------------*/ /* Autor: Reto Bühler, www.nuun.ch */ /* Datum: Januar 2018 */ /* Site: www.inset.ch */ /*************************************************************/ /* LAYOUT */ /*************************************************************/ /* GLOBAL */ /*************************************************************/ html, body {height:100%; width:100%;; font: 100.01%/1em Arial, Verdana, Helvetica, sans-serif;} body {background:url(/files/data/grafics/bg.png) left top repeat;} #wrapper {width:1180px; height: auto !important; min-height: 100%; height: 100%; position:relative; padding:0; margin:0 auto; font-size:0.88em; color:#000; line-height:1.5em; letter-spacing:0.04em;} /*Cookiebar*/ .contao-cookiebar .cc-inner {max-width: 500px; font-size: 15px; line-height: 18px;} .contao-cookiebar .cc-inner label {line-height: 19px;} .contao-cookiebar .cc-cookies .cc-cookie p {font-size: 15px; line-height: 18px;} .contao-cookiebar .cc-info > p {font-size: 12px; line-height: 16px;} .contao-cookiebar .cc-info > p a {color:#aa1f44; text-decoration: none;} #container .cc-module { text-align: center; } #footer .cc-module { text-align: center; } /* HEADER */ /*************************************************************/ body #header {position:relative; height:548px; width:1180px; margin:0; font-size:1em; padding:0; z-index:800; background:url(/files/data/grafics/bg_header.png) left top repeat-x #fff;} body.home #header {height:688px;} #header .mobilebtn_ct {display: none;} /* FOOTER */ /*************************************************************/ #footer {width:1180px; padding:0; position: relative; z-index:300; display:block; margin:0 0 10px 0; font-size:1em; display:block; color:#000; line-height:1.53em; float:left;} #footer .inside {width:1180px; height:45px; display:block; margin:0; padding:0; float:left; background:#fff;} .mod_headerimages {position:absolute; top:143px; height:405px; width:1180px;} .mod_article_header {position:absolute; width: 320px; top:42px; right:15px; text-align:right; color:#b62245;} #logo {position:absolute; left:10px; top:11px; z-index:900;} .logo-40J {float: left; margin-top: -5px;} body #header .mod_article {display:none;} body.home #header .mod_article {position:absolute; top:143px; width:1180px; height:405px; display:block;} body.home .mod_headerimages {display:none;} /* CONTAINER (INCLUDING LEFT/MAIN/RIGHT */ /*************************************************************/ #container {position:relative; width:1180px; margin:10px 0 0 0; font-size:1em; padding:0; z-index:500; float:left;} * html #container {} #left {position:relative; width:208px; padding:0; margin:0 0 0 0; float:left;} #left .mod_article_left {width:180px; padding:0 0 0 28px;} #right {position:relative; width:238px; padding:0; margin:0 0 0 0; float:right;} #right .inside {width:210px; padding:0; margin:0 28px 0 0;} #main {position:relative; float:left; padding:0 0 0 0;} #main .inside {padding:0; margin:0; width:1180px; display:block;} #container .mod_caroufredsel_ticker {background:#fff; margin:0 0 10px 0; position:relative; height:185px;} #container .caroufredsel_wrapper {margin-left:33px !important; margin-right: 33px !important; box-sizing: border-box; width: 1114px !important;} #container .layout_caroufredsel_ticker {width:537px; padding:20px 0 0 20px;} #container .layout_caroufredsel_ticker .image_container {float:left; padding:4px 14px 0 0;} #container .caroufredsel_controls {position:absolute; top:0; width:1180px;} #container .caroufredsel_prev {width:33px; height:185px; position:absolute; top:0; left:0; background:url(/files/data/grafics/slider_btn_previous.png) left top no-repeat;} #container .caroufredsel_next {width:33px; height:185px; position:absolute; top:0; right:0; background:url(/files/data/grafics/slider_btn_next.png) right top no-repeat;} #container .caroufredsel_controls span {display:none;} /*************************************************************/ /* NAVIGATION */ /*************************************************************/ #header .navigation {position:absolute; top:99px; left:0; z-index:1000; overflow:visible !important; font-family: 'open_sansregular';} #header .navigation ul {width: 1170px; float: left; margin: 0; padding: 0 0 0 6px; list-style: none; font-size:1em; position:relative; text-transform:uppercase;} #header .navigation li {float: left; padding:0 0 0 0; margin:0; height:43px; position: relative; text-align:left; z-index: 1;} #header .navigation li.last {} #header .navigation li.spezial {background-color: #cf1537; margin: 0 5px;} #header .navigation li.spezial a.spezial {color:#fff !important; background:none !important;} #header .navigation li.spezial:hover {background-color: #666666;} #header .navigation li:hover {z-index:2;} #header .navigation li a {display: block; overflow: hidden; float: left; color:#000;} #header .navigation ul li li {text-align:left; text-transform:none; margin:0; padding:0; height:auto;} #header .navigation ul li a {padding:13px 10px 0 10px; height:30px; line-height: 1.3em; display: block; float: left; text-decoration:none;} #header .navigation ul li ul li a {background:none; margin:0 !important; height:auto;} #header .navigation li a:hover, #header .navigation li a.active, #header .navigation li a.trail, #header .navigation li:hover a {color:#000; text-decoration:none; background:url(/files/data/grafics/nav_main_active.png) left 32px repeat-x;} #header .navigation li:hover .level_2 {display:block;} #header .navigation li .level_2 {display: none;} #header .navigation li ul {position: absolute; left:0; top: 43px; width: 180px; height: auto; margin: 0; padding: 1px 0 8px 0; font-size:0.88em; list-style:none;} #header .navigation li:hover li, #header .navigation li.active li {width: 180px; padding: 0; background:none; margin: 0;} #header .navigation li:hover li a, #header .navigation li.active li a {color: #fff; background:#666666; width: 160px; padding: 6px 8px 8px 12px; line-height: 1.2em; text-indent: 0; font-weight:normal;} #header .navigation li:hover li a:hover, #header .navigation li.active li a:hover {color: #fff; background: #000; text-decoration: none;} #header .navigation li ul li a.active {color: #fff; background: #000; text-decoration: none;} #left .mod_nav_sub {position:relative; width:208px; padding:0 0 16px 0; margin:0 0 0 0; z-index:500; float:left;} #left .mod_nav_sub ul {padding:0; float:left; font-size:1.2em; line-height:1.3em; width:180px; padding:26px 0 22px 28px; background:#e0e8ee; text-transform:uppercase;} #left .mod_nav_sub ul li {display:block; float:left; padding:0 0 0 0; margin:0; width:180px;} #left .mod_nav_sub ul li a {color:#796e5f; float:left; width:155px; text-align:left; margin:0 0 0 0; padding:0 5px 5px 20px; font-weight:bold; background:url(/files/data/grafics/nav_sub_inactive.png) left 3px no-repeat;} #left .mod_nav_sub ul li a:hover, #left .mod_nav_sub ul li a.active, #left .mod_nav_sub ul li a.trail {color:#000000; text-decoration:none; background:url(/files/data/grafics/nav_sub_active.png) left 3px no-repeat; font-weight:bold;} #footer .mod_nav_service {position:relative; width:300px; font-size:1em; line-height:1.2em; padding:10px 0 0 0; margin:0; z-index:800; float:right;} #footer .mod_nav_service ul {padding:0; float:right;} #footer .mod_nav_service ul li {display:block; float:left; padding:5px 15px 0 0;} #footer .mod_nav_service ul li a {color:#4c5056; float: left; padding:0; height:30px; font-weight:bold; text-decoration:none; background:none;} #footer .mod_nav_service ul li a:hover, #footer .mod_nav_service ul li a.active, #footer .mod_nav_service ul li a.trail {color:#000; text-decoration:none;} #footer .mod_nav_service ul li.home {display:none;} #footer .mod_nav_service ul li.facebook {padding:0 15px 0 0;} #footer .mod_nav_service ul li.facebook a span {display:none;} #footer .mod_nav_service ul li.facebook a {background:url(/files/data/grafics/icon_facebook_inactive.png) left top no-repeat; width:26px; height:26px;} #footer .mod_nav_service ul li.facebook a:hover {background:url(/files/data/grafics/icon_facebook_active.png) left top no-repeat; width:26px; height:26px;} #referenzen-tabs .ce_accessible_tabs {margin: 0;} .ce_accessible_tabs {background:#fff; float:left; padding:0; margin:0 0 10px 0;} .tabs-list {width:168px; float:left; padding:0; margin:0;} .tabs-list li {width:168px; height:65px; float:left; padding-bottom:2px;} .tabs-list li.last {padding-bottom:0px;} .tabs-list li a#engineering {width:168px; height:65px; float:left; background:url(/files/data/grafics/tab_engineering_inactive.png) left top no-repeat;} .tabs-list li a#engineering:hover {background:url(/files/data/grafics/tab_engineering_active.png) left top no-repeat;} .tabs-list li.current a#engineering {background:url(/files/data/grafics/tab_engineering_active.png) left top no-repeat;} .tabs-list li a#schaltanlagen {width:168px; height:65px; float:left; background:url(/files/data/grafics/tab_schaltanlagen_inactive.png) left top no-repeat;} .tabs-list li a#schaltanlagen:hover {background:url(/files/data/grafics/tab_schaltanlagen_active.png) left top no-repeat;} .tabs-list li.current a#schaltanlagen {background:url(/files/data/grafics/tab_schaltanlagen_active.png) left top no-repeat;} .tabs-list li a#automation {width:168px; height:65px; float:left; background:url(/files/data/grafics/tab_automation_inactive.png) left top no-repeat;} .tabs-list li a#automation:hover {background:url(/files/data/grafics/tab_automation_active.png) left top no-repeat;} .tabs-list li.current a#automation {background:url(/files/data/grafics/tab_automation_active.png) left top no-repeat;} .tabs-list li a#elektronik {width:168px; height:65px; float:left; background:url(/files/data/grafics/tab_elektronik_inactive.png) left top no-repeat;} .tabs-list li a#elektronik:hover {background:url(/files/data/grafics/tab_elektronik_active.png) left top no-repeat;} .tabs-list li.current a#elektronik {background:url(/files/data/grafics/tab_elektronik_active.png) left top no-repeat;} .tabs-list li a#service {width:168px; height:65px; float:left; background:url(/files/data/grafics/tab_service_inactive.png) left top no-repeat;} .tabs-list li a#service:hover {background:url(/files/data/grafics/tab_service_active.png) left top no-repeat;} .tabs-list li.current a#service {background:url(/files/data/grafics/tab_service_active.png) left top no-repeat;} .tabs-list li a#seilbahnen {width:168px; height:65px; float:left; background:url(/files/data/grafics/tab_seilbahnen_inactive.png) left top no-repeat;} .tabs-list li a#seilbahnen:hover {background:url(/files/data/grafics/tab_seilbahnen_active.png) left top no-repeat;} .tabs-list li.current a#seilbahnen {background:url(/files/data/grafics/tab_seilbahnen_active.png) left top no-repeat;} .tabs-list li a span {display:none;} .ce_accessible_tabs .content {float:left; position:relative; width:1012px;} .ce_accessible_tabs .content h4 {position:absolute;} .ce_accessible_tabs .content h4 span {display:none;} body .mod_nav_direct {display:none;} body.home .mod_nav_direct {display:block; position:absolute; top:548px; padding:0 15px; width:1150px; height:140px; background:#a7acaf;} body.home .mod_nav_direct ul {padding:0; float:left; padding:0; background:url(/files/data/grafics/navdirect_divider.png) left top no-repeat; text-transform:uppercase;} body.home .mod_nav_direct ul li {display:block; float:left; height:140px; padding:0; margin:0; background:url(/files/data/grafics/navdirect_divider.png) right top no-repeat;} body.home .mod_nav_direct ul li.last {padding:0 0 0 0;} body.home .mod_nav_direct ul li a {color:#5d6164; float: left; padding:100px 0 0 0; margin:0 2px 0 0; height:40px; width:189px; font-weight:bold; font-size:1.2em; text-decoration:none; text-align:center;} body.home .mod_nav_direct ul li a:hover, body.home .mod_nav_direct ul li a.active, body.home .mod_nav_direct ul li a.trail {color:#fff; text-decoration:none;} body.home .mod_nav_direct ul li.engineering a {background:url(/files/data/grafics/nav_engineering_inactive.png) center 15px no-repeat;} body.home .mod_nav_direct ul li.engineering a:hover, body.home .mod_nav_direct ul li.engineering a.active, body.home .mod_nav_direct ul li.engineering a.trail {background:url(/files/data/grafics/nav_engineering_active.png) center 15px no-repeat #b42547;} body.home .mod_nav_direct ul li.schaltanlagen a {background:url(/files/data/grafics/nav_schaltanlagen_inactive.png) center 18px no-repeat;} body.home .mod_nav_direct ul li.schaltanlagen a:hover, body.home .mod_nav_direct ul li.schaltanlagen a.active, body.home .mod_nav_direct ul li.schaltanlagen a.trail {background:url(/files/data/grafics/nav_schaltanlagen_active.png) center 18px no-repeat #b42547;} body.home .mod_nav_direct ul li.automation a {background:url(/files/data/grafics/nav_automation_inactive.png) center 18px no-repeat;} body.home .mod_nav_direct ul li.automation a:hover, body.home .mod_nav_direct ul li.automation a.active, body.home .mod_nav_direct ul li.automation a.trail {background:url(/files/data/grafics/nav_automation_active.png) center 18px no-repeat #b42547;} body.home .mod_nav_direct ul li.elektronik a {background:url(/files/data/grafics/nav_elektronik_inactive.png) center 18px no-repeat;} body.home .mod_nav_direct ul li.elektronik a:hover, body.home .mod_nav_direct ul li.elektronik a.active, body.home .mod_nav_direct ul li.elektronik a.trail {background:url(/files/data/grafics/nav_elektronik_active.png) center 18px no-repeat #b42547;} body.home .mod_nav_direct ul li.service a {background:url(/files/data/grafics/nav_service_inactive.png) center 18px no-repeat;} body.home .mod_nav_direct ul li.service a:hover, body.home .mod_nav_direct ul li.service a.active, body.home .mod_nav_direct ul li.service a.trail {background:url(/files/data/grafics/nav_service_active.png) center 18px no-repeat #b42547;} body.home .mod_nav_direct ul li.seilbahnen a {background:url(/files/data/grafics/nav_seilbahnen_inactive.png) center 18px no-repeat;} body.home .mod_nav_direct ul li.seilbahnen a:hover, body.home .mod_nav_direct ul li.seilbahnen a.active, body.home .mod_nav_direct ul li.seilbahnen a.trail {background:url(/files/data/grafics/nav_seilbahnen_active.png) center 18px no-repeat #b42547;} body.home .textblock {box-sizing: border-box; background: #fff; width: 100%; margin: 0 0 10px 0 !important; padding: 42px 55px 30px 55px !important;} body.akkordeon .ce_accordionStart {width:1180px; clear:both; margin:0 0 10px 0; float:left;} body.akkordeon .ui-accordion-header {background:#a7acaf; height:50px; color:#fff; padding:0; font-size:1.2em; font-family: 'open_sansbold'; cursor:pointer;} body.akkordeon .ui-accordion-header .ui-accordion-header-icon {background:url(/files/data/grafics/icon_plus_inactive.png) center center no-repeat #cccccc; width:155px; height:50px; margin-right:68px; float:left;} body.akkordeon .ui-accordion-header-active {background:#cccccc; color:#000; padding:0; font-size:1.2em; font-family: 'open_sansbold';} body.akkordeon .ui-accordion-header-active .ui-accordion-header-icon {background:url(/files/data/grafics/icon_minus_inactive.png) center center no-repeat #cccccc; width:155px; height:50px; float:left;} body.akkordeon .ui-accordion-content-active {background:url(/files/data/grafics/bg_jobs.png) left top no-repeat #fff; padding:0 0 0 168px; float:left;} body.akkordeon .ui-accordion-content-active div {background:url(/files/data/grafics/bg_red.png) right center no-repeat #fff; padding:0;} body.akkordeon .ui-accordion-content-active div div {background:none; padding:0;} /*body .inhalt {background:url(/files/data/grafics/bg_grey.png) right center no-repeat #fff; margin:0 0 10px 0; width:1180px; float:left;}*/ body .mod_article {background:url(/files/data/grafics/bg_grey.png) right center no-repeat #fff; margin:0 0 10px 0; width:1180px; float:left;} body .mod_article#referenzen-tabs {background:none;} body.tabber .mod_article#referenzen-tabs .content .sc-last {height: auto; min-height: 291px;} body .mod_article#leistungen {background:none;} body .mod_article#home {background:none;} body .mod_article#home-slider {background:none;} body .mod_article#team {background:none;} body .mod_article#news-detail {background:none;} .mod_newslist .ce_accordion {width:1180px; clear:both; margin:0 0 10px 0; float:left;} .mod_newslist .ui-accordion-header {background:#a7acaf; height:50px; color:#535759; padding:0; font-size:1.2em; cursor:pointer;} .mod_newslist .ui-accordion-header .ui-accordion-header-icon {display:none;} .mod_newslist .ui-accordion-header-active .ui-accordion-header-icon {background:url(/files/data/grafics/icon_minus_inactive.png) center center no-repeat #cccccc; width:155px; height:50px; margin-right:68px; float:left; display:block;} .mod_newslist .ui-accordion-header-active {background:#cccccc; color:#000; padding:0; font-size:1.2em;} .mod_newslist .ui-accordion-content-active {background:url(/files/data/grafics/bg_news.png) left top no-repeat #fff; padding:0 0 0 168px; width:1012px; float:left;} #main .mod_newslist .ce_accordion .info {display:block; padding:0; clear:both; color:#525759;} #main .mod_newslist .ui-accordion-header .info {display:block; background:#cccccc; width:140px; height:37px; margin-right:68px; padding:13px 0 0 15px; float:left; font-size:0.88em;} #main .mod_newslist .ui-accordion-header-active .info {display:none;} .mod_newslist .ce_accordion .ce_text {margin:0; padding:0; clear:both;} .mod_newslist .ce_accordion .ce_gallery {margin:0; padding:0;} .mod_newslist .ce_accordion .ce_gallery .image_container {margin:0; padding:0;} .mod_newsreader .ce_accordion {width:1180px; clear:both; margin:0 0 10px 0; float:left;} .mod_newsreader .ui-accordion-header {background:#a7acaf; height:50px; color:#535759; padding:0; font-size:1.2em; cursor:pointer;} .mod_newsreader .ui-accordion-header .ui-accordion-header-icon {display:none;} .mod_newsreader .ui-accordion-header-active .ui-accordion-header-icon {background:url(/files/data/grafics/icon_minus_inactive.png) center center no-repeat #cccccc; width:155px; height:50px; margin-right:68px; float:left; display:block;} .mod_newsreader .ui-accordion-header-active {background:#cccccc; color:#000; padding:0; font-size:1.2em;} .mod_newsreader .ui-accordion-content-active {background:url(/files/data/grafics/bg_news.png) left top no-repeat #fff; padding:0 0 0 168px; width:1012px; float:left;} #main .mod_newsreader .ce_accordion .info {display:block; padding:0; clear:both; color:#525759;} #main .mod_newsreader .ui-accordion-header .info {display:block; background:#cccccc; width:140px; height:37px; margin-right:68px; padding:13px 0 0 15px; float:left; font-size:0.88em;} #main .mod_newsreader .ui-accordion-header-active .info {display:none;} .mod_newsreader .ce_accordion .ce_text {margin:0; padding:0; clear:both;} #main .mod_newsreader p.back {display:none;} .mod_newsreader .ce_accordion .ce_gallery {margin:0; padding:0;} .mod_newsreader .ce_accordion .ce_gallery .image_container {margin:0; padding:0;} .ce_gallery li {float:left; padding:0 9px 9px 0; margin:0;} .ce_gallery li.col_last {float:left; padding:0 0 9px 0; margin:0;} /*Stellen*/ body .mod_article.stellenliste {background:none;} .stellenliste .mod_plenta_jobs_basic_offer_list .layout_default {position: relative; width:100%; clear:both; margin:0 0 10px 0; float:left;} .stellenliste .mod_plenta_jobs_basic_offer_list .layout_default {background:#a7acaf; height:50px; color:#fff; padding:0; font-size:1.2em; font-family: 'open_sansbold'; cursor:pointer;} .stellenliste .mod_plenta_jobs_basic_offer_list .layout_default:before {content: ""; background:url(/files/data/grafics/icon_plus_inactive.png) center center no-repeat #cccccc; width:155px; height:50px; margin-right:68px; float:left;} .stellenliste .mod_plenta_jobs_basic_offer_list .layout_default a {display: block; width: 100%; padding-top: 1px; position: absolute; top: 0; left: 0; padding-top: 7px; height: 100%; box-sizing: border-box; padding-left: 200px;} .stellenliste .mod_plenta_jobs_basic_offer_list .layout_default .job-location {display: none;} .stellenliste .mod_plenta_jobs_basic_offer_list .layout_default .second-column {display: none;} #container .mod_article.stellendetail .ce_download {padding: 0;} /*************************************************************/ /* CONTENT */ /*************************************************************/ .mod_article.nobackground {background: none !important;} .mod_article.weiss {background: #fff !important; margin-top: -10px; text-align: center; line-height: 0;} body.zweispaltig-50-50 .sc-first {background:#fff; width:475px; margin:0 10px 10px 0 !important; padding:42px 55px 30px 55px !important;} body.zweispaltig-50-50 .sc-last {background:#fff; width:475px; margin:0 0 10px 0 !important; padding:42px 55px 30px 55px !important;} body.home.zweispaltig-50-50 .sc2 {min-height: 165px;} body.team .sc-first {background:#fff; width:585px; margin:0 10px 10px 0 !important; padding:0 !important;} body.team .sc-last {background:#fff; width:585px; color: #000; margin:0 0 10px 0 !important; padding:0 !important;} /*body.zweispaltig .sc-first {width:635px; margin:0 0 10px 0 !important; padding:42px 55px 30px 55px !important;} body.zweispaltig .sc-last {color:#fff; width:325px; margin:0 0 10px 0 !important; padding:42px 55px 30px 55px !important;}*/ body .sc-first {width:635px; margin:0 0 10px 0 !important; padding:42px 55px 30px 55px !important;} body .sc-last {color:#fff; width:325px; margin:0 0 10px 0 !important; padding:42px 55px 30px 55px !important;} body.tabber .content .sc-first {background:#fff; width:467px; margin:0 0 0 0 !important; padding:42px 55px 0 55px !important;} body.tabber .content .sc-last {color:#fff; width:325px; margin:0 0 0 0 !important; padding:42px 55px 0 55px !important; background:url(/files/data/grafics/bg_red.png) left center no-repeat; height:291px;} body .accordion .sc-first {background:#fff; width:467px; margin:0 0 0 0 !important; padding:42px 55px 30px 55px !important;} body .accordion .sc-last {color:#fff; width:325px; margin:0 0 0 0 !important; padding:42px 55px 30px 55px !important;} .news_left {float:left; width:467px; padding:42px 55px 0 55px; position:relative;} .news_right {float:right;} .news_social {position:absolute; top:0; right:0; padding:10px 55px 0 0; margin:0;} #main p, #right p, #left p {padding:2px 0 6px 0; margin:0; display:block;} #footer p {padding:0; margin:0;} body #main h1, body #main h2 {padding:4px 0 12px 0; margin:0; font-size:1.65em; line-height:1.3em; color:#525759; font-family: 'open_sansbold';} body.team #main h2 {padding:12px 15px 12px 15px; color:#aa1f44 !important;} body.team #main p {padding:2px 15px 6px 15px;} body.akkordeon #main .ui-accordion-header h2 {color:#fff; padding:0; font-size:1.5em; font-family: 'open_sansbold'; padding:8px 0 0 0;} body.akkordeon #main .ui-accordion-header-active h2 {color:#535759; padding:0; font-size:1.5em; font-family: 'open_sansbold'; padding:8px 0 0 0;} body #main .mod_newslist .ui-accordion-header h2 {color:#fff; padding:0; font-size:1.5em; font-family: 'open_sansbold'; padding:8px 0 0 0;} body #main .mod_newslist .ui-accordion-header-active h2 {color:#535759; padding:0; font-size:1.5em; font-family: 'open_sansbold'; padding:8px 0 0 0;} body #main .mod_newsreader .ui-accordion-header h2 {color:#fff; padding:0; font-size:1.5em; font-family: 'open_sansbold'; padding:8px 0 0 0;} body #main .mod_newsreader .ui-accordion-header-active h2 {color:#535759; padding:0; font-size:1.5em; font-family: 'open_sansbold'; padding:8px 0 0 0;} /*#main .sc p {padding:0 15px 12px 15px;}*/ /*#main .sc h1, #main .sc h2 {padding:8px 15px 6px 15px;}*/ /*#main .sc .ce_form {padding:0 15px 12px 15px;}*/ body.akkordeon #main .accordion .sc-last h2 {color:#fff; font-family: 'open_sansbold';} body.akkordeon #main .sc-last h2 {color:#fff; font-family: 'open_sansbold';} body.zweispaltig #main .sc-last h2 {color:#fff; font-family: 'open_sansbold';} body #main .sc-last h2 {color:#fff; font-family: 'open_sansbold';} body.tabber #main .sc-last h2 {color:#fff; font-family: 'open_sansbold';} body.home #main .sc-last p {color: #000;} .bewerben h2 {color:#fff; font-family: 'open_sansbold' !important; width:325px; text-align:center;} body #main .layout_caroufredsel_ticker h2 {padding:0; margin:0;} /* LINKS - CE */ #container a, #container a:link, #container a:visited {color:#aa1f44; text-decoration:none;} #container a:hover, #container a:active { color:#000; text-decoration:none;} body.zweispaltig-50-50 #container .sc-last a, body.zweispaltig-50-50 #container .sc-last a:link, body.zweispaltig-50-50 #container .sc-last a:visited {color:#aa1f44; text-decoration:none;} body.zweispaltig-50-50 #container a:hover, body.zweispaltig-50-50 #container a:active { color:#000; text-decoration:none;} body #container .sc-last a, body #container .sc-last a:link, body #container .sc-last a:visited {color:#fff; text-decoration:none;} body #container .sc-last a:hover, body #container .sc-last a:active { color:#fff; text-decoration:underline;} body.team #container .sc-last a, body.team #container .sc-last a:link, body.team #container .sc-last a:visited {color:#aa1f44; text-decoration:none;} body.team #container .sc-last a:hover, body.team #container .sc-last a:active { color:#000; text-decoration:underline;} /* GLOBAL FORMAT - CE */ img {vertical-align:bottom;} table {border-collapse:collapse;} .invisible {display:none !important;} #main .image_container img, #right .image_container img {} /* AUFZÄHLUNGSPUNKTE - CE */ #container .mod_article .ce_text ul {display:block; list-style-type:none; margin:0; padding:6px 0 12px 16px;} #container .mod_article .ce_text ul li {padding:0 0 0 0; margin:0; display:block; background:url(../../files/data/grafics/icon_list.png) left 6px no-repeat;} #container .mod_article.stellendetail .ce_text ul {padding:6px 0 12px 0;} #container .mod_article.stellendetail .ce_text ul li {padding:0 0 0 12px; margin:0; display:block; background:url(../../files/data/grafics/icon-listbullet.svg) left 6px no-repeat;} #container .mod_article .sc-first.ce_text ul li:before{content:"+";color:#000; float:left; margin-left:-16px; margin-right:6px;} #container .mod_article .sc-last.ce_text ul li:before{content:"+";color:#fff; float:left; margin-left:-16px; margin-right:6px;} /* DOWNLOADS - CE */ #container .mod_article .ce_download, #container .mod_article .enclosure {position:relative; width:100%; clear: both; padding: 20px;} #container .mod_article .ce_downloads ul li, #container .mod_article .ce_download ul li {position:relative; width:100%;} #container .mod_article .ce_downloads ul li:before, #container .mod_article .ce_download ul li:before{content:none; color:auto; float:none; margin-left:0; margin-right:0;} .ce_download img, .ce_downloads img, .enclosure img {position:absolute; left:0; top:3px; z-index:100;} body #main .enclosure h2, body #main .ce_downloads h2, body #main .ce_download h2 {display:block; position:relative; width:100%; padding:16px 0 8px 0 !important;} body #main .enclosure h3, body #main .ce_downloads h3, body #main .ce_download h3 {display:block; position:relative; width:100%; padding:16px 0 8px 0 !important;} .enclosure {position:relative; margin:0; padding:7px 0; } .enclosure img {position:absolute; top:3px; left:0;} body #container .ce_downloads a, body #container .ce_downloads a:link, body #container .ce_downloads a:visited, body #container .ce_download a, body #container .ce_download a:visited, body #container .ce_download a:link, body #container .enclosure a:link, body #container .enclosure a:visited {position:relative; z-index:300; display:block; padding:3px 0 3px 22px;} body #container .ce_downloads a:hover, body #container .ce_downloads p a:active, body #container .ce_download a:hover, .ce_download p a:active, .enclosure a:hover, .enclosure a:active {} /* TEXT - CE */ body.zweispaltig #main .ce_text .image_container {padding:8px 0 4px 0;} body #main .ce_text .image_container {padding:8px 0 4px 0;} body.team #main .ce_text .image_container {padding:0;} body.tabber #main .ce_text .image_container {padding:0;} body.home #main .ce_text .image_container {padding:0;} #right .ce_text .image_container {padding:10px 0 6px 10px;} .ce_text .image_container.float_right {float: right;} .ce_text .image_container.float_left {float: left;} /* BILD - CE */ #container .ce_image {padding-bottom:0; clear:both;} #container .ce_image .image_container {padding:4px 0 4px 0;} .mod_dlh_googlemaps {padding:12px 0 11px 0;} #footer .ce_text {width:750px; float:left; padding:12px 0 0 15px;} #footer .ce_text a {color: #000; text-decoration: none;} #footer .ce_text a:hover {color: #b62245;} #footer .ce_image {display: inline-block; float: left; margin-right: 5px;} /*YouTube*/ #container .ce_youtube {clear: both;} #container .ce_youtube embed {max-width: 100%;} #container .ce_youtube video {max-width: 100%;} #container .ce_youtube iframe {max-width: 100%;} #container .ce_youtube .me-plugin {max-width: 100%;} #container .ce_youtube .mejs-overlay {max-width: 100% !important;} /* News */ #main .mod_newslist .layout_latest {padding: 0 0 10px 0; clear:both; float:left; width:460px;} #main .mod_newslist .layout_latest p {padding: 0;} #main .mod_newslist .layout_latest h2 {font-size:1em; line-height:1.2em; font-weight:bold; padding:8px 0 4px 0; margin:0;} #main .mod_newslist .layout_latest p.info {float:left; padding:6px 5px 0 0; margin:0; display:block;} #main .mod_newslist .layout_latest .image_container {padding:0; margin:0; display:block;} #main .mod_newslist .pagination {width: 100%; padding: 12px 10px 0 10px; background: #fff; box-sizing: border-box;} /* PAGINATION */ #main .pagination {width:580px; float:left; display:block; padding:8px 0 0 0; clear:both;} #main .pagination p {width:180px; float:right; display:block; padding:1px 0 0 0; text-align:right; color:#000;} #main .pagination ul {width:400px; float:left; display:block; list-style-type:none;} #main .pagination ul li {float:left !important; display:inline; background:none; margin:0 !important; padding:0 !important;} #main .pagination ul li a {float:left; padding:1px 6px; display:block;} #main .pagination ul li strong { padding:1px 6px; float: left;} #main .pagination ul li span.current {float:left; padding:1px 6px; display:block; color:#000;} #container .ce_hyperlink.klein {width: auto; display: inline-block; margin: 7px; float: none;} #container .ce_hyperlink.klein a {padding:5px 7px 7px 7px; width: auto;} #container .ce_hyperlink {width:100%; height:auto; float:left; margin-bottom:10px;} #container .ce_hyperlink a {width:100%; height:auto; background:#a7acaf; color:#fff; float:left; text-align:center; font-size:1.65em; line-height:1.3em; font-family: 'open_sansbold'; padding:5px 0 7px 0;} #container .ce_hyperlink a:hover, #container .ce_hyperlink a:active {background:#b42547; color:#fff; text-decoration:none;} /* FORMULAR */ /*************************************************************/ .ce_form {width:500px; margin: 0; padding:32px 135px 8px 0; clear:both;} .ce_form .formbody label {float:left; clear: left; display:block; width:170px; padding:0 0 0 0; margin:2px 0 12px 0; text-align:left;} .ce_form .formbody label.error {float:left; display:block; width:170px; padding:0 0 0 0; margin:2px 0 0 0; text-align:left;} .ce_form .formbody span.captcha_text {float:right; display:block; width:329px; padding:0 0 0 0; margin:2px 0 12px 0; text-align:left;} .ce_form .formbody input.captcha {float: right;} .ce_form .formbody input {float:left; width: 324px; height: 19px; border: 1px solid #d9d6ca; color:#4a4642; margin:0; padding:2px 2px; background: #fff; font-size:1em;} .ce_form .formbody input.error {margin:2px 0 8px 150px;} .ce_form .formbody input.error {border: 1px solid #d10107;} .ce_form .formbody input:focus {border: 1px solid #d10107;} .ce_form .formbody input.upload {height: 23px; padding:0 2px;} .ce_form .formbody br {clear:both; margin:0; padding:0;} textarea {float: left; width:324px; height: 100px; border: 1px solid #d9d6ca; margin:0 0 8px 0; color:#4a4642; padding:4px 2px; background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:13px;} textarea.error {margin:0 0 12px 170px;} .ce_form .formbody textarea.error {border: 1px solid #d10107;} .ce_form .formbody textarea:focus {border: 1px solid #d10107;} .ce_form .formbody .submit {color:#fff; border:none; cursor:pointer; height:25px; margin:0 0 24px 170px; padding:3px 0 5px 0; width:330px; font-weight:bold;} .ce_form .formbody .submit {background:#b42547;} .ce_form .formbody p.error {float:right; width: 330px; font-size:12px; padding:2px 0 0 0 !important; margin:0;} .ce_form .formbody p.error {color:#d10107;} .ce_form .formbody legend {float:left; display:block; width:170px; padding:0 0 0 0; margin:2px 0 12px 0; text-align:left;} select {float:left; width: 330px; height: 25px; border: 1px solid #d9d6ca; color:#4a4642; margin:0; padding:2px 2px; background: #fff;} .checkbox { display:block; background:none !important; border:none !important; width:14px !important; float: left; margin:4px 5px 0 0 !important; padding:0; } .checkbox_container { width:500px; display:block; float:left; padding:0 0 12px 0; } .checkbox_container label {width:300px !important; float:left; margin:0 !important; padding:2px 0 0 0 !important;} .checkbox_container span { width:330px; display:block; float:right; } .checkbox_container span.mandatory { width:10px; display:inline; float:none; } .radio { display:block; background:none !important; border:none !important; width:14px !important; float: left; margin:4px 5px 0 0 !important; padding:0; } .radio_container { width:500px; display:block; float:left; padding:0 0 12px 0; } .radio_container label {width:300px !important; float:left; margin:0 !important; padding:2px 0 0 0 !important;} .radio_container span { width:330px; display:block; float:right; } .radio_container span.mandatory { width:10px; display:inline; float:none; } .widget-explanation {clear: both;} /* FIXES */ /*************************************************************/ .cleaner {clear:both;} .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height:0px;} .clearfix {display: block;} /* End hide from IE-mac */ .clear {height:1px; font-size:0.1px; line-height:0.1px; clear:both; } /* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 20, 2014 */ @font-face { font-family: 'open_sansbold'; src: url('../../files/data/styles/opensans-bold-webfont.eot'); src: url('../../files/data/styles/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/data/styles/opensans-bold-webfont.woff') format('woff'), url('../../files/data/styles/opensans-bold-webfont.ttf') format('truetype'), url('../../files/data/styles/opensans-bold-webfont.svg#open_sansbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansregular'; src: url('../../files/data/styles/opensans-regular-webfont.eot'); src: url('../../files/data/styles/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/data/styles/opensans-regular-webfont.woff') format('woff'), url('../../files/data/styles/opensans-regular-webfont.ttf') format('truetype'), url('../../files/data/styles/opensans-regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; } /* MEDIA-QUERIES */ /*************************************************************/ @media screen and (max-width: 1210px) { #wrapper {width: 900px;} body #header {width: 900px; height: 440px;} #footer {width: 900px;} #footer .inside {width: 900px;} .mod_headerimages {width: 900px; height: 300px;} .mod_headerimages img {width: 100%; height: auto;} body.home #header .mod_article {width: 900px; height: 307px;} #container {width: 900px;} #main .inside {width: 900px;} #container .caroufredsel_controls {width: 900px;} #header .navigation ul {width: 895px;} body.akkordeon .ce_accordionStart {width: 900px;} body .mod_article {width: 900px;} .mod_newslist .ce_accordion {width: 900px;} .mod_newsreader .ce_accordion {width: 900px;} .ce_accessible_tabs .content {width: 900px;} .html5media video {width: 100%; height: auto;} body.home #header {height: 600px;} body.home .mod_nav_direct {top: 460px; width: 870px;} body.home .mod_nav_direct ul li a {width: 143px; font-size: 1em;} body.zweispaltig-50-50 .sc-first {width: 335px;} body.zweispaltig-50-50 .sc-last {width: 335px;} #container .layout_caroufredsel_ticker {width: 814px;} #container .caroufredsel_wrapper {width: 834px !important;} #footer .ce_text {width: 620px;} #footer .mod_nav_service {width: 110px;} body.team .sc-first {margin: 0 auto 10px auto !important; display: block; float: none; height: 200px;} body.team .sc-last {margin: 0 auto 10px auto !important; display: block; float: none; height: 200px;} body .sc-first {width: 355px;} #container .ce_image .image_container {width: 100%; height: auto;} #main .image_container img, #right .image_container img {max-width: 100%; height: auto;} .ce_form {width: 100%; padding:0;} .ce_form .formbody label {width: 99%; display: block; margin:5px 0 3px 0;} .ce_form .formbody input {width: 99%; display: block; margin: 0 0 10px 0;} textarea {width: 99%;} select {width: 100%;} .ce_form .formbody .submit {margin: 0; width: 100%;} .mod_newslist .ui-accordion-content-active {width: 732px;} .news_left {width: 385px; padding: 42px 40px 0 40px;} .news_right {float: left; width: 260px; margin-top: 40px;} #container .mod_article .ce_download, #container .mod_article .enclosure {position: relative; width: 43%; padding: 42px 40px 30px 40px !important;} .ce_accessible_tabs {width: 100%;} .tabs-list {width: 100%;} .tabs-list li {width: 20%; padding-bottom: 0; border-right: 1px solid #5d6164; box-sizing: border-box;} .tabs-list li.last {border-right: none;} .tabs-list li a#engineering {width: 100%; background: #cccccc url(/files/data/grafics/nav_engineering_inactive.png) center 9px no-repeat; background-size: 30px;} .tabs-list li a#engineering:hover, .tabs-list li.current a#engineering {width: 100%; background: #a7acaf url(/files/data/grafics/nav_engineering_inactive.png) center 9px no-repeat; background-size: 30px;} .tabs-list li a#schaltanlagen {width: 100%; background: #cccccc url(/files/data/grafics/nav_schaltanlagen_inactive.png) center 12px no-repeat; background-size: 42px;} .tabs-list li a#schaltanlagen:hover, .tabs-list li.current a#schaltanlagen {width: 100%; background: #a7acaf url(/files/data/grafics/nav_schaltanlagen_inactive.png) center 12px no-repeat; background-size: 42px;} .tabs-list li a#automation {width: 100%; background: #cccccc url(/files/data/grafics/nav_automation_inactive.png) center 12px no-repeat; background-size: 44px;} .tabs-list li a#automation:hover, .tabs-list li.current a#automation {width: 100%; background: #a7acaf url(/files/data/grafics/nav_automation_inactive.png) center 12px no-repeat; background-size: 44px;} .tabs-list li a#elektronik {width: 100%; background: #cccccc url(/files/data/grafics/nav_elektronik_inactive.png) center 12px no-repeat; background-size: 44px;} .tabs-list li a#elektronik:hover, .tabs-list li.current a#elektronik {width: 100%; background: #a7acaf url(/files/data/grafics/nav_elektronik_inactive.png) center 12px no-repeat; background-size: 44px;} .tabs-list li a#service {width: 100%; background: #cccccc url(/files/data/grafics/nav_service_inactive.png) center 12px no-repeat; background-size: 44px;} .tabs-list li a#service:hover, .tabs-list li.current a#service {width: 100%; background: #a7acaf url(/files/data/grafics/nav_service_inactive.png) center 12px no-repeat; background-size: 44px;} body.tabber .content .sc-first {width: 459px; padding: 42px 40px 0 40px !important;} body.tabber .content .sc-last {width: 281px; padding: 42px 40px 0 40px !important;} body.home.zweispaltig-50-50 .sc-last {padding: 42px 55px 60px 55px !important;} body.jobs .ui-accordion-content-active div {background: url(/files/data/grafics/bg_red.png) right -60px center no-repeat #fff;} body.jobs .accordion .sc-first {width: 307px; padding: 22px 25px 10px 25px !important;} body.jobs .accordion .sc-last {width: 265px;} body.jobs #container .mod_article .ce_download {padding: 0 !important;} } @media screen and (max-width: 950px) { #wrapper {width: 94%; padding-left: 3%; padding-right: 3%;} body #header {width: 100%; height: auto; background: #f3f3f3;} body.home #header {height: auto;} body.home .textblock {padding: 42px 3% 30px 3% !important;} #footer {width: 100%;} #footer .inside {width: 94%; padding-left: 3%; padding-right: 3%;} .mod_headerimages {width: 100%; height: 31vw; position: relative; top: 0;} .mod_headerimages img {width: 100%; height: auto;} body.home #header .mod_article {width: 100%; height: 32vw; padding:0; top:0; position: relative;} #container {width: 100%;} #main {width: 100%;} #main .inside {width: 100%;} #container .caroufredsel_controls {width: 94%; padding-left: 3%; padding-right: 3%;} #header .navigation ul {width: 895px;} body.akkordeon .ce_accordionStart {width: 94%; padding-left: 3%; padding-right: 3%;} body .mod_article {width: 100%;} .mod_newslist .ce_accordion {width: 100%;} .mod_newsreader .ce_accordion {width: 94%; padding-left: 3%; padding-right: 3%;} .ce_accessible_tabs .content {width: 100%;} .mm-menu.mm-light {background: #f5f5f5;} .mm-menu.mm-light ul li a {color: #000;} .mm-menu.mm-light ul li a:hover, .mm-menu.mm-light ul li a.active {color: #b62245;} .mm-menu.mm-light .mm-list > li > a.mm-subopen:after, .mm-menu.mm-light .mm-list > li > a.mm-subclose:before {border-color: #000;} .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after {border-color: #b62245;} #header .navigation {display: none;} #header .headerres {height: 98px; position: relative; border-bottom: 1px solid #5d6164;} body.home .mod_nav_direct {top: 0; width: 100%; padding: 0; position: relative; clear: both;} body.home .mod_nav_direct ul {width: 100%;} body.home .mod_nav_direct ul li {width: 16.66667%;} body.home .mod_nav_direct ul li a {width: 100%; font-size: 0.8em;} body.zweispaltig-50-50 .sc-first {width: 94%; padding: 42px 3% 30px 3% !important; margin: 0 0 10px 0 !important;} body.zweispaltig-50-50 .sc-last {width: 94%; padding: 42px 3% 30px 3% !important;} body.home.zweispaltig-50-50 .sc-last {width: 94%; padding: 42px 3% 30px 3% !important;} body .sc-first {width: 94%; padding: 42px 3% 30px 3% !important; margin: 0 0 10px 0 !important;} body .sc-last {width: 94%; padding: 42px 3% 30px 3% !important; margin: 0 !important; background: #777777;} body .mod_article {background: #ffffff;} #footer .ce_text {padding-left: 0; width: 100%;} #footer .inside {height: auto;} #header .mobilebtn_ct {display: block;} #header .mobilebtn_ct a {display: block; position: absolute; right: 3%; top: 30px; width: 36px; height: 36px; background: url(../../files/data/grafics/btn-mobile.svg) center no-repeat; text-decoration: none; cursor: pointer;} .mod_article_header {right: 10%; top: 29px;} .ce_form .formbody span.captcha_text {float: left; width: 100%;} body.tabber .content .sc-first {width: 94%; height: auto; padding: 42px 3% 30px 3% !important; margin: 0 0 10px 0 !important;} body.tabber .content .sc-last {width: 94%; height: auto; padding: 42px 3% 30px 3% !important; margin: 0 !important; background: #b42646;} body.tabber .mod_article#referenzen-tabs .content .sc-last {min-height: 0;} #container .mod_article .ce_download, #container .mod_article .enclosure {position: relative; width: 100%; padding: 20px !important;} #container .mod_caroufredsel_ticker {overflow:hidden;} #container .layout_caroufredsel_ticker {width: 83vw;} .mod_newslist .ui-accordion-content-active {background: #ffffff; padding-left: 0; width: 100%;} .news_left {padding:42px 3% 0 3%; width: 54%;} .news_right {padding: 0 3%; width: 34%} body #main .mod_newslist .ui-accordion-header h2 {font-size: 1em; padding: 14px 0 0 0;} body.home .mod_nav_direct ul li a {font-size: 0.85em;} body.jobs .ui-accordion-content-active div {background: #fff;} body.jobs .accordion .sc-first {width: 96%; padding: 22px 2% 10px 2% !important;} body.jobs .accordion .sc-last {width: 96%; padding: 22px 2% 10px 2% !important;} body.jobs #container #main .accordion .sc-last h2 a {color: #b42646 !important;} body.jobs #main .accordion .sc-last p {display: none;} } @media screen and (max-width: 800px) { #container .layout_caroufredsel_ticker {width: 79vw;} #container .layout_caroufredsel_ticker .teaser {display: none;} #container .layout_caroufredsel_ticker h2 {font-size: 1.15em;} #main .mod_newslist .ui-accordion-header .info {width: 97%; height: auto; margin-right: 0; margin-bottom: 4px; padding: 3px 0 0 3%;} body #main .mod_newslist .ui-accordion-header h2 {padding: 5px 3%;} .mod_newslist .ui-accordion-header {height: auto;} .mod_newslist .ui-accordion-header-active .ui-accordion-header-icon {display: none;} body.home .mod_nav_direct ul li a {font-size: 0.7em;} #main .mod_newslist .ui-accordion-header-active .info {display:block;} body.jobs #main .ui-accordion-header h2 {font-size: 1em; padding: 14px 0 0 0;} body.jobs .ui-accordion-header .ui-accordion-header-icon {margin-right: 20px; width: 65px;} .stellenliste .mod_plenta_jobs_basic_offer_list .layout_default {padding-left: 20px; box-sizing: border-box;} .stellenliste .mod_plenta_jobs_basic_offer_list .layout_default:before {display: none;} } @media screen and (max-width: 650px) { .mod_article_header {display: none;} body.team .sc-first {width: 100%; height: auto;} body.team .sc-last {width: 100%; height: auto;} body.team .ce_text .image_container.float_right {width: 100%; float: left; margin-bottom: 8px;} body.team .ce_text .image_container.float_left {width: 100%; margin-bottom: 8px;} body.team .ce_text .image_container img {width: 100%;} #container .layout_caroufredsel_ticker .image_container {width: 125px;} #container .layout_caroufredsel_ticker {width: 76vw;} .news_left {padding:42px 3% 20px 3%; width: 94%;} .news_right {padding: 0 3%; width: 94%; margin-top: 0; margin-bottom: 20px;} body.home .mod_nav_direct ul li {width: 100%; background: #a7acaf; border-bottom:1px solid #5d6164; height: 55px;} body.home .mod_nav_direct ul li a {padding:19px 0 0 0; height: 36px; font-size: 1.2em;} body.home .mod_nav_direct ul li.engineering a {background:url(/files/data/grafics/nav_engineering_inactive.png) left 15px center no-repeat; background-size: 25px;} body.home .mod_nav_direct ul li.engineering a:hover, body.home .mod_nav_direct ul li.engineering a.active, body.home .mod_nav_direct ul li.engineering a.trail {background:url(/files/data/grafics/nav_engineering_active.png) left 15px center no-repeat #b42547; background-size: 25px;} body.home .mod_nav_direct ul li.schaltanlagen a {background:url(/files/data/grafics/nav_schaltanlagen_inactive.png) left 15px center no-repeat; background-size: 25px;} body.home .mod_nav_direct ul li.schaltanlagen a:hover, body.home .mod_nav_direct ul li.schaltanlagen a.active, body.home .mod_nav_direct ul li.schaltanlagen a.trail {background:url(/files/data/grafics/nav_schaltanlagen_active.png) left 15px center no-repeat #b42547; background-size: 25px;} body.home .mod_nav_direct ul li.automation a {background:url(/files/data/grafics/nav_automation_inactive.png) left 15px center no-repeat; background-size: 25px;} body.home .mod_nav_direct ul li.automation a:hover, body.home .mod_nav_direct ul li.automation a.active, body.home .mod_nav_direct ul li.automation a.trail {background:url(/files/data/grafics/nav_automation_active.png) left 15px center no-repeat #b42547; background-size: 25px;} body.home .mod_nav_direct ul li.elektronik a {background:url(/files/data/grafics/nav_elektronik_inactive.png) left 15px center no-repeat; background-size: 25px;} body.home .mod_nav_direct ul li.elektronik a:hover, body.home .mod_nav_direct ul li.elektronik a.active, body.home .mod_nav_direct ul li.elektronik a.trail {background:url(/files/data/grafics/nav_elektronik_active.png) left 15px center no-repeat #b42547; background-size: 25px;} body.home .mod_nav_direct ul li.service a {background:url(/files/data/grafics/nav_service_inactive.png) left 15px center no-repeat; background-size: 25px;} body.home .mod_nav_direct ul li.service a:hover, body.home .mod_nav_direct ul li.service a.active, body.home .mod_nav_direct ul li.service a.trail {background:url(/files/data/grafics/nav_service_active.png) left 15px center no-repeat #b42547; background-size: 25px;} body.home .mod_nav_direct ul li.seilbahnen a {background:url(/files/data/grafics/nav_seilbahnen_inactive.png) left 15px center no-repeat; background-size: 25px;} body.home .mod_nav_direct ul li.seilbahnen a:hover, body.home .mod_nav_direct ul li.seilbahnen a.active, body.home .mod_nav_direct ul li.seilbahnen a.trail {background:url(/files/data/grafics/nav_seilbahnen_active.png) left 15px center no-repeat #b42547; background-size: 25px;} body.jobs #main .ui-accordion-header-active h2 {font-size: 1em; padding:14px 0 0 0;} } @media screen and (max-width: 550px) { body.jobs .ui-accordion-content-active {padding:0; width: 100%; background:none;} } @media screen and (max-width: 420px) { #logo {width: 150px;} #logo img {width: 100%; margin-top: 12px;} #container .layout_caroufredsel_ticker .image_container {width: 100px;} #container .layout_caroufredsel_ticker {width: 66vw;} }