body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto} /* ColorBox, (c) 2011 Jack Moore, MIT license */ #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#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/jquery/colorbox/1.6.1/images/loading.gif") no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background: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/jquery/colorbox/1.6.1/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/jquery/colorbox/1.6.1/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/jquery/colorbox/1.6.1/images/controls.png") no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} /* Swipe 2.0, (C) Brad Birdsall 2012, MIT license */ .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} /* * This file is part of Contao. * * (c) Leo Feyer * * @license LGPL-3.0-or-later */ table.sortable thead th { background-image:url("../../assets/jquery/tablesorter/2.0.5/images/default.gif"); background-repeat:no-repeat; background-position:center right; } table.sortable thead th.headerSortDown { background-image:url("../../assets/jquery/tablesorter/2.0.5/images/asc.gif"); } table.sortable thead th.headerSortUp { background-image:url("../../assets/jquery/tablesorter/2.0.5/images/desc.gif"); } /* colors.css */ #footer a{color:#FFF !important}#footer a:hover{opacity:0.7 !important}#footer li.first a.first{color:#FFF !important}#footer li.first a.first:hover{opacity:0.7 !important}#footer li.last a.last{color:#FFF !important}#footer li.last a.last:hover{opacity:0.7 !important}#header > div > div.innerwrapper > div.logo{top:55% !important}#wrapper .image_container.float_left{margin: 1px 2rem 2rem 0.3rem !important}footer#footer div.inside nav.mod_navigation.mm-nav_meta.block ul.level_1 li.first.last a.first.last{color: #FFFFFF !important;float: right !important;text-decoration:none !important}.copyright{display: none !important}footer#footer div.inside div.footer-content div.ce_text.grid2.first.last.block h4{color: #FFFFFF}footer#footer div.inside div.footer-content div.ce_text.grid2.first.last.block p{color: #FFFFFF}footer#footer nav.mod_navigation a{color: #fff !important}header#header div.inside div.nav-wrapper nav.mod_navigation.nav_main.block{background: #222222 !important}*{/* remove blue highlight color on (some) mobile devices */ -webkit-tap-highlight-color: rgba(155, 155, 155, 0)}*::selection{background-color: #222222;color: #FFFFFF}*::-moz-selection{background-color: #222222;color: #FFFFFF}:focus{outline: none}input:focus,input:active,textarea:focus,textarea:active{box-shadow: 0 0 6px rgba(152,209,41, 0.7)}body{background: #FFFFFF;color: #222222}h1,h2,h3,h4,h5,h6{color: #000}.h_underline{border-bottom-color: #dedede}a,a:link,a:visited{color: #000;-webkit-tap-highlight-color: rgba(155, 155, 155, 0)}.pagination ul li a,.pagination ul li a:link,.pagination ul li a:visited{background-color: #222222;color: #222222}.pagination ul li a:hover,.pagination ul li a:focus,.pagination ul li a:active{background-color: #222222;color: #FFFFFF}.pagination ul li .current,.pagination ul li .active{background-color: #222222;color: #FFFFFF}.nav_main{background: #222222}.nav_main .level_1 li a,.nav_main .level_1 li a:link,.nav_main .level_1 li a:visited{color: #222222}.nav_main .level_1 li span.active,.nav_main .level_1 li a.trail,.nav_main .level_1 li span.trail{color: #FFFFFF;background-color: #222222}.nav_main .level_2,.nav_main .level_3{background-color: #222222}.nav_main .level_2 li span.active,.nav_main .level_2 li .active,.nav_main .level_2 li .trail,.nav_main .level_3 li span.active,.nav_main .level_3 li .active,.nav_main .level_3 li .trail{background: #000}.nav_main .level_2 li a:hover,.nav_main .level_2 li a:focus,.nav_main .level_2 li a:active,.nav_main .level_3 li a:hover,.nav_main .level_3 li a:focus,.nav_main .level_3 li a:active{background-color: #000;color: #FFFFFF}footer{background-color: #222222}.nav_meta{/* Google Maps */}.nav_meta ul li > span,.nav_meta ul li .trail,.nav_meta ul li .forward{color: #FFFFFF}.nav_meta ul li a,.nav_meta ul li a:link,.nav_meta ul li a:visited{color: #FFFFFF}.nav_meta ul li a:hover,.nav_meta ul li a:focus,.nav_meta ul li a:active{color: #FFFFFF}.nav_meta ul li.active{color: #FFFFFF}.nav_meta iframe{border-color: #FFFFFF}.nav_meta .copyright a:hover,.nav_meta .copyright a:active,.nav_meta .copyright a:focus{color: #FFFFFF}.sidebar #right .mod_newslist a,.sidebar #right .mod_newslist a:link,.sidebar #right .mod_newslist a:visited,.sidebar #left .mod_newslist a,.sidebar #left .mod_newslist a:link,.sidebar #left .mod_newslist a:visited{color: #222222}.sidebar #right .mod_newslist .more a,.sidebar #left .mod_newslist .more a{color: #222222;background-color: #222222}.sidebar #right .mod_newslist .more a:hover,.sidebar #right .mod_newslist .more a:focus,.sidebar #right .mod_newslist .more a:active,.sidebar #left .mod_newslist .more a:hover,.sidebar #left .mod_newslist .more a:focus,.sidebar #left .mod_newslist .more a:active{background-color: #dedede}.calendar-icon .calendar-icon-day{background-color: #222222;color: #FFFFFF}.calendar-icon .calendar-icon-month{background-color: #222222;color: #222222}.mod_newslist a,.mod_newslist a:link,.mod_newslist a:visited,.mod_eventlist a,.mod_eventlist a:link,.mod_eventlist a:visited,.mod_newsachive a,.mod_newsachive a:link,.mod_newsachive a:visited{color: #222222}.mod_newslist .more a,.mod_newslist time a,.mod_eventlist .more a,.mod_eventlist time a,.mod_newsachive .more a,.mod_newsachive time a{color: #222222;background-color: #222222}.mod_newslist .more a:hover,.mod_newslist .more a:focus,.mod_newslist .more a:active,.mod_newslist time a:hover,.mod_newslist time a:focus,.mod_newslist time a:active,.mod_eventlist .more a:hover,.mod_eventlist .more a:focus,.mod_eventlist .more a:active,.mod_eventlist time a:hover,.mod_eventlist time a:focus,.mod_eventlist time a:active,.mod_newsachive .more a:hover,.mod_newsachive .more a:focus,.mod_newsachive .more a:active,.mod_newsachive time a:hover,.mod_newsachive time a:focus,.mod_newsachive time a:active{background-color: #dedede}.back a,.back a:link,.back a:visited{color: #FFFFFF;background-color: #222222}.back a:hover,.back a:focus,.back a:active{background-color: #222222}.mod_newsmenu ul.level_1 li a:hover,.mod_newsmenu ul.level_1 li a:focus,.mod_newsmenu ul.level_1 li a:active,.mod_newsmenu ul.level_1 li a:link:hover,.mod_newsmenu ul.level_1 li a:link:focus,.mod_newsmenu ul.level_1 li a:link:active,.mod_newsmenu ul.level_1 li a:visited:hover,.mod_newsmenu ul.level_1 li a:visited:focus,.mod_newsmenu ul.level_1 li a:visited:active{color: #222222}.ce_form input,.ce_form textarea,.ce_comments input,.ce_comments textarea{border-color: #dedede;background-color: #FFFFFF}.ce_form input:hover,.ce_form input:focus,.ce_form input:active,.ce_form textarea:hover,.ce_form textarea:focus,.ce_form textarea:active,.ce_comments input:hover,.ce_comments input:focus,.ce_comments input:active,.ce_comments textarea:hover,.ce_comments textarea:focus,.ce_comments textarea:active{background-color: #dedede;box-shadow: 0 0 6px rgba(152,209,41, 0.7)}.ce_form label,.ce_comments label{color: #000}.ce_form select,.ce_comments select{border-color: #dedede}.ce_form .checkbox_container legend,.ce_comments .checkbox_container legend{color: #000}.ce_form .checkbox_container input,.ce_form .checkbox_container label,.ce_comments .checkbox_container input,.ce_comments .checkbox_container label{color: #222222 !important}.ce_form .submit_container input,.ce_comments .submit_container input{background-color: #222222;color: #FFFFFF}.ce_form .submit_container input:hover,.ce_form .submit_container input:focus,.ce_form .submit_container input:active,.ce_comments .submit_container input:hover,.ce_comments .submit_container input:focus,.ce_comments .submit_container input:active{background-color: #222222;box-shadow: 0 0 6px rgba(152,209,41, 0)}.ce_form p.error,.ce_comments p.error{color: #DA4835}.mod_calendar thead{background-color: #222222}.mod_calendar thead th a,.mod_calendar thead th a:link,.mod_calendar thead th a:visited{color: #FFFFFF}.mod_calendar thead > tr:first-child th{background-color: #000}.mod_calendar td div.header{background-color: #cecece}.mod_calendar td div a,.mod_calendar td div a:link,.mod_calendar td div a:visited{color: #222222}.mod_calendar td div a:hover,.mod_calendar td div a:focus{background-color: #222222;color: #FFFFFF}.mod_calendar td.active{background-color: #dedede}.mod_calendar td.today{background-color: #000}.mod_calendar td.today div.header{color: #FFFFFF}.mod_calendar td.today div a{color: #FFFFFF}.sidebar .mod_calendar thead th{background-color: #a4e02e}.sidebar .mod_calendar thead th a,.sidebar .mod_calendar thead th a:link,.sidebar .mod_calendar thead th a:visited{color: #FFFFFF}.sidebar .mod_calendar td a,.sidebar .mod_calendar td a:link,.sidebar .mod_calendar td a:visited{color: #222222}.sidebar .mod_calendar td a:hover,.sidebar .mod_calendar td a:focus,.sidebar .mod_calendar td a:active{background-color: #222222;color: #FFFFFF}.sidebar .mod_calendar td.active{background-color: #dedede !important}.mod_breadcrumb ul li a{transition: all 0.3s ease-in}.mod_breadcrumb ul li a,.mod_breadcrumb ul li a:link,.mod_breadcrumb ul li a:visited{background-color: #222222;color: #222222}.mod_breadcrumb ul li a:before{border-top-color: transparent;border-bottom-color: transparent;border-left-color: #FFFFFF}.mod_breadcrumb ul li a:after{border-bottom-color: transparent;border-left-color: #222222;border-top-color: transparent}.mod_breadcrumb ul li a:hover,.mod_breadcrumb ul li a:focus,.mod_breadcrumb ul li a:active{background-color: #222222;color: #FFFFFF}.mod_breadcrumb ul li a:hover:after,.mod_breadcrumb ul li a:focus:after,.mod_breadcrumb ul li a:active:after{border-bottom-color: transparent;border-left-color: #222222;border-top-color: transparent}.mod_breadcrumb ul li.active,.mod_breadcrumb ul li.trial{background-color: #222222;color: #FFFFFF}.mod_breadcrumb ul li.active:before,.mod_breadcrumb ul li.trial:before{border-top-color: transparent;border-bottom-color: transparent;border-left-color: #FFFFFF}.mod_breadcrumb ul li.active:after,.mod_breadcrumb ul li.trial:after{border-bottom-color: transparent;border-left-color: #222222;border-top-color: transparent}.mod_sitemap ul.level_1 li{border-bottom-color: #dedede}.mod_sitemap ul.level_1 li a,.mod_sitemap ul.level_1 li a:link,.mod_sitemap ul.level_1 li a:visited{color: #222222}.mod_sitemap ul.level_1 li a:hover,.mod_sitemap ul.level_1 li a:focus,.mod_sitemap ul.level_1 li a:active{color: #222222}.mod_sitemap ul.level_2 li a,.mod_sitemap ul.level_2 li a:link,.mod_sitemap ul.level_2 li a:visited{color: #222222}.mod_sitemap ul.level_2 li a:hover,.mod_sitemap ul.level_2 li a:focus,.mod_sitemap ul.level_2 li a:active{color: #222222}.ce_download a,.ce_download a:link,.ce_download a:visited,.ce_downloads a,.ce_downloads a:link,.ce_downloads a:visited{color: #222222}.ce_download a:hover,.ce_download a:focus,.ce_download a:active,.ce_download a:link:hover,.ce_download a:link:focus,.ce_download a:link:active,.ce_download a:visited:hover,.ce_download a:visited:focus,.ce_download a:visited:active,.ce_downloads a:hover,.ce_downloads a:focus,.ce_downloads a:active,.ce_downloads a:link:hover,.ce_downloads a:link:focus,.ce_downloads a:link:active,.ce_downloads a:visited:hover,.ce_downloads a:visited:focus,.ce_downloads a:visited:active{color: #222222}.ce_download ul li,.ce_downloads ul li{border-bottom-color: #222222}.ce_download ul li.download-element,.ce_downloads ul li.download-element{padding-left:2.2rem}.ce_download ul li img,.ce_downloads ul li img{float:left;margin-right:.5rem}.ce_download ul li a:link,.ce_download ul li a:visited,.ce_downloads ul li a:link,.ce_downloads ul li a:visited{display:block;padding:0;line-height:2.2rem}.ce_download ul li a:hover,.ce_download ul li a:focus,.ce_download ul li a:active,.ce_downloads ul li a:hover,.ce_downloads ul li a:focus,.ce_downloads ul li a:active{color: #222222}.mod_search input,.mod_search button{background: #222222;color: #222222}.mod_search input:hover,.mod_search input:focus,.mod_search input:active,.mod_search button:hover,.mod_search button:focus,.mod_search button:active{background-color: #dedede}.mod_search input.submit,.mod_search button.submit{background-color: #222222;color: #FFFFFF}.mod_search input.submit:hover,.mod_search input.submit:focus,.mod_search input.submit:active,.mod_search button.submit:hover,.mod_search button.submit:focus,.mod_search button.submit:active{background-color: #222222}.mod_search input button,.mod_search button button{background-color: #222222}.mod_search input button:hover,.mod_search input button:focus,.mod_search input button:active,.mod_search button button:hover,.mod_search button button:focus,.mod_search button button:active{background-color: #222222}.mod_search .relevance{color: #222222}.mod_search .highlight{color: #222222}.social-wrapper .social-content .social-fb{background-color: #4A6EA9}.social-wrapper .social-content .social-twitter{background-color: #33CCFF}.social-wrapper .social-content .social-gplus{background-color: #DA4835}.mod_login{background: rgba(255, 255, 255, 0.95)}.mod_login .formbody label{color: #222222}.mod_login .formbody input{border-color: #dedede}.mod_login .error{color: #DA4835}.login-container .submit_container .submit{background: #222222;color: #FFFFFF}.login-container .submit_container .submit:hover,.login-container .submit_container .submit:focus,.login-container .submit_container .submit:active{background: #222222}.login-container .login-close{color: #222222}.widget-submit button.submit{background: #222222;color: #FFFFFF}.widget-submit button.submit:hover,.widget-submit button.submit:focus,.widget-submit button.submit:active{background: #222222}.show-mobile .mod_search input.text,.show-mobile .mod_search .widget-text{background-color: #dedede}#cboxOverlay{background-color: rgba(255, 255, 255, 0.8) !important}#cboxLoadedContent{border-color: #FFFFFF}#cboxCurrent,#cboxTitle,#cboxPrevious{color: #222222}#cboxClose,#cboxNext{background-color: #FFFFFF}#cboxClose:hover,#cboxClose:focus,#cboxClose:active,#cboxNext:hover,#cboxNext:focus,#cboxNext:active{background: #FFFFFF}table th{background-color: #222222;color: #FFFFFF}table td{background-color: #222222}table tfoot td{background-color: #222222;color: #FFFFFF}.teaser p:last-child a,.teaser p:last-child a:link,.teaser p:last-child a:visited{background-color: #222222;color: #FFFFFF}.teaser p:last-child a:hover,.teaser p:last-child a:focus,.teaser p:last-child a:active,.teaser p:last-child a:link:hover,.teaser p:last-child a:link:focus,.teaser p:last-child a:link:active,.teaser p:last-child a:visited:hover,.teaser p:last-child a:visited:focus,.teaser p:last-child a:visited:active{background-color: #222222}.toggler{background-color: #222222}.toggler:hover,.toggler:focus,.toggler:active,.toggler.ui-state-active{background-color: #222222;color: #FFFFFF}.icon-faq .toggler:before{color: #222222}.icon-faq .toggler:hover:before,.icon-faq .toggler:focus:before,.icon-faq .toggler:active:before,.icon-faq .toggler.ui-state-active:before{color: #FFFFFF}#wrapper .image_container{border-color: #FFFFFF}#wrapper .ce_sliderStart .slider-control a,#wrapper .ce_sliderStart .slider-control a:link,#wrapper .ce_sliderStart .slider-control a:visited{background-color: #222222;color: #FFFFFF}#wrapper .ce_sliderStart .slider-control a:hover,#wrapper .ce_sliderStart .slider-control a:focus,#wrapper .ce_sliderStart .slider-control a:active{background-color: #222222}.mod_faqlist ul li{border-bottom-color: #dedede}.mod_faqlist ul li:before{background-color: #222222;color: #FFFFFF}.mod_faqlist ul li a,.mod_faqlist ul li a:link,.mod_faqlist ul li a:visited{color: #222222;background-color: #FFFFFF}.mod_faqlist ul li a:hover,.mod_faqlist ul li a:focus,.mod_faqlist ul li a:active{background-color: #222222}@media (min-width: 1px) and (max-width: 1023px){.nav-wrapper { background-color: #222222; } .nav_main .level_2 { background-color: #dedede; } .nav_main .level_3 { background-color: #cecece; } input:checked + .button-nav-mobile { background-color: #FFFFFF; }} /* font.css */ body{font-family: 'Open Sans', Arial, Verdana, sans-serif}input,select,textarea,.submit,button,label,fieldset{font-family: 'Open Sans', Arial, Verdana, sans-serif} /* Author : CTS Media GmbH Copyright : CTS Media GmbH */ /* Author : CTS Media GmbH Copyright : CTS Media GmbH */ body.sidebar #main:after, .ce_text:after, .innerwrapper:after, .mod_breadcrumb:after, .mod_search fieldset span label:last-child:after, #wrapper .ce_gallery ul:after { content: ""; clear: both; visibility: hidden; } * { padding: 0; margin: 0; } html { font-size: 10px; } body { font-weight: 300; font-size: 18px; line-height: 2.6rem; } body.sidebar #main { width: 70%; padding-right: 2.5rem; box-sizing: border-box; } body.sidebar #right { width: 30%; padding-left: 0.5rem; box-sizing: border-box; } @media (min-width: 1023px) { .mm-mobile-nav {display:none !important;} } input, select, textarea, .submit, button, label, fieldset { -webkit-appearance: none; border-radius: 0; } input.radio { -webkit-appearance: radio; } input.checkbox { -webkit-appearance: checkbox; } .ce_text { margin-bottom: 2rem; } .z_index { z-index: 10; } /* Typography */ p { margin-bottom: 2rem; line-height: 2.6rem; } h1, h2, h3, h4, h5, h6 { font-weight: 300; padding-bottom: 1rem; box-sizing: border-box; } .h_underline { border-bottom-width: 0.1rem; border-bottom-style: solid; } h1 { font-size: 4.6rem; line-height: 5.2rem; } h2 { font-size: 3.2rem; line-height: 3.6rem; } h3 { font-size: 2.6rem; line-height: 3rem; } h4 { font-size: 2.4rem; line-height: 2.8rem; } h5 { font-size: 2.2rem; line-height: 2.6rem; } h6 { font-size: 2rem; line-height: 2.4rem; } a, a:link, a:visited { -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; -moz-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; -o-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; transition: background 0.3s ease-in-out, color 0.3s ease-in-out; } strong { font-weight: 600; } .center { text-align: center; } /* List */ #main ul, #main ol { padding-left: 4rem; margin-bottom: 3rem; } /* Layout */ .innerwrapper, #wrapper { width: 96rem; margin: 0 auto; } #wrapper { padding: 5px 0; overflow: hidden; } .innerwrapper { height: 10rem; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; position: relative; z-index: 1; } .right-elements, .logo { position: relative; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .logo { float: left; } .logo h1, .logo div { max-width: 95%; -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); padding: 0; line-height: 0; } .logo h1 a, .logo div a { display: block; } .logo h1 img, .logo div img { height: auto; /*max-height: 70px; max-width: 100%;*/ } .logo .image_container { max-width: 90%; } .logo .image_container a { display: block; } .logo .image_container img { height: auto; max-height: 70px; max-width: 100%; width: auto; vertical-align: bottom; } .headerimage { position: relative; height: 30rem; width: 100%; z-index: -1; } .headerimage .ce_gallery li { display: none; position: absolute; top: 0; left: 0; height: 30rem; width: 100%; background-size: cover; background-position: center center !important; background-repeat: no-repeat !important; } .headerimage .ce_gallery li:first-child { display: block; } /* Navigation Elements ----------------------------------------------------------------------------------*/ .pagination > p { display: none; } .pagination .first, .pagination .last { display: none; } .pagination ul { list-style: none; padding: 0 !important; margin: 0 !important; } .pagination ul li { border: 0 none; opacity: 1; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none; margin: 0 0.5rem 0 0 !important; float: left; } .pagination ul li a, .pagination ul li a:link, .pagination ul li a:visited { text-decoration: none; display: block; padding: 0.2rem 0.8rem; opacity: 1; font-size: 1.4rem; transition: background-color .3s ease-in, color .3s ease-in; } .pagination ul li a:hover, .pagination ul li a:focus, .pagination ul li a:active { opacity: 1; } .pagination ul li:hover, .pagination ul li:focus, .pagination ul li:active { opacity: 1; } .pagination ul li .current, .pagination ul li .active { text-decoration: none; display: block; padding: 0.2rem 0.8rem; opacity: 1; font-size: 1.4rem; } .pagination:after { content: "."; visibility: hidden; display: block; clear: both; height: 0; width: 0; } .nav_main { overflow: visible; height: 6rem; display: block; text-align: center; position: relative; box-sizing: border-box; /* Show hidden level */ } .nav_main .level_1 { width: 96rem; display: inline-block; margin: 0 auto; } .nav_main .level_1 li { list-style: none; float: left; position: relative; } .nav_main .level_1 li a { transition: background-color .3s ease-in, color .3s ease-in; display: block; padding: 0 1.5rem; line-height: 6rem; font-weight: 300; font-size: 1.8rem; } .nav_main .level_1 li a, .nav_main .level_1 li a:link, .nav_main .level_1 li a:visited { text-decoration: none; } .nav_main .level_1 li span.active, .nav_main .level_1 li a.trail, .nav_main .level_1 li span.trail { display: block; padding: 0 1.5rem; line-height: 6rem; font-size: 1.8rem; } .nav_main .level_2, .nav_main .level_3 { display: none; position: absolute; top: 6rem; left: 0; min-width: 19rem; text-align: left; padding: 0; z-index: 100; } .nav_main .level_2 li, .nav_main .level_3 li { float: none; } .nav_main .level_2 li span.active, .nav_main .level_2 li .active, .nav_main .level_2 li .trail, .nav_main .level_3 li span.active, .nav_main .level_3 li .active, .nav_main .level_3 li .trail { font-size: 1.6rem; line-height: 2rem; padding: 1.5rem; } .nav_main .level_2 li a, .nav_main .level_3 li a { font-size: 1.6rem; line-height: 2rem; padding: 1.5rem; white-space: nowrap; } .nav_main .level_3 { left: 100%; top: 0; } @media (min-width: 1023px) { .nav_main .level_1 li:hover .level_2, .nav_main .level_1 li:focus .level_2, .nav_main .level_1 li:active .level_2 { display: block; } .nav_main .level_2 li:hover .level_3, .nav_main .level_2 li:focus .level_3, .nav_main .level_2 li:active .level_3 { display: block; } } /* hide toggle arrow on desktop view */ li .submenu-toggle, ul.level_1 > li .submenu-toggle { display: none; } /* Content ----------------------------------------------------------------------------------*/ /* FOOTER */ footer { padding: 2rem 0 4rem 0; margin-top: 6rem; position: relative; overflow: hidden; font-size: 1.4rem; line-height: 1.8rem; /* Google Maps */ /* Table */ } footer .inside { width: 96rem; margin: 0 auto; } footer .nav_meta { position: relative; right: 0; top: 0; margin-bottom: 3rem; } footer .nav_meta ul { float: right; } footer .nav_meta ul li { float: left; display: block; } footer .nav_meta ul li > span, footer .nav_meta ul li .trail, footer .nav_meta ul li .forward { display: block; padding: 0.5rem; } footer .nav_meta ul li a { display: block; padding: 0.5rem; font-size: 1.4rem; } footer .nav_meta ul li a, footer .nav_meta ul li a:link, footer .nav_meta ul li a:visited { text-decoration: none; } footer .nav_meta ul li.active { display: block; padding: 0.5rem; text-decoration: none; font-size: 1.4rem; } footer .nav_meta ul li.active strong { font-weight: 300; } footer iframe { box-sizing: border-box; border-width: 0.5rem; border-style: solid; -o-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); } footer table td { font-size: 1.4rem; line-height: 1.6rem; } footer .copyright { font-size: 1.4rem; line-height: 1.6rem; margin-left: 1rem; padding-top: 2rem; clear: both; } footer .copyright h6 { font-size: 1.4rem; line-height: 1.6rem; } footer .copyright a { font-size: 1.4rem; line-height: 1.6rem; text-decoration: none; } /* SIDEBAR */ .sidebar #right { /* News */ } .sidebar #right h1 { font-size: 2.4rem; line-height: 2.8rem; } .sidebar #right h2 { font-size: 2.2rem; line-height: 2.6rem; } .sidebar #right h3 { font-size: 2.0rem; line-height: 2.4rem; } .sidebar #right h4 { font-size: 1.8rem; line-height: 2.2rem; } .sidebar #right h5 { font-size: 1.6rem; line-height: 2rem; } .sidebar #right h6 { font-size: 1.4rem; line-height: 1.8rem; } .sidebar #right p { font-size: 1.4rem; line-height: 1.8rem; } .sidebar #right .calendar-icon { width: 4rem; text-align: center; float: left; font-size: 1.2rem; } .sidebar #right .calendar-icon .calendar-icon-day { padding: 0; margin-bottom: 0.2rem; -moz-box-shadow: 0.1rem 0.1rem 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0.1rem 0.1rem 0 rgba(0, 0, 0, 0.3); -o-box-shadow: 0.1rem 0.1rem 0 rgba(0, 0, 0, 0.3); box-shadow: 0.1rem 0.1rem 0 rgba(0, 0, 0, 0.3); } .sidebar #right .calendar-icon .calendar-icon-month { padding: 0.4rem; -moz-box-shadow: 0.1rem 0.1rem 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0.1rem 0.1rem 0 rgba(0, 0, 0, 0.3); -o-box-shadow: 0.1rem 0.1rem 0 rgba(0, 0, 0, 0.3); box-shadow: 0.1rem 0.1rem 0 rgba(0, 0, 0, 0.3); } .sidebar #right .mod_newslist > .block { margin-bottom: 5rem; } .sidebar #right .mod_newslist a, .sidebar #right .mod_newslist a:link, .sidebar #right .mod_newslist a:visited { text-decoration: none; display: block; } .sidebar #right .mod_newslist h1, .sidebar #right .mod_newslist h2, .sidebar #right .mod_newslist h3, .sidebar #right .mod_newslist .teaser { box-sizing: border-box; margin-left: 5rem; } .sidebar #right .mod_newslist .more { display: inline-block; box-sizing: border-box; margin-left: 5rem; } .sidebar #right .mod_newslist .more a { padding: 0.2rem 1rem; text-decoration: none; } .sidebar #right .mod_newslist .more a:hover, .sidebar #right .mod_newslist .more a:focus, .sidebar #right .mod_newslist .more a:active { cursor: pointer; } /* News */ .calendar-icon { width: 6rem; text-align: center; float: left; } .calendar-icon .calendar-icon-day { padding: 0.4rem; margin-bottom: 0.2rem; -moz-box-shadow: 0.1rem 0.1rem 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0.1rem 0.1rem 0 rgba(0, 0, 0, 0.3); -o-box-shadow: 0.1rem 0.1rem 0 rgba(0, 0, 0, 0.3); box-shadow: 0.1rem 0.1rem 0 rgba(0, 0, 0, 0.3); } .calendar-icon .calendar-icon-month { padding: 1rem 0.4rem; -moz-box-shadow: 0.1rem 0.1rem 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0.1rem 0.1rem 0 rgba(0, 0, 0, 0.3); -o-box-shadow: 0.1rem 0.1rem 0 rgba(0, 0, 0, 0.3); box-shadow: 0.1rem 0.1rem 0 rgba(0, 0, 0, 0.3); } .calendar-icon .calendar-icon-year { display: none; } .mod_newslist > .block, .mod_eventlist > .block, .mod_newsachive > .block { margin-bottom: 5rem; } .mod_newslist a, .mod_newslist a:link, .mod_newslist a:visited, .mod_eventlist a, .mod_eventlist a:link, .mod_eventlist a:visited, .mod_newsachive a, .mod_newsachive a:link, .mod_newsachive a:visited { text-decoration: none; } .mod_newslist h1, .mod_newslist h2, .mod_newslist h3, .mod_newslist .teaser, .mod_eventlist h1, .mod_eventlist h2, .mod_eventlist h3, .mod_eventlist .teaser, .mod_newsachive h1, .mod_newsachive h2, .mod_newsachive h3, .mod_newsachive .teaser { box-sizing: border-box; margin-left: 8rem; } .mod_newslist .more, .mod_newslist time, .mod_eventlist .more, .mod_eventlist time, .mod_newsachive .more, .mod_newsachive time { display: inline-block; box-sizing: border-box; margin-left: 8rem; } .mod_newslist .more a, .mod_newslist time a, .mod_eventlist .more a, .mod_eventlist time a, .mod_newsachive .more a, .mod_newsachive time a { padding: 0.2rem 1rem; text-decoration: none; display: block; } .mod_newslist .more a:hover, .mod_newslist .more a:focus, .mod_newslist .more a:active, .mod_newslist time a:hover, .mod_newslist time a:focus, .mod_newslist time a:active, .mod_eventlist .more a:hover, .mod_eventlist .more a:focus, .mod_eventlist .more a:active, .mod_eventlist time a:hover, .mod_eventlist time a:focus, .mod_eventlist time a:active, .mod_newsachive .more a:hover, .mod_newsachive .more a:focus, .mod_newsachive .more a:active, .mod_newsachive time a:hover, .mod_newsachive time a:focus, .mod_newsachive time a:active { cursor: pointer; } .mod_newslist .layout_teaser, .mod_eventlist .layout_teaser, .mod_newsachive .layout_teaser { margin-bottom: 5rem; } .info { font-size: 1.4rem; } .back { display: inline-block; } .back a, .back a:link, .back a:visited { text-decoration: none; display: block; padding: 0.5rem 0.8rem; } /* Archive */ #right .mod_newsmenu { margin-bottom: 4rem; } .mod_newsmenu ul { list-style: none; } .mod_newsmenu ul.level_1 li a { display: block; font-weight: 600; } .mod_newsmenu ul.level_1 li a, .mod_newsmenu ul.level_1 li a:link, .mod_newsmenu ul.level_1 li a:visited { text-decoration: none; } .mod_newsmenu ul.level_1 li a:hover, .mod_newsmenu ul.level_1 li a:focus, .mod_newsmenu ul.level_1 li a:active, .mod_newsmenu ul.level_1 li a:link:hover, .mod_newsmenu ul.level_1 li a:link:focus, .mod_newsmenu ul.level_1 li a:link:active, .mod_newsmenu ul.level_1 li a:visited:hover, .mod_newsmenu ul.level_1 li a:visited:focus, .mod_newsmenu ul.level_1 li a:visited:active { color: "_#$col2a_"; } .mod_newsmenu ul.level_1 li .active { font-weight: 600; } .mod_newsmenu ul.level_2 li { padding-left: 2rem; } .mod_newsmenu ul.level_2 li a, .mod_newsmenu ul.level_2 li a:link, .mod_newsmenu ul.level_2 li a:visited { text-decoration: none; display: block; font-weight: 300; } .mod_newsmenu ul.level_2 li .active { font-weight: 300; } /* Form */ .ce_comments { margin-top: 2rem; } .ce_form .widget, .ce_comments .widget { margin-bottom: 2rem; padding: 0 3px; } .ce_form label, .ce_form input, .ce_form textarea, .ce_form .formbody > span, .ce_form select, .ce_comments label, .ce_comments input, .ce_comments textarea, .ce_comments .formbody > span, .ce_comments select { display: block; box-sizing: border-box; width: 100%; font-weight: 300; } .ce_form input, .ce_form textarea, .ce_comments input, .ce_comments textarea { border-width: 0.1rem; border-style: solid; padding: 0.5rem; transition: box-shadow .3s, ease-out, background-color .3s ease-out; } .ce_form input:hover, .ce_form input:focus, .ce_form input:active, .ce_form textarea:hover, .ce_form textarea:focus, .ce_form textarea:active, .ce_comments input:hover, .ce_comments input:focus, .ce_comments input:active, .ce_comments textarea:hover, .ce_comments textarea:focus, .ce_comments textarea:active { outline: none; } .ce_form label, .ce_comments label { margin-bottom: 0.5rem; font-weight: 600; } .ce_form select, .ce_comments select { padding: 0.3rem; border-width: 0.1rem; border-style: solid; } .ce_form .checkbox_container, .ce_comments .checkbox_container { border: 0; } .ce_form .checkbox_container legend, .ce_comments .checkbox_container legend { font-weight: 600; } .ce_form .checkbox_container input, .ce_form .checkbox_container label, .ce_comments .checkbox_container input, .ce_comments .checkbox_container label { width: auto; display: inline-block; font-weight: 300 !important; } .ce_form .submit_container, .ce_comments .submit_container { display: inline-block; } .ce_form .submit_container input, .ce_comments .submit_container input { border: 0; -webkit-transition: background-color 0.3s ease-in; -moz-transition: background-color 0.3s ease-in; -o-transition: background-color 0.3s ease-in; transition: background-color 0.3s ease-in; } .ce_form .submit_container input:hover, .ce_form .submit_container input:focus, .ce_form .submit_container input:active, .ce_comments .submit_container input:hover, .ce_comments .submit_container input:focus, .ce_comments .submit_container input:active { cursor: pointer; } .ce_form p.error, .ce_comments p.error { font-size: 1.4rem; line-height: 1.6rem; } .ce_form fieldset, .ce_comments fieldset { border: none; } /* Events */ /* Calendar */ .mod_calendar { transition: all 0.3s ease-in; } .mod_calendar table { width: 100%; border-spacing: 0; } .mod_calendar thead { font-size: 1.4rem !important; } .mod_calendar thead th { text-align: center; } .mod_calendar thead th a, .mod_calendar thead th a:link, .mod_calendar thead th a:visited { display: block; text-decoration: none; } .mod_calendar td { height: 10rem; text-align: center; padding: 0; vertical-align: top; width: 14%; border-right-width: .1rem; border-right-style: solid; border-right-color: #cecece; border-bottom-width: .1rem; border-bottom-style: solid; border-bottom-color: #cecece; } .mod_calendar td div { display: block; box-sizing: border-box; height: auto; } .mod_calendar td div.header { height: auto; line-height: 2.5rem; } .mod_calendar td div a { padding: 0 0.3rem; height: auto; box-sizing: border-box; font-size: 1.6rem; line-height: 2.5rem; } .mod_calendar td div a, .mod_calendar td div a:link, .mod_calendar td div a:visited { display: block; text-decoration: none; } .sidebar .mod_calendar { transition: all 0.3s ease-in; } .sidebar .mod_calendar table thead th { font-size: 1.4rem; } .sidebar .mod_calendar table thead th a, .sidebar .mod_calendar table thead th a:link, .sidebar .mod_calendar table thead th a:visited { display: block; text-decoration: none; } .sidebar .mod_calendar table td { font-size: 1.2rem; text-align: center; padding: 0; height: auto; border: 0; vertical-align: middle; } .sidebar .mod_calendar table td a { padding: 0.5rem; } .sidebar .mod_calendar table td a, .sidebar .mod_calendar table td a:link, .sidebar .mod_calendar table td a:visited { display: block; text-decoration: none; } .mod_eventlist h1 { margin-left: 0; margin-bottom: 2rem; } .mod_eventlist .date, .mod_eventlist .day, .mod_eventlist .info, .mod_eventlist .recurring { font-size: 1.4rem; } .mod_eventlist .empty { margin-bottom: 1rem; } .mod_eventlist .layout_teaser { margin-bottom: 5rem; } .mod_eventlist .time { margin-left: 8rem; } .mod_eventreader .date, .mod_eventreader .day, .mod_eventreader .info, .mod_eventreader .recurring { font-size: 1.4rem; } .mod_eventreader .info { padding-right: 2rem; float: left; } /* Breadcrumb */ .mod_breadcrumb { overflow: hidden !important; width: 96rem; margin: 2rem auto 4rem; } .mod_breadcrumb ul { padding-left: 0 !important; } .mod_breadcrumb ul li { list-style: none; float: left; } .mod_breadcrumb ul li a { transition: all 0.3s ease-in; display: block; padding: 0.5rem; font-size: 1.4rem; line-height: 1.8rem; height: 2.8rem; box-sizing: border-box; margin-right: 2rem; padding-left: 2rem; position: relative; z-index: 10; } .mod_breadcrumb ul li a, .mod_breadcrumb ul li a:link, .mod_breadcrumb ul li a:visited { text-decoration: none; } .mod_breadcrumb ul li a:before { content: ""; border-top-width: 1.4rem; border-bottom-width: 1.4rem; border-left-width: 1.4rem; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; position: absolute; left: 0; top: 0; } .mod_breadcrumb ul li a:after { border-bottom-width: 1.4rem; border-left-width: 1.4rem; border-top-width: 1.4rem; border-bottom-style: solid; border-left-style: solid; border-top-style: solid; content: ""; position: absolute; right: -1.4rem; top: 0; transition: all 0.3s ease-in; } .mod_breadcrumb ul li a:hover:after, .mod_breadcrumb ul li a:focus:after, .mod_breadcrumb ul li a:active:after { border-bottom-width: 1.4rem; border-left-width: 1.4rem; border-top-width: 1.4rem; border-bottom-style: solid; border-left-style: solid; border-top-style: solid; } .mod_breadcrumb ul li.active, .mod_breadcrumb ul li.trial { display: block; padding: 0.5rem; font-size: 1.4rem; line-height: 1.8rem; height: 2.8rem; box-sizing: border-box; margin-right: 0; padding-left: 2rem; position: relative; z-index: 10; text-decoration: none; } .mod_breadcrumb ul li.active:before, .mod_breadcrumb ul li.trial:before { content: ""; border-bottom-width: 1.4rem; border-left-width: 1.4rem; border-top-width: 1.4rem; border-bottom-style: solid; border-left-style: solid; border-top-style: solid; position: absolute; left: 0; top: 0; } .mod_breadcrumb ul li.active:after, .mod_breadcrumb ul li.trial:after { border-bottom-width: 1.4rem; border-left-width: 1.4rem; border-top-width: 1.4rem; border-bottom-style: solid; border-left-style: solid; border-top-style: solid; content: ""; position: absolute; right: -1.4rem; top: 0; } /* Sitemap */ .mod_sitemap ul { list-style: none; } .mod_sitemap ul.level_1 { padding-left: 0 !important; } .mod_sitemap ul.level_1 li { padding: 0.2rem 0; border-bottom-style: solid; border-bottom-width: 0.1rem; margin-bottom: 1.5rem; } .mod_sitemap ul.level_1 li a { font-weight: 600; display: block; } .mod_sitemap ul.level_1 li a, .mod_sitemap ul.level_1 li a:link, .mod_sitemap ul.level_1 li a:visited { text-decoration: none; } .mod_sitemap ul.level_1 li.submenu { border-bottom: 0 none; } .mod_sitemap ul.level_2 { padding-left: 0 !important; margin-bottom: 0 !important; } .mod_sitemap ul.level_2 li { padding: 0.2rem 0 0.2rem 2rem; margin-bottom: 0; } .mod_sitemap ul.level_2 li a { font-weight: 300; } .mod_sitemap ul.level_2 li a, .mod_sitemap ul.level_2 li a:link, .mod_sitemap ul.level_2 li a:visited { text-decoration: none; } .mod_sitemap ul .level_3 { padding-left: -1rem !important; } .mod_sitemap ul .level_3 li { padding: 0.2rem 0 0.2rem 4rem; } .ce_download a, .ce_download a:link, .ce_download a:visited, .ce_downloads a, .ce_downloads a:link, .ce_downloads a:visited { text-decoration: none; } .ce_download ul, .ce_downloads ul { padding-left: 0 !important; } .ce_download ul li, .ce_downloads ul li { list-style: none; border-bottom-style: solid; border-bottom-width: 0.1rem; line-height: 1.2rem; padding: 0.5rem 0; } .ce_download ul li.download-element, .ce_downloads ul li.download-element { padding-left: 2.2rem; } .ce_download ul li img, .ce_downloads ul li img { float: left; margin-right: 0.5rem; } .ce_download ul li a:link, .ce_download ul li a:visited, .ce_downloads ul li a:link, .ce_downloads ul li a:visited { padding: 0; display: block; line-height: 2.2rem; } /* Search */ .mod_search { margin-right: 1rem; } .mod_search .widget-text, .mod_search .widget-submit { float: left; line-height: 1; } .mod_search input, .mod_search button { border: 0; font-weight: 300; font-size: 1.6rem; padding: 0.5rem; width: 20rem; height: 4rem; box-sizing: border-box; margin-bottom: 1rem; display: block; float: left; transition: all 0.3s ease-in; } .mod_search input.submit, .mod_search button.submit { border: 0; background-image: url("/files/theme_health-navigator/images/layout_images/icons/icon-search.png"); background-repeat: no-repeat; background-position: center center; text-indent: -99.9rem; width: 4rem; height: 4rem; } .mod_search input.submit:hover, .mod_search input.submit:focus, .mod_search input.submit:active, .mod_search button.submit:hover, .mod_search button.submit:focus, .mod_search button.submit:active { cursor: pointer; } .mod_search input button, .mod_search button button { transition: all 0.3s ease-in; } .mod_search input button:hover, .mod_search input button:focus, .mod_search input button:active, .mod_search button button:hover, .mod_search button button:focus, .mod_search button button:active { cursor: pointer; } .mod_search fieldset { border: 0; margin-bottom: 2rem; clear: both; } .mod_search fieldset input { width: auto; height: auto; margin: 0.5rem 1rem 0 0; } .mod_search fieldset span { margin-right: 2rem; } .mod_search fieldset span label { display: block; float: left; margin-right: 1rem; } .mod_search .relevance { font-size: 1.6rem; font-weight: 600; } .mod_search .highlight { font-weight: 600; } /* Header Elements */ header .right-elements { float: right; width: 55%; } header .right-elements .mod_search { float: right; } header .right-elements .mod_search form { float: right; } header .right-elements .mod_search input { margin-bottom: 0; } /* Social Buttons */ .social-wrapper { float: right; } .social-wrapper .social-content { float: left; margin-right: 1rem; } .social-wrapper .social-content a, .social-wrapper .social-content a:link, .social-wrapper .social-content a:visited { text-indent: -999.9rem; display: block; width: 4rem; height: 4rem; opacity: 1; transition: all 0.3s ease-in; } .social-wrapper .social-content a:hover, .social-wrapper .social-content a:focus, .social-wrapper .social-content a:active { opacity: 0.5; } .social-wrapper .social-content .social-fb { background-image: url("/files/theme_health-navigator/images/layout_images/icons/icon-social-facebook.png"); background-repeat: no-repeat; background-position: center center; } .social-wrapper .social-content .social-twitter { background-image: url("/files/theme_health-navigator/images/layout_images/icons/icon-social-twitter.png"); background-repeat: no-repeat; background-position: center center; } .social-wrapper .social-content .social-gplus { background-image: url("/files/theme_health-navigator/images/layout_images/icons/icon-social-gplus.png"); background-repeat: no-repeat; background-position: center center; } /* Login */ .mod_login { visibility: hidden; opacity: 0; float: right; position: absolute; z-index: 10; padding: 0.5rem; top: 6.5rem; right: 0; } .mod_login h6 { display: none; font-size: 2rem; text-transform: none; } .mod_login .formbody br { display: none; } .mod_login .formbody label { font-weight: 300; display: block; } .mod_login .formbody input { font-weight: 300; padding: 0.5rem; box-sizing: border-box; width: 100%; border-style: solid; border-width: 1px; } .mod_login .formbody .submit_container { clear: both; float: none; border: 0; margin-top: 1rem; } .mod_login .formbody .submit_container input { width: 100%; } .mod_login .error { font-size: 1.2rem; line-height: 1.4rem; width: 20rem; margin-bottom: 0; } .login-container { position: relative; } .login-container .submit_container { float: right; } .login-container .submit_container .submit { font-weight: 300; border: 0; padding: 0.5rem 1rem; box-sizing: border-box; height: 4rem; line-height: 3rem; display: block; text-decoration: none; transition: all 0.3s ease-in; } .login-container .submit_container .submit:hover, .login-container .submit_container .submit:focus, .login-container .submit_container .submit:active { cursor: pointer; } .login-container .login-close { visibility: hidden; opacity: 0; position: absolute; top: 4.3rem; right: 1rem; z-index: 15; text-decoration: none; font-weight: 600; font-size: 1.4rem; } .widget-submit button { width: 100%; font-size: 99%; } .widget-submit button.submit { font-weight: 300; border: 0; padding: 0.5rem 1rem; box-sizing: border-box; height: 4rem; line-height: 3rem; display: block; text-decoration: none; transition: all 0.3s ease-in; } .widget-submit button.submit:hover, .widget-submit button.submit:focus, .widget-submit button.submit:active { cursor: pointer; } #top:target .mod_login { visibility: visible; opacity: 1; -o-transition: all 1s ease-in-out 0s; -webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; } #top:target .login-close { visibility: visible; opacity: 1; } input.mobile-check { display: none; opacity: 0; } .show-mobile { display: none; overflow: hidden; } .show-mobile .login-container .submit_container .submit { text-align: right; font-size: 1.8rem; } .show-mobile .mod_search { margin: 2rem 0 0 0; height: 4rem; } .show-mobile .mod_search input.text, .show-mobile .mod_search .widget-text { width: 88%; } .show-mobile .mod_search .submit, .show-mobile .mod_search .widget-submit { width: 12%; } .show-mobile .mod_search .widget-submit, .show-mobile .mod_search .widget-text { width: 100%; } .show-mobile .social-wrapper { margin: 2rem 0 0 2rem; overflow: hidden; } /* j_colorbox */ #cboxLoadedContent { border-style: solid; border-width: 0.1rem; -webkit-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); -o-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); } #colorbox, #cboxOverlay, #cboxWrapper { overflow: visible; } #cboxCurrent, #cboxTitle { font-size: 1.4rem; font-weight: 600; top: -2.8rem; } #cboxClose { background-image: url("/files/theme_health-navigator/images/layout_images/icons/sprite-icons-colorbox.png"); background-repeat: no-repeat; background-position: -7.1rem 0; width: 3.7rem; height: 4rem; right: 0.1rem; top: 0.1rem; } #cboxClose:hover, #cboxClose:focus, #cboxClose:active { background-image: url("/files/theme_health-navigator/images/layout_images/icons/sprite-icons-colorbox.png"); background-position: -7.1rem -4rem; } #cboxNext { background-image: url("/files/theme_health-navigator/images/layout_images/icons/sprite-icons-colorbox.png"); background-repeat: no-repeat; background-position: -3.6rem 0; width: 3.6rem; height: 6.1rem; right: -0.1rem; } #cboxNext:hover, #cboxNext:focus, #cboxNext:active { background-image: url("/files/theme_health-navigator/images/layout_images/icons/sprite-icons-colorbox.png"); background-position: -3.6rem -6.1rem; } #cboxPrevious { background-image: url("/files/theme_health-navigator/images/layout_images/icons/sprite-icons-colorbox.png"); background-repeat: no-repeat; background-position: 0 0; width: 3.6rem; height: 6.1rem; left: 0; } #cboxPrevious:hover, #cboxPrevious:focus, #cboxPrevious:active { background-image: url("/files/theme_health-navigator/images/layout_images/icons/sprite-icons-colorbox.png"); background-position: 0 -6.1rem; } /* Grids */ .grid1, .grid2, .grid3, .grid4 { float: left; display: inline-block; box-sizing: border-box; } .grid1:after, .grid2:after, .grid3:after, .grid4:after { content: "."; clear: both; display: block; visibility: hidden; height: 0; } .grid1 { width: 22rem; margin: 0 1rem; } .grid1 img { display: block; margin: 0 auto; } .grid2 { width: 46rem; margin: 0 1rem; } .grid3 { width: 70rem; margin: 0 1rem; } /* Author : CTS Media GmbH Copyright : CTS Media GmbH */ body.sidebar #main:after, .ce_text:after, .innerwrapper:after, .mod_breadcrumb:after, .mod_search fieldset span label:last-child:after, #wrapper .ce_gallery ul:after { content: ""; clear: both; visibility: hidden; } /* Browser */ .ie8 .logo, .ie8 .right-elements { top: 0; margin-top: 2rem; } .safari { font-weight: 400; } .safari * { font-weight: 400 !important; } /* Author : CTS Media GmbH Copyright : CTS Media GmbH */ body.sidebar #main:after, .ce_text:after, .innerwrapper:after, .mod_breadcrumb:after, .mod_search fieldset span label:last-child:after, #wrapper .ce_gallery ul:after { content: ""; clear: both; visibility: hidden; } /* Table */ table { width: 100%; margin-bottom: 2rem; } table th { font-size: 2rem; padding: 0.5rem; font-weight: 600; text-align: left; } table td { padding: 0.5rem; font-size: 1.6rem; } table tfoot td { padding: 0.5rem; font-size: 1.6rem; font-size: 2rem; padding: 0.5rem; font-weight: 600; text-align: left; } /* Teaser Home */ .teaser p:last-child a { display: block; padding: 0.5rem 0; transition: all .3s ease-in; } .teaser p:last-child a, .teaser p:last-child a:link, .teaser p:last-child a:visited { text-decoration: none; } /* Speical Elements */ .pdf_link, .syndication { margin: 2rem 0; } /* Accordion */ .toggler { transition: all .3s ease-in; display: block; font-size: 1.8rem; font-weight: 600; padding: 1rem 0 1rem 2rem; } .toggler:hover, .toggler:focus, .toggler:active, .toggler.ui-state-active { cursor: pointer; } .accordion > div { padding: 1rem 0 2rem 2rem; } .icon-faq .toggler:before { transition: all .3s ease-in; content: "?"; display: inline-block; float: left; font-size: 2.6rem; font-weight: 300; margin-right: 1.5rem; } .icon-faq .toggler:hover:before, .icon-faq .toggler:focus:before, .icon-faq .toggler:active:before, .icon-faq .toggler.ui-state-active:before { transition: all .3s ease-in; } .icon-faq .toggler.ui-state-active:before { transition: all .3s ease-in; content: "!"; } /* Text with Image */ #wrapper .image_container { line-height: 0; border-width: 1rem; border-style: solid; -moz-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3); -o-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3); box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3); display: inline-block; margin: 0.3rem; } #wrapper .image_container.float_left { margin: 0 2rem 2rem 0.3rem; } #wrapper .image_container.float_right { margin: 0 0.3rem 2rem 2rem; } #wrapper .image_container.float_above { margin: 0 0.3rem 2rem 0.3rem; } #wrapper .image_container a, #wrapper .image_container a:link, #wrapper .image_container a:visited { display: block; } /* Gallery */ #wrapper .ce_gallery { overflow: visible; } #wrapper .ce_gallery ul { padding: 0 !important; overflow: visible; clear: both; display: block; } #wrapper .ce_gallery ul li { margin: 0 2rem 2rem 0; } #wrapper .ce_gallery ul li figure { line-height: 0; opacity: 1; transition: opacity .3s ease-in; } #wrapper .ce_gallery ul li figure:hover, #wrapper .ce_gallery ul li figure:focus, #wrapper .ce_gallery ul li figure:active { opacity: 0.5; } #wrapper .ce_gallery .pagination { overflow: visible; } /* Content Slider */ #wrapper .ce_sliderStart { overflow: hidden; } #wrapper .ce_sliderStart .slider-control { display: block; clear: both; height: 4rem; } #wrapper .ce_sliderStart .slider-control a, #wrapper .ce_sliderStart .slider-control a:link, #wrapper .ce_sliderStart .slider-control a:visited { text-decoration: none; background-color: "_#$col1a_"; padding: 0.2rem 0.5rem; color: "_#$col99_"; } #wrapper .ce_sliderStart .slider-control a:hover, #wrapper .ce_sliderStart .slider-control a:focus, #wrapper .ce_sliderStart .slider-control a:active { background-color: "_#$col2a_"; } #wrapper .ce_sliderStart .image_container { margin: 0.5rem; } /* FAQ */ .mod_faqlist { transition: all 0.3s ease-in; } .mod_faqlist ul { padding-left: 0 !important; } .mod_faqlist ul li { list-style: none; padding-left: 0; border-bottom-width: 0.1rem; border-bottom-style: solid; line-height: 3rem; } .mod_faqlist ul li:before { content: "?"; display: inline-block; width: 4rem; height: 4rem; line-height: 4rem; text-align: center; font-size: 2.6rem; margin-right: 1.5rem; float: left; } .mod_faqlist ul li a, .mod_faqlist ul li a:link, .mod_faqlist ul li a:visited { text-decoration: none; display: block; padding: 0.5rem 0; } /* Author : CTS Media GmbH Copyright : CTS Media GmbH */ body.sidebar #main:after, .ce_text:after, .innerwrapper:after, .mod_breadcrumb:after, .mod_search fieldset span label:last-child:after, #wrapper .ce_gallery ul:after { content: ""; clear: both; visibility: hidden; } /* BREAKPOINTS */ @media (min-width: 1px) and (max-width: 1023px) { body { font-size: 2rem; line-height: 3rem; } body.sidebar #main { width: 100%; padding-right: 0; margin-bottom: 7rem; } body.sidebar #right { width: 100%; padding-left: 0; margin-top: 3rem; float: none; overflow: auto; } h1 { font-size: 3.6rem; line-height: 4.2rem; } h2 { font-size: 2.8rem; line-height: 3.2rem; } h3 { font-size: 2.6rem; line-height: 3rem; } h4 { font-size: 2.4rem; line-height: 2.8rem; } h5 { font-size: 2.2rem; line-height: 2.6rem; } h6 { font-size: 2rem; line-height: 2.4rem; text-transform: uppercase; } iframe { width: 100%; } .image_container.float_right, .image_container.float_left { float: none !important; margin: 0 2rem 2rem 0 !important; } .ce_sliderStart .image_container.float_right, .ce_sliderStart .image_container.float_left { float: none !important; margin: 0.5rem !important; } .right-elements { display: none; } .innerwrapper, #wrapper { width: 95%; } .innerwrapper { height: 6rem; } .show-mobile { display: none; } .show-mobile > * { float: none; } .mod_login { visibility: visible; opacity: 1; } /* Logo */ .logo h1 { max-width: 60%; -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .nav-wrapper { position: fixed; right: 0; top: 0; width: 25rem; height: 100%; box-sizing: border-box; opacity: 0; -moz-transform: translate3D(25rem, 0, 0); -webkit-transform: translate3D(25rem, 0, 0); transform: translate3D(25rem, 0, 0); -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; z-index: -1; overflow-y: scroll; } .nav_main { height: auto; box-sizing: border-box; opacity: 1; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; z-index: -1; margin-top: 6rem; } .nav_main .submenu.open > ul { display: none; opacity: 1; -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } .nav_main .level_1, .nav_main .level_2, .nav_main .level_3 { width: 100%; } .nav_main .level_1 li, .nav_main .level_2 li, .nav_main .level_3 li { display: block; float: none; } .nav_main .level_1 li a, .nav_main .level_1 li a:link, .nav_main .level_1 li a:visited, .nav_main .level_2 li a, .nav_main .level_2 li a:link, .nav_main .level_2 li a:visited, .nav_main .level_3 li a, .nav_main .level_3 li a:link, .nav_main .level_3 li a:visited { text-align: right; line-height: 4rem; } .nav_main .level_1 li .active, .nav_main .level_2 li .active, .nav_main .level_3 li .active { text-align: right; line-height: 4rem; } .nav_main .level_1 li:hover .level_2, .nav_main .level_1 li:hover .level_3, .nav_main .level_1 li:focus .level_2, .nav_main .level_1 li:focus .level_3, .nav_main .level_1 li:active .level_2, .nav_main .level_1 li:active .level_3, .nav_main .level_2 li:hover .level_2, .nav_main .level_2 li:hover .level_3, .nav_main .level_2 li:focus .level_2, .nav_main .level_2 li:focus .level_3, .nav_main .level_2 li:active .level_2, .nav_main .level_2 li:active .level_3, .nav_main .level_3 li:hover .level_2, .nav_main .level_3 li:hover .level_3, .nav_main .level_3 li:focus .level_2, .nav_main .level_3 li:focus .level_3, .nav_main .level_3 li:active .level_2, .nav_main .level_3 li:active .level_3 { width: auto; text-align: right; opacity: 1; } .nav_main .level_1 li span.active, .nav_main .level_1 li a.trail, .nav_main .level_1 li span.trail, .nav_main .level_2 li span.active, .nav_main .level_2 li a.trail, .nav_main .level_2 li span.trail, .nav_main .level_3 li span.active, .nav_main .level_3 li a.trail, .nav_main .level_3 li span.trail { line-height: 4rem; } .nav_main li .submenu-toggle, .nav_main ul.level_1 > li .submenu-toggle { content: "+"; cursor: pointer; display: block; position: absolute; left: 0; top: 0; width: 4rem; box-sizing: border-box; font-size: 3.5rem; line-height: 4rem; text-align: center; font-weight: 300; font-style: normal; -webkit-transition: -webkit-transform 0.5s, border 0s 1s; -moz-transition: -moz-transform 0.5s, border 0s 1s; transition: transform 0.5s, border 0s 1s; } .nav_main li .submenu-toggle:before, .nav_main ul.level_1 > li .submenu-toggle:before { content: "+"; } .nav_main li.open > .submenu .submenu-toggle { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; transition: transform 0.5s; } .nav_main .level_2, .nav_main .level_3 { position: relative; display: none; top: 0; } .nav_main .level_2 li, .nav_main .level_3 li { float: none; } .nav_main .level_2 li span.active, .nav_main .level_2 li .active, .nav_main .level_2 li .trail, .nav_main .level_3 li span.active, .nav_main .level_3 li .active, .nav_main .level_3 li .trail { line-height: 4rem !important; padding: 0 1.5rem; } .nav_main .level_2 li a, .nav_main .level_2 li a:link, .nav_main .level_2 li a:visited, .nav_main .level_3 li a, .nav_main .level_3 li a:link, .nav_main .level_3 li a:visited { line-height: 4rem !important; padding: 0 1.5rem; } .nav_main .level_3 { left: auto; } .login-container .submit_container { float: none; display: none; } .login-container .mod_login { position: static; width: 100%; box-sizing: border-box; background: none; visibility: visible; float: none; border-top: 1px solid #e4e4e4; } .login-container .mod_login h6 { display: block; } .login-container .mod_login .formbody input { float: none; } .login-container .mod_login .formbody .submit_container { display: block; } .login-container .mod_login .formbody .submit_container .submit { text-align: left; } .login-container .login-close { display: none; } .button-nav-mobile { display: block; width: 25rem; height: 6rem; background: url(/files/theme_health-navigator/images/layout_images/icons/icon-nav.png) 90% 50% no-repeat; background-size: 3rem 2.4rem; position: absolute; right: 0; top: 0; z-index: 99; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; transition: background-color 0.5s; } .button-nav-mobile:hover, .button-nav-mobile:focus, .button-nav-mobile:active { cursor: pointer; background: url(/files/theme_health-navigator/images/layout_images/icons/icon-nav.png) 90% 50% no-repeat; background-size: 3rem 2.4rem; } .outer-wrapper { position: relative; } .inner-wrapper { position: relative; right: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } input:checked ~ .outer-wrapper { position: fixed; } input:checked ~ .outer-wrapper .inner-wrapper { right: 25rem; } input:checked ~ .outer-wrapper .nav-wrapper { display: block; opacity: 1; z-index: 80; -moz-transform: translate3D(0, 0, 0); -webkit-transform: translate3D(0, 0, 0); transform: translate3D(0, 0, 0); } input:checked ~ .outer-wrapper .show-mobile { display: block; opacity: 1; z-index: 80; margin-bottom: 5rem; } input:checked + .button-nav-mobile { background-image: url(/files/theme_health-navigator/images/layout_images/icons/nav-close.png); background-position: 90% 50%; background-repeat: no-repeat; background-size: 2rem 2rem; position: fixed; /*&:before{ content: "close"; display: block; position: absolute; left: -4rem; position: fixed; }*/ } header .innerwrapper { width: 100%; padding: 0 1rem; box-sizing: border-box; } .headerimage { height: 20rem; } .headerimage .ce_gallery li { height: 20rem; } /* Breadcrumb */ .mod_breadcrumb { width: 100%; margin: 0 auto 4rem; padding: 0 1rem; box-sizing: border-box; } .mod_breadcrumb ul li { margin-top: 2rem; } /* News */ .mod_newslist h1, .mod_newslist h2, .mod_newslist h3, .mod_newslist .teaser { margin-left: 0; } .calendar-icon { width: 4rem; text-align: center; float: left; font-size: 1.2rem; margin-right: 1rem; } .calendar-icon.detail { margin-top: 0; } .calendar-icon .calendar-icon-day { padding: 0 0.2rem; margin-bottom: 0.2rem; line-height: 2.2rem; } .calendar-icon .calendar-icon-month { padding: 0.4rem; } .mod_newslist .more, .mod_eventlist .more { margin: 0; } /* Search */ .mod_search { margin-right: 0; } .mod_search input { width: 80%; } .mod_search fieldset { border: 0; margin-bottom: 2rem; clear: both; } .mod_search fieldset input { width: auto; height: auto; margin: 0.5rem 1rem 0 0; } .mod_search fieldset span { margin-right: 0; display: inline-block; } .mod_search fieldset span label { display: block; float: left; margin-right: 1rem; } .mod_search fieldset span label:last-child:after { content: "."; clear: both; visibility: hidden; } .mod_search .relevance { font-size: 1.6rem; font-weight: 600; } .mod_search .highlight { font-weight: 600; } .grid1 { min-width: 22rem; width: 47%; margin: 0 1.5%; } .grid2 { width: 47%; margin: 0 1.5%; } .grid3 { width: 100%; margin: 0 0 3rem 0; } /* Footer */ footer .inside { width: 95%; } footer .inside .nav_meta ul { margin-right: 1rem; } footer .copyright { margin-left: 1.5%; } } @media (min-width: 1px) and (max-width: 687px) { table th { font-size: 1rem; padding: 0.1rem; font-weight: 400; } table td { padding: 0.3rem; font-size: 1rem; } table tfoot td { padding: 0.1rem; font-size: 1rem; } .grid1, .grid2, .copyright { width: 100%; margin: 0 auto 3rem 0; padding: 0 1rem; } .logo { float: left; } .logo h1, .logo div { max-width: 85%;margin-top:30px; -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); padding: 0; line-height: 0; } .logo h1 a, .logo div a { display: block; } .logo h1 img, .logo div img { height: auto; /*max-height: 70px; max-width: 100%;*/ } .logo .image_container { max-width: 85%; } .logo .image_container a { display: block; } .logo .image_container img { height: auto; max-height: 80px; max-width: 100%; width: auto; vertical-align: bottom; } } /*# sourceMappingURL=styles.css.map */ /* Mare Multimedia CSS Settings */ header#header{ background: #555987; } .headerimage { z-index:0; } header#header nav.mod_navigation { background: #0F0C05; } header#header nav.mod_navigation>ul>li { border-right:1px solid #fff; } header#header nav.mod_navigation>ul>li.last { border-right:none; } header#header div.inside div.nav-wrapper{ border-top: 1px solid #fff; } nav.mod_navigation a{ color: #fff !important; } nav.mod_navigation a:hover{ color: #9396ae !important; } .nav_main .level_1 li span.active, .nav_main .level_1 li a.trail, .nav_main .level_1 li span.trail{ background: #555987; } div.mod_breadcrumb { display: none; } @font-face { font-family: dejavu; src: url("/files/theme_health-navigator/ttf/DejaVuSerif.ttf"); } .logo div a{ text-decoration:none; } /*.logo div a:before{ content:"ยง"; color: #AAACC3; font-family: dejavu; font-size:2.6em; }*/ /*.logo div a:after{ content:"RA-Litwinksi"; color:#FFFFFF; font-family: dejavu; font-size:1.8em; vertical-align:top; }*/ .logo div a img{ /*display:none;*/ } .logo div a{ /*width:300px;*/ } footer#footer nav.mod_navigation a{ color:#000 !important; } #wrapper{ padding:30px 0; } table td {background-color: #cccccc !important;} @media (min-width: 1px) and (max-width: 1023px){ input:checked ~ .outer-wrapper { position: relative; } } @media (min-width: 1px) and (max-width: 1023px) { .nav_main .level_2 { background-color: #222222; } .sidebar div.outer-wrapper div.inner-wrapper header#header div.inside div.nav-wrapper nav.mod_navigation.nav_main.block ul.level_1 li.submenu.trail.last.open ul.level_2 li.sibling a.sibling { word-break: break-all!important; } }