#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} /* html5doctor.com Reset Stylesheet Last Updated: 2010-09-17 Author: Richard Clark - http://richclarkdesign.com plus Contao spezifische Klassen Copyright (c) 2005-2015 Leo Feyer */ html {overflow-y: scroll;} html, body{height:100%;} html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } body {line-height:1;font-size:100.01%;} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,.custom {display:block;} nav ul {list-style:none;} blockquote, q {quotes:none;} blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;} a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;} /* change colours to suit your needs */ ins {background-color:#ff9;color:#000;text-decoration:none;} mark {background-color:#ff9;color:#000; font-style:italic;font-weight:bold;} hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; } del {text-decoration: line-through;} abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;} table {border-collapse:collapse;border-spacing:0;} input, select {vertical-align:middle;} sub,sup,small {font-size: 75%;} sub,sup {line-height: 0;position: relative;vertical-align: baseline;} sub {bottom: -0.25em;} sup {top: -0.5em;} svg {overflow: hidden;} /* weitere Contao spezifisches klassen*/ .block {overflow:hidden;} #container,.inside {position:relative;} #container{margin-left: auto;margin-right: auto;} #main .inside {min-height:1px; /* see #4893 */} .invisible {border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;} #container:after,.custom:after {content:"";display:table;clear:both;} /*select,input,textarea {font-size:99%;}*/ /* Format the Contao image galleries (now rendered as unordered lists) */ .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;} /* Contao float klassen */ .float_left {float:left;} .float_right {float:right;} #footer{clear:both;} /* ============================================ */ /* This file has a mobile-to-desktop breakpoint */ /* ============================================ */ @media (max-width: 400px) { @-ms-viewport { width: 320px; } } .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .grid-container:before, .grid-5:before, .mobile-grid-5:before, .grid-10:before, .mobile-grid-10:before, .grid-15:before, .mobile-grid-15:before, .grid-20:before, .mobile-grid-20:before, .grid-25:before, .mobile-grid-25:before, .grid-30:before, .mobile-grid-30:before, .grid-35:before, .mobile-grid-35:before, .grid-40:before, .mobile-grid-40:before, .grid-45:before, .mobile-grid-45:before, .grid-50:before, .mobile-grid-50:before, .grid-55:before, .mobile-grid-55:before, .grid-60:before, .mobile-grid-60:before, .grid-65:before, .mobile-grid-65:before, .grid-70:before, .mobile-grid-70:before, .grid-75:before, .mobile-grid-75:before, .grid-80:before, .mobile-grid-80:before, .grid-85:before, .mobile-grid-85:before, .grid-90:before, .mobile-grid-90:before, .grid-95:before, .mobile-grid-95:before, .grid-100:before, .mobile-grid-100:before, .grid-33:before, .mobile-grid-33:before, .grid-66:before, .mobile-grid-66:before, .grid-offset:before, .clearfix:before, .grid-container:after, .grid-5:after, .mobile-grid-5:after, .grid-10:after, .mobile-grid-10:after, .grid-15:after, .mobile-grid-15:after, .grid-20:after, .mobile-grid-20:after, .grid-25:after, .mobile-grid-25:after, .grid-30:after, .mobile-grid-30:after, .grid-35:after, .mobile-grid-35:after, .grid-40:after, .mobile-grid-40:after, .grid-45:after, .mobile-grid-45:after, .grid-50:after, .mobile-grid-50:after, .grid-55:after, .mobile-grid-55:after, .grid-60:after, .mobile-grid-60:after, .grid-65:after, .mobile-grid-65:after, .grid-70:after, .mobile-grid-70:after, .grid-75:after, .mobile-grid-75:after, .grid-80:after, .mobile-grid-80:after, .grid-85:after, .mobile-grid-85:after, .grid-90:after, .mobile-grid-90:after, .grid-95:after, .mobile-grid-95:after, .grid-100:after, .mobile-grid-100:after, .grid-33:after, .mobile-grid-33:after, .grid-66:after, .mobile-grid-66:after, .grid-offset:after, .clearfix:after { content: "."; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; } .grid-container:after, .grid-5:after, .mobile-grid-5:after, .grid-10:after, .mobile-grid-10:after, .grid-15:after, .mobile-grid-15:after, .grid-20:after, .mobile-grid-20:after, .grid-25:after, .mobile-grid-25:after, .grid-30:after, .mobile-grid-30:after, .grid-35:after, .mobile-grid-35:after, .grid-40:after, .mobile-grid-40:after, .grid-45:after, .mobile-grid-45:after, .grid-50:after, .mobile-grid-50:after, .grid-55:after, .mobile-grid-55:after, .grid-60:after, .mobile-grid-60:after, .grid-65:after, .mobile-grid-65:after, .grid-70:after, .mobile-grid-70:after, .grid-75:after, .mobile-grid-75:after, .grid-80:after, .mobile-grid-80:after, .grid-85:after, .mobile-grid-85:after, .grid-90:after, .mobile-grid-90:after, .grid-95:after, .mobile-grid-95:after, .grid-100:after, .mobile-grid-100:after, .grid-33:after, .mobile-grid-33:after, .grid-66:after, .mobile-grid-66:after, .grid-offset:after, .clearfix:after { clear: both; } .grid-container, .grid-5, .mobile-grid-5, .grid-10, .mobile-grid-10, .grid-15, .mobile-grid-15, .grid-20, .mobile-grid-20, .grid-25, .mobile-grid-25, .grid-30, .mobile-grid-30, .grid-35, .mobile-grid-35, .grid-40, .mobile-grid-40, .grid-45, .mobile-grid-45, .grid-50, .mobile-grid-50, .grid-55, .mobile-grid-55, .grid-60, .mobile-grid-60, .grid-65, .mobile-grid-65, .grid-70, .mobile-grid-70, .grid-75, .mobile-grid-75, .grid-80, .mobile-grid-80, .grid-85, .mobile-grid-85, .grid-90, .mobile-grid-90, .grid-95, .mobile-grid-95, .grid-100, .mobile-grid-100, .grid-33, .mobile-grid-33, .grid-66, .mobile-grid-66, .grid-offset, .clearfix { /* */ *zoom: 1; /* */ } .grid-container { margin-left: auto; margin-right: auto; max-width: 960px; padding-left: 10px; padding-right: 10px; } .grid-5, .mobile-grid-5, .grid-10, .mobile-grid-10, .grid-15, .mobile-grid-15, .grid-20, .mobile-grid-20, .grid-25, .mobile-grid-25, .grid-30, .mobile-grid-30, .grid-35, .mobile-grid-35, .grid-40, .mobile-grid-40, .grid-45, .mobile-grid-45, .grid-50, .mobile-grid-50, .grid-55, .mobile-grid-55, .grid-60, .mobile-grid-60, .grid-65, .mobile-grid-65, .grid-70, .mobile-grid-70, .grid-75, .mobile-grid-75, .grid-80, .mobile-grid-80, .grid-85, .mobile-grid-85, .grid-90, .mobile-grid-90, .grid-95, .mobile-grid-95, .grid-100, .mobile-grid-100, .grid-33, .mobile-grid-33, .grid-66, .mobile-grid-66 { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 10px; padding-right: 10px; /* */ *padding-left: 0; *padding-right: 0; /* */ } .grid-5 > *, .mobile-grid-5 > *, .grid-10 > *, .mobile-grid-10 > *, .grid-15 > *, .mobile-grid-15 > *, .grid-20 > *, .mobile-grid-20 > *, .grid-25 > *, .mobile-grid-25 > *, .grid-30 > *, .mobile-grid-30 > *, .grid-35 > *, .mobile-grid-35 > *, .grid-40 > *, .mobile-grid-40 > *, .grid-45 > *, .mobile-grid-45 > *, .grid-50 > *, .mobile-grid-50 > *, .grid-55 > *, .mobile-grid-55 > *, .grid-60 > *, .mobile-grid-60 > *, .grid-65 > *, .mobile-grid-65 > *, .grid-70 > *, .mobile-grid-70 > *, .grid-75 > *, .mobile-grid-75 > *, .grid-80 > *, .mobile-grid-80 > *, .grid-85 > *, .mobile-grid-85 > *, .grid-90 > *, .mobile-grid-90 > *, .grid-95 > *, .mobile-grid-95 > *, .grid-100 > *, .mobile-grid-100 > *, .grid-33 > *, .mobile-grid-33 > *, .grid-66 > *, .mobile-grid-66 > * { /* */ *margin-left: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === 'block' && this.currentStyle.width === 'auto') && '10px'); *margin-right: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === 'block' && this.currentStyle.width === 'auto') && '10px'); /* */ } .grid-parent { padding-left: 0; padding-right: 0; } .grid-offset { margin-left: -10px; margin-right: -10px; } @media screen and (max-width: 869px) { .mobile-push-5, .mobile-pull-5, .mobile-push-10, .mobile-pull-10, .mobile-push-15, .mobile-pull-15, .mobile-push-20, .mobile-pull-20, .mobile-push-25, .mobile-pull-25, .mobile-push-30, .mobile-pull-30, .mobile-push-35, .mobile-pull-35, .mobile-push-40, .mobile-pull-40, .mobile-push-45, .mobile-pull-45, .mobile-push-50, .mobile-pull-50, .mobile-push-55, .mobile-pull-55, .mobile-push-60, .mobile-pull-60, .mobile-push-65, .mobile-pull-65, .mobile-push-70, .mobile-pull-70, .mobile-push-75, .mobile-pull-75, .mobile-push-80, .mobile-pull-80, .mobile-push-85, .mobile-pull-85, .mobile-push-90, .mobile-pull-90, .mobile-push-95, .mobile-pull-95, .mobile-push-33, .mobile-pull-33, .mobile-push-66, .mobile-pull-66 { position: relative; } .hide-on-mobile { display: none !important; } .mobile-grid-5 { float: left; width: 5%; /* */ *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-prefix-5 { margin-left: 5%; } .mobile-suffix-5 { margin-right: 5%; } .mobile-push-5 { left: 5%; /* */ *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-pull-5 { left: -5%; /* */ *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-grid-10 { float: left; width: 10%; /* */ *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-prefix-10 { margin-left: 10%; } .mobile-suffix-10 { margin-right: 10%; } .mobile-push-10 { left: 10%; /* */ *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-pull-10 { left: -10%; /* */ *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-grid-15 { float: left; width: 15%; /* */ *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-prefix-15 { margin-left: 15%; } .mobile-suffix-15 { margin-right: 15%; } .mobile-push-15 { left: 15%; /* */ *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-pull-15 { left: -15%; /* */ *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-grid-20 { float: left; width: 20%; /* */ *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-prefix-20 { margin-left: 20%; } .mobile-suffix-20 { margin-right: 20%; } .mobile-push-20 { left: 20%; /* */ *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-pull-20 { left: -20%; /* */ *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-grid-25 { float: left; width: 25%; /* */ *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-prefix-25 { margin-left: 25%; } .mobile-suffix-25 { margin-right: 25%; } .mobile-push-25 { left: 25%; /* */ *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-pull-25 { left: -25%; /* */ *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-grid-30 { float: left; width: 30%; /* */ *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-prefix-30 { margin-left: 30%; } .mobile-suffix-30 { margin-right: 30%; } .mobile-push-30 { left: 30%; /* */ *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-pull-30 { left: -30%; /* */ *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-grid-35 { float: left; width: 35%; /* */ *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-prefix-35 { margin-left: 35%; } .mobile-suffix-35 { margin-right: 35%; } .mobile-push-35 { left: 35%; /* */ *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-pull-35 { left: -35%; /* */ *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-grid-40 { float: left; width: 40%; /* */ *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-prefix-40 { margin-left: 40%; } .mobile-suffix-40 { margin-right: 40%; } .mobile-push-40 { left: 40%; /* */ *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-pull-40 { left: -40%; /* */ *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-grid-45 { float: left; width: 45%; /* */ *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-prefix-45 { margin-left: 45%; } .mobile-suffix-45 { margin-right: 45%; } .mobile-push-45 { left: 45%; /* */ *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-pull-45 { left: -45%; /* */ *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-grid-50 { float: left; width: 50%; /* */ *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-prefix-50 { margin-left: 50%; } .mobile-suffix-50 { margin-right: 50%; } .mobile-push-50 { left: 50%; /* */ *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-pull-50 { left: -50%; /* */ *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-grid-55 { float: left; width: 55%; /* */ *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-prefix-55 { margin-left: 55%; } .mobile-suffix-55 { margin-right: 55%; } .mobile-push-55 { left: 55%; /* */ *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-pull-55 { left: -55%; /* */ *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-grid-60 { float: left; width: 60%; /* */ *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-prefix-60 { margin-left: 60%; } .mobile-suffix-60 { margin-right: 60%; } .mobile-push-60 { left: 60%; /* */ *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-pull-60 { left: -60%; /* */ *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-grid-65 { float: left; width: 65%; /* */ *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-prefix-65 { margin-left: 65%; } .mobile-suffix-65 { margin-right: 65%; } .mobile-push-65 { left: 65%; /* */ *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-pull-65 { left: -65%; /* */ *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-grid-70 { float: left; width: 70%; /* */ *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-prefix-70 { margin-left: 70%; } .mobile-suffix-70 { margin-right: 70%; } .mobile-push-70 { left: 70%; /* */ *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-pull-70 { left: -70%; /* */ *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-grid-75 { float: left; width: 75%; /* */ *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-prefix-75 { margin-left: 75%; } .mobile-suffix-75 { margin-right: 75%; } .mobile-push-75 { left: 75%; /* */ *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-pull-75 { left: -75%; /* */ *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-grid-80 { float: left; width: 80%; /* */ *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-prefix-80 { margin-left: 80%; } .mobile-suffix-80 { margin-right: 80%; } .mobile-push-80 { left: 80%; /* */ *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-pull-80 { left: -80%; /* */ *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-grid-85 { float: left; width: 85%; /* */ *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-prefix-85 { margin-left: 85%; } .mobile-suffix-85 { margin-right: 85%; } .mobile-push-85 { left: 85%; /* */ *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-pull-85 { left: -85%; /* */ *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-grid-90 { float: left; width: 90%; /* */ *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-prefix-90 { margin-left: 90%; } .mobile-suffix-90 { margin-right: 90%; } .mobile-push-90 { left: 90%; /* */ *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-pull-90 { left: -90%; /* */ *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-grid-95 { float: left; width: 95%; /* */ *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-prefix-95 { margin-left: 95%; } .mobile-suffix-95 { margin-right: 95%; } .mobile-push-95 { left: 95%; /* */ *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-pull-95 { left: -95%; /* */ *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-grid-33 { float: left; width: 33.33333%; /* */ *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-prefix-33 { margin-left: 33.33333%; } .mobile-suffix-33 { margin-right: 33.33333%; } .mobile-push-33 { left: 33.33333%; /* */ *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-pull-33 { left: -33.33333%; /* */ *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-grid-66 { float: left; width: 66.66667%; /* */ *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-prefix-66 { margin-left: 66.66667%; } .mobile-suffix-66 { margin-right: 66.66667%; } .mobile-push-66 { left: 66.66667%; /* */ *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-pull-66 { left: -66.66667%; /* */ *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .mobile-grid-100 { clear: both; width: 100%; } } @media screen and (min-width: 870px) { .push-5, .pull-5, .push-10, .pull-10, .push-15, .pull-15, .push-20, .pull-20, .push-25, .pull-25, .push-30, .pull-30, .push-35, .pull-35, .push-40, .pull-40, .push-45, .pull-45, .push-50, .pull-50, .push-55, .pull-55, .push-60, .pull-60, .push-65, .pull-65, .push-70, .pull-70, .push-75, .pull-75, .push-80, .pull-80, .push-85, .pull-85, .push-90, .pull-90, .push-95, .pull-95, .push-33, .pull-33, .push-66, .pull-66 { position: relative; } .hide-on-desktop { display: none !important; } .grid-5 { float: left; width: 5%; /* */ *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .prefix-5 { margin-left: 5%; } .suffix-5 { margin-right: 5%; } .push-5 { left: 5%; /* */ *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .pull-5 { left: -5%; /* */ *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .grid-10 { float: left; width: 10%; /* */ *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .prefix-10 { margin-left: 10%; } .suffix-10 { margin-right: 10%; } .push-10 { left: 10%; /* */ *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .pull-10 { left: -10%; /* */ *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .grid-15 { float: left; width: 15%; /* */ *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .prefix-15 { margin-left: 15%; } .suffix-15 { margin-right: 15%; } .push-15 { left: 15%; /* */ *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .pull-15 { left: -15%; /* */ *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .grid-20 { float: left; width: 20%; /* */ *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .prefix-20 { margin-left: 20%; } .suffix-20 { margin-right: 20%; } .push-20 { left: 20%; /* */ *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .pull-20 { left: -20%; /* */ *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .grid-25 { float: left; width: 25%; /* */ *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .prefix-25 { margin-left: 25%; } .suffix-25 { margin-right: 25%; } .push-25 { left: 25%; /* */ *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .pull-25 { left: -25%; /* */ *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .grid-30 { float: left; width: 30%; /* */ *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .prefix-30 { margin-left: 30%; } .suffix-30 { margin-right: 30%; } .push-30 { left: 30%; /* */ *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .pull-30 { left: -30%; /* */ *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .grid-35 { float: left; width: 35%; /* */ *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .prefix-35 { margin-left: 35%; } .suffix-35 { margin-right: 35%; } .push-35 { left: 35%; /* */ *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .pull-35 { left: -35%; /* */ *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .grid-40 { float: left; width: 40%; /* */ *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .prefix-40 { margin-left: 40%; } .suffix-40 { margin-right: 40%; } .push-40 { left: 40%; /* */ *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .pull-40 { left: -40%; /* */ *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .grid-45 { float: left; width: 45%; /* */ *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .prefix-45 { margin-left: 45%; } .suffix-45 { margin-right: 45%; } .push-45 { left: 45%; /* */ *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .pull-45 { left: -45%; /* */ *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .grid-50 { float: left; width: 50%; /* */ *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .prefix-50 { margin-left: 50%; } .suffix-50 { margin-right: 50%; } .push-50 { left: 50%; /* */ *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .pull-50 { left: -50%; /* */ *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .grid-55 { float: left; width: 55%; /* */ *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .prefix-55 { margin-left: 55%; } .suffix-55 { margin-right: 55%; } .push-55 { left: 55%; /* */ *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .pull-55 { left: -55%; /* */ *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .grid-60 { float: left; width: 60%; /* */ *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .prefix-60 { margin-left: 60%; } .suffix-60 { margin-right: 60%; } .push-60 { left: 60%; /* */ *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .pull-60 { left: -60%; /* */ *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .grid-65 { float: left; width: 65%; /* */ *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .prefix-65 { margin-left: 65%; } .suffix-65 { margin-right: 65%; } .push-65 { left: 65%; /* */ *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .pull-65 { left: -65%; /* */ *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .grid-70 { float: left; width: 70%; /* */ *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .prefix-70 { margin-left: 70%; } .suffix-70 { margin-right: 70%; } .push-70 { left: 70%; /* */ *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .pull-70 { left: -70%; /* */ *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .grid-75 { float: left; width: 75%; /* */ *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .prefix-75 { margin-left: 75%; } .suffix-75 { margin-right: 75%; } .push-75 { left: 75%; /* */ *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .pull-75 { left: -75%; /* */ *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .grid-80 { float: left; width: 80%; /* */ *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .prefix-80 { margin-left: 80%; } .suffix-80 { margin-right: 80%; } .push-80 { left: 80%; /* */ *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .pull-80 { left: -80%; /* */ *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .grid-85 { float: left; width: 85%; /* */ *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .prefix-85 { margin-left: 85%; } .suffix-85 { margin-right: 85%; } .push-85 { left: 85%; /* */ *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .pull-85 { left: -85%; /* */ *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .grid-90 { float: left; width: 90%; /* */ *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .prefix-90 { margin-left: 90%; } .suffix-90 { margin-right: 90%; } .push-90 { left: 90%; /* */ *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .pull-90 { left: -90%; /* */ *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .grid-95 { float: left; width: 95%; /* */ *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .prefix-95 { margin-left: 95%; } .suffix-95 { margin-right: 95%; } .push-95 { left: 95%; /* */ *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .pull-95 { left: -95%; /* */ *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .grid-33 { float: left; width: 33.33333%; /* */ *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .prefix-33 { margin-left: 33.33333%; } .suffix-33 { margin-right: 33.33333%; } .push-33 { left: 33.33333%; /* */ *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .pull-33 { left: -33.33333%; /* */ *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .grid-66 { float: left; width: 66.66667%; /* */ *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .prefix-66 { margin-left: 66.66667%; } .suffix-66 { margin-right: 66.66667%; } .push-66 { left: 66.66667%; /* */ *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .pull-66 { left: -66.66667%; /* */ *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px'); /* */ } .grid-100 { clear: both; width: 100%; } } /* lato-300 - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; src: url('../../files/theme/fonts/lato-v14-latin-300.eot'); /* IE9 Compat Modes */ src: local('Lato Light'), local('Lato-Light'), url('../../files/theme/fonts/lato-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/theme/fonts/lato-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/theme/fonts/lato-v14-latin-300.woff') format('woff'), /* Modern Browsers */ url('../../files/theme/fonts/lato-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/theme/fonts/lato-v14-latin-300.svg#Lato') format('svg'); /* Legacy iOS */ } /* lato-regular - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: url('../../files/theme/fonts/lato-v14-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Lato Regular'), local('Lato-Regular'), url('../../files/theme/fonts/lato-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/theme/fonts/lato-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/theme/fonts/lato-v14-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../files/theme/fonts/lato-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/theme/fonts/lato-v14-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */ } /* lato-700 - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; src: url('../../files/theme/fonts/lato-v14-latin-700.eot'); /* IE9 Compat Modes */ src: local('Lato Bold'), local('Lato-Bold'), url('../../files/theme/fonts/lato-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/theme/fonts/lato-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/theme/fonts/lato-v14-latin-700.woff') format('woff'), /* Modern Browsers */ url('../../files/theme/fonts/lato-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/theme/fonts/lato-v14-latin-700.svg#Lato') format('svg'); /* Legacy iOS */ } /* pt-serif-regular - latin */ @font-face { font-family: 'PT Serif'; font-style: normal; font-weight: 400; src: url('../../files/theme/fonts/pt-serif-v9-latin-regular.eot'); /* IE9 Compat Modes */ src: local('PT Serif'), local('PTSerif-Regular'), url('../../files/theme/fonts/pt-serif-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/theme/fonts/pt-serif-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/theme/fonts/pt-serif-v9-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../files/theme/fonts/pt-serif-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/theme/fonts/pt-serif-v9-latin-regular.svg#PTSerif') format('svg'); /* Legacy iOS */ } /* pt-serif-700 - latin */ @font-face { font-family: 'PT Serif'; font-style: normal; font-weight: 700; src: url('../../files/theme/fonts/pt-serif-v9-latin-700.eot'); /* IE9 Compat Modes */ src: local('PT Serif Bold'), local('PTSerif-Bold'), url('../../files/theme/fonts/pt-serif-v9-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/theme/fonts/pt-serif-v9-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/theme/fonts/pt-serif-v9-latin-700.woff') format('woff'), /* Modern Browsers */ url('../../files/theme/fonts/pt-serif-v9-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/theme/fonts/pt-serif-v9-latin-700.svg#PTSerif') format('svg'); /* Legacy iOS */ } /* Grundsätzliches Layout - Styling der Elemente s.u. */ @media screen { body { background: #fff; font:1em/1.6 'Lato',Verdana, sans-serif; color:#4f4f4f; -webkit-text-size-adjust:100%; font-weight:300; } /*#wrapper{width:460px;margin-left:auto;margin-right:auto;}*/ #druckadresse{display:none} /* Layout */ #wrapper{position:relative;min-height:100%;height:auto!important;height:100%;background:transparent;overflow:hidden;} #container{overflow:hidden;position:relative;padding-bottom:50px;clear:both;} #footer{height:50px;bottom:0;position:absolute;width:100%;background:#fff;} #header{max-width:940px;margin-left:auto;margin-right:auto;} #main{background:transparent;display:block;margin-bottom:50px;} #container .mod_article,.top-space-left{margin-top:50px;} #left + #main .inside{border-top:2px solid #fff;} /* Kopfzeile */ #header{width:100%;height:auto;} #metanav{float:right;} /* Basis Text Formatierung */ p{margin-bottom:1.5em;} h1,h2,h3,h4,h5,h6{font-family: 'Lato', sans-serif;color:#555;margin:0;padding:0;} h1 a, h2 a, h3 a,h4 a,h5 a,h6 a{color:#4f4f4f} h1{text-transform:uppercase;line-height:1;font-weight:700} h1 a:hover, h2 a:hover, h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{color:#990000} .layout_full h2{font-family: 'Lato', sans-serif;color:#555;margin:0;padding:0;} #claim h2{color:#b8b8b8;} strong{font-weight:400;} #main h2{color:#757575; margin:0 0 .2em 0} span.frage{color:red;font-style:italic} span.warning{color:red} .fineuploader-item .content{width:100%} .fineuploader-item .image,.qq-upload-cancel-selector{display:none} .fineuploader-item.file, .fineuploader-item.image{background:#fff;border:1px solid #ccc;margin-bottom:.5em;padding:.5em;display:block !important} .fineuploader-item.file a, .fineuploader-item.image a{background:#f2f2f2;border:1px solid #ccc;margin:.5em 0 0 0;padding:.5em;display:inline-block} .qq-upload-cancel{background:#E0E0E0 !important;border:1px solid #ccc !important;margin:.5em 0 0 0;padding:.7em;} span.qq-upload-status-text{display:block} li.qq-upload-success{display:none} #cookiebar-text{} .cookiebar__button{background-color:#900;border-radius:5px;font-weight:300} .cookiebar span, .cookiebar a{margin-right:0 !important;text-decoration:none;border:none} .cookiebar a.cookiebar__link{border-bottom:1px solid #fff} .cookiebar a.cookiebar__link:hover{color:#000;border-bottom:1px solid #000} .cookiebar__button:hover{background-color:#fff;color:#000;} } @media screen and (max-width:869px) { body {font-size:1.2em;} .logo a{height:70px;width:240px;float:left;margin-left:0px;margin-top:10px;background-image:url("/files/theme/img/logo-mobil.gif");background-repeat:no-repeat;background-position:left 0} #header{border-bottom:1px solid #ccc;height:80px} #mainnav{height:auto;float:right;} #claim{margin:0 10px 30px 10px;} #container{padding-bottom:10px;;} #footer{height:auto;} #main{margin-bottom:10px;} #metanav,#suchfeld{display:none;} .ce_pageimages{margin-bottom:2em;} h1{font-size:2em;} #claim h2{font-size:.9em;margin-bottom:.3em;} hr.redline{border-top:1px solid #990000;margin:20px 10px} hr.redline{display:none;} hr.greyline{border-top:2px solid #b8b8b8;margin:10px} #container .mod_article{margin-top:0} .rechtsgebiete #left p{display:none} .keinerechtsnavi #left {display:none} .ce_gallery ul li .image_container{margin-bottom:10px;} .ce_gallery ul li {width:100% !important} .cookiebar__button{font-size:90%} .cookiebar__text{font-size:90%} } @media screen and (min-width:870px) { body{background-image:url("/files/theme/img/body_bg-desktop.gif");background-repeat:no-repeat;background-position:center top} #container{margin-bottom:30px;} #header{max-width:940px;margin-left:auto;margin-right:auto;min-height:165px;} #header .inside,#claim .inside,#footer .inside{max-width:940px;margin-left:auto;margin-right:auto;background:transparent} #footer .inside{border-top:1px solid #dfdfdf;line-height:46px;text-align:right;} #mainnav{height:78px;} .logo a{width:326px;height:78px;float:left;clear:both;background-image:url("/files/theme/img/logo-desktop.gif");background-repeat:no-repeat;background-position:left 0} #metanav{height:61px;margin-right:10px;} #mainnav{float:right;width:auto;} #claim{margin: 45px 0} #container{width:960px;margin-lfet:auto;margin-right:auto;} #main .mod_article + .mod_article{margin-top:10px;} h1{font-size:4em;} #left p{font:1em/1.6 'PT Serif', serif;color:#7c7c7c;font-weight:400;} hr.redline{border-top:2px solid #990000;margin:0 10px} hr.greyline{border-top:2px solid #b8b8b8;margin:0 10px} .ce_gallery ul li .image_container{margin-right:10px;height:100px;margin-bottom:10px;display:block;overflow:hidden;} .ce_gallery ul.cols_2 li{width:50%} .ce_gallery ul.cols_3 li{width:33%} #mainnav li.no-desktop-nav {display:none !important;} } .ie7 .logo{width:125px;float:left;clear:both;margin-top:61px} /* individuelle Layoutbereiche */ .custom{clear:both;} h2,.layout_full h1{font:1.5em/1 'PT Serif', serif;color:#666;text-transform:none} h3,h4,h5,h6{font-size:1.4em;text-transform:uppercase;} h5,h6{font-size:1em;text-transform:uppercase;margin-bottom:1em;} a{color:#990000;text-decoration:none} p a:hover, .ce_hyperlink a:hover{color:#4f4f4f;} #left p a:hover{color:#7c7c7c} .ce_text ul{margin-left:1.2em;list-style-type:square} .ce_hyperlink a:before,#subnavi a:before,#subnavi span.active:before,.layout_simple a:before{content: '\e80b';} /* Basis Bilder */ .image_container{max-width:100%;line-height:0;} .image_container img{width:100%;height:auto;backface-visibility: hidden;} .bilderrahmen{border:1px solid #b0b0b0;padding:3px;background:#fff} #widescreen .image_container img{width:auto;} .startseite #widescreen .image_container img{width:100%} /* -- pageimage -- */ .ce_pageimages{border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding: 1px 0;background:#fff;} /* Soften bei hover */ a,button{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} /* metanav */ #metanav ul li{display:inline-block;} #metanav ul li a,#metanav ul li span.active,#metanav ul li strong{font-size:.7em;line-height:1;color:#f2f2f2;text-transform:uppercase;border-left:1px solid #f2f2f2;padding:0 10px;font-weight:300} #metanav ul li.last a,#metanav ul li.last span.active{padding-right:10px;} #metanav ul li.first a,#metanav ul li.first span.active{border-left:0;} #metanav ul li a:hover,#metanav ul li a:focus{color:#ccc} #metanav ul li span.active{color:#FFF} #metanav ul li.mandat{background:#BD2A32;padding-bottom:3px;} #metanav ul li.mandat a,#metanav li.mandat span,#metanav li.mandat strong{border-left:0 !important;color:#fff;} .ie7 #metanav ul li{float:left;} .ie7 .mainmenu {float:right;width:700px;position:absolute;right:0;top:50px} .ie7 .image_container img{width:auto;display:block;} .ie7 .mainmenu a,.ie7 .mainmenu span{margin-left:10px;height:115px !important;display:inline-block;} .ie7 .mainmenu .level_2 a,.ie7 .mainmenu .level_2 span{height:auto !important;width:200px} .ie7 #left .inside{margin-top:-10px;} .ie7 .mainmenu ul.level_2 {position:absolute;top:115px;left:-20px;} .ie7 #header{position:relative;z-index:999;} .ie7 #container{position:relative;} /* --- news ---- */ p.info{color:#999;margin-bottom:1em;} .more a,.back a{font-weight:400;} .teaser p{margin-bottom:1em;} .layout_latest{border-bottom:1px solid #dfdfdf;padding-top:1.5em;} .layout_latest.first{padding-top:0;} .startseite .layout_latest{padding-top:1.5em;} .startseite .layout_latest.last{border-bottom:0} .layout_latest .image_container{margin-bottom:1em;} /* --- news ---- */ .pagination{margin-top:1.5em;} .pagination p{float:left;border:1px solid #dfdfdf;padding:0 0.4em;} .pagination ul{float:right;} .pagination li{float:left;display:inline;border:1px solid #dfdfdf;padding:0 0.4em;margin-left:.6em;} /* für template ce_text-zentral-im-bild.html5 */ .ce_text-inside, .vertikalmittig { position:absolute; top: 50%; display:inline-block; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index:800; background:#cf0; margin:0 100px; } .rsts-slide .image_container img{backface-visibility:visible} /*--- Googlemap ---*/ .dlh_googlemap{width:100%;height:300px;background:#f2f2f2;} .ce_dlh_googlemaps{padding:0 10px;margin-bottom:1.5em;} #confirm-googlemaps{margin:2em;cursor:pointer;} /*.mainmenu { position: relative; float: left; display: block; overflow: visible !important }*/ /*.mainmenu{background:#cf0;}*/ .mainmenu ul { position: relative; display: block; margin: 0; padding: 0; list-style-type: none; -ms-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transition: all 1s ease-in-out } .mainmenu ul.level_1 li { position: relative; float: left; display: block } /*.mainmenu a.mobile_handle { display: none }*/ @media screen and (max-width:869px) {/* Handle */ a.mobile_handle { display: block; cursor: pointer; position: absolute; right:0; margin-right:15px; top: 30px; border-top: 2px solid #1a1a1a; border-bottom: 2px solid #1a1a1a; transition: all .25s ease-in-out; background: transparent; width: 30px; height: 20px; z-index:999 } a.mobile_handle:before, a.mobile_handle:after { background: #1a1a1a; content: ''; display: block; width: 100%; height: 2px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: transform .25s ease-in-out; } a.mobile_handle.change {border-color: transparent;right:2px;} a.mobile_handle.change:before, a.mobile_handle.change:after {background: #666;} a.mobile_handle.change:before {transform: translate(-50%, -50%) rotate(45deg);} a.mobile_handle.change:after {transform: translate(-50%, -50%) rotate(-45deg);} .mainmenu .icon-angle-up,.mainmenu .icon-angle-down,.mainmenu .icon-menu { position: relative; display: block; font-size: 1.7em !important; } .mainmenu .icon-menu {font-size: 2em !important;} .mainmenu i { border: solid #666; border-width: 0 2px 2px 0; display: inline-block; padding: 7px; } .mainmenu i.down { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform-origin:60% 80% } .mainmenu i.up { transform: rotate(45deg); -webkit-transform: rotate(45deg); transform-origin:60% 50% } .mainmenu { width: 100%; } .mainmenu ul { background: #f2f2f2; -ms-transition: all 0s ease-in-out; -webkit-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; transition: all 0s ease-in-out } .mainmenu ul.level_1 { height: auto; } .mainmenu ul.level_1 li { float: none; width: 100%; } .mainmenu ul.level_1 li a, .mainmenu ul.level_1 li span.active, .mainmenu ul.level_1 li span.forward, .mainmenu ul.level_1 li strong { width: 100%; display: block; height: 60px; line-height:60px; padding-left:20px; border-top: 1px solid #000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color:#000; } .mainmenu ul.level_1 li a:hover, .mainmenu ul.level_1 li span.active, .mainmenu ul.level_1 li span.forward { background-color: #f2f2f2 !important; color: #990000; font-weigt:bold; } /*-- Hover der li auf symbol subnavi ---*/ .mainmenu ul.level_1 li a.trail, .mainmenu ul.level_1 li.submenu:hover > a { background-color: #f2f2f2; color: #000; } .mainmenu ul li a:hover { background: #cc0000 !important; color: #ffffff !important; } .mainmenu ul.level_1 li > ul { position: relative; background-color:#CCC; z-index: 99; } .mainmenu ul.level_1 li > ul { padding: 0px; display: none; -webkit-transition-property: opacity, visibility; -moz-transition-property: opacity, visibility; -o-transition-property: opacity, visibility; transition-property: opacity, visibility; -webkit-transition-duration: .2s, 0s; -moz-transition-duration: .2s, 0s; -o-transition-duration: .2s, 0s; transition-duration: .2s, 0s; opacity: 1; visibility: visible; -webkit-transition-delay: 0s, 0s; -moz-transition-delay: 0s, 0s; -o-transition-delay: 0s, 0s; transition-delay: 0s, 0s; } .mainmenu ul.level_2 { min-width: auto; top: 0px; width: auto; } .mainmenu ul.level_2 li { } .mainmenu ul.level_2 li a, .mainmenu ul.level_2 li span.active, .mainmenu ul.level_2 li span.forward, .mainmenu ul.level_1 li strong { background: #fafafa; color: #000; } .mainmenu ul.level_2 li a:hover, .mainmenu ul.level_2 li span.active, .mainmenu ul.level_2 li span.forward { background-color: #ccccc; color: #ffffff; } .mainmenu ul.level_2 li a.trail, .mainmenu ul.level_2 li.submenu:hover > a { background-color:#ccc; color: #fff; } .mainmenu ul.level_2 li > ul { min-width: auto; width: auto; left: 0; top: 0; margin-left: 0%; padding: 0px; } .mainmenu ul.level_2 li a, .mainmenu ul.level_2 li span.active, .mainmenu ul.level_2 li span.forward, .mainmenu ul.level_1 li strong { padding-left: 20px !important; } .mainmenu ul.level_3 li a, .mainmenu ul.level_3 li span.active, .mainmenu ul.level_3 li span.forward, .mainmenu ul.level_1 li strong { padding-left: 20px !important; } .mainmenu ul.level_4 li a, .mainmenu ul.level_4 li span.active, .mainmenu ul.level_4 li span.forward { padding-left: 60px !important; } .mainmenu ul.level_5 li a, .mainmenu ul.level_5 li span.active, .mainmenu ul.level_5 li span.forward { padding-left: 75px !important; } .mainmenu ul.level_6 li a, .mainmenu ul.level_6 li span.active, .mainmenu ul.level_6 li span.forward { padding-left: 90px !important; } /* Sub Arrow */ .mainmenu ul li a.sub_nav { position: absolute; width: 60px; height: 60px; right: 0px; top: 0px; margin: 0; padding: 0px !important; background-color: #ccc !important; border-left:1px solid #666; line-height:60px; color: #fff; text-align: center; cursor: pointer; } .mainmenu ul li a.sub_nav:hover { background-color: #ccc !important; color: #ffffff; } .mainmenu .icon-angle-up, .mainmenu .icon-angle-down { position: relative; display: block; font-size: 18px; } } @media screen and (min-width:870px) { .mainmenu {overflow: visible !important;/*position: relative;float: left;display: block;*/} .mainmenu ul { position: relative; display: block; -ms-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transition: all 1s ease-in-out } .mainmenu ul.level_1 { width: 100%; height: 80px; position: relative; display: block; } .mainmenu ul.level_1 li { position: relative; float: left; display: block; } .ie8 .mainmenu ul.level_1 li { position: relative; float: left; display: block; } .mainmenu ul.level_1 li a, .mainmenu ul.level_1 li span.active, .mainmenu ul.level_1 li span.forward,.mainmenu ul.level_1 li strong { line-height:80px; height:106px; padding:0 9px; position: relative; display: inline-block; white-space: nowrap; color:#757575; font-weight:400; text-transform:uppercase; font-size:.9em; } .mainmenu ul.level_1 li.last a, .mainmenu ul.level_1 li.last span.active, .mainmenu ul.level_1 li.last span.forward { padding-right:0; } .mainmenu ul.level_1 li a:hover, .mainmenu ul.level_1 li span.active, .mainmenu ul.level_1 li.submenu:hover > a, .mainmenu ul.level_1 li a.trail, .mainmenu ul.level_1 li span.forward { background-color: #fff; color: #CCC; } .mainmenu ul.level_1 li > ul { position: absolute; background-color: transparent; z-index: 999 } .mainmenu ul.level_1 li span.active, .mainmenu ul.level_1 li a.trail, .mainmenu ul.level_1 li strong { color: #990000; } .mainmenu ul.level_1 li > ul { visibility: hidden; opacity: 0; -webkit-transition-property: opacity, visibility; -moz-transition-property: opacity, visibility; -o-transition-property: opacity, visibility; transition-property: opacity, visibility; -webkit-transition-duration: .2s, 0s; -moz-transition-duration: .2s, 0s; -o-transition-duration: .2s, 0s; transition-duration: .2s, 0s; -webkit-transition-delay: 0s, .2s; -moz-transition-delay: 0s, .2s; -o-transition-delay: 0s, .2s; transition-delay: 0s, .2s } .mainmenu ul li:hover > ul { opacity: 1; visibility: visible; -webkit-transition-delay: 0s, 0s; -moz-transition-delay: 0s, 0s; -o-transition-delay: 0s, 0s; transition-delay: 0s, 0s } /*.mainmenu ul.level_2 { min-width: 150px; top: 60px; width: auto }*/ .mainmenu .gebiete ul.level_2 { display:none !important; /*top: 103px; left:-500px; width: 960px; position:absolute;*/ } .mainmenu ul.level_2 li { width: 100%; position: relative; float: none; display: inline-block; margin: 0; padding: 0 } .mainmenu .gebiete ul.level_2 li { width: 33%; position: relative; float: left; display: inline-block; margin: 0; padding: 0; } .mainmenu .anwaelte ul.level_2 li { width:200px; } .mainmenu .anwaelte ul.level_2 li a { border-right:0px !important } .mainmenu ul.level_2 li a, .mainmenu ul.level_2 li span.active, .mainmenu ul.level_2 li span.forward, .mainmenu ul.level_2 li strong { position: relative; float: none; display: block; white-space: nowrap; height:auto; line-height:50px; padding:0 10px; position: relative; color:#757575; font-weight:400; text-transform:uppercase; font-size:.9em; background:#f2f2f2; border-bottom:2px solid #fff; border-right:2px solid #fff; } .mainmenu ul.level_2 li a:hover, .mainmenu ul.level_2 li span.active, .mainmenu ul.level_2 li a.trail, .mainmenu ul.level_2 li.submenu:hover > a, .mainmenu ul.level_2 li span.forward, .mainmenu ul.level_2 strong, .mainmenu ul.level_2 li strong { color:#990000; background-color: #f2f2f2; } .mainmenu ul.level_2 li > ul { min-width: 150px; left: 0; top: 0; margin-left: 100%; width: auto } .mainmenu ul.level_2 li.submenu:after{ position: absolute; top: 0px; right: 0px; width: 30px; height: 60px; background:transparent; font: 80px Fontello; color: #fff; text-align: center; line-height:65px; } .mainmenu a.mobile_handle { display: none } #subnavi a{color:#4f4f4f} #subnavi a:hover, #subnavi a:focus{color:#990000} #subnavi span.active{color:#990000} } @media screen and (min-width:870px) and (max-width:960px){ .mainmenu ul.level_1 li a, .mainmenu ul.level_1 li span.active, .mainmenu ul.level_1 li span.forward, .mainmenu ul.level_1 strong{padding:0 5px;} } @media screen and (min-width: 870px) { #main .inside{ margin-left:3em; } } /** * Contao Open Source CMS * * Copyright (c) 2005-2014 Leo Feyer * * @package Core * @link https://contao.org * @license http://www.gnu.org/licenses/lgpl-3.0.html LGPL */ /** * Since fieldset borders are removed in the reset style sheet, adjust the * legends accordingly */ fieldset{ background:#fff; border:0px; padding:1em; margin:0 0 2em 0; } legend { width:100%; display:block; font-weight:bold; border:0; } /** * Text fields and textareas */ input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="email"], input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],input:not([type]),input[type="submit"],textarea,button.submit { font-family:'Lato',Verdana, sans-serif; font-size:1em; color:#000; width:100%; display:inline-block; padding:6px; background:#fff; border:1px solid #ccc; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius:3px; color:#666; margin-bottom:15px; } select{ font-size:1em;} input[type="text"]:focus,input[type="password"]:focus,input[type="date"]:focus,input[type="datetime"]:focus,input[type="email"]:focus, input[type="number"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="time"]:focus,input[type="url"]:focus,input:not([type]):focus,textarea:focus { outline:0; background:#fcfcfc; border-color:#bbb; } input.captcha{width:70px;margin-right:.5em;margin-bottom:3px;} /** * Fix some width and height settings */ input[type="file"] { cursor:pointer; } select,input[type="file"] { display:block; } input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"] { width:auto; } textarea,select[multiple],select[size] { height:auto; } /** * Checkboxes and radio buttons */ .radio_container span,.checkbox_container span{ display:block; } input[type="radio"],input[type="checkbox"] { margin:-2px 5px 0 0; } input[type="radio"],input[type="checkbox"]{ vertical-align:middle; } label { /* --- vertical-align:middle; --- */ /*---- nochmal anschauen ob das nötig ist... ------*/ } /** * Handle disabled and read-only */ input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly] { cursor:not-allowed; background:#eee; } input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"][readonly],input[type="checkbox"][readonly] { background:transparent; } /** * Fonts */ input.text,input[type="submit"],textarea,.button,select { font-family:'Lato',Verdana, sans-serif;font-weight:300;font-size:inherit; } /** * Buttons */ input[type="submit"],.button, button.submit { width:300px; display:block; margin:1em 0 .5em 0; text-align:center; vertical-align:middle; cursor:pointer; border:0; background:#f9f9f9; border:1px solid #ccc; text-transform:uppercase; } input[type="submit"]:hover,.button:hover,button.submit:hover { background:#f2f2f2; color:#990000; text-decoration:none; } input[type="submit"]:active,.button:active { } /*--- optional ---*/ select { -webkit-appearance: button; -webkit-border-radius: 2px; -webkit-padding-end: 20px; -webkit-padding-start: 2px; -webkit-user-select: none; background-color:#fff; border: 1px solid #CCC; overflow: hidden; padding: 5px 10px; text-overflow: ellipsis; white-space: nowrap; width: 300px; margin-bottom:15px; } select:active,select:focus{outline:0;border: 1px solid #CCC;} .mandat label[class*="grid-"], .mandat .upload.grid-100{padding:0 !important} .mandat fieldset{background:#f5f5f5;border-radius:3px;} .mandat legend{border:1px solid #ccc;border-radius:3px;padding:.2em 1em;margin-left:10px;background:#fff;display:inline-block;width:auto;font-weight:normal;} .mandat .nolegend legend{display:none} .mandat .radio_container span,.mandat .checkbox_container span{display:inline-block;margin-right:1em;} .mandat p{margin:0;} .mandat .onedown{margin-bottom:1em;} .mandat .widget-radio fieldset,.mandat .widget-checkbox fieldset{margin:0} .mandat a{border-bottom:1px dotted #900;} .mandat label.custom-file-upload {} .mandat .dropzone{min-height:100px !important;border: 1px solid #ccc !important;margin:0 10px 10px 10px} .mandat label span.mandatory{color:red;font-weight:bold;} .mandat p.error{color:#fff;background:red;padding:.3em;} /*.mandat input[type="file"] {display:none}*/ .mandat input[type="submit"],.mandat .button { width:auto !important; } .mandat .dropzone .dz-preview .dz-error-message{opacity:1 !important} @charset "UTF-8"; @font-face { font-family: 'fontello'; src: url('../../files/theme/iconfont/font/fontello.eot'); src: url('../../files/theme/iconfont/font/fontello.eot#iefix') format('embedded-opentype'), url('../../files/theme/iconfont/font/fontello.woff') format('woff'), url('../../files/theme/iconfont/font/fontello.ttf') format('truetype'), url('../../files/theme/iconfont/font/fontello.svg#fontello') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; /* fix buttons height, for twitter bootstrap */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ .ce_hyperlink a:before,#subnavi a:before,#subnavi span.active:before,.layout_simple a:before{ font-family: "fontello"; padding:0 5px 0 2px; color:#990000; speak: none; } .icon-angle-up:before { content: '\e804';color:#990000; } /* '' */ .icon-angle-up:hover:before{color:#990000;} .icon-angle-down:before { content: '\e805'; } /* '' */ .icon-angle-right:before { content: '\e80b'; } /* '' */ .icon-angle-left:before { content: '\e80c'; } /* '' */ .icon-menu:before { content: '\e810'; } /* '' */ @media print{ * { margin:0; padding:0; border:0; background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp,small, strike, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } img, object { display:block; margin:0; padding:0; border:0; } body { width:100%; text-align:left; margin:0; padding:0; font:12pt Arial, Helvetica, sans-serif; color:#848484; background-color:#fff; background-image:none; line-height:1.5; } h1, h2, h3, h4, h5, h6 { font-weight:400; font-size:1.3em; margin:0 0 10px 0; text-align:left; page-break-after:avoid; } h1{font-size:2em;} p { font-stretch:expanded; padding-bottom:1em; } p, h2, h3 { orphans: 3; widows: 3; } a, a:visited { text-decoration: none; border:0px !important; } .teaser{ margin-bottom:16px; } img,.bilderrahmen { padding:0; width:auto; max-width: 100% !important; border:0px !important; height:auto; } #main { float:none; width:auto; margin:0; } .accordion { overflow: visible !important; height: auto !important; visibility: visible !important; display: inline !important; opacity: 1 !important; } .toggler,.enclosure{ background-color: #fff; border:0; padding: 0px; margin-bottom:10px; font-size:12pt; font-weight:bold; } .info{ font-size:12pt !important; } table { width:100%; } .float_left{float:left;} .float_right{float:right;} .hide-on-print,.teaserartikel,.logo,#footer,form,legend,.call,.abdecker, #header .mod_navigation,.ce_pageimages,.mod_trenner,#header .mod_customnav,hr.greyline,hr.redline{display:none} #druckadresse{font-size:10pt;border-bottom:1px solid #666;padding:25px 0 25px 0;margin:0 20px;} #druckadresse h2{font-size:16pt;margin:0px;} #druckadresse span{margin:0 5px} #claim,#left{margin:25px 0 0 0;} #claim .inside{margin:0 10px;} #claim h1{font-size:18px;} #claim h2{display:none;} } .kontaktformular .widget-checkbox fieldset{padding:0} #metanav li a,#metanav li a{border-bottom:0 !important} .ce_hyperlink{margin-bottom:1rem;} #metanav li.startseite a,#metanav li.startseite strong{border:0} .image_container.float_left{margin:5px 15px 0 0}