/* * Print * */ .headerBoxPrint {position: relative; color: #000000; background: transparent; margin: 10px 10px 0px 10px; border: none; padding: 0px 0px 0px 0px; height: auto; white-space: nowrap; z-index:1; overflow:visible;} .ContentBoxPrint {position: relative; color: #000000; width: auto; height: auto; margin: 0px 10px 0px 10px; border: none; padding: 30px 0px 0px 0px; border-top: 1px #aaaaaa solid; overflow:visible;} .FooterBoxPrint {position: relative; color: #000000; width: auto; height: auto; margin: 20px 10px 0px 10px; border: none; padding: 3px 0px 0px 0px; border-top: 1px #999999 solid; clear:both;} .ContentBoxPrint .ContentBoxMiddle, .ContentBoxPrint .ContentBoxRight {position: relative; color: #000000; background: #ffffff; width: auto; height: auto; float: none; text-align: left !important; padding: 0px; margin: 0px; } .ContentBoxPrint .printbtn, .ContentBoxPrint .socialbar {display: none !important;} .ContentBoxPrint h1, .ContentBoxPrint h2, .ContentBoxPrint h3, .ContentBoxPrint h4, .ContentBoxPrint h5, .ContentBoxPrint h6 {color: #000000 !important; text-align: left !important; border: none; padding: 0px; margin: 0px 0px 15px 0px; text-shadow: none; } .headerBoxPrint .tileblock, .ContentBoxPrint .tileblock, .FooterBoxPrint .tileblock, .headerBoxPrint .info, .ContentBoxPrint .info, .FooterBoxPrint .info, .headerBoxPrint a, .ContentBoxPrint a, .FooterBoxPrint a {color: #000000 !important; text-align: left !important; border: none; padding: 0px; margin: 0px; } @media only screen and (max-width: 1240px) { .BackgroundImage-Content .Slidearrow {background: transparent; top: auto; bottom: 5px; } .leftarrow {left: 0px; } .rightarrow {right: 0px; } } /* Website width */ @media only screen and (max-width: 1140px) { /* Header */ .DateBox {font-size: 80%; } .headerBoxLogo {left: 15px; } #ContentBoxTop {padding: 50px 0px 0px 0px !important; } #ContentBoxTopInner {padding: 0px 20px !important;} .toolbar {right: 15px; } .scroll-wrapper {} .scroll-wrapper::-webkit-scrollbar {display: block; } #mainnav {right: 5px; font-size: 90%; } ul.makeMenu li ul {font-size: 90%; } .page-title, .textblock .NewsBox, .textblock, .leftcolumn {padding: 0px 15px !important; } .rightcolumn {padding: 0px 0px !important; } .textblock_separator_light, .parallax-slide, .textblock_separator_light, .textblock_separator_dark {padding: 0px 0px !important; } .socialbarCont {width: 96%; margin: 0px 0px 0px 15px; } .ContentContainerStart {padding: 0px 15px !important; } .ContentTextBoxLeft, .ContentTBBoxLeft {margin: 0px 0px 0px 0px !important; } .ContentTextBoxRight, .ContentTBBoxRight {margin: 0px 10px 0px 0px !important; } .leftcol, .rightcol {width: 46%; } #ListCont_134 {width: 90%; } .ListContWrapper .listblock, .slide-sub .listblock {width: 140px; margin: 0px 20px; } a.event-more-btn {font-size: 110%; } footer {} .FooterBoxInner {padding: 0px 15px; } } /* Tablets */ @media only screen and (max-width: 980px) { .show-mobile-0, a.extrabutton-down, .quickfinder-title, .read-more-show {display: none !important; } #ContentBoxTop, #start #ContentBoxTop, #pageBody:not(.pageBody-slideshow) #ContentBoxTop, .ContentBoxTop-fixed {height: 40px !important; background: #f8f6f4 !important; box-shadow: 0px 0px 10px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.25); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.25); } .headerBoxLogo, #start .headerBoxLogo, .ContentBoxTop-fixed .headerBoxLogo {height: 34px !important; bottom: 5px !important; } #ContentBoxTop .headerBoxLogo a, .ContentBoxTop-fixed .headerBoxLogo a {background: transparent url(../img/_layout/logo_gray.png) no-repeat left top !important; background-size: auto 100% !important; } #ContentBoxTop .headerBoxLogo img, .ContentBoxTop-fixed .headerBoxLogo img {visibility: hidden !important; } #start .toolbar, .ContentBoxTop-fixed .toolbar, .toolbar {top: 10px !important; right: 60px; } main {padding: 70px 0px; } .pageBody-slideshow main {padding: 30px 0px !important; } #start main {padding: 0px 0px !important; } .BackgroundImage, #start .BackgroundImage-Header {height: auto !important; margin-top: 50px; } #main_info .BackgroundImage {height: auto !important; } .textblock .BackgroundImage {height: 380px; margin-top: 0px; } .BackgroundImageLabel {font-size: 100%; } .tile_slide video, .tile_slide img {left: 0px; top: 0px; transform: none; width: 100%; height: auto; max-width: none; min-width: none; min-height: auto; } .BackgroundImage-Header .Slidearrow {top: 250px; } .BackgroundImage-Content .Slidearrow {background: rgba(160,160,160,0.8); bottom: -25px; } .pageBody-slideshow main {padding: 15px 0px; } .ContentContainerTop, .ContentContainerStart {padding-top: 85px; } .ContentBoxMiddle {width: 100% !important; float: none !important; } .ContentBoxRight {width: 100% !important; float: none !important; font-size: 110%; margin: 30px 0px 0px 0px; } .listblock {font-size: 80%;} a.SubMenuSlider {top: 47%; } a.SubMenuSlider-left {left: 0px; } a.SubMenuSlider-right {right: 0px;} .scroll-wrapper, .parallax-slide .textblock-inner, .textblock_separator_light .textblock-inner, .textblock_separator_dark .textblock-inner {min-height: auto; } .minimized {display: none !important; } #main_single #mainnav, #mainnav {position: fixed; top: 0px; bottom: 0px; left: auto !important; right: 0px !important; border: none; width: 100%; height: 100%; margin: 0px !important; background: transparent !important; text-align: right; overflow: visible; z-index: 3; box-shadow: 0px 0px 10px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.25); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.25); } a.main-nav-toggle {display: block !important; } a.main-nav-toggle span {display: none !important; } .mainnav-closed {height: 50px !important; width: auto !important; } ul.makeMenu a img, a.close-btn {display: none !important; } .mainnav-closed a.close-btn {display: none !important; } ul.makeMenu {box-sizing: border-box; position: absolute; background: #f8f6f4 !important; top: 50px; right: 0px; left: auto; height: 100% !important; width: 100% !important; overflow: hidden; overflow-y: auto; padding: 20px 0px 0px 0px; margin: 0px auto 0px; } #main_single #mainnav > ul > li, ul.makeMenu li ul .lifirst, ul.makeMenu li {width: 100% !important; display: block !important; padding: 0px !important; border: none !important; } ul.makeMenu li ul {position: relative; top: auto; left: auto; width: 100%; background: rgba(255,255,255,1.0); border: none !important; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } ul.makeMenu > li.hassubs:hover > ul, ul.makeMenu > li.hassubs:focus > ul, ul.makeMenu > li:hover > ul {display: block !important; background-color: transparent !important; } ul.makeMenu li ul li ul {display: none !important;} #main_single #mainnav ul a, ul.makeMenu li a {box-sizing: border-box; border: none !important; font-weight: 200 !important; margin: 0px 0px 0px 0px !important; font-size: 100% !important; color: rgba(31, 34, 34, 0.5) !important; border-bottom: 1px solid rgba(31, 34, 34, 0.1) !important; text-align: left !important; height: auto !important; min-height: auto !important; padding: 15px 15px !important; } ul.makeMenu li a:hover {background-color: rgba(255,255,255,0.7) !important; color: rgba(31, 34, 34, 0.9) !important; } #main_single #mainnav ul li ul li a, ul.makeMenu li ul li a {margin: 0px 0px 0px 25px !important; color: rgba(31, 34, 34, 0.5) !important; font-size: 100% !important; border-bottom: 1px solid rgba(31, 34, 34, 0.1) !important; } ul.makeMenu li ul li a:hover {background-color: rgba(255,255,255,0.7) !important; color: rgba(31, 34, 34, 0.9) !important; } ul.makeMenu > li.hassubs > a {/*background-image: url(../img/_layout/arrow_line_right.png) !important; background-repeat: no-repeat !important; background-position: right 15px center !important; background-size: auto 50% !important; */} ul.makeMenu > li.hassubs > a::after {content: "\203A"; display: block; position: absolute; top: 0px; right: 15px; font-size: 260%; padding: 12px 15px; height: 100%; border-left: 1px solid rgba(31, 34, 34, 0.1); } .ListCont4Cols .ListContWrapper .listblock {width: 240px; font-size: 100%; padding: 0px 30px; } .event-list-cont-menu {width: 100%; padding: 5px 0px; } a.event-more-btn {display: block; font-size: 120%; } footer {font-size: 80%; margin: 20px 0px 0px 0px; padding: 20px 0px 60px; } .sociallinks a, footer img {width: 40px !important; height: auto !important; margin: 0px 5px 10px 0px; } .FooterBoxCol {width: 20%; } .FooterBoxCol-Double {width: 30%; } .FooterBoxCol-first {width: 10%; } .FooterBoxCol-last, .FooterBoxRight {width: 60%; } } /* phones */ @media only screen and (max-width: 640px) { main {font-size: 15px; line-height: 150%; } #ContentBoxTopInner {padding: 0px 5px;} #searchform input {width: 0px; } .SearchBox:hover #searchform input[type=text], #searchform input[type=text]:focus {width: 140px; } .listblock, .leftcol, .rightcol, .col1, .col1-2, .col2, .col3, .leftcolumn, .rightcolumn, .tile, .tile_square, .NewsBoxCont, .ContentTextBoxNormal, .ContentTBTextBoxNormal, .ContentTextBoxLeft, .ContentTBBoxLeft, .ContentTextBoxRight, .ContentTBBoxRight, .ContentImgBoxLeft, .ContentImgBoxRight, .ContentTBImgBoxLeft, .ContentTBImgBoxRight {display:block; float: none; width: 100% !important; margin: 0px 0px 10px 0px !important; } .listblock {font-size: 110%; width: 60% !important; padding: 0px !important; margin: 0px auto !important;} .tile, .tile_square, .tile a.imgbox, .tilelink-a, .tile-subhead {height: auto; min-height: none; background: transparent; } .tile_square p {display: none; } .parallax-slide .ContentTBBoxLeft, .parallax-slide .ContentTBImgBoxLeft {float: left !important; width: 48% !important; margin: 0px 2% 10px 0px !important; } .parallax-slide .ContentTBBoxRight, .parallax-slide .ContentTBImgBoxRight {float: right !important; width: 48% !important; margin: 0px 0px 10px 2% !important; } .parallax-slide .textblock-inner, .textblock_separator_light .textblock-inner, .textblock_separator_dark .textblock-inner {padding: 15px !important; } h1 {font-size: 240%; } h2 {font-size: 130%; margin: 10px auto; } h3 {font-size: 240%; } h4 {font-size: 140%; } #main_info h1 {font-size: 200%; } .newsimg {width: 35%; } .BackgroundImageLabel {font-size: 90%; width: 100%; } .BackgroundImage-Header .Slidearrow {top: 150px; } .ListSlider {display: none !important; } .ListCont, .ListContWrapper, .ListContInnerWrapper {width: 100% !important; height: auto !important; white-space: normal; } #ListCont_134 {width: 80% !important; height: auto !important; } .ListCont4Cols .ListContWrapper .listblock {display:inline-block !important; width: 48% !important; font-size: 120% !important; padding: 0px 30px !important; margin: 0px 0px 30px 0px !important; } div.input, div.input_error, div.input-message {max-width: 96%; } footer {border-top: 1px solid #aaaaaa; } .sociallinks {margin: 10px 0px 0px 0px; } .FooterBoxCol {width: auto; } .FooterBoxCol-first img, .FooterBoxCol-first {width: 90px !important; margin: 0px 5px 3px 0px !important; } .FooterBoxCol-Double, .FooterBoxCol-last, .FooterBoxRight {float: none; width: 100%; margin: 0px 0px 5px 0px; } .FooterSubLine span {margin-right: 20px; } } /* phones */ @media only screen and (max-width: 440px) { main {font-size: 14px; line-height: 140%; } div.input, div.input_error, div.input-message {max-width: 90%; } .BackgroundImage, #start .BackgroundImage-Header {height: 250px; } #main_info .BackgroundImage {height: 150px !important; } .textblock .BackgroundImage {height: 150px; } .BackgroundImage-Header .Slidearrow {top: 100px; } } /* phones */ @media only screen and (max-width: 400px) { .BackgroundImage, #start .BackgroundImage-Header {height: 200px; } #main_info .BackgroundImage {height: 150px !important; } .textblock .BackgroundImage {height: 150px; } .ListCont4Cols .ListContWrapper .listblock {width: 100% !important; font-size: 140% !important; } }