article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; } html { font-size: 62.5%; overflow-y: scroll; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; font-size: 13.5px; font-size: 1.35rem; line-height: 1.3; } body, button, input, select, textarea { font-family: Arial, 'Helvetica Neue', helvetica, sans-serif; color: #333333; } ::-moz-selection { background: #24a0d8; color: #ffffff; text-shadow: none; } ::selection { background: #24a0d8; color: #ffffff; text-shadow: none; } a:hover, a:active { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 10px 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #b9bbbd; margin: 10px 0; padding: 0; } ins { background: #24a0d8; color: #000000; text-decoration: none; } mark { background: #24a0d8; color: #000000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 13.5px; font-size: 1.35rem; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 10.8px; font-size: 1.08rem; } sub, sup { font-size: 10.125px; font-size: 1.0125rem; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -5px; } sub { bottom: -2.5px; } iframe { border: none; outline: none; padding: 0px; margin: 0px; } ul, ol { margin: 10px 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } legend { border: 0; *margin-left: -7px; padding: 0; } label { cursor: pointer; } button, input, select, textarea { font-size: 13.5px; font-size: 1.35rem; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; *overflow: visible; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } input:invalid, textarea:invalid { background-color: #f0dddd; } table { border-collapse: collapse; border-spacing: 0; } .ir { display: block; text-indent: -9990px; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } .ir br { display: none; } .hidden { display: none; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } a { color: #24a0d8; } a { color: #24a0d8; text-decoration: none; } a:hover { text-decoration: underline; } a:visited { color: #24a0d8; } a:focus { outline: thin dotted; } blockquote { font-size: 14px; font-size: 1.4rem; line-height: 20px; font-weight: bold; border-top: 2px solid #000000; background: url("/img/v/8.28.4/quotation-mark.png") 0 12px no-repeat transparent; color: #000000; float: left; padding: 8px 0 0 50px; margin: 10px 20px 10px 0; min-height: 60px; } blockquote p { padding: 0px; margin: 0px; font-size: 14px; font-size: 1.4rem; line-height: 20px; } body.lang-en #backToTop { background-image: url("/img/v/8.28.4/back-to-top-en.svg"); } body #backToTop { width: 50px; height: 50px; position: fixed; bottom: 10px; right: 10px; display: none; z-index: 11; background: url("/img/v/8.28.4/back-to-top.svg") 100% 100% no-repeat transparent; background-size: 50px 50px; text-indent: -10000px; opacity: 0.8; cursor: pointer; outline: none; } body #backToTop:hover { opacity: 1; } body .logImage { display: inline; margin: 0; padding: 0; border: 0; height: 0; width: 0; position: absolute; top: 0; left: -10000; cursor: pointer; outline: none; } form { padding: 0px; margin: 0px; } form input .submit { border-radius: 10px; color: #ffffff; background-color: #b0c92b; min-width: 60px; font-weight: bold; height: 25px; border: 0px; } form input .submit:hover { border-color: #8b9f22; background-color: #8b9f22; } form input .submit:active { border-color: #8b9f22; background-color: #8b9f22; } form input .submit:focus { border-color: #8b9f22; background-color: #8b9f22; box-shadow: 0 0 5px 5px #bee1f3; border-color: #b9bbbd; } form label input[type="text"] { display: block; } form label input[type="password"] { display: block; } form label textarea { display: block; } form fieldset { padding: 10px 0px 10px 0px; margin: 0px; } form input[type="text"] { border: 1px solid #b9bbbd; border-radius: 10px; box-shadow: inset 1px 1px 2px #b9bbbd; background-color: #ffffff; padding-left: 10px; margin: 5px 0px 5px 0px; width: 100%; height: 25px; line-height: 25px; } form input[type="text"]:hover { box-shadow: 0 0 5px 5px #e3e5e3; } form input[type="text"]:focus { box-shadow: 0 0 5px 5px #bee1f3; border-color: #b9bbbd; } form input[type="text"]:focused { box-shadow: 0 0 5px 5px #bee1f3; border-color: #b9bbbd; } form input[type="password"] { border: 1px solid #b9bbbd; border-radius: 10px; box-shadow: inset 1px 1px 2px #b9bbbd; background-color: #ffffff; padding-left: 10px; margin: 5px 0px 5px 0px; width: 100%; width: 50%; height: 25px; line-height: 25px; } form input[type="password"]:hover { box-shadow: 0 0 5px 5px #e3e5e3; } form input[type="password"]:focus { box-shadow: 0 0 5px 5px #bee1f3; border-color: #b9bbbd; } form input[type="password"]:focused { box-shadow: 0 0 5px 5px #bee1f3; border-color: #b9bbbd; } form input[type="checkbox"]:hover { box-shadow: 0 0 5px 5px #e3e5e3; } form input[type="radio"]:hover { box-shadow: 0 0 5px 5px #e3e5e3; } form input[type="button"] { border-radius: 10px; color: #ffffff; background-color: #24a0d8; min-width: 60px; font-weight: bold; height: 25px; border: 0px; } form input[type="button"]:hover { border-color: #1d80ac; background-color: #1d80ac; } form input[type="button"]:active { border-color: #1d80ac; background-color: #1d80ac; } form input[type="button"]:focus { border-color: #1d80ac; background-color: #1d80ac; box-shadow: 0 0 5px 5px #bee1f3; border-color: #b9bbbd; } form input[type="reset"] { border-radius: 10px; color: #ffffff; background-color: #e4363e; min-width: 60px; font-weight: bold; height: 25px; border: 0px; } form input[type="reset"]:hover { border-color: #cc1b23; background-color: #cc1b23; } form input[type="reset"]:active { border-color: #cc1b23; background-color: #cc1b23; } form input[type="reset"]:focus { border-color: #cc1b23; background-color: #cc1b23; box-shadow: 0 0 5px 5px #bee1f3; border-color: #b9bbbd; } form input[type="submit"] { border-radius: 10px; color: #ffffff; background-color: #cddc77; min-width: 60px; font-weight: bold; height: 25px; border: 0px; } form input[type="submit"]:hover { border-color: #bed24e; background-color: #bed24e; } form input[type="submit"]:active { border-color: #bed24e; background-color: #bed24e; } form input[type="submit"]:focus { border-color: #bed24e; background-color: #bed24e; box-shadow: 0 0 5px 5px #bee1f3; border-color: #b9bbbd; } form input[type="submit"] { border-radius: 10px; color: #ffffff; background-color: #b0c92b; min-width: 60px; font-weight: bold; height: 25px; border: 0px; } form input[type="submit"]:hover { border-color: #8b9f22; background-color: #8b9f22; } form input[type="submit"]:active { border-color: #8b9f22; background-color: #8b9f22; } form input[type="submit"]:focus { border-color: #8b9f22; background-color: #8b9f22; box-shadow: 0 0 5px 5px #bee1f3; border-color: #b9bbbd; } form textarea { border: 1px solid #b9bbbd; border-radius: 10px; box-shadow: inset 1px 1px 2px #b9bbbd; background-color: #ffffff; padding-left: 10px; margin: 5px 0px 5px 0px; width: 100%; height: 100px; padding: 10px; } form textarea:hover { box-shadow: 0 0 5px 5px #e3e5e3; } form textarea:focus { box-shadow: 0 0 5px 5px #bee1f3; border-color: #b9bbbd; } form textarea:focused { box-shadow: 0 0 5px 5px #bee1f3; border-color: #b9bbbd; } form textarea:hover { box-shadow: 0 0 5px 5px #e3e5e3; } form textarea:focus { box-shadow: 0 0 5px 5px #bee1f3; border-color: #b9bbbd; } form textarea:focused { box-shadow: 0 0 5px 5px #bee1f3; border-color: #b9bbbd; } form select { border-radius: 10px; box-shadow: inset 1px 1px 2px #b9bbbd; background-color: #ffffff; padding-left: 10px; margin: 5px 0px 5px 0px; box-shadow: 0; box-shadow: 0px 0px 0px 0px transparent; width: 100%; border: 1px solid #b9bbbd; border-radius: 10px 0 0 10px; padding: 2px 3px 3px 10px; border-color: #b9bbbd; height: 25px; line-height: 25px; } form select:hover { box-shadow: 0 0 5px 5px #e3e5e3; } form select:focus { box-shadow: 0 0 5px 5px #bee1f3; border-color: #b9bbbd; } form select:focused { box-shadow: 0 0 5px 5px #bee1f3; border-color: #b9bbbd; } form select option { padding: 5px; margin: 0px; background-color: #ffffff; } form select option:hover { background-color: #e3e5e3; } form select:hover { box-shadow: 0 0 5px 5px #e3e5e3; } form select:focus { box-shadow: 0 0 5px 5px #bee1f3; border-color: #b9bbbd; } form select:focused { box-shadow: 0 0 5px 5px #bee1f3; border-color: #b9bbbd; } form select[multiple] { height: inherit; padding: 10px; } form select[multiple] option { padding: 5px; margin: 0px; border: 1px solid transparent; border-radius: 5px; } form label { cursor: pointer; margin-top: 10px; display: block; } form .buttons { overflow: hidden; } form .buttons .noDataManipulation { float: left; width: 30%; } form .buttons .dataManipulation { float: right; width: 69%; } form .buttons .dataManipulation input { float: right; } form.large { padding: 10px; margin: 0px; background-color: #e9f5fb; } form.large input[type="text"] { padding: 0px 10px 0px 10px; width: 546px; width: calc(100% - 20px); } form.large input[type="password"] { padding: 0px 10px 0px 10px; line-height: 25px; } form.large textarea { padding: 0px 10px 0px 10px; width: 546px; width: calc(100% - 20px); } form.large select { width: 100%; } .personalized { display: none; } .geolocation { display: none; } .block.teaser.geolocation { display: none; } .block.html.geolocation { display: none; } .block.separator.geolocation { display: none; } .cssHacks.megaMenuListHeaderHeight { height: 8px; } html .liveEdit:hover { border: 0px dashed gray; cursor: pointer; background: url("/img/v/8.28.4/icon/edit.png") 0 0 no-repeat; } html .tlc-edit-button { position: absolute; top: 0px; left: 0px; width: 20px; height: 20px; z-index: 1000; background: #ffffff url("/img/v/8.28.4/icon/pencil.svg") 50% 50% no-repeat; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } html .tlc-edit-button:hover { border: 1px outset #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 1px 1px 2px #a6bba6; -webkit-box-shadow: 1px 1px 2px #a6bba6; box-shadow: 1px 1px 2px #a6bba6; background-color: #fff; background-image: url("/img/v/8.28.4/icon/pencil-hover.svg"); } html .tlc-active { outline: 2px dashed #F6DB5A; background-color: #fffff2; padding: 0; margin: 0p; } #tlc-on-off { position: fixed; top: 500px; left: 0px; width: 25px; height: 25px; background: transparent url("/img/v/8.28.4/icon/pencil-disabled.png") 5px 5px no-repeat; cursor: pointer; } #tlc-on-off .info { display: none; padding: 3px 3px 3px 30px; line-height: 25px; color: #111; width: 180px; height: 200px; background: transparent url("/img/v/8.28.4/live-editing-info.png") 10px 60px no-repeat; } #tlc-on-off:focus { background-color: #b9bbbd; } #tlc-on-off:hover { box-shadow: 5px 2px 2px #c9ccc9; width: 210px; height: 200px; background-color: #fff; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #tlc-on-off:hover .info { display: block; } #tlc-on-off:hover .info:after { content: "Click to enable the 'edit pen' on page elements"; } #tlc-on-off.enabled { background-image: url("/img/v/8.28.4/icon/pencil.png"); } #tlc-on-off.enabled:hover .info:after { content: "Click to stop the 'edit pen' from showing"; } .minimizedMenus { padding: 3px 0px; margin: 10px 0px 20px 0px; border-top: 1px dotted #b9bbbd; border-bottom: 1px dotted #b9bbbd; display: none; clear: both; height: 21px; } .minimizedMenus .buttons { overflow: hidden; } .minimizedMenus .buttons .button { line-height: 21px; height: 21px; display: inline-block; padding: 0; width: 100%; display: none; overflow: hidden; } .minimizedMenus .buttons .button.megaMenuButton { color: #111111; font-weight: normal; display: block; float: left; width: 100%; display: none; text-transform: uppercase; } .minimizedMenus .buttons .button.megaMenuButton.selected { background-color: #e3e5e3; color: #111111; } .minimizedMenus .buttons .button.megaMenuButton.selected:hover { background-color: #c9ccc9; } .minimizedMenus .buttons .button.megaMenuButton.selected .icon { background-image: url("/img/v/8.28.4/icon/menu-white.png"); } .minimizedMenus .buttons .button.standardNavigationButton { font-weight: normal; color: #24a0d8; text-transform: uppercase; display: block; float: left; width: 100%; display: none; } .minimizedMenus .buttons .button.standardNavigationButton .icon { border-left: 1px solid #ffffff; } .minimizedMenus .buttons .button:hover { background-color: #e3e5e3; cursor: pointer; } .minimizedMenus .buttons .button .icon { height: 21px; display: block; padding-left: 30px; font-weight: normal; background: url("/img/v/8.28.4/icon/menu.svg") no-repeat scroll 5px 50% transparent; } .minimizedMenus .menus { clear: both; width: 100%; position: relative; } .minimizedMenus .menus .minimizedMenuPlaceholder { list-style: none; padding-left: 0px; margin-left: 0px; padding: 0px; margin: 0px; box-shadow: 2px 2px 2px #c9ccc9; background-color: #ffffff; margin-top: 4px; position: absolute; top: 0px; z-index: 79; width: 99%; display: none; border-left: 1px solid #e3e5e3; border-bottom: 5px solid #24a0d8; } .minimizedMenus .menus .minimizedMenuPlaceholder#megaMenuMinimizedPlaceholder { max-width: 100%; left: 0px; } .minimizedMenus .menus .minimizedMenuPlaceholder#megaMenuMinimizedPlaceholder a { display: block; color: #333333; text-decoration: none; } .minimizedMenus .menus .minimizedMenuPlaceholder#megaMenuMinimizedPlaceholder a:hover { color: #24a0d8; background-color: #ffffff; } .minimizedMenus .menus .minimizedMenuPlaceholder#standardNavigationMinimizedPlaceholder { max-width: 100%; } .minimizedMenus .menus .minimizedMenuPlaceholder#standardNavigationMinimizedPlaceholder .node a { background: url("/img/v/8.28.4/arrow-right-gray.svg") 0px 50% no-repeat; } .minimizedMenus .menus .minimizedMenuPlaceholder#standardNavigationMinimizedPlaceholder .node a:hover { background-color: #e3e5e3; } .minimizedMenus .menus .minimizedMenuPlaceholder .item { padding: 0px; margin: 0px; color: #333333; text-decoration: none; line-height: 21px; } .minimizedMenus .menus .minimizedMenuPlaceholder .item.label { font-size: 10px; font-size: 1rem; color: #24a0d8; text-transform: uppercase; line-height: 20px; padding-right: 10px; float: right; padding-left: 10px; } .minimizedMenus .menus .minimizedMenuPlaceholder .item.selected { font-weight: bold; color: #111111; padding-left: 10px; } .minimizedMenus .menus .minimizedMenuPlaceholder .item a { display: block; color: #333333; text-decoration: none; padding-left: 10px; padding-top: 3px; padding-bottom: 3px; } .minimizedMenus .menus .minimizedMenuPlaceholder .item a:hover { background-color: #e3e5e3; } .minimizedMenus .menus .minimizedMenuPlaceholder .item a.selected { font-weight: bold; color: #111111; } @media only screen and (max-width: 976px) { .article .minimizedMenus { margin-bottom: 0px; } } @media only screen and (max-width: 480px) { .minimizedMenus { margin-top: 0px; } } .dateSelector { line-height: 31px; } .dateSelector .block.teaser.info.export h2 { padding-bottom: 0px; } .dateSelector .paragraphs .block.list.links { margin-bottom: 0px; } .dateSelector .paragraphs .block.list.links ul, .dateSelector .paragraphs .block.list.links ol { width: inherit; } .dateSelector .calendarHeader { font-size: 16px; font-size: 1.6rem; color: #ffffff; font-weight: bold; padding: 0px 10px 0px 10px; margin: 0px; background: #b0c92b; padding: 5px; line-height: 21px; text-align: center; } .dateSelector .calendarHeader .month { display: inline; } .dateSelector .calendarHeader .month a { color: #ffffff; font-weight: bold; } .dateSelector .calendarHeader .month a:hover { color: #24a0d8; text-decoration: none; } .dateSelector .calendarHeader .back { float: left; } .dateSelector .calendarHeader .forward { float: right; } .dateSelector table.calendarMatrix { background: #ffffff; clear: both; font-size: 10px; font-size: 1rem; width: 100%; display: block; } .dateSelector table.calendarMatrix .dayAbbrevations { color: #b9bbbd; } .dateSelector table.calendarMatrix tbody { padding: 0px; margin: 0px; width: 100%; } .dateSelector table.calendarMatrix tbody tr { width: 100%; display: inline-block; } .dateSelector table.calendarMatrix tbody tr th { padding: 0px; margin: 0px; width: 12.5%; display: inline-block; float: left; } .dateSelector table.calendarMatrix tbody tr th a { color: #111111; font-weight: normal; } .dateSelector table.calendarMatrix tbody tr th a:hover { color: #24a0d8; text-decoration: none; } .dateSelector table.calendarMatrix tbody tr td { padding: 0px; margin: 0px; font-size: 13px; font-size: 1.3rem; font-weight: normal; width: 12.5%; display: inline-block; border: 0px; float: left; } .dateSelector table.calendarMatrix tbody tr td.selected { font-weight: normal; } .dateSelector table.calendarMatrix tbody tr td.selected a { background-color: #e3e5e3; font-weight: normal; } .dateSelector table.calendarMatrix tbody tr td a { color: #111111; font-weight: normal; display: block; text-align: center; width: 100%; background-color: #ffffff; } .dateSelector table.calendarMatrix tbody tr td a:hover { color: #24a0d8; text-decoration: none; } .dateSelector table.calendarMatrix thead { padding: 0px; margin: 0px; } .dateSelector table.calendarMatrix thead tr { padding: 0px; margin: 0px; width: 100%; display: inline-block; } .dateSelector table.calendarMatrix thead tr th { padding: 0px; margin: 0px; text-align: center; width: 12.5%; display: inline-block; float: left; } .dateSelector table.calendarMatrix thead tr th a:hover { color: #24a0d8; text-decoration: none; } .calendarFooter { height: 31px; overflow: hidden; } .calendarFooter .back { line-height: 31px; float: left; } .calendarFooter .forward { line-height: 31px; float: right; text-align: right; } .calendarFooter a { line-height: 31px; color: #b9bbbd; font-weight: normal; text-decoration: none; width: 44%; padding: 0 2%; } .calendarFooter a:hover { text-decoration: underline; } .articlePage.calendar .calendarDepartment .dateSelector { float: right; width: 210px; margin-left: 20px; margin-bottom: 20px; } @media only screen and (max-width: 660px) { .articlePage.calendar .calendarDepartment .dateSelector .block.teaser.export { display: none; } } body { background-color: #e3e5e3; margin-top: 31px; } body.external { margin-top: 0px; } body.preview { background: url("/img/v/8.28.4/preview-bg.png"); } body #page { overflow: hidden; } body .content { margin-bottom: 0; margin-left: auto; margin-right: auto; margin-top: 0; width: 976px; background: #ffffff; } body .content .bodyWrapper { padding: 0 38px 0 0; clear: both; } body .content .bodyWrapper .bodyWrapper2 { float: right; padding-bottom: 38px; } body .content .bodyWrapper .bodyWrapper2 .content { width: 630px; padding-top: 10px; padding-bottom: 30px; } body .content .bodyWrapper .bodyWrapper2 .content.wide { width: 100%; padding-bottom: 30px; } body .content .bodyWrapper .bodyWrapper2 .articleWrapper { float: right; width: 670px; position: relative; } body .content .bodyWrapper .bodyWrapper2 .articleWrapper .paragraphs .blockItemSeparator { height: 16px; } body .content .bodyWrapper .bodyWrapper2 .articleWrapper .allEductions { color: #b9bbbd; font-style: italic; } body .content #footer { margin-top: 20px; } body.hideMainMenu .content .bodyWrapper { padding: 0 38px; } body.hideMainMenu .content .bodyWrapper .bodyWrapper2 { float: left; width: 100%; } body.hideMainMenu .content .bodyWrapper .bodyWrapper2 .articleWrapper { float: none; width: 100%; } body.startDepartment .content .bodyWrapper .bodyWrapper2 .content { padding-top: 0; } @media only screen and (max-width: 976px) { body { background: #ffffff; } body #page { padding-top: 20px; margin: 0 20px 0 20px; width: 95%; width: calc(100% - 40px); } body .content { width: 95%; } body .content .header { padding: 0px; margin: 0px; } body .content .bodyWrapper { padding: 0px; margin: 0px; } body .content .bodyWrapper .bodyWrapper2 { padding: 0px; margin: 0px; padding-bottom: 20px; width: 100%; float: left; } body .content .bodyWrapper .bodyWrapper2 .content { width: 100%; } body .content .bodyWrapper .bodyWrapper2.wide { width: 100%; } body .content .bodyWrapper .articleWrapper { padding: 0px; margin: 0px; width: 100%; float: left; background-color: #ffffff; } body.hideMainMenu .content .bodyWrapper { padding: 0px; margin: 0px; } body.hideMainMenu .content .bodyWrapper .bodyWrapper2 { padding: 0px; margin: 0px; padding-bottom: 20px; width: 100%; float: left; } body.hideMainMenu .content .bodyWrapper .bodyWrapper2 .content { width: 100%; } body.hideMainMenu .content .bodyWrapper .bodyWrapper2 .content.wide { width: 100%; } body.hideMainMenu .content .bodyWrapper .bodyWrapper2 .articleWrapper { padding: 0px; margin: 0px; width: 100%; float: left; } body.hideMainMenu .content .bodyWrapper .bodyWrapper2 .articleWrapper .article .paragraphs { width: 100%; } .articlePage .content .bodyWrapper .bodyWrapper2 { width: 70%; width: calc(100% - 240px); float: right; } .articlePage .content .bodyWrapper .bodyWrapper2 .articleWrapper { float: left; width: 100%; } } @media only screen and (max-width: 660px) { body #page { padding-top: 10px; margin: 0 10px 0 10px; width: 95%; width: calc(100% - 20px); } body.articlePage .content .bodyWrapper .bodyWrapper2 { width: 100%; float: none; clear: both; } body.articlePage .content .bodyWrapper .bodyWrapper2 .articleWrapper { float: left; width: 100%; } } .articlePage.calendar .calendarDepartment .preArticleParagraphs h1 { padding: 0px; margin: 0px; border: none; } .articlePage.calendar .calendarDepartment .preArticleParagraphs h2.secondTitle { padding: 10px 0px 10px 0px; margin: 0px; font-size: 25px; font-size: 2.5rem; font-family: 'Georgia Regular', 'Georgia', 'garamond pro', garamond, 'times new roman', times, serif, 'droid sans'; color: #65656c; font-weight: normal; border-bottom: dotted 1px #b9bbbd; } .articlePage.calendar .calendarDepartment .empty { display: inline; } .articlePage.calendar .calendarDepartment .empty h2 { font-size: 18px; font-size: 1.8rem; color: #8b9f22; font-weight: bold; line-height: auto; } .articlePage.calendar .calendarDepartment .empty h3 { font-size: 16px; font-size: 1.6rem; color: #111111; font-weight: bold; line-height: auto; } .articlePage.calendar .calendarDepartment .event { margin-bottom: 10px; padding-bottom: 10px; } .articlePage.calendar .calendarDepartment .event .date.day { font-size: 28px; font-size: 2.8rem; font-family: 'Georgia Regular', 'Georgia', 'garamond pro', garamond, 'times new roman', times, serif, 'droid sans'; color: #111111; } .articlePage.calendar .calendarDepartment .event .date.month { font-size: 19px; font-size: 1.9rem; font-family: 'Georgia Regular', 'Georgia', 'garamond pro', garamond, 'times new roman', times, serif, 'droid sans'; color: #111111; display: inline; } .articlePage.calendar .calendarDepartment .event .date.startDay { text-transform: capitalize; } .articlePage.calendar .calendarDepartment .event .eventType { padding: 5px 0px 0px 0px; margin: 0px; font-size: 13.5px; font-size: 1.35rem; color: #98ad29; font-weight: normal; line-height: auto; text-transform: uppercase; display: inline; } .articlePage.calendar .calendarDepartment .event h3 { padding: 0px; font-size: 13.5px; font-size: 1.35rem; font-family: Arial, 'Helvetica Neue', helvetica, sans-serif; color: #111111; font-weight: normal; line-height: 21px; margin: 0px; display: inline; clear: right; } .articlePage.calendar .calendarDepartment .event .lecturer, .articlePage.calendar .calendarDepartment .event .location, .articlePage.calendar .calendarDepartment .event .respondent { margin-top: 0; margin-bottom: 0; } .articlePage.calendar .calendarDepartment .event .mainLink { display: block; } .articlePage.calendar .calendarDepartment .event .mainLink a { padding-right: 11px; background: transparent url("/img/v/8.28.4/icon/gray-arrow.svg") 0 5px no-repeat; padding-left: 15px; display: inline-block; } .articlePage.calendar .calendarDepartment .microformats { position: absolute; left: -10000px; } @media only screen and (max-width: 660px) { .articlePage.calendar .article.calendarDepartment { width: 100%; } } @media only screen and (max-width: 350px) { .articlePage.calendar .article.calendarDepartment .event { width: 100%; clear: both; } .articlePage.calendar .article.calendarDepartment .dateSelector { width: 100%; padding: 10px 0px 10px 0px; margin: 0px; } .articlePage.calendar .calendar { width: 100%; } } .article.calendar .mainLink { padding-bottom: 10px; } .microformats { display: none; } .article.standard.courseStart img { float: right; } .article.externalDepartment { padding: 10px 0px 10px 0px; margin: 0px; } .article.externalDepartment h1 { padding: 0px 0px 10px 0px; margin: 0px; font-size: 38px; font-size: 3.8rem; font-family: 'Georgia Regular', 'Georgia', 'garamond pro', garamond, 'times new roman', times, serif, 'droid sans'; color: #000000; font-weight: normal; border-bottom: solid 1px #b9bbbd; line-height: 110%; } .article.externalDepartment .lead { font-size: 18px; font-size: 1.8rem; color: #000000; font-weight: normal; line-height: 23px; font-family: 'Georgia Regular', 'Georgia', 'garamond pro', garamond, 'times new roman', times, serif, 'droid sans'; padding: 10px 0px 0px 0px; color: #333333; clear: left; } .article.externalDepartment .lead p:first-child { padding: 5px 0px 0px 0px; margin: 0px; } .article.externalDepartment div.lastchanged { display: none; } .newsDepartment .mainBlocks { padding: 10px 0px 0px 0px; margin: 0px; } .newsDepartment .article.newsListing .paragraphs .listing { padding: 0px; margin: 0px; } .newsDepartment .article.newsListing .paragraphs .listing h2 { font-size: 13.5px; font-size: 1.35rem; width: 590px; font-family: Arial, 'Helvetica Neue', helvetica, sans-serif; font-weight: normal; } .newsDepartment .article.newsListing .paragraphs .listing .description { margin-top: 0px; } .newsDepartment .article.newsListing .paragraphs .listing .description .date { font-size: 12px; font-size: 1.2rem; color: #111111; font-weight: normal; margin-bottom: 0px; } .newsDepartment .article.newsListing .paragraphs .listing .description img { max-width: 210px; height: auto; margin-right: 20px; float: left; } .newsDepartment .article.newsListing .paragraphs .listing .odd { list-style: none; padding-left: 0px; margin-left: 0px; padding: 10px 0px 10px 0px; margin: 0px; zoom: 1; border-bottom: 1px dotted #b9bbbd; line-height: 20px; } .newsDepartment .article.newsListing .paragraphs .listing .odd:before { display: table; content: ""; } .newsDepartment .article.newsListing .paragraphs .listing .odd:after { display: table; content: ""; clear: both; } .newsDepartment .article.newsListing .paragraphs .listing .odd:last-child { border-bottom: none; } .newsDepartment .article.newsListing .paragraphs .listing .even { zoom: 1; list-style: none; padding-left: 0px; margin-left: 0px; padding: 10px 0px 10px 0px; margin: 0px; border-bottom: 1px dotted #b9bbbd; line-height: 20px; } .newsDepartment .article.newsListing .paragraphs .listing .even:before { display: table; content: ""; } .newsDepartment .article.newsListing .paragraphs .listing .even:after { display: table; content: ""; clear: both; } .newsDepartment .article.newsListing .paragraphs .listing .even:last-child { border-bottom: none; } @media only screen and (max-width: 976px) { body.newsDepartment .content .bodyWrapper .bodyWrapper2 .articleWrapper { width: 100%; } } .article.standard.contact .contactForm { width: 590px; } .article.standard.contact .contactForm .error { padding: 10px; margin: 0px; border: 1px solid #e4363e; border-radius: 8px; background-color: #e4363e; } .article.standard.contact .contactForm .error h2 { color: #ffffff; margin-top: 0; } .article.standard.contact .contactForm .error ul { list-style: none; padding-left: 0px; margin-left: 0px; color: #ffffff; } .article.standard.contact .contactForm label#fromEmailLabel1 { color: #e4363e; } .article.standard.contact .contactForm label#fromEmailLabel1:before { content: "* Some math to show you are not a evil spammer :)"; } .article.standard.contact .contactForm label#fromEmailLabel2 { display: inline; } .article.standard.contact .contactForm input.subject { display: block; } .article.standard.contact .contactForm input.name { display: block; width: 380px; } .article.standard.contact .contactForm input.email { display: block; width: 380px; } .article.standard.contact .contactForm input#fromEmail { width: 1em; display: inline; } .article.standard.contact .contactForm input#country { display: none; } .article.standard.contact .contactForm textarea.message { height: 220px; display: block; } @media only screen and (max-width: 976px) { .article.standard.contact .contactForm { width: 90%; width: calc(100% - 20px); } .article.standard.contact .contactForm input.name { width: 90%; width: calc(100% - 20px); } .article.standard.contact .contactForm input.email { width: 90%; width: calc(100% - 20px); } .article.standard.contact .contactForm .captcha { width: 90%; width: calc(100% - 10px); } .article.standard.contact .contactForm .captcha img { width: 90%; } } .article .listing table { clear: both; width: 100%; margin: 10px 0; padding: 0; background-color: white; border-bottom: 1px dotted #e3e5e3; } .article .listing table.sortable th { cursor: pointer; background: transparent url("/img/v/8.28.4/table-sortable-header-default.gif") no-repeat 100% 50%; } .article .listing table.sortable th:hover { background-color: #e3e5e3; } .article .listing table.sortable th.nosort { background: none; } .article .listing table.sortable th.headerSortUp { background-image: url("/img/v/8.28.4/table-sortable-header-asc.gif"); } .article .listing table.sortable th.headerSortDown { background-image: url("/img/v/8.28.4/table-sortable-header-desc.gif"); } .article .listing table tr { border-top: 1px dotted #e3e5e3; } .article .listing table tr:last-child { border-bottom: 1px dotted #111111; } .article .listing table tr th { font-size: 15px; font-size: 1.5rem; padding: 5px 5px; margin: 0; background: none; color: #111111; vertical-align: text-top; line-height: 1.3; font-weight: bold; border-top: 1px dotted #111111; border-bottom: 1px dotted #111111; text-align: left; position: static; } .article .listing table tr td { padding: 5px; margin: 0; vertical-align: top; color: #333333; } .article .listing table tr td.topic { padding: 5px 0px 0px 0px; margin: 0px; font-size: 13.5px; font-size: 1.35rem; color: #98ad29; font-weight: normal; line-height: auto; text-transform: uppercase; } .article .listing table tr td p { padding: 0; margin: 0; } body.studentweb .bodyWrapper .bodyWrapper2 .withMenu .mainBlocks .entranceImage img { width: 100%; height: auto; } .header { padding: 20px 0; margin: 0 38px 0 38px; position: relative; clear: both; } .header .primaryHeader { padding: 0px; margin: 0px; position: relative; vertical-align: middle; } .header .primaryHeader .block { float: left; } .header .primaryHeader .blockItemSeparator { display: inline-block; width: 10px; } .header .primaryHeader .blockItemSeparator .blockItemSeparatorInner { height: 1px; display: inline-block; } .header .secondaryHeader { position: absolute; top: 16px; right: 0; float: right; text-align: right; } .header .secondaryHeader .block { display: inline-block; } .header .secondaryHeader .block.link a { color: #24a0d8; } .header .secondaryHeader .block.link a.localeLink { background: url("/img/v/8.28.4/icon/sv_SE.svg") no-repeat scroll 100% 0px transparent; padding-right: 24px; } .header .secondaryHeader .block.link a.localeLink.en-UK { background-image: url("/img/v/8.28.4/icon/en_UK.svg"); background-position: top right; } .header .secondaryHeader .block.link a.localeLink.fr-FR { background-image: url("/img/v/8.28.4/icon/fr_FR.png"); } .header .secondaryHeader .block.link a.localeLink.es-ES { background-image: url("/img/v/8.28.4/icon/es_ES.png"); } .header .secondaryHeader .block.link a.localeLink.zh-CN { background-image: url("/img/v/8.28.4/icon/zh_CN.png"); } .header .secondaryHeader .block.link a.localeLink.sv-SE-ER { background-image: url("/img/v/8.28.4/icon/sv_SE_ER.svg"); } .header .secondaryHeader .blockItemSeparator { display: inline; padding: 0 5px; float: left; } .header .secondaryHeader .blockItemSeparator .blockItemSeparatorInner { height: 1px; display: block; } @media only screen and (max-width: 976px) { body .content .header { border: none; margin: 0px; } body .content .header .secondaryHeader { top: 0px; } } .announcement { background-color: #e4363e; color: #ffffff; clear: both; padding: 10px 20px; margin: 10px 38px 10px 38px; } .announcement a { font-size: 20px; font-size: 2rem; color: #ffffff; } ul.ui-autocomplete { padding: 0px; margin: 0px; list-style: none; padding-left: 0px; margin-left: 0px; box-shadow: 1px 1px 5px #b9bbbd; clear: both; width: 300px; max-width: 100%; border: 0px; border-bottom: 5px solid #24a0d8; overflow: hidden; z-index: 99; background-color: #ffffff; } ul.ui-autocomplete.no-images img { display: none; } ul.ui-autocomplete .ui-menu-item { font-size: 13.5px; font-size: 1.35rem; cursor: default; display: block; overflow: hidden; } ul.ui-autocomplete .ui-menu-item:nth-child(odd) { background-color: #fafafa; } ul.ui-autocomplete .ui-menu-item.bulk a .label { padding: 5px; margin: 0px; display: inline-block; } ul.ui-autocomplete .ui-menu-item a { display: inline-block; font-size: 13.5px; font-size: 1.35rem; line-height: inherit; color: #333333; padding: 0; overflow: hidden; } ul.ui-autocomplete .ui-menu-item a:hover { text-decoration: none; } ul.ui-autocomplete .ui-menu-item a img { max-width: 40px; max-height: 40px; float: left; padding: 3px; padding-right: 8px; } ul.ui-autocomplete .ui-menu-item a.ui-state-hover { background-color: #e9f5fb; color: #333333; cursor: pointer; } ul.ui-autocomplete .ui-menu-item a.ui-state-focus { background-color: #e9f5fb; color: #333333; } ul.ui-autocomplete .ui-menu-item a .label { padding: 0px; margin: 0px; display: inline; } ul.ui-autocomplete .ui-menu-item a .label .name { font-weight: bold; color: #000000; } ul.ui-autocomplete .ui-menu-item a .label .snippet { font-weight: normal; display: block; font-style: italic; color: #65656c; } ul.ui-autocomplete .ui-menu-item .ui-corner-all { padding: 0px; margin: 0px; width: 100%; height: auto; display: block; color: #333333; } ul.ui-autocomplete .ui-menu-item .ui-corner-all.ui-state-hover { background-color: #e9f5fb; color: #000000; } ul.ui-autocomplete .ui-menu-item .ui-corner-all.ui-state-focus { background-color: #e9f5fb; color: #000000; } @media only screen and (max-width: 350px) { ul.ui-autocomplete { width: 100%; } } .breadcrums { padding: 0px 0 10px 0; width: 85%; text-transform: uppercase; font-size: 13.5; color: #b9bbbd; line-height: 21px; } .breadcrums a:hover { color: #24a0d8; text-decoration: none; } .breadcrums .separator { color: #65656c; } @media only screen and (max-width: 660px) { .breadcrums { width: 100%; } } .topBlocks { padding: 0px 0px 20px 0px; margin: 0px; width: 100%; float: left; overflow: hidden; } .topBlocks .blockItemSeparator { padding: 10px 0px 10px 0px; margin: 0px; } .topBlocks .blockItemSeparator .blockItemSeparatorInner { height: 1px; display: block; } .topBlocks.noBottomSpacing { padding: 0px; margin: 0px; } .mainBlocks { padding: 0px; margin: 0px; clear: both; } .mainBlocks .primaryBlocks { padding: 0px; margin: 0px; width: 100%; overflow: hidden; } .mainBlocks .primaryBlocks .blockItemSeparator { padding: 10px 0px 10px 0px; margin: 0px; } .mainBlocks .primaryBlocks .blockItemSeparator .blockItemSeparatorInner { height: 1px; display: block; } .mainBlocks .primaryBlocks .secondaryTopBlocksInner { display: none; } .mainBlocks .secondaryBlocks { padding: 0px; margin: 0px; overflow: hidden; width: 220px; } .mainBlocks .secondaryBlocks .secondaryBlocksInner { padding-left: 10px; } .mainBlocks .secondaryBlocks .secondaryBlocksInner .secondaryTopBlocksInner { display: block; } .mainBlocks .secondaryBlocks .blockItemSeparator { padding: 10px 0px 10px 0px; margin: 0px; } .mainBlocks .secondaryBlocks .blockItemSeparator .blockItemSeparatorInner { height: 1px; display: block; } .mainBlocks.hasSecondaryBlocks .primaryBlocks { width: 680px; float: left; } .mainBlocks.hasSecondaryBlocks .primaryBlocks .primaryBlocksInner { padding-right: 10px; overflow: hidden; } .mainBlocks.hasSecondaryBlocks .secondaryBlocks { width: 220px; } .mainBlocks.hasSecondaryBlocks .secondaryBlocks .secondaryBlocksInner { padding: 0px 0px 0px 10px; margin: 0px; overflow: hidden; } body .content .bodyWrapper .bodyWrapper2 #content.withMenu { width: 670px; } body .content .bodyWrapper .bodyWrapper2 #content.withMenu .mainBlocks.hasSecondaryBlocks .primaryBlocks { width: 450px; float: left; } @media only screen and (max-width: 976px) { body .content .bodyWrapper .bodyWrapper2 #content.withMenu { width: 100%; } body .content .bodyWrapper .bodyWrapper2 #content.withMenu .topBlocks { width: 100%; } body .content .bodyWrapper .bodyWrapper2 #content.withMenu .mainBlocks .primaryBlocks { width: 100%; } body .content .bodyWrapper .bodyWrapper2 #content.withMenu .mainBlocks.hasSecondaryBlocks .primaryBlocks { width: 80%; width: calc(100% - 230px); float: left; } body .content .bodyWrapper .bodyWrapper2 #content.withMenu .mainBlocks.hasSecondaryBlocks .secondaryBlocks { float: right; } body .content .bodyWrapper .bodyWrapper2 #content .topBlocks { width: 100%; } body .content .bodyWrapper .bodyWrapper2 #content .mainBlocks .primaryBlocks { width: 100%; } body .content .bodyWrapper .bodyWrapper2 #content .mainBlocks.hasSecondaryBlocks .primaryBlocks { width: 80%; width: calc(100% - 220px); float: left; } body .content .bodyWrapper .bodyWrapper2 #content .mainBlocks.hasSecondaryBlocks .secondaryBlocks { float: right; } } @media only screen and (max-width: 660px) { body .content .bodyWrapper .bodyWrapper2 #content .mainBlocks .primaryBlocks .primaryBlocksInner { padding: 0px; margin: 0px; } body .content .bodyWrapper .bodyWrapper2 #content.withMenu { width: 100%; } body .content .bodyWrapper .bodyWrapper2 #content.withMenu .mainBlocks .primaryBlocks { width: 100%; } body .content .bodyWrapper .bodyWrapper2 #content.withMenu .mainBlocks .primaryBlocks .primaryBlocksInner { padding: 0px; margin: 0px; } body .content .bodyWrapper .bodyWrapper2 #content.withMenu .mainBlocks.hasSecondaryBlocks .primaryBlocks { width: 100%; clear: both; } body .content .bodyWrapper .bodyWrapper2 #content.withMenu .mainBlocks.hasSecondaryBlocks .secondaryBlocks { padding: 10px 0px 0px 0px; margin: 0px; margin-bottom: 10px; clear: both; width: 100%; } body .content .bodyWrapper .bodyWrapper2 #content.withMenu .mainBlocks.hasSecondaryBlocks .secondaryBlocks .secondaryBlocksInner { padding: 0px; margin: 0px; } body .content .bodyWrapper .bodyWrapper2 #content .mainBlocks .primaryBlocks { width: 100%; } body .content .bodyWrapper .bodyWrapper2 #content .mainBlocks .primaryBlocks .secondaryTopBlocksInner { display: block; } body .content .bodyWrapper .bodyWrapper2 #content .mainBlocks.hasSecondaryBlocks .primaryBlocks { width: 100%; clear: both; } body .content .bodyWrapper .bodyWrapper2 #content .mainBlocks.hasSecondaryBlocks .secondaryBlocks { padding: 10px 0px 0px 0px; margin: 0px; clear: both; width: 100%; } body .content .bodyWrapper .bodyWrapper2 #content .mainBlocks.hasSecondaryBlocks .secondaryBlocks .secondaryBlocksInner { padding: 0px; margin: 0px; } body .content .bodyWrapper .bodyWrapper2 #content .mainBlocks.hasSecondaryBlocks .secondaryBlocks .secondaryBlocksInner .secondaryTopBlocksInner { display: none; } } .standardNavigation { color: #b9bbbd; float: left; width: 248px; border-right: 1px dotted #b9bbbd; } .standardNavigation.hideMainMenu { display: none; } .standardNavigation p.accessibility { left: -10000px; position: absolute; } .standardNavigation h2 { font-size: 13.5px; font-size: 1.35rem; color: #98ad29; font-weight: normal; line-height: auto; text-transform: uppercase; color: #24a0d8; line-height: 21px; font-weight: 300; margin: 0 0 12px 0; padding: 0px 10px 0 38px; } .standardNavigation #selectorWidget { display: none; margin-bottom: 5px; max-width: 190px; } .standardNavigation #selectorWidget form select { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; margin: 5px 0px 5px 38px; } .standardNavigation #selectorWidget form input[type="submit"] { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; margin: 0px 0px 5px 38px; } .standardNavigation #selectorWidget form #eduSelectHelpIcon { background: url("/img/v/8.28.4/info.png") 0 0 no-repeat; width: 16px; height: 16px; position: absolute; margin: 9px 0 0 15px; cursor: pointer; } .standardNavigation #selectorWidget form #eduSelectHelp { display: none; margin: 0 0 6px 40px; } .standardNavigation #selectorWidget #educationContainer { position: relative; overflow: hidden; margin: 0 10px 10px 40px; width: 100%; } .standardNavigation #selectorWidget #educationContainer #selectedEducation { font-size: 13.5px; font-size: 1.35rem; color: #98ad29; font-weight: normal; line-height: auto; text-transform: uppercase; float: left; } .standardNavigation #selectorWidget #educationContainer #selectedEducation #changeEducation { font-size: 10px; font-size: 1rem; color: #b9bbbd; cursor: pointer; } .standardNavigation ul { list-style: none; padding-left: 0px; margin-left: 0px; } .standardNavigation ul li { margin: 0 38px 5px 0; } .standardNavigation ul li.leaf, .standardNavigation ul li.node { padding: 0px; margin: 0px; margin: 0; } .standardNavigation ul li.leaf:last-child, .standardNavigation ul li.node:last-child { border-bottom: none; } .standardNavigation ul li.leaf a, .standardNavigation ul li.node a { padding: 5px 10px 5px 38px; color: #333333; text-decoration: none; display: block; } .standardNavigation ul li.node { background: url("/img/v/8.28.4/arrow-right-gray.svg") 15px 10px no-repeat; } .standardNavigation ul li.selected { background: #ffffff; color: #111111; font-weight: bold; margin: 0 -1px 0 0; text-decoration: none; padding: 5px 10px 5px 38px; border-top: 1px dotted #b9bbbd; border-bottom: 1px dotted #b9bbbd; } .standardNavigation ul li.selected:hover { background-color: #ffffff; } .standardNavigation ul li:hover { background-color: #e3e5e3; } .standardNavigation h2.standardNavigationHeaderParent { margin: 0 38px 14px 0; background: transparent url("/img/v/8.28.4/icon/gray-arrow-left.svg") 27px 7px no-repeat; } .standardNavigation h2.standardNavigationHeaderParent:hover { text-decoration: none; } .standardNavigation h2.standardNavigationHeader { font-size: 13.5px; font-size: 1.35rem; color: #98ad29; font-weight: normal; line-height: auto; text-transform: uppercase; color: #111111; font-weight: bold; margin: 0 0 5px 0; } div.nonStandardNavigationHeader.noShow { height: 0px; width: 0px; visibility: hidden; } @media only screen and (max-width: 976px) { .standardNavigation { float: none; width: 220px; } .standardNavigation h2 { padding: 0px 10px 0 10px; } .standardNavigation ul li { margin: 0 10px 5px 0; } .standardNavigation ul li.leaf a { padding: 5px 10px 5px 10px; } .standardNavigation ul li.node { background: none; } .standardNavigation ul li.node a { padding: 5px 10px 5px 10px; } .standardNavigation ul li.selected { padding: 5px 10px 5px 10px; } body.entrance .standardNavigation { display: none; } body.startDepartment .standardNavigation { display: none; } } @media only screen and (max-width: 660px) { .standardNavigation { display: none; } } .extras { z-index: 8; position: absolute; right: 0; top: 0px; } .block.include .extras { z-index: 8; position: relative; right: 0; top: 16px; } @media only screen and (max-width: 660px) { .extras { display: none; } } .translations { float: right; display: block; margin-right: 10px; } .translations .translation { padding: 0px 0px 5px 0px; margin: 0px; float: left; clear: left; display: block; } .translations .translation img { vertical-align: middle; padding-bottom: 5px; } .translations .translation a { color: #65656c; } .article { position: relative; } .article .backLink { padding: 10px 0px 0px 0px; margin: 0px; } .article .preArticleParagraphs { padding: 0px 0px 15px 0px; margin: 0px; } .article .preArticleParagraphs h1 { padding: 0px 0px 10px 0px; margin: 0px; font-size: 34px; font-size: 3.4rem; color: #000000; font-weight: normal; line-height: '110%'; font-family: 'Georgia Regular', 'Georgia', 'garamond pro', garamond, 'times new roman', times, serif, 'droid sans'; border-bottom: 1px dotted #b9bbbd; } .article .preArticleParagraphs .lead { padding: 10px 0px 0px 0px; font-size: 18px; font-size: 1.8rem; color: #000000; font-weight: normal; line-height: 23px; font-family: 'Georgia Regular', 'Georgia', 'garamond pro', garamond, 'times new roman', times, serif, 'droid sans'; color: #333333; clear: left; } .article .preArticleParagraphs .lead.noHeading { padding-top: 0px; } .article .preArticleParagraphs .lead p:first-child { padding: 5px 0px 0px 0px; margin: 0px; } .article .preArticleParagraphs h2 { font-size: 18px; font-size: 1.8rem; color: #8b9f22; font-weight: bold; line-height: auto; } .article .preArticleParagraphs h3.themeHeading { padding: 10px 0px 0px 0px; margin: 0px; font-size: 13.5px; font-size: 1.35rem; color: #98ad29; font-weight: normal; line-height: auto; text-transform: uppercase; padding-right: 5px; float: left; } .article .preArticleParagraphs h3.themeHeading.noLead { padding: 10px 0px 10px 0px; margin: 0px; } .article .paragraphs { padding: 0px; margin: 0px; font-size: 13.5px; font-size: 1.35rem; color: #111111; font-weight: normal; line-height: 21px; clear: both; /* // indent block quotes in editor text */ } .article .paragraphs h2 { font-size: 18px; font-size: 1.8rem; color: #8b9f22; font-weight: bold; line-height: auto; } .article .paragraphs h2.serif { font-size: 25px; font-size: 2.5rem; color: #000000; font-weight: normal; line-height: auto; font-family: 'Georgia Regular', 'Georgia', 'garamond pro', garamond, 'times new roman', times, serif, 'droid sans'; line-height: 32.5px; } .article .paragraphs h3 { font-size: 16px; font-size: 1.6rem; color: #111111; font-weight: bold; line-height: auto; } .article .paragraphs h3 a { color: #111111; } .article .paragraphs p { margin: 0 0 15px 0; width: 590px; width: calc(100% - 80px); } .article .paragraphs p:first-child { margin-top: 0; } .article .paragraphs p:last-child { margin-bottom: auto; } .article .paragraphs ul, .article .paragraphs ol { width: 550px; width: calc(100% - 120px); } .article .paragraphs .block p { width: inherit; } .article .paragraphs .block.calendar { margin-bottom: 15px; } .article .paragraphs .block.columnSplitter { margin-bottom: 15px; } .article .paragraphs .block.figure { margin-bottom: 15px; } .article .paragraphs .block.flash { margin-bottom: 15px; } .article .paragraphs .block.gallery { margin-bottom: 15px; } .article .paragraphs .block.html { margin-bottom: 15px; } .article .paragraphs .block.linkTree { margin-bottom: 15px; } .article .paragraphs .block.list { margin-bottom: 15px; } .article .paragraphs .block.list.accordion { margin-bottom: 15px; } .article .paragraphs .block.list.expandable { margin-bottom: 15px; } .article .paragraphs .list.dropdown { margin-bottom: 15px; } .article .paragraphs .block.list.group { margin-bottom: 15px; } .article .paragraphs .block.list.tabs { margin-bottom: 15px; } .article .paragraphs .block.loggedInProfileBlock { margin-bottom: 15px; } .article .paragraphs .block.mediaplayer { margin-bottom: 15px; } .article .paragraphs .block.news { margin-bottom: 15px; } .article .paragraphs .block.rssReader { margin-bottom: 15px; } .article .paragraphs .block.search { margin-bottom: 15px; } .article .paragraphs .block.separator { margin-bottom: 15px; } .article .paragraphs .block.table { margin-bottom: 15px; } .article .paragraphs .block.teaser { margin-bottom: 15px; } .article .paragraphs .block.columnSplitter .block.calendar { margin-bottom: 0; } .article .paragraphs .block.columnSplitter .block.figure { margin-bottom: 0; } .article .paragraphs .block.columnSplitter .block.flash { margin-bottom: 0; } .article .paragraphs .block.columnSplitter .block.gallery { margin-bottom: 0; } .article .paragraphs .block.columnSplitter .block.html { margin-bottom: 0; } .article .paragraphs .block.columnSplitter .block.linkTree { margin-bottom: 0; } .article .paragraphs .block.columnSplitter .block.list { margin-bottom: 0; } .article .paragraphs .block.columnSplitter .block.list.accordion { margin-bottom: 0; } .article .paragraphs .block.columnSplitter .block.list.expandable { margin-bottom: 0; } .article .paragraphs .block.columnSplitter .list.dropdown { margin-bottom: 0; } .article .paragraphs .block.columnSplitter .block.list.group { margin-bottom: 0; } .article .paragraphs .block.columnSplitter .block.list.tabs { margin-bottom: 0; } .article .paragraphs .block.columnSplitter .block.loggedInProfileBlock { margin-bottom: 0; } .article .paragraphs .block.columnSplitter .block.mediaplayer { margin-bottom: 0; } .article .paragraphs .block.columnSplitter .block.news { margin-bottom: 0; } .article .paragraphs .block.columnSplitter .block.rssReader { margin-bottom: 0; } .article .paragraphs .block.columnSplitter .block.search { margin-bottom: 0; } .article .paragraphs .block.columnSplitter .block.separator { margin-bottom: 0; } .article .paragraphs .block.columnSplitter .block.table { margin-bottom: 0; } .article .paragraphs .block.columnSplitter .block.teaser { margin-bottom: 0; } .article .paragraphs .block.columnSplitter ul, .article .paragraphs .block.columnSplitter ol { width: 660px; width: calc(100% - 10px); } .article .paragraphs .block.gallery .block.calendar { margin-bottom: 0; } .article .paragraphs .block.gallery .block.columnSplitter { margin-bottom: 0; } .article .paragraphs .block.gallery .block.figure { margin-bottom: 0; } .article .paragraphs .block.gallery .block.flash { margin-bottom: 0; } .article .paragraphs .block.gallery .block.html { margin-bottom: 0; } .article .paragraphs .block.gallery .block.linkTree { margin-bottom: 0; } .article .paragraphs .block.gallery .block.list { margin-bottom: 0; } .article .paragraphs .block.gallery .block.list.accordion { margin-bottom: 0; } .article .paragraphs .block.gallery .block.list.expandable { margin-bottom: 0; } .article .paragraphs .block.gallery .list.dropdown { margin-bottom: 0; } .article .paragraphs .block.gallery .block.list.group { margin-bottom: 0; } .article .paragraphs .block.gallery .block.list.tabs { margin-bottom: 0; } .article .paragraphs .block.gallery .block.loggedInProfileBlock { margin-bottom: 0; } .article .paragraphs .block.gallery .block.mediaplayer { margin-bottom: 0; } .article .paragraphs .block.gallery .block.news { margin-bottom: 0; } .article .paragraphs .block.gallery .block.rssReader { margin-bottom: 0; } .article .paragraphs .block.gallery .block.search { margin-bottom: 0; } .article .paragraphs .block.gallery .block.separator { margin-bottom: 0; } .article .paragraphs .block.gallery .block.table { margin-bottom: 0; } .article .paragraphs .block.gallery .block.teaser { margin-bottom: 0; } .article .paragraphs .block.list .block.calendar { margin-bottom: 0; } .article .paragraphs .block.list .block.columnSplitter { margin-bottom: 0; } .article .paragraphs .block.list .block.figure { margin-bottom: 0; } .article .paragraphs .block.list .block.flash { margin-bottom: 0; } .article .paragraphs .block.list .block.gallery { margin-bottom: 0; } .article .paragraphs .block.list .block.html { margin-bottom: 0; } .article .paragraphs .block.list .block.linkTree { margin-bottom: 0; } .article .paragraphs .block.list .block.list.accordion { margin-bottom: 0; } .article .paragraphs .block.list .block.list.expandable { margin-bottom: 0; } .article .paragraphs .block.list .list.dropdown { margin-bottom: 0; } .article .paragraphs .block.list .block.list.group { margin-bottom: 0; } .article .paragraphs .block.list .block.list.tabs { margin-bottom: 0; } .article .paragraphs .block.list .block.loggedInProfileBlock { margin-bottom: 0; } .article .paragraphs .block.list .block.mediaplayer { margin-bottom: 0; } .article .paragraphs .block.list .block.news { margin-bottom: 0; } .article .paragraphs .block.list .block.rssReader { margin-bottom: 0; } .article .paragraphs .block.list .block.search { margin-bottom: 0; } .article .paragraphs .block.list .block.separator { margin-bottom: 0; } .article .paragraphs .block.list .block.table { margin-bottom: 0; } .article .paragraphs .block.list .block.teaser { margin-bottom: 0; } .article .paragraphs p.AlignLeft { text-align: left; } .article .paragraphs p.AlignCenter { text-align: center; } .article .paragraphs p.AlignRight { text-align: right; } .article .paragraphs p.AlignJustify { text-align: justify; } .article .paragraphs .blockAlign { /* // position block right(non-float), could be bad */ /* // no margin for block quotes inside aligned blocks(teasers) */ } .article .paragraphs .blockAlign.floatRight { position: relative; left: auto; margin: 0px 0px 0px 0px; } .article .paragraphs .blockAlign.right blockquote { margin: 0px; float: right; clear: right; } .article .paragraphs .blockAlign blockquote { margin: 0px; } .article .paragraphs .blockAlign ul, .article .paragraphs .blockAlign ol { width: inherit; } .article .paragraphs .textIndent1 { margin-left: 40px; } .article .paragraphs .textIndent2 { margin-left: 80px; } .article .paragraphs .textIndent3 { margin-left: 120px; } .article .paragraphs .textIndent4 { margin-left: 160px; } .article .paragraphs table { clear: both; width: 100%; margin: 10px 0; padding: 0; background-color: white; border-bottom: 1px dotted #e3e5e3; } .article .paragraphs table.sortable th { cursor: pointer; background: transparent url("/img/v/8.28.4/table-sortable-header-default.gif") no-repeat 100% 50%; } .article .paragraphs table.sortable th:hover { background-color: #e3e5e3; } .article .paragraphs table.sortable th.nosort { background: none; } .article .paragraphs table.sortable th.headerSortUp { background-image: url("/img/v/8.28.4/table-sortable-header-asc.gif"); } .article .paragraphs table.sortable th.headerSortDown { background-image: url("/img/v/8.28.4/table-sortable-header-desc.gif"); } .article .paragraphs table tr { border-top: 1px dotted #e3e5e3; } .article .paragraphs table tr:last-child { border-bottom: 1px dotted #111111; } .article .paragraphs table tr th { font-size: 15px; font-size: 1.5rem; padding: 5px 5px; margin: 0; background: none; color: #111111; vertical-align: text-top; line-height: 1.3; font-weight: bold; border-top: 1px dotted #111111; border-bottom: 1px dotted #111111; text-align: left; position: static; } .article .paragraphs table tr td { padding: 5px; margin: 0; vertical-align: top; color: #333333; } .article .paragraphs table tr td.topic { padding: 5px 0px 0px 0px; margin: 0px; font-size: 13.5px; font-size: 1.35rem; color: #98ad29; font-weight: normal; line-height: auto; text-transform: uppercase; } .article .paragraphs table tr td p { padding: 0; margin: 0; } .article .paragraphs blockquote { margin-left: 40px; } .article .articleExtras { padding: 10px 0px 0px 0px; margin: 0px; overflow: hidden; width: 100%; } .article .articleFooter { margin-top: 10px; padding: 10px 0 20px 0; clear: both; } .article.news .preArticleParagraphs .media { padding: 10px 0px 10px 0px; margin: 0px; } .article.news .preArticleParagraphs h2.secondTitle { padding: 10px 0px 0px 0px; margin: 0px; font-size: 18px; font-size: 1.8rem; color: #65656c; font-weight: normal; line-height: '110%'; } .article.news .preArticleParagraphs h3.themeHeading { padding: 10px 0px 0px 0px; margin: 0px; font-size: 13.5px; font-size: 1.35rem; color: #98ad29; font-weight: normal; line-height: auto; text-transform: uppercase; padding-right: 5px; float: left; } .article.news .preArticleParagraphs .lead { clear: both; } .article.news .preArticleParagraphs .lead p:first-child { margin-top: 0; } .article.news .preArticleParagraphs .date { padding: 10px 0px 0px 0px; margin: 0px; font-size: 13.5px; font-size: 1.35rem; color: #111111; font-weight: normal; line-height: auto; } .article.news .preArticleParagraphs.bothHeadingsFirst.titleHeadingFirst h1 { padding: 0px; margin: 0px; border: none; } .article.news .preArticleParagraphs.bothHeadingsFirst.titleHeadingFirst h2.secondTitle { padding: 10px 0px 10px 0px; margin: 0px; border-bottom: dotted 1px #b9bbbd; } .article.news .preArticleParagraphs.bothHeadingsFirst.subHeadingFirst h2.secondTitle { padding: 0px; margin: 0px; } .article.news .preArticleParagraphs.bothHeadingsFirst.subHeadingFirst h1 { padding: 0px 0px 10px 0px; margin: 0px; } .article.news .preArticleParagraphs.mediaFirst.usingSecondHeading h1 { border: none; } .article.news .preArticleParagraphs.mediaFirst.usingSecondHeading h2.secondTitle { padding: 10px 0px 10px 0px; margin: 0px; border-bottom: dotted 1px #b9bbbd; } @media only screen and (max-width: 976px) { .article .paragraphs { width: 100%; } .article .paragraphs .blockAlign.floatRight { left: auto; margin: 0; } .article .paragraphs p { width: 100%; } .article .paragraphs ul, .article .paragraphs ol { width: 630px; width: calc(100% - 40px); } } @media only screen and (max-width: 350px) { .articleWrapper .article .paragraphs .blockAlign.floatRight, .articleWrapper .article .paragraphs .blockAlign.floatLeft { float: none; margin: 0px; padding: 0 0 10px 0; } .articleWrapper .article .paragraphs p { width: 100%; } .articleWrapper .article .paragraphs ul, .articleWrapper .article .paragraphs ol { width: 630px; width: calc(100% - 40px); } } .blockAlign.left { display: block; overflow: hidden; } .blockAlign.left .block { margin: 0 auto 0 0; } .blockAlign.right { display: block; overflow: hidden; text-align: right; } .blockAlign.right .block { margin: 0 0 0 auto; } .blockAlign.center { display: block; text-align: center; } .blockAlign.center .block { margin-bottom: 0; margin-left: auto; margin-right: auto; margin-top: 0; } .blockAlign.floatLeft { padding: 5px 20px 5px 0px; margin: 0px; float: left; clear: left; } .blockAlign.floatRight { padding: 5px 0px 5px 20px; margin: 0px; float: right; clear: right; } .categorization { padding: 10px 0px 10px 0px; margin: 0px; clear: both; } .articleFooter { padding: 10px 0px 10px 0px; margin: 0px; border-top: 1px dotted #b9bbbd; } .articleFooter .column { float: left; } .articleFooter .column.right { border-left: 10px solid transparent; float: right; } .articleFooter .column.right .edit { float: right; } .articleFooter .column.right .edit .editLink { margin-top: 5px; width: 14px; height: 14px; display: block; background: transparent url("/img/v/8.28.4/icon/pencil.svg") 0px 0px no-repeat; } .articleFooter .column.right .edit .editLink:hover { background-image: url("/img/v/8.28.4/icon/pencil-hover.svg"); } .articleFooter .column.left .contentResponsible { padding: 0px 0px 10px 0px; margin: 0px; } .articleFooter .column.left .belongsTo { padding-bottom: 2px; max-width: 600px; } .articleFooter .column.left .belongsTo .label { font-weight: bold; } .articleFooter .column.left .lastchanged { padding-bottom: 2px; } .articleFooter .column.left .lastchanged .label { font-weight: bold; } .articleFooter .qrCode { float: left; clear: both; display: none; padding: 0 10px 0 10px; margin-top: 10px; border: 1px solid #b9bbbd; } @media only screen and (max-width: 660px) { .articleFooter { padding: 0px; margin: 0px; border-top: 1px solid #e9f5fb; border-bottom: 1px solid #e9f5fb; } .articleFooter .column { float: left; } .articleFooter .column.right { padding: 10px 0px 0px 0px; margin: 0px; float: none; width: 100%; clear: both; display: block; border: 0px; } .articleFooter .column.left { padding: 10px 0px 0px 0px; margin: 0px; float: none; width: 100%; clear: both; display: block; } .articleFooter .column.left .editLink { display: none; } .articleFooter .column .qrCode { display: none; } } .koppsLink { padding: 10px 0px 10px 0px; margin: 0px; border-top: 5px solid #111111; border-bottom: 1px solid #b9bbbd; } .koppsLink .arrow { padding-right: 11px; background: transparent url("/img/v/8.28.4/icon/gray-arrow.svg") 0 5px no-repeat; } .shareLarge { padding: 0px; margin: 0px; } .shareLarge .facebook { float: left; } .shareLarge .facebook .shareButton { min-width: 60px; padding: 1px 3px; border-radius: 2px; display: inline-block; background: #4b68b9; background: -moz-linear-gradient(top, #4b68b9 16%, #4b68b9 68%, #4b68b9 80%, #4b68b9 80%, #3c56a2 98%, #3c56a2 98%); background: -webkit-gradient(linear, left top, left bottom, color-stop(16%, #4b68b9), color-stop(68%, #4b68b9), color-stop(80%, #4b68b9), color-stop(80%, #4b68b9), color-stop(98%, #3c56a2), color-stop(98%, #3c56a2)); background: -webkit-linear-gradient(top, #4b68b9 16%, #4b68b9 68%, #4b68b9 80%, #4b68b9 80%, #3c56a2 98%, #3c56a2 98%); background: -o-linear-gradient(top, #4b68b9 16%, #4b68b9 68%, #4b68b9 80%, #4b68b9 80%, #3c56a2 98%, #3c56a2 98%); background: -ms-linear-gradient(top, #4b68b9 16%, #4b68b9 68%, #4b68b9 80%, #4b68b9 80%, #3c56a2 98%, #3c56a2 98%); background: linear-gradient(to bottom, #4b68b9 16%, #4b68b9 68%, #4b68b9 80%, #4b68b9 80%, #3c56a2 98%, #3c56a2 98%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b68b9', endColorstr='#3c56a2', GradientType=0); } .shareLarge .facebook .shareButton a:link, .shareLarge .facebook .shareButton a:visited, .shareLarge .facebook .shareButton a:hover { text-decoration: none; color: white; font-family: 'helvetica neue', helvetica, arial, 'lucida grande', sans-serif; font-size: 11px; letter-spacing: 0px; text-shadow: 0 -1px 0 #354c8c; white-space: nowrap; } .shareLarge .twitter { min-height: 30px; width: 95px; float: left; } .shareLarge .googlePlus { min-height: 30px; width: 75px; float: left; } .shareLarge .linkedin { min-height: 30px; min-width: 75px; float: left; } @media only screen and (max-width: 660px) { .shareLarge { overflow: hidden; } .shareLarge .facebook { width: 100%; display: block; margin-right: 0px; } .shareLarge .twitter { width: 100%; display: block; margin-right: 0px; } .shareLarge .googlePlus { width: 100%; display: block; margin-right: 0px; } .shareLarge .linkedin { width: 100%; display: block; margin-right: 0px; } } .complementaryBlocks { padding: 10px 0px 10px 0px; margin: 0px; display: block; width: 100%; } .complementaryBlocks .blockItemSeparator { padding: 10px 0px 10px 0px; margin: 0px; display: block; } .complementaryBlocks .blockItemSeparator .blockItemSeparatorInner { height: 1px; border: none; } .comments { padding: 10px; margin: 0px; background: #e3e5e3; overflow: hidden; } .comments .commentsHeading h2 { font-size: 16px; font-size: 1.6rem; color: #111111; font-weight: bold; line-height: auto; } .comments .comment { padding: 0px 0px 10px 0px; margin: 0px; overflow: hidden; } .comments .comment.notLoggedin .commentContainer { float: left; width: auto; } .comments .comment.notLoggedin .commentContainer .commentOuter .commentMiddle .commentInner .loginInformation { padding: 0px; margin: 0px; color: #111111; } .comments .comment.notLoggedin .commentContainer .commentOuter .commentMiddle .commentInner form input.loginButton { margin-left: 0px; } .comments .comment.notLoggedin .commentContainer .commentOuter .commentMiddle .commentInner form textarea { width: auto; } .comments .comment .profile { padding: 0px; margin: 0px; float: left; } .comments .comment .profile .profileImage { width: 52.5px; } .comments .comment .profile .profileImage .profileImage { max-width: 40px; float: left; } .comments .comment .profile .profileImage .profileImage img { padding: 0px 20px 0px 0px; margin: 0px; width: 100%; } .comments .comment .commentContainer .commentOuter .commentMiddle img { float: left; } .comments .comment .commentContainer .commentOuter .commentMiddle .commentInner { padding: 0px 0px 10px 0px; margin: 0px; margin-left: 50px; } .comments .comment .commentContainer .commentOuter .commentMiddle .commentInner .loginButton { margin-left: -50px; } .comments .comment .commentContainer .commentOuter .commentMiddle .commentInner textarea.commentArea { width: 90%; width: calc(100% - 20px); } .comments .comment .commentContainer .commentBottom { text-align: right; } .comments .commentsFooter .commentList .commentContainer { padding: 10px 0px 10px 0px; margin: 0px; border-top: 1px dotted #ffffff; overflow: hidden; } .comments .commentsFooter .commentList .commentContainer .profileImage { max-width: 40px; float: left; } .comments .commentsFooter .commentList .commentContainer .profileImage img { padding: 0px 20px 0px 0px; margin: 0px; width: 100%; } .comments .commentsFooter .commentList .commentContainer .userComment { margin-left: 50px; } .comments .commentsFooter .commentList .commentContainer .abuse { overflow: hidden; text-align: right; } .comments .commentsFooter .commentList .commentContainer .abuse .abuseLink { color: #b9bbbd; } @charset "UTF-8"; @font-face { font-family: 'fontello'; src: url("/font/v/8.28.4/fontello.eot"); src: url("/font/v/8.28.4/fontello.eot?#iefix") format('embedded-opentype'), url("/font/v/8.28.4/fontello.woff") format('woff'), url("/font/v/8.28.4/fontello.ttf") format('truetype'), url("/font/v/8.28.4/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; text-align: center; } #vote { padding: 10px 0px 0px 0px; margin: 0px; display: none; width: auto; color: #111111; } #vote.enabled { display: block; } #vote .label { float: left; font-weight: bold; } #vote .icons { float: left; } #vote .icons .icon-thumbs-up { float: left; padding: 0px 10px 0px 10px; margin: 0px; cursor: pointer; } #vote .icons .icon-thumbs-up:hover { color: #b0c92b; } #vote .icons .icon-thumbs-up:before { content: '\1f44d'; } #vote .icons .icon-thumbs-down { float: left; cursor: pointer; } #vote .icons .icon-thumbs-down:hover { color: #e4363e; } #vote .icons .icon-thumbs-down:before { content: '\1f44e'; } #vote .message { display: none; } #footer { border-top: 0; padding: 10px 38px 38px 38px; overflow: hidden; clear: both; background: #65656c; } #footer .blockItemSeparator { padding: 10px 0px 10px 0px; margin: 0px; } #footer .blockItemSeparator .blockItemSeparatorInner { height: 1px; display: block; } @media only screen and (max-width: 976px) { body .content #footer { padding: 20px; margin: 0px; } } @media only screen and (max-width: 660px) { body .content #footer { padding: 10px; margin: 0px; } } .pagination { text-align: center; } .pagination .controls { display: table; margin: 0 auto; } .pagination .controls ul { display: table-row; } .pagination .controls ul li { padding: 0px 5px 0px 5px; margin: 0px; display: table-cell; } .block { padding: 0px; margin: 0px; position: relative; } .block.niseko { overflow: hidden; clear: both; } .block.niseko.left { float: left; } .block.megaMenu { padding: 0px; width: 100%; margin: 20px 0px 20px 0px; position: relative; } .block.megaMenu #propertiesMegaMenu { font-family: maximized; } .block.megaMenu .menu { padding: 0px; margin: 0px; float: left; width: 100%; list-style: none; clear: both; border-top: 1px dotted #b9bbbd; border-bottom: 1px dotted #b9bbbd; padding: 3px 0px; display: block; } .block.megaMenu .menu .item { padding: 0px; margin: 0px; float: left; position: relative; } .block.megaMenu .menu .item.homeItem.size-10 { width: 16.66666667%; } .block.megaMenu .menu .item.homeItem.size-11 { width: 14.28571429%; } .block.megaMenu .menu .item.size-1 { width: 100%; } .block.megaMenu .menu .item.size-2 { width: 50%; } .block.megaMenu .menu .item.size-3 { width: 33.33333333%; } .block.megaMenu .menu .item.size-4 { width: 25%; } .block.megaMenu .menu .item.size-5 { width: 20%; } .block.megaMenu .menu .item.size-6 { width: 16.66666667%; } .block.megaMenu .menu .item.size-7 { width: 14.28571429%; } .block.megaMenu .menu .item.size-8 { width: 12.5%; } .block.megaMenu .menu .item.size-9 { width: 11.11111111%; } .block.megaMenu .menu .item.size-10 { width: 9.09090909%; } .block.megaMenu .menu .item.size-11 { width: 8.33333333%; } .block.megaMenu .menu .item .headerItem { padding: 0px; margin: 0px; font-size: 12.5px; font-size: 1.25rem; color: #111111; text-align: center; line-height: 21px; text-transform: uppercase; font-weight: normal; } .block.megaMenu .menu .item .headerItem a { font-weight: normal; color: #111111; width: 100%; display: block; } .block.megaMenu .menu .item .headerItem a:hover { text-decoration: none; color: #24a0d8; } .block.megaMenu .menu .item .headerItem a.selected { color: #b0c92b; } .block.megaMenu .menu .item .headerItem a.selected:hover { color: #24a0d8; } .block.megaMenu .menu .item .headerItem.selected { background-color: #e3e5e3; color: #111111; } .block.megaMenu .menu .item .headerItem.selected a { color: #111111; } .block.megaMenu .menu .item .headerItem.selected a.selected { color: #111111; } .block.megaMenu .menu .item .headerItem.selected a.selected:hover { color: #111111; background-color: #c9ccc9; } .block.megaMenu .menu .item .headerItem.showLabel { color: #111111; } .block.megaMenu .menu .item .headerItem.showLabel a { color: #111111; } .block.megaMenu .menu .item .headerItem.showLabel a.selected { color: #111111; background-color: transparent; } .block.megaMenu .menu .item .headerItem.showLabel a.selected:hover { color: #111111; background-color: #c9ccc9; } .block.megaMenu .menu .item .headerItem.showLabel a .arrow { padding-right: 11px; background: transparent url("/img/v/8.28.4/icon/gray-arrow.svg") 0 50% no-repeat; } .block.megaMenu .menuItemContent { padding: 0px; z-index: 79; position: absolute; padding-top: 0px; margin: 0px; display: block; } .block.megaMenu .menuItemContent.active .megaMenuBody { display: block; } .block.megaMenu .menuItemContent .megaMenuBody { padding: 0px; margin: 0px; box-shadow: 0 0 2px 2px #e3e5e3; margin-top: 10px; overflow: hidden; background-color: #ffffff; border: 0px; border-bottom: 5px solid #24a0d8; display: none; } @media only screen and (max-width: 976px) { .block.megaMenu .menuItemContent .megaMenuBody { border-left: 1px solid #e3e5e3; border-right: 1px solid #e3e5e3; } } @media only screen and (max-width: 660px) { .block.megaMenu { display: none; } .block.megaMenu #propertiesMegaMenu { font-family: minimized; } .block.megaMenu .menu { display: none; } } .block.attachment.icon { display: inline; } .block.attachment.icon .smallIcon { background: url("/img/v/8.28.4/icon/unknown.png") no-repeat transparent; padding: 0px 2px 2px 0px; display: inline-block; height: 14px; width: 14px; vertical-align: middle; padding-bottom: 4px; } .block.attachment.icon .smallIcon.pdf { background-image: url("/img/v/8.28.4/icon/pdf.png"); } .block.attachment.icon .smallIcon.word { background-image: url("/img/v/8.28.4/icon/word.png"); } .block.attachment.icon .smallIcon.excel { background-image: url("/img/v/8.28.4/icon/xls.png"); } .block.attachment.icon .smallIcon.powerpoint { background-image: url("/img/v/8.28.4/icon/ppt.png"); } .block.attachment.icon .smallIcon.img { background-image: url("/img/v/8.28.4/icon/image.png"); } .block.attachment.icon .smallIcon.audio { background-image: url("/img/v/8.28.4/icon/audio.png"); } .block.attachment.icon .smallIcon.rss { background-image: url("/img/v/8.28.4/icon/rss-sidebar.png"); } .block.attachment.icon .smallIcon.zip { background-image: url("/img/v/8.28.4/icon/zip.png"); } .block.attachment.icon .smallIcon.tar { background-image: url("/img/v/8.28.4/icon/tar.png"); } .block.attachment.icon .smallIcon.gzip { background-image: url("/img/v/8.28.4/icon/gzip.png"); } .block.attachment.icon .smallIcon.mathematica { background-image: url("/img/v/8.28.4/icon/mathematica.png"); } .block.attachment.icon .smallIcon.matlab { background-image: url("/img/v/8.28.4/icon/matlab.png"); } .block.attachment.icon .smallIcon.flash { background-image: url("/img/v/8.28.4/icon/flash.png"); } .block.attachment.icon .smallIcon.css { background-image: url("/img/v/8.28.4/icon/css.png"); } .block.attachment.extended { display: block; margin: 10px 0; overflow: hidden; padding: 0; vertical-align: top; } .block.attachment.extended .basic { max-width: 55%; display: inline-block; vertical-align: top; } .block.attachment.extended .basic img { max-width: 80px; } .block.attachment.extended .basic a { font-weight: bold; } .block.attachment.extended .more { border-left: 1px dotted #b9bbbd; padding-left: 10px; margin-left: 10px; width: 40%; display: inline-block; vertical-align: top; float: right; font-style: italic; } .block.attachment.extended .more .label { font-weight: bold; } .block.calendar { padding: 0px 0px 10px 0px; margin: 0px; display: block; overflow: hidden; max-width: 100%; } .block.calendar h3 { font-size: 16px; font-size: 1.6rem; color: #ffffff; font-weight: bold; padding: 0px 10px 0px 10px; margin: 0px; background: #b0c92b; padding: 5px; line-height: 21px; } .block.calendar .listing { padding: 0px; margin: 0px; } .block.calendar .listing li .vevent { padding: 5px 0px 5px 0px; margin: 0px; } .block.calendar .listing li:last-child { border-bottom: none; } .block.calendar .listing li:first-child { padding-top: 0px; margin-top: 0px; } .block.calendar .listing .odd { list-style: none; padding-left: 0px; margin-left: 0px; border-bottom: 1px solid #b9bbbd; } .block.calendar .listing .even { list-style: none; padding-left: 0px; margin-left: 0px; border-bottom: 1px solid #b9bbbd; } .block.calendar .listing .empty { padding: 5px 0; } .block.calendar .calendarDepartment { padding-top: 10px; padding-left: 10px; } .block.calendar .topic { padding: 5px 0px 0px 0px; margin: 0px; font-size: 13.5px; font-size: 1.35rem; color: #98ad29; font-weight: normal; line-height: auto; text-transform: uppercase; } .block.calendar .date.day { font-size: 28px; font-size: 2.8rem; font-family: 'Georgia Regular', 'Georgia', 'garamond pro', garamond, 'times new roman', times, serif, 'droid sans'; color: #111111; } .block.calendar .date.month { font-size: 19px; font-size: 1.9rem; font-family: 'Georgia Regular', 'Georgia', 'garamond pro', garamond, 'times new roman', times, serif, 'droid sans'; color: #111111; display: inline; } .block.calendar .date.startDay { text-transform: capitalize; } .block.calendar .calendarContent { padding: 2px 0; } .article .paragraphs .block.calendar h3 { color: #ffffff; } .articleWrapper .article .paragraphs .blockAlign.floatRight .block.calendar { width: 210px; } .articleWrapper .article .paragraphs .blockAlign.floatLeft .block.teaser { width: 210px; } .block.list.group .block.calendar h3 { padding: 5px; margin: 0px; } .block.categorySearch { padding: 0px; margin: 0px; overflow: hidden; } .block.categorySearch .buttons { padding: 10px 0px 10px 0px; margin: 0px; } .block.categorySearch .searchResults { padding: 0px 0px 10px 0px; margin: 0px; margin-top: 10px; border-top: 5px solid #111111; border-bottom: 1px solid #b9bbbd; } .block.categorySearch .searchResults h4 { font-size: 16px; font-size: 1.6rem; font-family: 'Georgia Regular', 'Georgia', 'garamond pro', garamond, 'times new roman', times, serif, 'droid sans'; color: #111111; border-bottom: 1px solid #111111; line-height: 24px; padding-left: 10px; margin: 0px; padding-top: 1px; padding-bottom: 0; } .block.categorySearch .searchResults .searchResultsListing { padding: 10px 10px 0px 10px; margin: 0px; } .block.categorySearch .searchResults .searchResultsListing .searchResult { padding: 0px 0px 10px 0px; margin: 0px; border-bottom: 1px dotted #b9bbbd; } .block.categorySearch .searchResults .searchResultsListing .searchResult h2 { padding: 10px 0px 0px 0px; margin: 0px; width: 590px; font-family: Arial, 'Helvetica Neue', helvetica, sans-serif; font-weight: normal; } .block.categorySearch .searchResults .searchResultsListing .searchResult h2 a { color: #24a0d8; } .block.categorySearch .searchResults .searchResultsListing .searchResult:last-child { border-bottom: none; } .block.columnSplitter { padding: 0px; margin: 0px; overflow: hidden; max-width: 100%; } .block.columnSplitter .columns { padding: 0px; margin: 0px; overflow: hidden; } .block.columnSplitter .columns .column .columnInner .columnItemSeparator { padding: 9px 0px 10px 0px; margin: 0px; clear: both; } .block.columnSplitter .columns .column .columnInner .columnItemSeparator .columnItemSeparatorInner { height: 1px; display: block; } .block.columnSplitter .columnSplitter .columns { padding: 0px; margin: 0px; overflow: hidden; } .block.columnSplitter .columnSplitter .columns .column.column1 .columnInner { padding-left: 0px; } .block.columnSplitter .column1Inner { padding: 0px; margin: 0px; } .block.columnSplitter .column2Inner { padding: 0px; margin: 0px; } .block.columnSplitter .column2Inner { padding: 0px; margin: 0px; } .block.columnSplitter .column3Inner { padding: 0px; margin: 0px; } .block.columnSplitter.using1columns .column1 { width: 100%; } .block.columnSplitter.using2columns .columns .column.column1 { float: left; width: 50%; } .block.columnSplitter.using2columns .columns .column.column1 .columnInner { overflow: hidden; padding-right: 10px; } .block.columnSplitter.using2columns .columns .column.column2 { width: 50%; float: left; } .block.columnSplitter.using2columns .columns .column.column2 .columnInner { overflow: hidden; padding-left: 10px; } .block.columnSplitter.using2columns-quarter .columns .column.column1 { float: left; width: 25%; } .block.columnSplitter.using2columns-quarter .columns .column.column1 .columnInner { overflow: hidden; padding-right: 10px; } .block.columnSplitter.using2columns-quarter .columns .column.column2 { width: 75%; float: left; } .block.columnSplitter.using2columns-quarter .columns .column.column2 .columnInner { overflow: hidden; padding-left: 10px; } .block.columnSplitter.using2columns-narrow .columns .column.column1 { float: left; width: 33%; } .block.columnSplitter.using2columns-narrow .columns .column.column1 .columnInner { overflow: hidden; padding-right: 10px; } .block.columnSplitter.using2columns-narrow .columns .column.column2 { width: 67%; float: left; } .block.columnSplitter.using2columns-narrow .columns .column.column2 .columnInner { overflow: hidden; padding-left: 10px; } .block.columnSplitter.using2columns-medium .columns .column.column1 { float: left; width: 50%; } .block.columnSplitter.using2columns-medium .columns .column.column1 .columnInner { overflow: hidden; padding-right: 10px; } .block.columnSplitter.using2columns-medium .columns .column.column2 { width: 50%; float: left; } .block.columnSplitter.using2columns-medium .columns .column.column2 .columnInner { overflow: hidden; padding-left: 10px; } .block.columnSplitter.using2columns-wide .columns .column.column1 { float: left; width: 66%; } .block.columnSplitter.using2columns-wide .columns .column.column1 .columnInner { overflow: hidden; padding-right: 10px; } .block.columnSplitter.using2columns-wide .columns .column.column2 { width: 34%; float: left; } .block.columnSplitter.using2columns-wide .columns .column.column2 .columnInner { overflow: hidden; padding-left: 10px; } .block.columnSplitter.using2columns-big .columns .column.column1 { float: left; width: 75%; } .block.columnSplitter.using2columns-big .columns .column.column1 .columnInner { overflow: hidden; padding-right: 10px; } .block.columnSplitter.using2columns-big .columns .column.column2 { width: 25%; float: left; } .block.columnSplitter.using2columns-big .columns .column.column2 .columnInner { overflow: hidden; padding-left: 10px; } .block.columnSplitter.using3columns .columns .column.column1 { float: left; width: 33.33333333%; } .block.columnSplitter.using3columns .columns .column.column1 .columnInner { overflow: hidden; padding-right: 13px; } .block.columnSplitter.using3columns .columns .column.column2 { width: 33.33333333%; float: left; } .block.columnSplitter.using3columns .columns .column.column2 .columnInner { overflow: hidden; padding-left: 7px; padding-right: 6px; } .block.columnSplitter.using3columns .columns .column.column3 { width: 33.33333333%; float: left; } .block.columnSplitter.using3columns .columns .column.column3 .columnInner { overflow: hidden; padding-left: 13px; } .block.columnSplitter.using3columns-quarter .columns .column.column1 { float: left; width: 25%; } .block.columnSplitter.using3columns-quarter .columns .column.column1 .columnInner { overflow: hidden; padding-right: 13px; } .block.columnSplitter.using3columns-quarter .columns .column.column2 { width: 37.5%; float: left; } .block.columnSplitter.using3columns-quarter .columns .column.column2 .columnInner { overflow: hidden; padding-left: 7px; padding-right: 6px; } .block.columnSplitter.using3columns-quarter .columns .column.column3 { width: 37.5%; float: left; } .block.columnSplitter.using3columns-quarter .columns .column.column3 .columnInner { overflow: hidden; padding-left: 13px; } .block.columnSplitter.using3columns-narrow .columns .column.column1 { float: left; width: 33%; } .block.columnSplitter.using3columns-narrow .columns .column.column1 .columnInner { overflow: hidden; padding-right: 13px; } .block.columnSplitter.using3columns-narrow .columns .column.column2 { width: 33.5%; float: left; } .block.columnSplitter.using3columns-narrow .columns .column.column2 .columnInner { overflow: hidden; padding-left: 7px; padding-right: 6px; } .block.columnSplitter.using3columns-narrow .columns .column.column3 { width: 33.5%; float: left; } .block.columnSplitter.using3columns-narrow .columns .column.column3 .columnInner { overflow: hidden; padding-left: 13px; } .block.columnSplitter.using3columns-medium .columns .column.column1 { float: left; width: 50%; } .block.columnSplitter.using3columns-medium .columns .column.column1 .columnInner { overflow: hidden; padding-right: 13px; } .block.columnSplitter.using3columns-medium .columns .column.column2 { width: 25%; float: left; } .block.columnSplitter.using3columns-medium .columns .column.column2 .columnInner { overflow: hidden; padding-left: 7px; padding-right: 6px; } .block.columnSplitter.using3columns-medium .columns .column.column3 { width: 25%; float: left; } .block.columnSplitter.using3columns-medium .columns .column.column3 .columnInner { overflow: hidden; padding-left: 13px; } .block.columnSplitter.using3columns-wide .columns .column.column1 { float: left; width: 66%; } .block.columnSplitter.using3columns-wide .columns .column.column1 .columnInner { overflow: hidden; padding-right: 13px; } .block.columnSplitter.using3columns-wide .columns .column.column2 { width: 17%; float: left; } .block.columnSplitter.using3columns-wide .columns .column.column2 .columnInner { overflow: hidden; padding-left: 7px; padding-right: 6px; } .block.columnSplitter.using3columns-wide .columns .column.column3 { width: 17%; float: left; } .block.columnSplitter.using3columns-wide .columns .column.column3 .columnInner { overflow: hidden; padding-left: 13px; } .block.columnSplitter.using3columns-big .columns .column.column1 { float: left; width: 75%; } .block.columnSplitter.using3columns-big .columns .column.column1 .columnInner { overflow: hidden; padding-right: 13px; } .block.columnSplitter.using3columns-big .columns .column.column2 { width: 12.5%; float: left; } .block.columnSplitter.using3columns-big .columns .column.column2 .columnInner { overflow: hidden; padding-left: 7px; padding-right: 6px; } .block.columnSplitter.using3columns-big .columns .column.column3 { width: 12.5%; float: left; } .block.columnSplitter.using3columns-big .columns .column.column3 .columnInner { overflow: hidden; padding-left: 13px; } .block.columnSplitter.using4columns .columns .column.column1 { float: left; width: 25%; } .block.columnSplitter.using4columns .columns .column.column1 .columnInner { overflow: hidden; padding-right: 15px; } .block.columnSplitter.using4columns .columns .column.column2 { width: 25%; float: left; } .block.columnSplitter.using4columns .columns .column.column2 .columnInner { overflow: hidden; padding-left: 5px; padding-right: 10px; } .block.columnSplitter.using4columns .columns .column.column3 { width: 25%; float: left; } .block.columnSplitter.using4columns .columns .column.column3 .columnInner { overflow: hidden; padding-left: 10px; padding-right: 5px; } .block.columnSplitter.using4columns .columns .column.column4 { width: 25%; float: left; } .block.columnSplitter.using4columns .columns .column.column4 .columnInner { overflow: hidden; padding-left: 15px; } .block.columnSplitter.using4columns-quarter .columns .column.column1 { float: left; width: 25%; } .block.columnSplitter.using4columns-quarter .columns .column.column1 .columnInner { overflow: hidden; padding-right: 15px; } .block.columnSplitter.using4columns-quarter .columns .column.column2 { width: 25%; float: left; } .block.columnSplitter.using4columns-quarter .columns .column.column2 .columnInner { overflow: hidden; padding-left: 5px; padding-right: 10px; } .block.columnSplitter.using4columns-quarter .columns .column.column3 { width: 25%; float: left; } .block.columnSplitter.using4columns-quarter .columns .column.column3 .columnInner { overflow: hidden; padding-left: 10px; padding-right: 5px; } .block.columnSplitter.using4columns-quarter .columns .column.column4 { width: 25%; float: left; } .block.columnSplitter.using4columns-quarter .columns .column.column4 .columnInner { overflow: hidden; padding-left: 15px; } .block.columnSplitter.using4columns-narrow .columns .column.column1 { float: left; width: 33%; } .block.columnSplitter.using4columns-narrow .columns .column.column1 .columnInner { overflow: hidden; padding-right: 15px; } .block.columnSplitter.using4columns-narrow .columns .column.column2 { width: 22.33333333%; float: left; } .block.columnSplitter.using4columns-narrow .columns .column.column2 .columnInner { overflow: hidden; padding-left: 5px; padding-right: 10px; } .block.columnSplitter.using4columns-narrow .columns .column.column3 { width: 22.33333333%; float: left; } .block.columnSplitter.using4columns-narrow .columns .column.column3 .columnInner { overflow: hidden; padding-left: 10px; padding-right: 5px; } .block.columnSplitter.using4columns-narrow .columns .column.column4 { width: 22.33333333%; float: left; } .block.columnSplitter.using4columns-narrow .columns .column.column4 .columnInner { overflow: hidden; padding-left: 15px; } .block.columnSplitter.using4columns-medium .columns .column.column1 { float: left; width: 50%; } .block.columnSplitter.using4columns-medium .columns .column.column1 .columnInner { overflow: hidden; padding-right: 15px; } .block.columnSplitter.using4columns-medium .columns .column.column2 { width: 16.66666667%; float: left; } .block.columnSplitter.using4columns-medium .columns .column.column2 .columnInner { overflow: hidden; padding-left: 5px; padding-right: 10px; } .block.columnSplitter.using4columns-medium .columns .column.column3 { width: 16.66666667%; float: left; } .block.columnSplitter.using4columns-medium .columns .column.column3 .columnInner { overflow: hidden; padding-left: 10px; padding-right: 5px; } .block.columnSplitter.using4columns-medium .columns .column.column4 { width: 16.66666667%; float: left; } .block.columnSplitter.using4columns-medium .columns .column.column4 .columnInner { overflow: hidden; padding-left: 15px; } .block.columnSplitter.using4columns-wide .columns .column.column1 { float: left; width: 66%; } .block.columnSplitter.using4columns-wide .columns .column.column1 .columnInner { overflow: hidden; padding-right: 15px; } .block.columnSplitter.using4columns-wide .columns .column.column2 { width: 11.33333333%; float: left; } .block.columnSplitter.using4columns-wide .columns .column.column2 .columnInner { overflow: hidden; padding-left: 5px; padding-right: 10px; } .block.columnSplitter.using4columns-wide .columns .column.column3 { width: 11.33333333%; float: left; } .block.columnSplitter.using4columns-wide .columns .column.column3 .columnInner { overflow: hidden; padding-left: 10px; padding-right: 5px; } .block.columnSplitter.using4columns-wide .columns .column.column4 { width: 11.33333333%; float: left; } .block.columnSplitter.using4columns-wide .columns .column.column4 .columnInner { overflow: hidden; padding-left: 15px; } .block.columnSplitter.using4columns-big .columns .column.column1 { float: left; width: 75%; } .block.columnSplitter.using4columns-big .columns .column.column1 .columnInner { overflow: hidden; padding-right: 15px; } .block.columnSplitter.using4columns-big .columns .column.column2 { width: 8.33333333%; float: left; } .block.columnSplitter.using4columns-big .columns .column.column2 .columnInner { overflow: hidden; padding-left: 5px; padding-right: 10px; } .block.columnSplitter.using4columns-big .columns .column.column3 { width: 8.33333333%; float: left; } .block.columnSplitter.using4columns-big .columns .column.column3 .columnInner { overflow: hidden; padding-left: 10px; padding-right: 5px; } .block.columnSplitter.using4columns-big .columns .column.column4 { width: 8.33333333%; float: left; } .block.columnSplitter.using4columns-big .columns .column.column4 .columnInner { overflow: hidden; padding-left: 15px; } .block.megaMenu .menu .item .menuItemContent .megaMenuBody .megaMenuBodyInner .block.columnSplitter.using1columns { padding: 0px; margin: 0px; } .block.megaMenu .menu .item .menuItemContent .megaMenuBody .megaMenuBodyInner .block.columnSplitter.using1columns .column1 .columnInner { padding: 10px; margin: 0px; } .block.megaMenu .menu .item .menuItemContent .megaMenuBody .megaMenuBodyInner .block.columnSplitter.using2columns { padding: 0px; margin: 0px; } .block.megaMenu .menu .item .menuItemContent .megaMenuBody .megaMenuBodyInner .block.columnSplitter.using2columns .column1 .columnInner { padding: 10px; margin: 0px; } .block.megaMenu .menu .item .menuItemContent .megaMenuBody .megaMenuBodyInner .block.columnSplitter.using2columns .column2 .columnInner { padding: 10px; margin: 0px; } .block.megaMenu .menu .item .menuItemContent .megaMenuBody .megaMenuBodyInner .block.columnSplitter.using3columns { padding: 0px; margin: 0px; } .block.megaMenu .menu .item .menuItemContent .megaMenuBody .megaMenuBodyInner .block.columnSplitter.using3columns .columns .column1 .columnInner { padding: 10px; margin: 0px; } .block.megaMenu .menu .item .menuItemContent .megaMenuBody .megaMenuBodyInner .block.columnSplitter.using3columns .columns .column2 .columnInner { padding: 10px; margin: 0px; } .block.megaMenu .menu .item .menuItemContent .megaMenuBody .megaMenuBodyInner .block.columnSplitter.using3columns .columns .column3 { padding: 0px; margin: 0px; } .block.megaMenu .menu .item .menuItemContent .megaMenuBody .megaMenuBodyInner .block.columnSplitter.using3columns .columns .column3 .columnInner { padding: 10px; margin: 0px; } .block.megaMenu .menu .item .menuItemContent .megaMenuBody .megaMenuBodyInner .block.columnSplitter.using4columns { padding: 0px; margin: 0px; } .block.megaMenu .menu .item .menuItemContent .megaMenuBody .megaMenuBodyInner .block.columnSplitter.using4columns .columns .column1 .columnInner { padding: 10px; margin: 0px; } .block.megaMenu .menu .item .menuItemContent .megaMenuBody .megaMenuBodyInner .block.columnSplitter.using4columns .columns .column2 .columnInner { padding: 10px; margin: 0px; } .block.megaMenu .menu .item .menuItemContent .megaMenuBody .megaMenuBodyInner .block.columnSplitter.using4columns .columns .column3 .columnInner { padding: 10px; margin: 0px; } .block.megaMenu .menu .item .menuItemContent .megaMenuBody .megaMenuBodyInner .block.columnSplitter.using4columns .columns .column4 { padding: 0px; margin: 0px; } .block.megaMenu .menu .item .menuItemContent .megaMenuBody .megaMenuBodyInner .block.columnSplitter.using4columns .columns .column4 .columnInner { padding: 10px; margin: 0px; } .block.megaMenu .menu .item .menuItemContent .megaMenuBody .megaMenuBodyInner .block.columnSplitter.using4columns .columns .column4 .columnInner .columnItemSeparator { padding: 19px 0px 20px 0px; } .block.megaMenu .menu .item .menuItemContent .megaMenuBody .megaMenuBodyInner .block.columnSplitter.using4columns .columns .column4 .columnInner .columnItemSeparator .columnItemSeparatorInner { margin-left: -20px; margin-right: -20px; border-bottom: solid 1px #b9bbbd; } @media only screen and (max-width: 976px) { #page .content .mainBlocks .primaryBlocks .primaryBlocksInner .block.columnSplitter.using2columns .columns .column.column2 { width: 80%; width: calc(100% - 220px); float: left; } #page .content.withMenu .mainBlocks.hasSecondaryBlocks .primaryBlocks .primaryBlocksInner .block.columnSplitter.using2columns .columns .column.column2 { width: 50%; } } @media only screen and (max-width: 850px) { .block.columnSplitter.using4columns .column.column1 { width: 50%; } .block.columnSplitter.using4columns .column.column1 .columnInner { padding: 0px 10px 0px 0px; margin: 0px; } .block.columnSplitter.using4columns .column.column2 { width: 50%; } .block.columnSplitter.using4columns .column.column2 .columnInner { padding: 0px 0px 0px 10px; margin: 0px; } .block.columnSplitter.using4columns .column.column3 { clear: left; padding: 10px 0px 0px 0px; margin: 0px; width: 50%; } .block.columnSplitter.using4columns .column.column3 .columnInner { padding: 0px 10px 0px 0px; margin: 0px; } .block.columnSplitter.using4columns .column.column4 { padding: 10px 0px 0px 0px; margin: 0px; width: 50%; } .block.columnSplitter.using4columns .column.column4 .columnInner { padding: 0px 0px 0px 10px; margin: 0px; } .block.columnSplitter.using4columns .columns .column.column1 { width: 50%; } .block.columnSplitter.using4columns .columns .column.column1 .columnInner { padding: 0px 10px 0px 0px; margin: 0px; } .block.columnSplitter.using4columns .columns .column.column2 { width: 50%; } .block.columnSplitter.using4columns .columns .column.column2 .columnInner { padding: 0px 0px 0px 10px; margin: 0px; } .block.columnSplitter.using4columns .columns .column.column3 { clear: left; padding: 10px 0px 0px 0px; margin: 0px; width: 50%; } .block.columnSplitter.using4columns .columns .column.column3 .columnInner { padding: 0px 10px 0px 0px; margin: 0px; } .block.columnSplitter.using4columns .columns .column.column4 { padding: 10px 0px 0px 0px; margin: 0px; width: 50%; } .block.columnSplitter.using4columns .columns .column.column4 .columnInner { padding: 0px 0px 0px 10px; margin: 0px; } .block.columnSplitter.using3columns .column.column1 { width: 100%; } .block.columnSplitter.using3columns .column.column1 .columnInner { padding: 0px 0px 10px 0px; margin: 0px; } .block.columnSplitter.using3columns .column.column2 { padding: 0px; margin: 0px; width: 50%; } .block.columnSplitter.using3columns .column.column2 .columnInner { padding: 0px 10px 0px 0px; margin: 0px; } .block.columnSplitter.using3columns .column.column3 { padding: 0px; margin: 0px; width: 50%; } .block.columnSplitter.using3columns .column.column3 .columnInner { padding: 0px 0px 0px 10px; margin: 0px; } .block.megaMenu .menu .item .menuItemContent .megaMenuBody .megaMenuBodyInner .block.columnSplitter.using3columns { padding: 0px; margin: 0px; } .block.megaMenu .menu .item .menuItemContent .megaMenuBody .megaMenuBodyInner .block.columnSplitter.using3columns .columns .column1 { width: 50%; } .block.megaMenu .menu .item .menuItemContent .megaMenuBody .megaMenuBodyInner .block.columnSplitter.using3columns .columns .column2 { width: 50%; } .block.megaMenu .menu .item .menuItemContent .megaMenuBody .megaMenuBodyInner .block.columnSplitter.using3columns .columns .column3 { padding: 0px; margin: 0px; width: 100%; clear: both; display: block; border-left: non; } .block.megaMenu .menu .item .menuItemContent .megaMenuBody .megaMenuBodyInner .block.columnSplitter.using4columns { padding: 0px; margin: 0px; } .block.megaMenu .menu .item .menuItemContent .megaMenuBody .megaMenuBodyInner .block.columnSplitter.using4columns .columns .column1 { width: 50%; } .block.megaMenu .menu .item .menuItemContent .megaMenuBody .megaMenuBodyInner .block.columnSplitter.using4columns .columns .column2 { width: 50%; } .block.megaMenu .menu .item .menuItemContent .megaMenuBody .megaMenuBodyInner .block.columnSplitter.using4columns .columns .column3 { width: 50%; } .block.megaMenu .menu .item .menuItemContent .megaMenuBody .megaMenuBodyInner .block.columnSplitter.using4columns .columns .column4 { width: 50%; border-left: none; } } @media only screen and (max-width: 350px) { .block.columnSplitter.using2columns .column.column1 { width: 100%; } .block.columnSplitter.using2columns .column.column1 .columnInner { padding: 0px; margin: 0px; } .block.columnSplitter.using2columns .column.column2 { width: 100%; } .block.columnSplitter.using2columns .column.column2 .columnInner { padding: 0px; margin: 0px; } .block.columnSplitter.using3columns .column.column1 { width: 100%; } .block.columnSplitter.using3columns .column.column1 .columnInner { padding: 0px; margin: 0px; } .block.columnSplitter.using3columns .column.column2 { width: 100%; } .block.columnSplitter.using3columns .column.column2 .columnInner { padding: 0px; margin: 0px; } .block.columnSplitter.using3columns .column.column3 { width: 100%; } .block.columnSplitter.using3columns .column.column3 .columnInner { padding: 0px; margin: 0px; } .block.columnSplitter.using4columns .column.column1 { width: 100%; } .block.columnSplitter.using4columns .column.column1 .columnInner { padding: 0px; margin: 0px; } .block.columnSplitter.using4columns .column.column2 { width: 100%; } .block.columnSplitter.using4columns .column.column2 .columnInner { padding: 10px 0px 0px 0px; margin: 0px; } .block.columnSplitter.using4columns .column.column3 { width: 100%; } .block.columnSplitter.using4columns .column.column3 .columnInner { padding: 10px 0px 0px 0px; margin: 0px; } .block.columnSplitter.using4columns .column.column4 { width: 100%; } .block.columnSplitter.using4columns .column.column4 .columnInner { padding: 10px 0px 0px 0px; margin: 0px; } .block.columnSplitter.using4columns .columns .column.column1 { width: 100%; } .block.columnSplitter.using4columns .columns .column.column1 .columnInner { padding: 0px; margin: 0px; } .block.columnSplitter.using4columns .columns .column.column2 { width: 100%; } .block.columnSplitter.using4columns .columns .column.column2 .columnInner { padding: 10px 0px 0px 0px; margin: 0px; } .block.columnSplitter.using4columns .columns .column.column3 { width: 100%; } .block.columnSplitter.using4columns .columns .column.column3 .columnInner { padding: 10px 0px 0px 0px; margin: 0px; } .block.columnSplitter.using4columns .columns .column.column4 { width: 100%; } .block.columnSplitter.using4columns .columns .column.column4 .columnInner { padding: 10px 0px 0px 0px; margin: 0px; } #page .content .mainBlocks .primaryBlocks .primaryBlocksInner .block.columnSplitter.using2columns .columns { background: none; } #page .content .mainBlocks .primaryBlocks .primaryBlocksInner .block.columnSplitter.using2columns .columns .column.column1 { padding: 0px 0px 10px 0px; margin: 0px; width: 100%; } #page .content .mainBlocks .primaryBlocks .primaryBlocksInner .block.columnSplitter.using2columns .columns .column.column2 { width: 100%; } } .block.contactInfo { padding: 0px; margin: 0px; vertical-align: top; overflow: hidden; margin: 10px 0; } .block.contactInfo img { max-height: 63px; width: auto; float: left; margin-right: 20px; } .block.contactInfo .mainLink { padding: 10px 0px 0px 0px; margin: 0px; } .block.contactInfo .mainLink .arrow { padding-right: 11px; background: transparent url("/img/v/8.28.4/icon/gray-arrow.svg") 0 5px no-repeat; } .block.contactInfo .url { color: #000000; } .block.contactInfo .url.profile { color: #24a0d8; } .block.contactInfo .url:hover { text-decoration: none; } .block.contactInfo .name { font-weight: bold; } .block.contactInfo .jobTitle { font-style: italic; } .block.contactInfo .email { display: block; } .block.contactInfo .telephone { display: block; } .block.contactInfo .roomNumber { margin-top: 10px; } .block.contactInfo .longitude { display: none; } .block.contactInfo .latitude { display: none; } .block.contactInfo .row { display: block; } .block.contactInfo .basic { max-width: 55%; display: inline-block; vertical-align: top; } .block.contactInfo .basic img { max-height: 105px; } .block.contactInfo .basic .info-wrapper { display: inline; } .block.contactInfo .more { border-left: 1px dotted #b9bbbd; padding-left: 10px; margin-left: 10px; width: 40%; display: inline-block; vertical-align: top; float: right; } .block.contactInfo.address .basic { width: 100%; margin-bottom: 10px; } .block.contactInfo.address .more { width: 100%; } .block.contactInfo span.email.telephone { display: block; } .block.contactInfo span.email.telephone .row { display: inline; } #footer .block.contactInfo { color: #ffffff; } #footer .block.contactInfo .basic { max-width: 100%; } #footer .block.contactInfo .more { max-width: 100%; } #footer .block.contactInfo a { color: #ffffff; } #footer .block.contactInfo a:visited { color: #ffffff; } #footer .block.contactInfo .url { color: #ffffff; } #footer .block.contactInfo .url .name { color: #ffffff; } .columnSplitter .block.contactInfo div.more { border-left: none; padding-left: 0; margin-top: 5px; margin-left: 0; width: 100%; } #secondaryBlocks .block.contactInfo div.more { border-left: none; padding-left: 0; margin-top: 5px; margin-left: 0; width: 100%; } .blockAlign.floatRight .block.contactInfo div.more, .blockAlign.floatLeft .block.contactInfo div.more { border-left: none; padding-left: 0; margin-top: 5px; margin-left: 0; width: 100%; } @media only screen and (max-width: 480px) { .block.contactInfo .basic { max-width: 100%; width: 100%; } .block.contactInfo .more { border-bottom: 1px dotted #b9bbbd; padding-top: 10px; margin-top: 10px; padding-bottom: 10px; margin-bottom: 10px; max-width: 100%; width: 100%; border-left: 0px; padding-left: 0; margin-left: 0; } } .block.figure { padding: 0px; margin: 0px; max-width: 100%; display: block; line-height: 0px; overflow: hidden; } .block.figure.mainLogo .imageWrapper img { width: auto; height: auto; max-height: 70px; } .block.figure .imageWrapper { background: transparent; display: inline-block; text-align: left; } .block.figure .imageWrapper a img { border: 0; width: 100%; height: 100%; -ms-interpolation-mode: bicubic; } .block.figure .imageWrapper img { border: 0; width: 100%; height: auto; vertical-align: bottom; -ms-interpolation-mode: bicubic; } .block.figure .imageWrapper .footer { padding: 5px 0px 5px 0px; margin: 0px; border-bottom: 1px solid #e3e5e3; line-height: 21px; font-style: italic; } .block.figure .imageWrapper .footer .footerInner { overflow: hidden; } .block.figure .imageWrapper .footer .footerInner .title { float: left; clear: both; } .block.figure .imageWrapper .footer .footerInner .source { float: left; clear: both; } .header .primaryHeader .block.figure { float: none; vertical-align: middle; display: inline-block; } .article.standard.news .preArticleParagraphs .media .block.figure .imageWrapper .footer { border: none; } .block.gallery .block.figure { width: 100%; } .block.gallery .block.figure .imageWrapper { width: 100%; } .block.gallery .slides_container .slides_control .slide .block.figure .imageWrapper .footer { padding: 5px 0 15px 0; } .block.teaser .paragraphs .block.figure { padding: 0px 0px 10px 0px; margin: 0px; } @media only screen and (max-width: 976px) { .newsDepartment .block.figure .imageWrapper { width: 100%; } } @media only screen and (max-width: 480px) { .block.figure.mainLogo .imageWrapper img { max-height: 40px; } .block.figure.mainLogo .imageWrapper img a { max-height: 40px; } } .block.flash { padding: 0px; margin: 0px; overflow: hidden; } .article.standard.news .preArticleParagraphs .media .block.flash .content .footer { border: none; } .block.separator { height: 1px; } .block.separator.gray { background-color: #b9bbbd; } .block.separator.white { background-color: #ffffff; } .block.separator.black { background-color: #111111; } .block.separator.dashedBlack { background-color: #ffffff; border-bottom: 1px dashed #111111; } .block.separator.dotted { background-color: transparent; border-bottom: 1px dotted #b9bbbd; } .block.separator.space { background-color: transparent; height: 10px; } .block.separator h2 { color: #111111; line-height: 21px; } nav .standardNavigation ul li.node.standardNavigationIncludeInfo { background: transparent; padding: 10px 0 3px 38px; } .block.separator.label { height: 100%; } div.block.separator.label h2 { font-size: 13.5px; font-size: 1.35rem; color: #98ad29; font-weight: normal; line-height: auto; text-transform: uppercase; padding: 0; margin: 0; } .header .block.separator { width: 100%; padding: 0px; margin: 20px 0px 20px 0px; } .paragraphs .block.separator { max-width: 100%; overflow: hidden; } .listTextColorLight .block.list.dottedBorder { border-color: #ffffff; } .listTextColorLight .block.list.links ul li .arrow { background-image: url("/img/v/8.28.4/icon/white-arrow.svg"); } .listTextColorLight .block.list.links ul li a { color: #ffffff; } .block.list { padding: 0px; margin: 0px; overflow: hidden; } .block.list ul { padding: 0px; margin: 0px; } .block.list ul li { list-style: none; padding-bottom: 5px; } .block.list ul li:last-child { padding-bottom: 0px; } .block.list.links h3 { padding: 0px 0px 10px 0px; margin: 0px; font-size: 16px; font-size: 1.6rem; color: #111111; font-weight: bold; line-height: auto; } .block.list.dottedBorder { padding: 10px; margin: 0px; border: 1px dotted #b9bbbd; } .block.list.dottedBorder h3 { margin: 0px; } .block.list.labelHeader h3 { color: #ffffff; background-color: #b0c92b; padding: 5px; margin: 0 0 10px 0; } #header .block.list.links h3 { padding-left: 5px; padding-right: 5px; } #header .block.list.links ul li { padding: 0px; margin: 0px; display: inline-block; border-bottom: 1px dotted #b9bbbd; line-height: 21px; width: 100%; } #header .block.list.links ul li:first-child { border-top: 1px dotted #b9bbbd; } #header .block.list.links ul li .arrow { display: none; } #header .block.list.links ul li a { padding: 3px 0 3px 15px; display: block; background: transparent url("/img/v/8.28.4/icon/gray-arrow.svg") 5px 10.5px no-repeat; padding-left: 15px; } #header .block.list.links ul li a:hover { text-decoration: none; background-color: #f7f7f7; } #footer .block.list h3 { color: #ffffff; padding-left: 5px; padding-right: 5px; } #footer .block.list ul li { padding: 0px; margin: 0px; display: inline-block; border-bottom: 1px dotted #b9bbbd; line-height: 21px; width: 100%; } #footer .block.list ul li:first-child { border-top: 1px dotted #b9bbbd; } #footer .block.list ul li .arrow { display: none; } #footer .block.list ul li a { display: block; padding: 3px 0 3px 15px; background: transparent url("/img/v/8.28.4/icon/white-arrow.svg") 5px 10.5px no-repeat; padding-left: 15px; color: #ffffff; } #footer .block.list ul li a:hover { text-decoration: none; background-color: #5e5e64; } .teaser.color.blue .block.list.dottedBorder { border-color: #ffffff; } .teaser.color.blue .block.list.links ul li .arrow { background-image: url("/img/v/8.28.4/icon/white-arrow.svg"); } .teaser.color.blue .block.list.links ul li a { color: #ffffff; } .teaser.color.red .block.list.dottedBorder { border-color: #ffffff; } .teaser.color.red .block.list.links ul li .arrow { background-image: url("/img/v/8.28.4/icon/white-arrow.svg"); } .teaser.color.red .block.list.links ul li a { color: #ffffff; } .teaser.color.yellow .block.list.dottedBorder { border-color: #ffffff; } .teaser.color.yellow .block.list.links ul li .arrow { background-image: url("/img/v/8.28.4/icon/white-arrow.svg"); } .teaser.color.yellow .block.list.links ul li a { color: #ffffff; } .teaser.color.pink .block.list.dottedBorder { border-color: #ffffff; } .teaser.color.pink .block.list.links ul li .arrow { background-image: url("/img/v/8.28.4/icon/white-arrow.svg"); } .teaser.color.pink .block.list.links ul li a { color: #ffffff; } .teaser.color.green .block.list.dottedBorder { border-color: #ffffff; } .teaser.color.green .block.list.links ul li .arrow { background-image: url("/img/v/8.28.4/icon/white-arrow.svg"); } .teaser.color.green .block.list.links ul li a { color: #ffffff; } .teaser.color.black .block.list.dottedBorder { border-color: #ffffff; } .teaser.color.black .block.list.links ul li .arrow { background-image: url("/img/v/8.28.4/icon/white-arrow.svg"); } .teaser.color.black .block.list.links ul li a { color: #ffffff; } .block.teaser .teaserText .teaserTextInner .paragraphs .block.list ul { list-style: none; padding-left: 0px; margin-left: 0px; } .block.teaser .teaserText .teaserTextInner .paragraphs .block.list ul li { list-style-type: none; padding: 0px 0px 5px 0px; margin: 0px; } .block.megaMenu .menu .item .menuItemContent .megaMenuBody .megaMenuBodyInner .block.columnSplitter .block.list ul li { padding: 5px 0px 5px 0px; margin: 0px; border-bottom: 1px solid #e3e5e3; } .block.list.accordion { padding: 0px; margin: 0px; border: 1px dotted #b9bbbd; padding: 3px 3px 0px 3px; width: auto; } .block.list.accordion h3.ui-accordion-header { padding: 0px; margin: 0px; font-size: 13.5px; font-size: 1.35rem; color: #111111; line-height: 21px; font-weight: normal; position: relative; outline: none; cursor: pointer; margin: 3px 0px; background-color: #f1f1f2; } .block.list.accordion h3.ui-accordion-header:first-child { margin-top: 0px; } .block.list.accordion h3.ui-accordion-header .ui-icon { line-height: 21px; position: absolute; width: 21px; height: 21px; padding-right: 10px; background: url("/img/v/8.28.4/accordion-expand-gray.png") no-repeat 5px 50% transparent; } .block.list.accordion h3.ui-accordion-header .ui-clickable { cursor: pointer; color: #24a0d8; margin-left: 20px; } .block.list.accordion h3.ui-accordion-header a { color: inherit; padding-left: 20px; display: inline-block; } .block.list.accordion h3.ui-accordion-header a:hover { text-decoration: none; } .block.list.accordion h3.ui-accordion-header.ui-state-active { cursor: default; color: #111111; background-color: #e3e5e3; } .block.list.accordion h3.ui-accordion-header.ui-state-active .ui-icon { background-image: url("/img/v/8.28.4/accordion-expanded-gray.png"); } .block.list.accordion h3.ui-accordion-header.ui-state-active:hover { color: #111111; } .block.list.accordion h3.ui-accordion-header.ui-state-hover { color: #24a0d8; } .block.list.accordion h3.ui-accordion-header:hover { color: #24a0d8; } .block.list.accordion .ui-widget-content { padding: 10px 0 10px 10px; margin: 0px; zoom: 1; overflow: auto; } .block.list.accordion .ui-widget-content:last-child { border: 0px; } .block.list.accordion .ui-widget-content .blockItemSeparator { padding: 5px 0px 5px 0px; margin: 0px; } .block.list.expandable { padding: 0px; margin: 0px; border: 1px dotted #b9bbbd; padding: 3px 3px 0px 3px; width: auto; } .block.list.expandable h3.ui-accordion-header { padding: 0px; margin: 0px; font-size: 13.5px; font-size: 1.35rem; color: #111111; line-height: 21px; font-weight: normal; position: relative; outline: none; cursor: pointer; margin: 3px 0px; background-color: #f1f1f2; } .block.list.expandable h3.ui-accordion-header:first-child { margin-top: 0px; } .block.list.expandable h3.ui-accordion-header .ui-icon { line-height: 21px; position: absolute; width: 21px; height: 21px; padding-right: 10px; background: url("/img/v/8.28.4/accordion-expand-gray.png") no-repeat 5px 50% transparent; } .block.list.expandable h3.ui-accordion-header .ui-clickable { cursor: pointer; color: #24a0d8; margin-left: 20px; } .block.list.expandable h3.ui-accordion-header a { color: inherit; padding-left: 20px; display: inline-block; } .block.list.expandable h3.ui-accordion-header a:hover { text-decoration: none; } .block.list.expandable h3.ui-accordion-header.ui-state-active { cursor: default; color: #111111; background-color: #e3e5e3; } .block.list.expandable h3.ui-accordion-header.ui-state-active .ui-icon { background-image: url("/img/v/8.28.4/accordion-expanded-gray.png"); } .block.list.expandable h3.ui-accordion-header.ui-state-active:hover { color: #111111; } .block.list.expandable h3.ui-accordion-header.ui-state-hover { color: #24a0d8; } .block.list.expandable h3.ui-accordion-header:hover { color: #24a0d8; } .block.list.expandable .ui-widget-content { padding: 10px 0 10px 10px; margin: 0px; zoom: 1; overflow: auto; } .block.list.expandable .ui-widget-content:last-child { border: 0px; } .block.list.expandable .ui-widget-content .blockItemSeparator { padding: 5px 0px 5px 0px; margin: 0px; } .block.list.tabs { padding: 0px; margin: 0px; overflow: hidden; width: 100%; } .block.list.tabs .ui-tabs { position: relative; zoom: 1; border-top: 0px; border-bottom: 0px; margin-bottom: -2px; } .block.list.tabs .ui-tabs ul.ui-tabs-nav { padding: 0px; margin: 0px; width: 100%; } .block.list.tabs .ui-tabs ul.ui-tabs-nav li { font-size: 13px; font-size: 1.3rem; padding: 0px; margin: 0px; color: #111111; line-height: 21px; font-weight: normal; position: relative; cursor: pointer; white-space: nowrap; list-style: none; float: left; margin-bottom: 4px; outline: none; background-color: #e3e5e3; border: 1px dotted #b9bbbd; margin-right: 5px; } .block.list.tabs .ui-tabs ul.ui-tabs-nav li.ui-state-hover a { color: #24a0d8; } .block.list.tabs .ui-tabs ul.ui-tabs-nav li.ui-state-active { cursor: pointer; padding-bottom: 7px; margin-bottom: -1px; background-color: #ffffff; border-bottom: 2px solid #ffffff; } .block.list.tabs .ui-tabs ul.ui-tabs-nav li.ui-state-active a { color: #111111; width: auto; margin-bottom: 0px; outline: none; } .block.list.tabs .ui-tabs ul.ui-tabs-nav li a { padding: 0px 10px 0px 10px; margin: 0px; margin: 3px; float: left; text-decoration: none; color: inherit; cursor: pointer; outline: none; } .block.list.tabs .ui-tabs-panel { padding: 10px; margin: 0px; border: none; outline: none; width: 80%; width: calc(100% - 22px); background: #ffffff; border: 1px dotted #b9bbbd; display: block; float: left; } .block.list.tabs .ui-tabs-panel.ui-tabs-hide { display: none !important; } .block.teaser .teaserText .teaserTextInner .paragraphs .block.list.tabs ul li { padding: 0px; margin-right: 5px; } .block.teaser .teaserText .teaserTextInner .paragraphs .block.list.tabs ul li.ui-state-active { padding-bottom: 7px; margin-bottom: -1px; } .block.teaser .teaserText .teaserTextInner .paragraphs .block.list.tabs ul li.ui-state-hover a { color: #24a0d8; } .block.teaser.overlay .overlayWrapper .teaserText .teaserTextInner .block.list.tabs li a { color: #333333; } .block.rssReader { padding: 0px; margin: 0px; overflow: hidden; } .block.rssReader h2 { padding: 0px; margin: 0px; font-size: 18px; font-size: 1.8rem; color: #8b9f22; font-weight: bold; line-height: auto; padding-bottom: 14px; } .block.rssReader .entries { padding: 0px; margin: 0px; list-style: none; padding-left: 0px; margin-left: 0px; } .block.rssReader .entries .entry { padding-bottom: 5px; clear: both; } .block.rssReader .entries .entry h3 { padding: 10px 0px 10px 0px; margin: 0px; } .block.rssReader .entries .entry h3:first-child { padding-top: 0px; } .block.rssReader .entries .entry h3 a { color: #111111; } .block.rssReader .entries .entry a img { margin: 0 20px 10px 0; min-width: 210px; } .block.rssReader .entries .entry:last-child { padding-bottom: 0px; } .block.rssReader .entries .entry .arrow { padding-right: 11px; background: transparent url("/img/v/8.28.4/icon/gray-arrow.svg") 0 5px no-repeat; } .teaser.color.blue h2 { color: #ffffff; } .teaser.color.blue .entries .entry h3 { color: #ffffff; } .teaser.color.blue .entries .entry h3 a { color: #ffffff; } .teaser.color.blue .entries .entry .arrow { padding-right: 11px; background: transparent url("/img/v/8.28.4/icon/white-arrow.svg") 0 5px no-repeat; } .teaser.color.red h2 { color: #ffffff; } .teaser.color.red .entries .entry h3 { color: #ffffff; } .teaser.color.red .entries .entry h3 a { color: #ffffff; } .teaser.color.red .entries .entry .arrow { padding-right: 11px; background: transparent url("/img/v/8.28.4/icon/white-arrow.svg") 0 5px no-repeat; } .teaser.color.yellow h2 { color: #ffffff; } .teaser.color.yellow .entries .entry h3 { color: #ffffff; } .teaser.color.yellow .entries .entry h3 a { color: #ffffff; } .teaser.color.yellow .entries .entry .arrow { padding-right: 11px; background: transparent url("/img/v/8.28.4/icon/white-arrow.svg") 0 5px no-repeat; } .teaser.color.pink h2 { color: #ffffff; } .teaser.color.pink .entries .entry h3 { color: #ffffff; } .teaser.color.pink .entries .entry h3 a { color: #ffffff; } .teaser.color.pink .entries .entry .arrow { padding-right: 11px; background: transparent url("/img/v/8.28.4/icon/white-arrow.svg") 0 5px no-repeat; } .teaser.color.green h2 { color: #ffffff; } .teaser.color.green .entries .entry h3 { color: #ffffff; } .teaser.color.green .entries .entry h3 a { color: #ffffff; } .teaser.color.green .entries .entry .arrow { padding-right: 11px; background: transparent url("/img/v/8.28.4/icon/white-arrow.svg") 0 5px no-repeat; } .teaser.color.black h2 { color: #ffffff; } .teaser.color.black .entries .entry h3 { color: #ffffff; } .teaser.color.black .entries .entry h3 a { color: #ffffff; } .teaser.color.black .entries .entry .arrow { padding-right: 11px; background: transparent url("/img/v/8.28.4/icon/white-arrow.svg") 0 5px no-repeat; } .block.teaser .teaserText .teaserTextInner .paragraphs .block.rssReader ul { margin: 10px 0; list-style: none; padding-left: 0px; margin-left: 0px; } .block.teaser .teaserText .teaserTextInner .paragraphs .block.rssReader ul li { list-style-type: none; padding-bottom: 5px; margin-left: 0; } .block.teaser .teaserText .teaserTextInner .paragraphs .block.rssReader ul li:last-child { padding-bottom: 0px; } .secondaryBlocks .block.rssReader .entries .entry a img { width: 100%; margin: 0 0 10px 0; } @media only screen and (max-width: 480px) { .block.rssReader .entries .entry a img { width: 100%; margin: 0 0 10px 0; } } .block.search { padding: 0px; margin: 0px; } .block.search.large-size { padding: 20px; margin: 0px; background-color: #e3e5e3; } .block.search.large-size form fieldset { height: 50px; line-height: 50px; background-color: #ffffff; } .block.search.large-size form fieldset.filterd .q_field input { font-size: 16px; font-size: 1.6rem; padding-left: 10px; } .block.search.large-size form fieldset.filterd.hasText .q_field { width: 80%; width: calc(100% - 140px); } .block.search.large-size form fieldset .button.filter { font-size: 16px; font-size: 1.6rem; padding: 3px 35px 3px 5px; max-width: 100px; margin: 6px 0 6px 6px; height: 38px; font-size: 13.5px; font-size: 1.35rem; background-image: url("/img/v/8.28.4/input-clear-large.svg"); } .block.search.large-size form fieldset .button.clear { height: 50px; } .block.search.large-size form fieldset .button.clear.visible { height: 50px; background-image: url("/img/v/8.28.4/input-clear-gray-dark-large.svg"); } .block.search.large-size form fieldset #q_field .input #q { font-size: 16px; font-size: 1.6rem; } .block.search.large-size form fieldset .q_field .input input { font-size: 16px; font-size: 1.6rem; } .block.search.large-size form #clearButton { font-size: 16px; font-size: 1.6rem; height: 50px; background-image: url("/img/v/8.28.4/input-clear-gray-dark-large.svg"); } .block.search.large-size form input.search { font-size: 16px; font-size: 1.6rem; height: 52px; background-size: 25px 25px; } .block.search form { overflow: hidden; } .block.search form fieldset { box-shadow: inset 1px 1px 2px #b9bbbd; border: 1px solid #b9bbbd; border-radius: 10px 0 0 10px; width: 80%; width: calc(100% - 101px); font-size: 13.5px; font-size: 1.35rem; border: 1px #ccc solid; border-right: 0px; background-color: #FAFAFA; display: inline-block; height: 27px; padding: 0px; float: left; text-align: left; vertical-align: middle; } .block.search form fieldset.open { border: 1px solid #b9bbbd; border-radius: 10px 0 0 0; border-left: 0px; border-bottom: 1px solid #FAFAFA; } .block.search form fieldset .button.filter { border-radius: 5px; font-size: 11px; font-size: 1.1rem; background: url("/img/v/8.28.4/input-clear.svg") 95% 50% no-repeat #b0c92b; color: #ffffff; border: 0px; margin: 4px 0 5px 5px; padding: 3px 25px 3px 5px; display: none; max-width: 100px; text-align: left; vertical-align: top; height: 20px; } .block.search form fieldset .button.filter:hover { background-color: #9eb427; } .block.search form fieldset .button.filter:focus { background-color: #9eb427; } .block.search form fieldset .button.filter.visible { display: inline-block; } .block.search form fieldset .q_field { margin: 0; border: 0px; display: inline-block; width: 100%; } .block.search form fieldset .q_field .input { width: 100%; } .block.search form fieldset .q_field .input .ui-helper-hidden-accessible { display: none; } .block.search form fieldset .q_field .input input { box-shadow: 0; box-shadow: 0px 0px 0px 0px transparent; margin: 0px; border: 0px; outline: none; background-color: transparent; } .block.search form fieldset .q_field .input input::-ms-clear { display: none; } .block.search form fieldset .q_field .input .ui-helper-hidden-accessible { display: none; } .block.search form fieldset.hasText .q_field { width: 80%; width: calc(100% - 30px); } .block.search form fieldset.filterd .q_field { width: 80%; width: calc(100% - 110px); } .block.search form fieldset.filterd .q_field input { padding-left: 0px; } .block.search form fieldset.filterd.hasText .q_field { width: 80%; width: calc(100% - 130px); } .block.search form fieldset .button.clear { padding: 0px; width: 25px; height: 27px; vertical-align: top; border: 0px; float: right; display: none; background: url("/img/v/8.28.4/input-clear-gray.svg") 50% 50% no-repeat transparent; } .block.search form fieldset .button.clear:hover { background-image: url("/img/v/8.28.4/input-clear-gray-dark.svg"); } .block.search form fieldset .button.clear:focus { background-image: url("/img/v/8.28.4/input-clear-gray-dark.svg"); } .block.search form fieldset .button.clear.visible { display: inline-block; } .block.search form input.search { border-radius: 0 10px 10px 0; padding: 0px; min-height: 29px; float: left; padding-top: 5px; padding-bottom: 5px; padding-left: 0px; font-weight: bold; border: 0px; text-shadow: 3px #ffffff; width: 100px; margin: 0px; float: right; background: url("/img/v/8.28.4/search-icon.svg") 85% 50% no-repeat #24a0d8; padding-right: 25px; } .block.search form input.search:hover { background-color: #2090c2; } .header .primaryHeader .block.list .block.search { max-width: 100%; position: relative; top: 0px; } .header .primaryHeader .block.list .block.search.large-size { max-width: 80%; max-width: calc(100% - 40px); } .header .primaryHeader .block.search { top: 41px; position: absolute; text-align: right; right: 0px; float: right; width: 100%; max-width: 45%; } .header .primaryHeader .block.search.large-size { position: relative; top: 0px; max-width: 80%; max-width: calc(100% - 40px); } .header .primaryHeader .block.search .formWrapper input[type="text"].q { background-color: #fafafa; height: 27px; } .header .primaryHeader .block.search .formWrapper input.submit { height: 29px; } .header .primaryHeader .megaMenu .block.search { top: inherit; position: inherit; right: 0px; float: none; max-width: 100%; } .secondaryBlocks .block.search.verbier .formWrapper input[type="text"].q { width: 55%; } .block.columnSplitter.using3columns .columns .block.search form fieldset, .block.columnSplitter.using4columns .columns .block.search form fieldset, .secondaryBlocks .block.search form fieldset, .article .blockAlign.floatRight .block.search form fieldset, .article .blockAlign.floatLeft .block.search form fieldset { width: 80%; width: calc(100% - 31px); } .block.columnSplitter.using3columns .columns .block.search form fieldset.filterd .q_field, .block.columnSplitter.using4columns .columns .block.search form fieldset.filterd .q_field, .secondaryBlocks .block.search form fieldset.filterd .q_field, .article .blockAlign.floatRight .block.search form fieldset.filterd .q_field, .article .blockAlign.floatLeft .block.search form fieldset.filterd .q_field { width: inherit; } .block.columnSplitter.using3columns .columns .block.search form fieldset.filterd .q_field .input, .block.columnSplitter.using4columns .columns .block.search form fieldset.filterd .q_field .input, .secondaryBlocks .block.search form fieldset.filterd .q_field .input, .article .blockAlign.floatRight .block.search form fieldset.filterd .q_field .input, .article .blockAlign.floatLeft .block.search form fieldset.filterd .q_field .input { padding-left: 10px; } .block.columnSplitter.using3columns .columns .block.search form fieldset .button.filter.visible, .block.columnSplitter.using4columns .columns .block.search form fieldset .button.filter.visible, .secondaryBlocks .block.search form fieldset .button.filter.visible, .article .blockAlign.floatRight .block.search form fieldset .button.filter.visible, .article .blockAlign.floatLeft .block.search form fieldset .button.filter.visible { display: none; } .block.columnSplitter.using3columns .columns .block.search form input.search, .block.columnSplitter.using4columns .columns .block.search form input.search, .secondaryBlocks .block.search form input.search, .article .blockAlign.floatRight .block.search form input.search, .article .blockAlign.floatLeft .block.search form input.search { text-indent: 1000px; background-position: 50% 50%; width: 30px; min-width: 30px; padding: 0 5px; } @media only screen and (max-width: 976px) { body .header .primaryHeader .block.search { max-width: 488px; } } @media only screen and (max-width: 660px) { body .header .primaryHeader .block.search { width: 90%; width: calc(100% - 20px); } } @media only screen and (max-width: 480px) { body .header .primaryHeader .block.search { padding-top: 10px; max-width: 100%; width: 100%; position: relative; top: auto; right: auto; float: none; clear: both; } body .header .primaryHeader .block.search form fieldset { width: 80%; width: calc(100% - 31px); } body .header .primaryHeader .block.search form input.search { text-indent: 1000px; background-position: 50% 50%; width: 30px; min-width: 30px; padding: 0 5px; } } .block.table { padding: 0px; margin: 0px; max-width: 100%; overflow: hidden; } .block.table table { clear: both; width: 100%; margin: 10px 0; padding: 0; background-color: white; border-bottom: 1px dotted #e3e5e3; } .block.table table.sortable th { cursor: pointer; background: transparent url("/img/v/8.28.4/table-sortable-header-default.gif") no-repeat 100% 50%; } .block.table table.sortable th:hover { background-color: #e3e5e3; } .block.table table.sortable th.nosort { background: none; } .block.table table.sortable th.headerSortUp { background-image: url("/img/v/8.28.4/table-sortable-header-asc.gif"); } .block.table table.sortable th.headerSortDown { background-image: url("/img/v/8.28.4/table-sortable-header-desc.gif"); } .block.table table tr { border-top: 1px dotted #e3e5e3; } .block.table table tr:last-child { border-bottom: 1px dotted #111111; } .block.table table tr th { font-size: 15px; font-size: 1.5rem; padding: 5px 5px; margin: 0; background: none; color: #111111; vertical-align: text-top; line-height: 1.3; font-weight: bold; border-top: 1px dotted #111111; border-bottom: 1px dotted #111111; text-align: left; position: static; } .block.table table tr td { padding: 5px; margin: 0; vertical-align: top; color: #333333; } .block.table table tr td.topic { padding: 5px 0px 0px 0px; margin: 0px; font-size: 13.5px; font-size: 1.35rem; color: #98ad29; font-weight: normal; line-height: auto; text-transform: uppercase; } .block.table table tr td p { padding: 0; margin: 0; } @media only screen and (max-width: 480px) { .bodyWrapper2 div.block.table, .bodyWrapper2 div.wrapped.table { overflow: auto; overflow-y: hidden; } .bodyWrapper2 .block.table table, .bodyWrapper2 .wrapped.table table { min-width: 480px; } } .block.teaser { padding: 0px; margin: 0px; overflow: hidden; display: block; } .block.teaser h2 { padding: 0px 0px 10px 0px; font-size: 16px; font-size: 1.6rem; color: #111111; font-weight: bold; line-height: auto; margin: 0px; } .block.teaser h2 a { color: #111111; } .block.teaser h2 a:hover { text-decoration: none; } .block.teaser h3.topic { font-size: 13.5px; font-size: 1.35rem; color: #98ad29; font-weight: normal; line-height: auto; text-transform: uppercase; margin: 0px; padding-top: 0px; padding-bottom: 2px; } .block.teaser .teaserImage { padding: 0px; margin: 0px; display: inline; overflow: hidden; line-height: 0; background-color: transparent; } .block.teaser .teaserImage.mediaplayer .mediaplayerwrapper { overflow: hidden; } .block.teaser .teaserImage img { width: 100%; height: auto; vertical-align: bottom; -ms-interpolation-mode: bicubic; } .block.teaser .teaserImage a img { width: 100%; height: auto; vertical-align: bottom; } .block.teaser .teaserText { color: #111111; } .block.teaser .teaserText .teaserTextInner { color: #111111; } .block.teaser .teaserText .teaserTextInner .block.link.arrow { width: 100%; display: inline-block; } .block.teaser .teaserText .teaserTextInner .block.link.arrow span.arrow { padding-right: 11px; background: transparent url("/img/v/8.28.4/icon/gray-arrow.svg") 0 5px no-repeat; } .block.teaser .teaserText .teaserTextInner .standardLink { color: #24a0d8; } .block.teaser .teaserText .teaserTextInner h2 { font-size: 16px; font-size: 1.6rem; color: #111111; font-weight: bold; line-height: auto; } .block.teaser .teaserText .teaserTextInner h2 a { font-size: 16px; font-size: 1.6rem; color: #111111; font-weight: bold; line-height: auto; } .block.teaser .teaserText .teaserTextInner h3.topic { color: #98ad29; } .block.teaser .teaserText .teaserTextInner .paragraphs { padding: 0px; margin: 0px; font-size: 13.5px; font-size: 1.35rem; font-weight: normal; line-height: auto; color: #111111; width: 100%; } .block.teaser .teaserText .teaserTextInner .paragraphs p { margin-top: 0px; } .block.teaser .teaserText .teaserTextInner .paragraphs p:last-child { margin-bottom: 0px; } .block.teaser .teaserText .teaserTextInner .paragraphs p.AlignLeft { text-align: left; } .block.teaser .teaserText .teaserTextInner .paragraphs p.AlignCenter { text-align: center; } .block.teaser .teaserText .teaserTextInner .paragraphs p.AlignRight { text-align: right; } .block.teaser .teaserText .teaserTextInner .paragraphs p.AlignJustify { text-align: justify; } .block.teaser .teaserText .teaserTextInner .mainLink .arrow { padding-right: 11px; background: transparent url("/img/v/8.28.4/icon/gray-arrow.svg") 0 5px no-repeat; } .block.teaser .teaserText .teaserTextInner { width: 100%; } .block.teaser .teaserText .teaserTextInner .mainLink { padding: 10px 0px 0px 0px; margin: 0px; } .block.teaser .teaserText .teaserTextInner .mainLink .arrow { padding-right: 11px; background: transparent url("/img/v/8.28.4/icon/gray-arrow.svg") 0 5px no-repeat; } .block.teaser .teaserText .teaserTextInner .mainLink.noParagraphs { padding: 0px; } .block.teaser .teaserText .teaserTextInner .paragraphs ul { list-style-type: disc; padding-left: 15px; margin: 10px 0; } .block.teaser .teaserText .teaserTextInner .paragraphs ul li { list-style-type: disc; display: list-item; } .block.teaser.expandable.icon .teaserText { padding: 10px 0px 10px 0px; margin: 0px; } .block.teaser.expandable.icon.ui-initialized .teaserText { padding: 0px; margin: 0px; } .block.teaser.expandable.icon.ui-initialized h2.heading { cursor: pointer; } .block.teaser.expandable.icon.ui-initialized h2.heading.gray { font-size: 16px; font-size: 1.6rem; color: #ffffff; font-weight: bold; padding: 0px 10px 0px 10px; margin: 0px; background: #e3e5e3; padding: 5px; line-height: 21px; color: #000000; } .block.teaser.expandable.icon.ui-initialized h2.heading.gray:hover { background-color: #c9ccc9; } .block.teaser.expandable.icon.ui-initialized h2.heading.green { font-size: 16px; font-size: 1.6rem; color: #ffffff; font-weight: bold; padding: 0px 10px 0px 10px; margin: 0px; background: #b0c92b; padding: 5px; line-height: 21px; } .block.teaser.expandable.icon.ui-initialized h2.heading.green:hover { background-color: #8b9f22; } .block.teaser.expandable.icon.ui-initialized h2.heading.blue { font-size: 16px; font-size: 1.6rem; color: #ffffff; font-weight: bold; padding: 0px 10px 0px 10px; margin: 0px; background: #24a0d8; padding: 5px; line-height: 21px; } .block.teaser.expandable.icon.ui-initialized h2.heading.blue:hover { background-color: #1d80ac; } .block.teaser.expandable.icon.ui-initialized h2.heading.red { font-size: 16px; font-size: 1.6rem; color: #ffffff; font-weight: bold; padding: 0px 10px 0px 10px; margin: 0px; background: #e4363e; padding: 5px; line-height: 21px; } .block.teaser.expandable.icon.ui-initialized h2.heading.red:hover { background-color: #cc1b23; } .block.teaser.expandable.icon.ui-initialized h2.heading.black { font-size: 16px; font-size: 1.6rem; color: #ffffff; font-weight: bold; padding: 0px 10px 0px 10px; margin: 0px; background: #111111; padding: 5px; line-height: 21px; } .block.teaser.expandable.icon.ui-initialized h2.heading.black:hover { background-color: #2b2b2b; } .block.teaser.expandable.icon.ui-initialized h2.heading.yellow { font-size: 16px; font-size: 1.6rem; color: #ffffff; font-weight: bold; padding: 0px 10px 0px 10px; margin: 0px; background: #fab919; padding: 5px; line-height: 21px; } .block.teaser.expandable.icon.ui-initialized h2.heading.yellow:hover { background-color: #db9d05; } .block.teaser.expandable.icon.ui-initialized h2.heading.pink { font-size: 16px; font-size: 1.6rem; color: #ffffff; font-weight: bold; padding: 0px 10px 0px 10px; margin: 0px; background: #d85497; padding: 5px; line-height: 21px; } .block.teaser.expandable.icon.ui-initialized h2.heading.pink:hover { background-color: #cb2e7e; } .block.teaser.expandable.icon.ui-initialized h2.heading .ui-expandable-header .icon { float: right; } .block.teaser.expandable.icon.ui-initialized h2.heading .ui-expandable-header .icon:before { content: "+"; } .block.teaser.expandable.icon.ui-initialized.ui-state-active .teaserText { padding: 0px 0px 10px 0px; margin: 0px; } .block.teaser.expandable.icon.ui-initialized.ui-state-active h2.heading { margin-bottom: 10px; } .block.teaser.expandable.icon.ui-initialized.ui-state-active h2.heading .ui-expandable-header .icon:before { content: "-"; } .block.teaser.expandable.icon.ui-initialized .ui-widget-content { margin-top: 10px; display: none; } .block.teaser.overlay { } .block.teaser.overlay .overlayWrapper { position: relative; } .block.teaser.overlay .overlayWrapper img { border: none; width: 100%; height: auto; } .block.teaser.overlay .overlayWrapper .teaserText { color: #ffffff; position: absolute; background: url("/img/v/8.28.4/caption.png") 100% 100% no-repeat transparent; width: 100%; padding-bottom: 10px; } .block.teaser.overlay .overlayWrapper .teaserText .teaserTextInner { color: #ffffff; } .block.teaser.overlay .overlayWrapper .teaserText .teaserTextInner .block.link.arrow { width: 100%; display: inline-block; } .block.teaser.overlay .overlayWrapper .teaserText .teaserTextInner .block.link.arrow span.arrow { padding-right: 11px; background: transparent url("/img/v/8.28.4/icon/white-arrow.svg") 0 5px no-repeat; } .block.teaser.overlay .overlayWrapper .teaserText .teaserTextInner .standardLink { color: #ffffff; } .block.teaser.overlay .overlayWrapper .teaserText .teaserTextInner h2 { font-size: 16px; font-size: 1.6rem; color: #ffffff; font-weight: bold; line-height: auto; } .block.teaser.overlay .overlayWrapper .teaserText .teaserTextInner h2 a { font-size: 16px; font-size: 1.6rem; color: #ffffff; font-weight: bold; line-height: auto; } .block.teaser.overlay .overlayWrapper .teaserText .teaserTextInner h3.topic { color: #ffffff; } .block.teaser.overlay .overlayWrapper .teaserText .teaserTextInner .paragraphs { padding: 0px; margin: 0px; font-size: 13.5px; font-size: 1.35rem; color: #111111; font-weight: normal; line-height: auto; color: #ffffff; width: 100%; } .block.teaser.overlay .overlayWrapper .teaserText .teaserTextInner .paragraphs .blockAlign .floatRight { position: inherit; margin: 0px; } .block.teaser.overlay .overlayWrapper .teaserText .teaserTextInner .paragraphs p { margin-top: 0px; } .block.teaser.overlay .overlayWrapper .teaserText .teaserTextInner .paragraphs p:last-child { margin-bottom: 0px; } .block.teaser.overlay .overlayWrapper .teaserText .teaserTextInner .paragraphs p.AlignLeft { text-align: left; } .block.teaser.overlay .overlayWrapper .teaserText .teaserTextInner .paragraphs p.AlignCenter { text-align: center; } .block.teaser.overlay .overlayWrapper .teaserText .teaserTextInner .paragraphs p.AlignRight { text-align: right; } .block.teaser.overlay .overlayWrapper .teaserText .teaserTextInner .paragraphs p.AlignJustify { text-align: justify; } .block.teaser.overlay .overlayWrapper .teaserText .teaserTextInner .paragraphs a { color: #ffffff; } .block.teaser.overlay .overlayWrapper .teaserText .teaserTextInner .mainLink .arrow { padding-right: 11px; background: transparent url("/img/v/8.28.4/icon/white-arrow.svg") 0 5px no-repeat; } .block.teaser.overlay .overlayWrapper .teaserText .teaserTextInner { padding: 20px; margin: 0px; margin: 0; width: auto; } .block.teaser.overlay.color.red .teaserText { padding: 0px; } .block.teaser.overlay.color.green .teaserText { padding: 0px; } .block.teaser.overlay.color.blue .teaserText { padding: 0px; } .block.teaser.overlay.color.yellow .teaserText { padding: 0px; } .block.teaser.overlay.color.pink .teaserText { padding: 0px; } .block.teaser.overlay.color.gray .teaserText { padding: 0px; } .block.teaser.overlay.color.black .teaserText { padding: 0px; } .block.teaser.overlay.color.white .teaserText { padding: 0px; } .block.teaser.overlay.color.transparent .teaserText { padding: 0px; } .block.teaser.overlay.left .overlayWrapper .teaserText { top: 0; left: 0; width: 50%; height: 100%; background-position: 0% 0% ; } .block.teaser.overlay.left.fullWidth .overlayWrapper .teaserText { width: 100%; height: 100%; } .block.teaser.overlay.right .overlayWrapper .teaserText { top: 0; right: 0; width: 50%; background-position: 0% 0% ; height: 100%; } .block.teaser.overlay.top.image .teaserText { padding-top: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; } .block.teaser.overlay.top .teaserImage { padding: 0px; margin: 0px; } .block.teaser.overlay.top .teaserText { top: 0; right: 0; width: 100%; background-position: 100% 100%; } .block.teaser.overlay.bottom .teaserText { bottom: 0; right: 0; width: 100%; background-position: 100% 0%; padding-bottom: 0px; } .block.teaser.overlay.red .overlayWrapper .teaserText { background-image: url("/img/v/8.28.4/caption-red.png"); } .block.teaser.overlay.red .overlayWrapper .teaserText .block.link.arrow { width: 100%; display: inline-block; } .block.teaser.overlay.red .overlayWrapper .teaserText .block.link.arrow span.arrow { padding-right: 11px; background: transparent url("/img/v/8.28.4/icon/white-arrow.svg") 0 5px no-repeat; } .block.teaser.overlay.blue .overlayWrapper .teaserText { background-image: url("/img/v/8.28.4/caption-blue.png"); } .block.teaser.overlay.blue .overlayWrapper .teaserText .block.link.arrow { width: 100%; display: inline-block; } .block.teaser.overlay.blue .overlayWrapper .teaserText .block.link.arrow span.arrow { padding-right: 11px; background: transparent url("/img/v/8.28.4/icon/white-arrow.svg") 0 5px no-repeat; } .block.teaser.overlay.green .overlayWrapper .teaserText { background-image: url("/img/v/8.28.4/caption-green.png"); } .block.teaser.overlay.green .overlayWrapper .teaserText .block.link.arrow { width: 100%; display: inline-block; } .block.teaser.overlay.green .overlayWrapper .teaserText .block.link.arrow span.arrow { padding-right: 11px; background: transparent url("/img/v/8.28.4/icon/white-arrow.svg") 0 5px no-repeat; } .block.teaser.overlay.yellow .overlayWrapper .teaserText { background-image: url("/img/v/8.28.4/caption-yellow.png"); } .block.teaser.overlay.yellow .overlayWrapper .teaserText .block.link.arrow { width: 100%; display: inline-block; } .block.teaser.overlay.yellow .overlayWrapper .teaserText .block.link.arrow span.arrow { padding-right: 11px; background: transparent url("/img/v/8.28.4/icon/white-arrow.svg") 0 5px no-repeat; } .block.teaser.overlay.white .overlayWrapper .teaserText { color: #111111; background-image: url("/img/v/8.28.4/caption-white.png"); } .block.teaser.overlay.white .overlayWrapper .teaserText .teaserTextInner { color: #111111; } .block.teaser.overlay.white .overlayWrapper .teaserText .teaserTextInner .block.link.arrow { width: 100%; display: inline-block; } .block.teaser.overlay.white .overlayWrapper .teaserText .teaserTextInner .block.link.arrow span.arrow { padding-right: 11px; background: transparent url("/img/v/8.28.4/icon/gray-arrow.svg") 0 5px no-repeat; } .block.teaser.overlay.white .overlayWrapper .teaserText .teaserTextInner .standardLink { color: #24a0d8; } .block.teaser.overlay.white .overlayWrapper .teaserText .teaserTextInner h2 { font-size: 16px; font-size: 1.6rem; color: #111111; font-weight: bold; line-height: auto; } .block.teaser.overlay.white .overlayWrapper .teaserText .teaserTextInner h2 a { font-size: 16px; font-size: 1.6rem; color: #111111; font-weight: bold; line-height: auto; } .block.teaser.overlay.white .overlayWrapper .teaserText .teaserTextInner h3.topic { color: #98ad29; } .block.teaser.overlay.white .overlayWrapper .teaserText .teaserTextInner .paragraphs { padding: 0px; margin: 0px; font-size: 13.5px; font-size: 1.35rem; font-weight: normal; line-height: auto; color: #111111; width: 100%; } .block.teaser.overlay.white .overlayWrapper .teaserText .teaserTextInner .paragraphs p { margin-top: 0px; } .block.teaser.overlay.white .overlayWrapper .teaserText .teaserTextInner .paragraphs p:last-child { margin-bottom: 0px; } .block.teaser.overlay.white .overlayWrapper .teaserText .teaserTextInner .paragraphs p.AlignLeft { text-align: left; } .block.teaser.overlay.white .overlayWrapper .teaserText .teaserTextInner .paragraphs p.AlignCenter { text-align: center; } .block.teaser.overlay.white .overlayWrapper .teaserText .teaserTextInner .paragraphs p.AlignRight { text-align: right; } .block.teaser.overlay.white .overlayWrapper .teaserText .teaserTextInner .paragraphs p.AlignJustify { text-align: justify; } .block.teaser.overlay.white .overlayWrapper .teaserText .teaserTextInner .mainLink .arrow { padding-right: 11px; background: transparent url("/img/v/8.28.4/icon/gray-arrow.svg") 0 5px no-repeat; } .block.teaser.overlay.white .overlayWrapper .teaserText .block.link.standardLink a { color: #24a0d8; } .block.teaser.overlay.pink .overlayWrapper .teaserText { background-image: url("/img/v/8.28.4/caption-pink.png"); } .block.teaser.overlay.pink .overlayWrapper .teaserText .block.link.arrow { width: 100%; display: inline-block; } .block.teaser.overlay.pink .overlayWrapper .teaserText .block.link.arrow span.arrow { padding-right: 11px; background: transparent url("/img/v/8.28.4/icon/white-arrow.svg") 0 5px no-repeat; } .block.teaser.overlay.gray .overlayWrapper .teaserText { color: #111111; background-image: url("/img/v/8.28.4/caption-gray.png"); } .block.teaser.overlay.gray .overlayWrapper .teaserText .teaserTextInner { color: #111111; } .block.teaser.overlay.gray .overlayWrapper .teaserText .teaserTextInner .block.link.arrow { width: 100%; display: inline-block; } .block.teaser.overlay.gray .overlayWrapper .teaserText .teaserTextInner .block.link.arrow span.arrow { padding-right: 11px; background: transparent url("/img/v/8.28.4/icon/gray-arrow.svg") 0 5px no-repeat; } .block.teaser.overlay.gray .overlayWrapper .teaserText .teaserTextInner .standardLink { color: #24a0d8; } .block.teaser.overlay.gray .overlayWrapper .teaserText .teaserTextInner h2 { font-size: 16px; font-size: 1.6rem; color: #111111; font-weight: bold; line-height: auto; } .block.teaser.overlay.gray .overlayWrapper .teaserText .teaserTextInner h2 a { font-size: 16px; font-size: 1.6rem; color: #111111; font-weight: bold; line-height: auto; } .block.teaser.overlay.gray .overlayWrapper .teaserText .teaserTextInner h3.topic { color: #98ad29; } .block.teaser.overlay.gray .overlayWrapper .teaserText .teaserTextInner .paragraphs { padding: 0px; margin: 0px; font-size: 13.5px; font-size: 1.35rem; font-weight: normal; line-height: auto; color: #111111; width: 100%; } .block.teaser.overlay.gray .overlayWrapper .teaserText .teaserTextInner .paragraphs p { margin-top: 0px; } .block.teaser.overlay.gray .overlayWrapper .teaserText .teaserTextInner .paragraphs p:last-child { margin-bottom: 0px; } .block.teaser.overlay.gray .overlayWrapper .teaserText .teaserTextInner .paragraphs p.AlignLeft { text-align: left; } .block.teaser.overlay.gray .overlayWrapper .teaserText .teaserTextInner .paragraphs p.AlignCenter { text-align: center; } .block.teaser.overlay.gray .overlayWrapper .teaserText .teaserTextInner .paragraphs p.AlignRight { text-align: right; } .block.teaser.overlay.gray .overlayWrapper .teaserText .teaserTextInner .paragraphs p.AlignJustify { text-align: justify; } .block.teaser.overlay.gray .overlayWrapper .teaserText .teaserTextInner .mainLink .arrow { padding-right: 11px; background: transparent url("/img/v/8.28.4/icon/gray-arrow.svg") 0 5px no-repeat; } .block.teaser.overlay.gray .overlayWrapper .teaserText .block.link.standardLink a { color: #24a0d8; } .block.teaser.overlay.transparent .overlayWrapper .teaserText { color: #111111; background: none; } .block.teaser.overlay.transparent .overlayWrapper .teaserText .teaserTextInner { color: #111111; } .block.teaser.overlay.transparent .overlayWrapper .teaserText .teaserTextInner .block.link.arrow { width: 100%; display: inline-block; } .block.teaser.overlay.transparent .overlayWrapper .teaserText .teaserTextInner .block.link.arrow span.arrow { padding-right: 11px; background: transparent url("/img/v/8.28.4/icon/gray-arrow.svg") 0 5px no-repeat; } .block.teaser.overlay.transparent .overlayWrapper .teaserText .teaserTextInner .standardLink { color: #24a0d8; } .block.teaser.overlay.transparent .overlayWrapper .teaserText .teaserTextInner h2 { font-size: 16px; font-size: 1.6rem; color: #111111; font-weight: bold; line-height: auto; } .block.teaser.overlay.transparent .overlayWrapper .teaserText .teaserTextInner h2 a { font-size: 16px; font-size: 1.6rem; color: #111111; font-weight: bold; line-height: auto; } .block.teaser.overlay.transparent .overlayWrapper .teaserText .teaserTextInner h3.topic { color: #98ad29; } .block.teaser.overlay.transparent .overlayWrapper .teaserText .teaserTextInner .paragraphs { padding: 0px; margin: 0px; font-size: 13.5px; font-size: 1.35rem; font-weight: normal; line-height: auto; color: #111111; width: 100%; } .block.teaser.overlay.transparent .overlayWrapper .teaserText .teaserTextInner .paragraphs p { margin-top: 0px; } .block.teaser.overlay.transparent .overlayWrapper .teaserText .teaserTextInner .paragraphs p:last-child { margin-bottom: 0px; } .block.teaser.overlay.transparent .overlayWrapper .teaserText .teaserTextInner .paragraphs p.AlignLeft { text-align: left; } .block.teaser.overlay.transparent .overlayWrapper .teaserText .teaserTextInner .paragraphs p.AlignCenter { text-align: center; } .block.teaser.overlay.transparent .overlayWrapper .teaserText .teaserTextInner .paragraphs p.AlignRight { text-align: right; } .block.teaser.overlay.transparent .overlayWrapper .teaserText .teaserTextInner .paragraphs p.AlignJustify { text-align: justify; } .block.teaser.overlay.transparent .overlayWrapper .teaserText .teaserTextInner .mainLink .arrow { padding-right: 11px; background: transparent url("/img/v/8.28.4/icon/gray-arrow.svg") 0 5px no-repeat; } .block.teaser.overlay.transparent .overlayWrapper .teaserText .block.link.standardLink a { color: #24a0d8; } .block.teaser.overlay.black .overlayWrapper .teaserText { background-image: url("/img/v/8.28.4/caption-black.png"); } .block.teaser.overlay.black .overlayWrapper .teaserText .block.link.arrow { width: 100%; display: inline-block; } .block.teaser.overlay.black .overlayWrapper .teaserText .block.link.arrow span.arrow { padding-right: 11px; background: transparent url("/img/v/8.28.4/icon/white-arrow.svg") 0 5px no-repeat; } .block.teaser.middle.image .teaserText .teaserTextInner .paragraphs, .block.teaser.middle.gallery .teaserText .teaserTextInner .paragraphs, .block.teaser.middle.image .teaserText .teaserTextInner .mainLink.noParagraphs, .block.teaser.middle.gallery .teaserText .teaserTextInner .mainLink.noParagraphs { padding: 10px 0px 0px 0px; margin: 0px; } .block.teaser.leftFloating.gallery .teaserImage { width: 50%; } .block.teaser.leftFloating .teaserImage { padding: 0px 10px 10px 0px; margin: 0px; float: left; } .block.teaser.leftFloating .teaserImage.mediaplayer { padding: 0px; margin: 0px; width: 50%; } .block.teaser.leftFloating .teaserImage img { width: 100%; height: auto; } .block.teaser.rightFloating.gallery .teaserImage { width: 50%; } .block.teaser.rightFloating .teaserImage { padding: 0px 0px 10px 10px; margin: 0px; float: right; } .block.teaser.rightFloating .teaserImage.mediaplayer { padding: 0px; margin: 0px; width: 50%; } .block.teaser.rightFloating .teaserImage img { width: 100%; height: auto; } .block.teaser.top.image .teaserText { padding: 10px 0px 0px 0px; margin: 0px; } .block.teaser.color.middle.image .teaserText .teaserTextInner .paragraphs, .block.teaser.color.middle.gallery .teaserText .teaserTextInner .paragraphs { width: auto; } .block.teaser.color.round { border-radius: 10px; } .block.teaser.color.red { background-color: #e4363e; } .block.teaser.color.red .teaserText { color: #ffffff; padding: 10px; margin: 0px; } .block.teaser.color.red .teaserText .teaserTextInner { color: #ffffff; } .block.teaser.color.red .teaserText .teaserTextInner .block.link.arrow { width: 100%; display: inline-block; } .block.teaser.color.red .teaserText .teaserTextInner .block.link.arrow span.arrow { padding-right: 11px; background: transparent url("/img/v/8.28.4/icon/white-arrow.svg") 0 5px no-repeat; } .block.teaser.color.red .teaserText .teaserTextInner .standardLink { color: #ffffff; } .block.teaser.color.red .teaserText .teaserTextInner h2 { font-size: 16px; font-size: 1.6rem; color: #ffffff; font-weight: bold; line-height: auto; } .block.teaser.color.red .teaserText .teaserTextInner h2 a { font-size: 16px; font-size: 1.6rem; color: #ffffff; font-weight: bold; line-height: auto; } .block.teaser.color.red .teaserText .teaserTextInner h3.topic { color: #ffffff; } .block.teaser.color.red .teaserText .teaserTextInner .paragraphs { padding: 0px; margin: 0px; font-size: 13.5px; font-size: 1.35rem; color: #111111; font-weight: normal; line-height: auto; color: #ffffff; width: 100%; } .block.teaser.color.red .teaserText .teaserTextInner .paragraphs .blockAlign .floatRight { position: inherit; margin: 0px; } .block.teaser.color.red .teaserText .teaserTextInner .paragraphs p { margin-top: 0px; } .block.teaser.color.red .teaserText .teaserTextInner .paragraphs p:last-child { margin-bottom: 0px; } .block.teaser.color.red .teaserText .teaserTextInner .paragraphs p.AlignLeft { text-align: left; } .block.teaser.color.red .teaserText .teaserTextInner .paragraphs p.AlignCenter { text-align: center; } .block.teaser.color.red .teaserText .teaserTextInner .paragraphs p.AlignRight { text-align: right; } .block.teaser.color.red .teaserText .teaserTextInner .paragraphs p.AlignJustify { text-align: justify; } .block.teaser.color.red .teaserText .teaserTextInner .paragraphs a { color: #ffffff; } .block.teaser.color.red .teaserText .teaserTextInner .mainLink .arrow { padding-right: 11px; background: transparent url("/img/v/8.28.4/icon/white-arrow.svg") 0 5px no-repeat; } .block.teaser.color.red.middle .teaserText .teaserTextInner .teaserImage, .block.teaser.color.red.middle .teaserText .teaserTextInner .teaserGallery { margin: 0 -10px 0 -10px; display: block; } .block.teaser.color.red.middle .teaserText .teaserTextInner .paragraphs { padding: 10px 0px 0px 0px; margin: 0px; } .block.teaser.color.yellow { background-color: #fab919; } .block.teaser.color.yellow .teaserText { color: #ffffff; padding: 10px; margin: 0px; } .block.teaser.color.yellow .teaserText .teaserTextInner { color: #ffffff; } .block.teaser.color.yellow .teaserText .teaserTextInner .block.link.arrow { width: 100%; display: inline-block; } .block.teaser.color.yellow .teaserText .teaserTextInner .block.link.arrow span.arrow { padding-right: 11px; background: transparent url("/img/v/8.28.4/icon/white-arrow.svg") 0 5px no-repeat; } .block.teaser.color.yellow .teaserText .teaserTextInner .standardLink { color: #ffffff; } .block.teaser.color.yellow .teaserText .teaserTextInner h2 { font-size: 16px; font-size: 1.6rem; color: #ffffff; font-weight: bold; line-height: auto; } .block.teaser.color.yellow .teaserText .teaserTextInner h2 a { font-size: 16px; font-size: 1.6rem; color: #ffffff; font-weight: bold; line-height: auto; } .block.teaser.color.yellow .teaserText .teaserTextInner h3.topic { color: #ffffff; } .block.teaser.color.yellow .teaserText .teaserTextInner .paragraphs { padding: 0px; margin: 0px; font-size: 13.5px; font-size: 1.35rem; color: #111111; font-weight: normal; line-height: auto; color: #ffffff; width: 100%; } .block.teaser.color.yellow .teaserText .teaserTextInner .paragraphs .blockAlign .floatRight { position: inherit; margin: 0px; } .block.teaser.color.yellow .teaserText .teaserTextInner .paragraphs p { margin-top: 0px; } .block.teaser.color.yellow .teaserText .teaserTextInner .paragraphs p:last-child { margin-bottom: 0px; } .block.teaser.color.yellow .teaserText .teaserTextInner .paragraphs p.AlignLeft { text-align: left; } .block.teaser.color.yellow .teaserText .teaserTextInner .paragraphs p.AlignCenter { text-align: center; } .block.teaser.color.yellow .teaserText .teaserTextInner .paragraphs p.AlignRight { text-align: right; } .block.teaser.color.yellow .teaserText .teaserTextInner .paragraphs p.AlignJustify { text-align: justify; } .block.teaser.color.yellow .teaserText .teaserTextInner .paragraphs a { color: #ffffff; } .block.teaser.color.yellow .teaserText .teaserTextInner .mainLink .arrow { padding-right: 11px; background: transparent url("/img/v/8.28.4/icon/white-arrow.svg") 0 5px no-repeat; } .block.teaser.color.yellow.middle .teaserText .teaserTextInner .teaserImage, .block.teaser.color.yellow.middle .teaserText .teaserTextInner .teaserGallery { margin: 0 -10px 0 -10px; display: block; } .block.teaser.color.yellow.middle .teaserText .teaserTextInner .paragraphs { padding: 10px 0px 0px 0px; margin: 0px; } .block.teaser.color.blue { background-color: #24a0d8; } .block.teaser.color.blue .teaserText { color: #ffffff; padding: 10px; margin: 0px; } .block.teaser.color.blue .teaserText .teaserTextInner { color: #ffffff; } .block.teaser.color.blue .teaserText .teaserTextInner .block.link.arrow { width: 100%; display: inline-block; } .block.teaser.color.blue .teaserText .teaserTextInner .block.link.arrow span.arrow { padding-right: 11px; background: transparent url("/img/v/8.28.4/icon/white-arrow.svg") 0 5px no-repeat; } .block.teaser.color.blue .teaserText .teaserTextInner .standardLink { color: #ffffff; } .block.teaser.color.blue .teaserText .teaserTextInner h2 { font-size: 16px; font-size: 1.6rem; color: #ffffff; font-weight: bold; line-height: auto; } .block.teaser.color.blue .teaserText .teaserTextInner h2 a { font-size: 16px; font-size: 1.6rem; color: #ffffff; font-weight: bold; line-height: auto; } .block.teaser.color.blue .teaserText .teaserTextInner h3.topic { color: #ffffff; } .block.teaser.color.blue .teaserText .teaserTextInner .paragraphs { padding: 0px; margin: 0px; font-size: 13.5px; font-size: 1.35rem; color: #111111; font-weight: normal; line-height: auto; color: #ffffff; width: 100%; } .block.teaser.color.blue .teaserText .teaserTextInner .paragraphs .blockAlign .floatRight { position: inherit; margin: 0px; } .block.teaser.color.blue .teaserText .teaserTextInner .paragraphs p { margin-top: 0px; } .block.teaser.color.blue .teaserText .teaserTextInner .paragraphs p:last-child { margin-bottom: 0px; } .block.teaser.color.blue .teaserText .teaserTextInner .paragraphs p.AlignLeft { text-align: left; } .block.teaser.color.blue .teaserText .teaserTextInner .paragraphs p.AlignCenter { text-align: center; } .block.teaser.color.blue .teaserText .teaserTextInner .paragraphs p.AlignRight { text-align: right; } .block.teaser.color.blue .teaserText .teaserTextInner .paragraphs p.AlignJustify { text-align: justify; } .block.teaser.color.blue .teaserText .teaserTextInner .paragraphs a { color: #ffffff; } .block.teaser.color.blue .teaserText .teaserTextInner .mainLink .arrow { padding-right: 11px; background: transparent url("/img/v/8.28.4/icon/white-arrow.svg") 0 5px no-repeat; } .block.teaser.color.blue.middle .teaserText .teaserTextInner .teaserImage, .block.teaser.color.blue.middle .teaserText .teaserTextInner .teaserGallery { margin: 0 -10px 0 -10px; display: block; } .block.teaser.color.blue.middle .teaserText .teaserTextInner .paragraphs { padding: 10px 0px 0px 0px; margin: 0px; } .block.teaser.color.pink { background-color: #d85497; } .block.teaser.color.pink .teaserText { color: #ffffff; padding: 10px; margin: 0px; } .block.teaser.color.pink .teaserText .teaserTextInner { color: #ffffff; } .block.teaser.color.pink .teaserText .teaserTextInner .block.link.arrow { width: 100%; display: inline-block; } .block.teaser.color.pink .teaserText .teaserTextInner .block.link.arrow span.arrow { padding-right: 11px; background: transparent url("/img/v/8.28.4/icon/white-arrow.svg") 0 5px no-repeat; } .block.teaser.color.pink .teaserText .teaserTextInner .standardLink { color: #ffffff; } .block.teaser.color.pink .teaserText .teaserTextInner h2 { font-size: 16px; font-size: 1.6rem; color: #ffffff; font-weight: bold; line-height: auto; } .block.teaser.color.pink .teaserText .teaserTextInner h2 a { font-size: 16px; font-size: 1.6rem; color: #ffffff; font-weight: bold; line-height: auto; } .block.teaser.color.pink .teaserText .teaserTextInner h3.topic { color: #ffffff; } .block.teaser.color.pink .teaserText .teaserTextInner .paragraphs { padding: 0px; margin: 0px; font-size: 13.5px; font-size: 1.35rem; color: #111111; font-weight: normal; line-height: auto; color: #ffffff; width: 100%; } .block.teaser.color.pink .teaserText .teaserTextInner .paragraphs .blockAlign .floatRight { position: inherit; margin: 0px; } .block.teaser.color.pink .teaserText .teaserTextInner .paragraphs p { margin-top: 0px; } .block.teaser.color.pink .teaserText .teaserTextInner .paragraphs p:last-child { margin-bottom: 0px; } .block.teaser.color.pink .teaserText .teaserTextInner .paragraphs p.AlignLeft { text-align: left; } .block.teaser.color.pink .teaserText .teaserTextInner .paragraphs p.AlignCenter { text-align: center; } .block.teaser.color.pink .teaserText .teaserTextInner .paragraphs p.AlignRight { text-align: right; } .block.teaser.color.pink .teaserText .teaserTextInner .paragraphs p.AlignJustify { text-align: justify; } .block.teaser.color.pink .teaserText .teaserTextInner .paragraphs a { color: #ffffff; } .block.teaser.color.pink .teaserText .teaserTextInner .mainLink .arrow { padding-right: 11px; background: transparent url("/img/v/8.28.4/icon/white-arrow.svg") 0 5px no-repeat; } .block.teaser.color.pink.middle .teaserText .teaserTextInner .teaserImage, .block.teaser.color.pink.middle .teaserText .teaserTextInner .teaserGallery { margin: 0 -10px 0 -10px; display: block; } .block.teaser.color.pink.middle .teaserText .teaserTextInner .paragraphs { padding: 10px 0px 0px 0px; margin: 0px; } .block.teaser.color.green { background-color: #b0c92b; } .block.teaser.color.green .teaserText { color: #ffffff; padding: 10px; margin: 0px; } .block.teaser.color.green .teaserText .teaserTextInner { color: #ffffff; } .block.teaser.color.green .teaserText .teaserTextInner .block.link.arrow { width: 100%; display: inline-block; } .block.teaser.color.green .teaserText .teaserTextInner .block.link.arrow span.arrow { padding-right: 11px; background: transparent url("/img/v/8.28.4/icon/white-arrow.svg") 0 5px no-repeat; } .block.teaser.color.green .teaserText .teaserTextInner .standardLink { color: #ffffff; } .block.teaser.color.green .teaserText .teaserTextInner h2 { font-size: 16px; font-size: 1.6rem; color: #ffffff; font-weight: bold; line-height: auto; } .block.teaser.color.green .teaserText .teaserTextInner h2 a { font-size: 16px; font-size: 1.6rem; color: #ffffff; font-weight: bold; line-height: auto; } .block.teaser.color.green .teaserText .teaserTextInner h3.topic { color: #ffffff; } .block.teaser.color.green .teaserText .teaserTextInner .paragraphs { padding: 0px; margin: 0px; font-size: 13.5px; font-size: 1.35rem; color: #111111; font-weight: normal; line-height: auto; color: #ffffff; width: 100%; } .block.teaser.color.green .teaserText .teaserTextInner .paragraphs .blockAlign .floatRight { position: inherit; margin: 0px; } .block.teaser.color.green .teaserText .teaserTextInner .paragraphs p { margin-top: 0px; } .block.teaser.color.green .teaserText .teaserTextInner .paragraphs p:last-child { margin-bottom: 0px; } .block.teaser.color.green .teaserText .teaserTextInner .paragraphs p.AlignLeft { text-align: left; } .block.teaser.color.green .teaserText .teaserTextInner .paragraphs p.AlignCenter { text-align: center; } .block.teaser.color.green .teaserText .teaserTextInner .paragraphs p.AlignRight { text-align: right; } .block.teaser.color.green .teaserText .teaserTextInner .paragraphs p.AlignJustify { text-align: justify; } .block.teaser.color.green .teaserText .teaserTextInner .paragraphs a { color: #ffffff; } .block.teaser.color.green .teaserText .teaserTextInner .mainLink .arrow { padding-right: 11px; background: transparent url("/img/v/8.28.4/icon/white-arrow.svg") 0 5px no-repeat; } .block.teaser.color.green.middle .teaserText .teaserTextInner .teaserImage, .block.teaser.color.green.middle .teaserText .teaserTextInner .teaserGallery { margin: 0 -10px 0 -10px; display: block; } .block.teaser.color.green.middle .teaserText .teaserTextInner .paragraphs { padding: 10px 0px 0px 0px; margin: 0px; } .block.teaser.color.gray { background-color: #e3e5e3; } .block.teaser.color.gray .teaserText { color: #111111; padding: 10px; margin: 0px; } .block.teaser.color.gray .teaserText .teaserTextInner { color: #111111; } .block.teaser.color.gray .teaserText .teaserTextInner .block.link.arrow { width: 100%; display: inline-block; } .block.teaser.color.gray .teaserText .teaserTextInner .block.link.arrow span.arrow { padding-right: 11px; background: transparent url("/img/v/8.28.4/icon/gray-arrow.svg") 0 5px no-repeat; } .block.teaser.color.gray .teaserText .teaserTextInner .standardLink { color: #24a0d8; } .block.teaser.color.gray .teaserText .teaserTextInner h2 { font-size: 16px; font-size: 1.6rem; color: #111111; font-weight: bold; line-height: auto; } .block.teaser.color.gray .teaserText .teaserTextInner h2 a { font-size: 16px; font-size: 1.6rem; color: #111111; font-weight: bold; line-height: auto; } .block.teaser.color.gray .teaserText .teaserTextInner h3.topic { color: #98ad29; } .block.teaser.color.gray .teaserText .teaserTextInner .paragraphs { padding: 0px; margin: 0px; font-size: 13.5px; font-size: 1.35rem; font-weight: normal; line-height: auto; color: #111111; width: 100%; } .block.teaser.color.gray .teaserText .teaserTextInner .paragraphs p { margin-top: 0px; } .block.teaser.color.gray .teaserText .teaserTextInner .paragraphs p:last-child { margin-bottom: 0px; } .block.teaser.color.gray .teaserText .teaserTextInner .paragraphs p.AlignLeft { text-align: left; } .block.teaser.color.gray .teaserText .teaserTextInner .paragraphs p.AlignCenter { text-align: center; } .block.teaser.color.gray .teaserText .teaserTextInner .paragraphs p.AlignRight { text-align: right; } .block.teaser.color.gray .teaserText .teaserTextInner .paragraphs p.AlignJustify { text-align: justify; } .block.teaser.color.gray .teaserText .teaserTextInner .mainLink .arrow { padding-right: 11px; background: transparent url("/img/v/8.28.4/icon/gray-arrow.svg") 0 5px no-repeat; } .block.teaser.color.gray.middle .teaserText .teaserTextInner .teaserImage, .block.teaser.color.gray.middle .teaserText .teaserTextInner .teaserGallery { margin: 0 -10px 0 -10px; display: block; } .block.teaser.color.gray.middle .teaserText .teaserTextInner .paragraphs { padding: 10px 0px 0px 0px; margin: 0px; } .block.teaser.color.black { background-color: #111111; } .block.teaser.color.black .teaserText { color: #ffffff; padding: 10px; margin: 0px; } .block.teaser.color.black .teaserText .teaserTextInner { color: #ffffff; } .block.teaser.color.black .teaserText .teaserTextInner .block.link.arrow { width: 100%; display: inline-block; } .block.teaser.color.black .teaserText .teaserTextInner .block.link.arrow span.arrow { padding-right: 11px; background: transparent url("/img/v/8.28.4/icon/white-arrow.svg") 0 5px no-repeat; } .block.teaser.color.black .teaserText .teaserTextInner .standardLink { color: #ffffff; } .block.teaser.color.black .teaserText .teaserTextInner h2 { font-size: 16px; font-size: 1.6rem; color: #ffffff; font-weight: bold; line-height: auto; } .block.teaser.color.black .teaserText .teaserTextInner h2 a { font-size: 16px; font-size: 1.6rem; color: #ffffff; font-weight: bold; line-height: auto; } .block.teaser.color.black .teaserText .teaserTextInner h3.topic { color: #ffffff; } .block.teaser.color.black .teaserText .teaserTextInner .paragraphs { padding: 0px; margin: 0px; font-size: 13.5px; font-size: 1.35rem; color: #111111; font-weight: normal; line-height: auto; color: #ffffff; width: 100%; } .block.teaser.color.black .teaserText .teaserTextInner .paragraphs .blockAlign .floatRight { position: inherit; margin: 0px; } .block.teaser.color.black .teaserText .teaserTextInner .paragraphs p { margin-top: 0px; } .block.teaser.color.black .teaserText .teaserTextInner .paragraphs p:last-child { margin-bottom: 0px; } .block.teaser.color.black .teaserText .teaserTextInner .paragraphs p.AlignLeft { text-align: left; } .block.teaser.color.black .teaserText .teaserTextInner .paragraphs p.AlignCenter { text-align: center; } .block.teaser.color.black .teaserText .teaserTextInner .paragraphs p.AlignRight { text-align: right; } .block.teaser.color.black .teaserText .teaserTextInner .paragraphs p.AlignJustify { text-align: justify; } .block.teaser.color.black .teaserText .teaserTextInner .paragraphs a { color: #ffffff; } .block.teaser.color.black .teaserText .teaserTextInner .mainLink .arrow { padding-right: 11px; background: transparent url("/img/v/8.28.4/icon/white-arrow.svg") 0 5px no-repeat; } .block.teaser.color.black.middle .teaserText .teaserTextInner .teaserImage, .block.teaser.color.black.middle .teaserText .teaserTextInner .teaserGallery { margin: 0 -10px 0 -10px; display: block; } .block.teaser.color.black.middle .teaserText .teaserTextInner .paragraphs { padding: 10px 0px 0px 0px; margin: 0px; } .block.teaser.color.white.middle .teaserText .teaserTextInner .teaserImage, .block.teaser.color.white.middle .teaserText .teaserTextInner .teaserGallery { margin: 0 -10px 0 -10px; display: block; } .block.teaser.color.white.middle .teaserText .teaserTextInner .paragraphs { padding: 10px 0px 0px 0px; margin: 0px; } .block.teaser.color.transparent { background-color: transparent; } .block.teaser.color .teaserText { padding: 10px; margin: 0px; } .block.teaser.color .teaserText .teaserTextInner { overflow: visible; } .block.teaser.color .teaserText .teaserTextInner h2 { font-size: 16px; font-size: 1.6rem; color: #111111; font-weight: bold; line-height: auto; } .block.teaser.color .teaserText .teaserTextInner h2 a { color: #111111; } .block.teaser.color .teaserText .teaserTextInner .paragraphs blockquote { margin: 0; float: none; } .block.teaser.color.leftFloating .teaserImage { padding: 0px 10px 0px 0px; margin: 0px; } .block.teaser.color.rightFloating .teaserImage { padding: 0px 0px 0px 10px; margin: 0px; } .block.teaser .teaserImage .flashwrapper { position: relative; } .block.teaser .teaserImage .flashoverlay { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; overflow: hidden; } .block.teaser.article.standard h2 { padding: 0; } .block.teaser.article.standard .teaserText .teaserTextInner .mainLink { padding: 0; } .header .primaryHeader .block.teaser { width: 100%; margin-top: 20px; } .header .primaryHeader .megaMenuBodyInner .block.teaser { margin-top: 0; } .topBlocks .block.teaser .teaserText .teaserTextInner h2 { font-size: 25px; font-size: 2.5rem; color: inherit; font-weight: normal; line-height: auto; font-family: 'Georgia Regular', 'Georgia', 'garamond pro', garamond, 'times new roman', times, serif, 'droid sans'; } .topBlocks .block.teaser .teaserText .teaserTextInner h2 a { font-size: 25px; font-size: 2.5rem; color: inherit; font-weight: normal; line-height: auto; font-family: 'Georgia Regular', 'Georgia', 'garamond pro', garamond, 'times new roman', times, serif, 'droid sans'; } .topBlocks .block.teaser.color .teaserText .teaserTextInner h2 { font-size: 25px; font-size: 2.5rem; color: inherit; font-weight: normal; line-height: auto; font-family: 'Georgia Regular', 'Georgia', 'garamond pro', garamond, 'times new roman', times, serif, 'droid sans'; } .topBlocks .block.teaser.color .teaserText .teaserTextInner h2 a { font-size: 25px; font-size: 2.5rem; color: inherit; font-weight: normal; line-height: auto; font-family: 'Georgia Regular', 'Georgia', 'garamond pro', garamond, 'times new roman', times, serif, 'droid sans'; } .topBlocks .block.teaser.color.red .teaserText { padding: 20px; margin: 0px; } .topBlocks .block.teaser.color.red.middle .teaserText .teaserTextInner .teaserImage, .topBlocks .block.teaser.color.red.middle .teaserText .teaserTextInner .teaserGallery { margin: 0 -20px 0 -20px; } .topBlocks .block.teaser.color.yellow .teaserText { padding: 20px; margin: 0px; } .topBlocks .block.teaser.color.yellow.middle .teaserText .teaserTextInner .teaserImage, .topBlocks .block.teaser.color.yellow.middle .teaserText .teaserTextInner .teaserGallery { margin: 0 -20px 0 -20px; } .topBlocks .block.teaser.color.blue .teaserText { padding: 20px; margin: 0px; } .topBlocks .block.teaser.color.blue.middle .teaserText .teaserTextInner .teaserImage, .topBlocks .block.teaser.color.blue.middle .teaserText .teaserTextInner .teaserGallery { margin: 0 -20px 0 -20px; } .topBlocks .block.teaser.color.pink .teaserText { padding: 20px; margin: 0px; } .topBlocks .block.teaser.color.pink.middle .teaserText .teaserTextInner .teaserImage, .topBlocks .block.teaser.color.pink.middle .teaserText .teaserTextInner .teaserGallery { margin: 0 -20px 0 -20px; } .topBlocks .block.teaser.color.green .teaserText { padding: 20px; margin: 0px; } .topBlocks .block.teaser.color.green.middle .teaserText .teaserTextInner .teaserImage, .topBlocks .block.teaser.color.green.middle .teaserText .teaserTextInner .teaserGallery { margin: 0 -20px 0 -20px; } .topBlocks .block.teaser.color.gray .teaserText { padding: 20px; margin: 0px; } .topBlocks .block.teaser.color.gray.middle .teaserText .teaserTextInner .teaserImage, .topBlocks .block.teaser.color.gray.middle .teaserText .teaserTextInner .teaserGallery { margin: 0 -20px 0 -20px; } .topBlocks .block.teaser.color.black .teaserText { padding: 20px; margin: 0px; } .topBlocks .block.teaser.color.black.middle .teaserText .teaserTextInner .teaserImage, .topBlocks .block.teaser.color.black.middle .teaserText .teaserTextInner .teaserGallery { margin: 0 -20px 0 -20px; } .topBlocks .block.teaser.overlay .overlayWrapper .teaserText .teaserTextInner h2 { font-size: 25px; font-size: 2.5rem; color: inherit; font-weight: normal; line-height: auto; font-family: 'Georgia Regular', 'Georgia', 'garamond pro', garamond, 'times new roman', times, serif, 'droid sans'; } .topBlocks .block.teaser.overlay .overlayWrapper .teaserText .teaserTextInner h2 a { font-size: 25px; font-size: 2.5rem; color: inherit; font-weight: normal; line-height: auto; font-family: 'Georgia Regular', 'Georgia', 'garamond pro', garamond, 'times new roman', times, serif, 'droid sans'; } .topBlocks .block.teaser.overlay.white .overlayWrapper .teaserText .teaserTextInner h2 { font-size: 25px; font-size: 2.5rem; color: inherit; font-weight: normal; line-height: auto; font-family: 'Georgia Regular', 'Georgia', 'garamond pro', garamond, 'times new roman', times, serif, 'droid sans'; } .topBlocks .block.teaser.overlay.white .overlayWrapper .teaserText .teaserTextInner h2 a { font-size: 25px; font-size: 2.5rem; color: inherit; font-weight: normal; line-height: auto; font-family: 'Georgia Regular', 'Georgia', 'garamond pro', garamond, 'times new roman', times, serif, 'droid sans'; } .topBlocks .block.teaser.overlay.pink .overlayWrapper .teaserText .teaserTextInner h2 { font-size: 25px; font-size: 2.5rem; color: inherit; font-weight: normal; line-height: auto; font-family: 'Georgia Regular', 'Georgia', 'garamond pro', garamond, 'times new roman', times, serif, 'droid sans'; } .topBlocks .block.teaser.overlay.pink .overlayWrapper .teaserText .teaserTextInner h2 a { font-size: 25px; font-size: 2.5rem; color: inherit; font-weight: normal; line-height: auto; font-family: 'Georgia Regular', 'Georgia', 'garamond pro', garamond, 'times new roman', times, serif, 'droid sans'; } .topBlocks .block.teaser.overlay.green .overlayWrapper .teaserText .teaserTextInner h2 a { font-size: 25px; font-size: 2.5rem; color: inherit; font-weight: normal; line-height: auto; font-family: 'Georgia Regular', 'Georgia', 'garamond pro', garamond, 'times new roman', times, serif, 'droid sans'; } .topBlocks .block.teaser.overlay.green .overlayWrapper .teaserText .teaserTextInner h2 { font-size: 25px; font-size: 2.5rem; color: inherit; font-weight: normal; line-height: auto; font-family: 'Georgia Regular', 'Georgia', 'garamond pro', garamond, 'times new roman', times, serif, 'droid sans'; } .topBlocks .block.teaser.overlay.yellow .overlayWrapper .teaserText .teaserTextInner h2 a { font-size: 25px; font-size: 2.5rem; color: inherit; font-weight: normal; line-height: auto; font-family: 'Georgia Regular', 'Georgia', 'garamond pro', garamond, 'times new roman', times, serif, 'droid sans'; } .topBlocks .block.teaser.overlay.yellow .overlayWrapper .teaserText .teaserTextInner h2 a { font-size: 25px; font-size: 2.5rem; color: inherit; font-weight: normal; line-height: auto; font-family: 'Georgia Regular', 'Georgia', 'garamond pro', garamond, 'times new roman', times, serif, 'droid sans'; } .topBlocks .block.teaser.overlay.color.red .teaserText { padding: 0px; margin: 0px; } .topBlocks .block.teaser.overlay.color.yellow .teaserText { padding: 0px; margin: 0px; } .topBlocks .block.teaser.overlay.color.blue .teaserText { padding: 0px; margin: 0px; } .topBlocks .block.teaser.overlay.color.pink .teaserText { padding: 0px; margin: 0px; } .topBlocks .block.teaser.overlay.color.green .teaserText { padding: 0px; margin: 0px; } .topBlocks .block.teaser.overlay.color.gray .teaserText { padding: 0px; margin: 0px; } .topBlocks .block.teaser.overlay.color.black .teaserText { padding: 0px; margin: 0px; } .topBlocks .block.teaser.overlay.color.white .teaserText { padding: 0px; margin: 0px; } .topBlocks .block.columnSplitter .columns .column .columnInner .block.teaser .teaserText .teaserTextInner h2 { font-size: 16px; font-size: 1.6rem; color: inherit; font-weight: bold; line-height: auto; font-family: Arial, 'Helvetica Neue', helvetica, sans-serif; } .topBlocks .block.columnSplitter .columns .column .columnInner .block.teaser .teaserText .teaserTextInner h2 a { font-size: 16px; font-size: 1.6rem; color: inherit; font-weight: bold; line-height: auto; font-family: Arial, 'Helvetica Neue', helvetica, sans-serif; } .topBlocks .block.columnSplitter .columns .column .columnInner .block.teaser.color.red .teaserText { padding: 10px; margin: 0px; } .topBlocks .block.columnSplitter .columns .column .columnInner .block.teaser.color.red.middle .teaserText .teaserTextInner .teaserImage, .topBlocks .block.columnSplitter .columns .column .columnInner .block.teaser.color.red.middle .teaserText .teaserTextInner .teaserGallery { margin: 0 -10px 0 -10px; } .topBlocks .block.columnSplitter .columns .column .columnInner .block.teaser.color.yellow .teaserText { padding: 10px; margin: 0px; } .topBlocks .block.columnSplitter .columns .column .columnInner .block.teaser.color.yellow.middle .teaserText .teaserTextInner .teaserImage, .topBlocks .block.columnSplitter .columns .column .columnInner .block.teaser.color.yellow.middle .teaserText .teaserTextInner .teaserGallery { margin: 0 -10px 0 -10px; } .topBlocks .block.columnSplitter .columns .column .columnInner .block.teaser.color.blue .teaserText { padding: 10px; margin: 0px; } .topBlocks .block.columnSplitter .columns .column .columnInner .block.teaser.color.blue.middle .teaserText .teaserTextInner .teaserImage, .topBlocks .block.columnSplitter .columns .column .columnInner .block.teaser.color.blue.middle .teaserText .teaserTextInner .teaserGallery { margin: 0 -10px 0 -10px; } .topBlocks .block.columnSplitter .columns .column .columnInner .block.teaser.color.pink .teaserText { padding: 10px; margin: 0px; } .topBlocks .block.columnSplitter .columns .column .columnInner .block.teaser.color.pink.middle .teaserText .teaserTextInner .teaserImage, .topBlocks .block.columnSplitter .columns .column .columnInner .block.teaser.color.pink.middle .teaserText .teaserTextInner .teaserGallery { margin: 0 -10px 0 -10px; } .topBlocks .block.columnSplitter .columns .column .columnInner .block.teaser.color.green .teaserText { padding: 10px; margin: 0px; } .topBlocks .block.columnSplitter .columns .column .columnInner .block.teaser.color.green.middle .teaserText .teaserTextInner .teaserImage, .topBlocks .block.columnSplitter .columns .column .columnInner .block.teaser.color.green.middle .teaserText .teaserTextInner .teaserGallery { margin: 0 -10px 0 -10px; } .topBlocks .block.columnSplitter .columns .column .columnInner .block.teaser.color.gray .teaserText { padding: 10px; margin: 0px; } .topBlocks .block.columnSplitter .columns .column .columnInner .block.teaser.color.gray.middle .teaserText .teaserTextInner .teaserImage, .topBlocks .block.columnSplitter .columns .column .columnInner .block.teaser.color.gray.middle .teaserText .teaserTextInner .teaserGallery { margin: 0 -10px 0 -10px; } .topBlocks .block.columnSplitter .columns .column .columnInner .block.teaser.color.black .teaserText { padding: 10px; margin: 0px; } .topBlocks .block.columnSplitter .columns .column .columnInner .block.teaser.color.black.middle .teaserText .teaserTextInner .teaserImage, .topBlocks .block.columnSplitter .columns .column .columnInner .block.teaser.color.black.middle .teaserText .teaserTextInner .teaserGallery { margin: 0 -10px 0 -10px; } .topBlocks .block.columnSplitter .columns .column .columnInner .block.teaser.overlay .teaserText { padding: 0px; margin: 0px; } .topBlocks .block.columnSplitter .columns .column .columnInner .block.teaser.overlay .teaserText .teaserTextInner { padding: 10px; margin: 0px; } .topBlocks .block.columnSplitter .columns .column .columnInner .block.teaser.overlay.color.red .teaserText { padding: 0px; margin: 0px; } .topBlocks .block.columnSplitter .columns .column .columnInner .block.teaser.overlay.color.yellow .teaserText { padding: 0px; margin: 0px; } .topBlocks .block.columnSplitter .columns .column .columnInner .block.teaser.overlay.color.blue .teaserText { padding: 0px; margin: 0px; } .topBlocks .block.columnSplitter .columns .column .columnInner .block.teaser.overlay.color.pink .teaserText { padding: 0px; margin: 0px; } .topBlocks .block.columnSplitter .columns .column .columnInner .block.teaser.overlay.color.green .teaserText { padding: 0px; margin: 0px; } .topBlocks .block.columnSplitter .columns .column .columnInner .block.teaser.overlay.color.gray .teaserText { padding: 0px; margin: 0px; } .topBlocks .block.columnSplitter .columns .column .columnInner .block.teaser.overlay.color.black .teaserText { padding: 0px; margin: 0px; } .mainBlocks .primaryBlocks .primaryBlocksInner .block.teaser .teaserText .teaserTextInner h2 { font-size: 25px; font-size: 2.5rem; color: inherit; font-weight: normal; line-height: auto; font-family: 'Georgia Regular', 'Georgia', 'garamond pro', garamond, 'times new roman', times, serif, 'droid sans'; } .mainBlocks .primaryBlocks .primaryBlocksInner .block.teaser .teaserText .teaserTextInner h2 a { font-size: 25px; font-size: 2.5rem; color: inherit; font-weight: normal; line-height: auto; font-family: 'Georgia Regular', 'Georgia', 'garamond pro', garamond, 'times new roman', times, serif, 'droid sans'; } .mainBlocks .primaryBlocks .primaryBlocksInner .block.teaser.color.red .teaserText { padding: 20px; margin: 0px; } .mainBlocks .primaryBlocks .primaryBlocksInner .block.teaser.color.red.middle .teaserText .teaserTextInner .teaserImage, .mainBlocks .primaryBlocks .primaryBlocksInner .block.teaser.color.red.middle .teaserText .teaserTextInner .teaserGallery { margin: 0 -20px 0 -20px; } .mainBlocks .primaryBlocks .primaryBlocksInner .block.teaser.color.yellow .teaserText { padding: 20px; margin: 0px; } .mainBlocks .primaryBlocks .primaryBlocksInner .block.teaser.color.yellow.middle .teaserText .teaserTextInner .teaserImage, .mainBlocks .primaryBlocks .primaryBlocksInner .block.teaser.color.yellow.middle .teaserText .teaserTextInner .teaserGallery { margin: 0 -20px 0 -20px; } .mainBlocks .primaryBlocks .primaryBlocksInner .block.teaser.color.blue .teaserText { padding: 20px; margin: 0px; } .mainBlocks .primaryBlocks .primaryBlocksInner .block.teaser.color.blue.middle .teaserText .teaserTextInner .teaserImage, .mainBlocks .primaryBlocks .primaryBlocksInner .block.teaser.color.blue.middle .teaserText .teaserTextInner .teaserGallery { margin: 0 -20px 0 -20px; } .mainBlocks .primaryBlocks .primaryBlocksInner .block.teaser.color.pink .teaserText { padding: 20px; margin: 0px; } .mainBlocks .primaryBlocks .primaryBlocksInner .block.teaser.color.pink.middle .teaserText .teaserTextInner .teaserImage, .mainBlocks .primaryBlocks .primaryBlocksInner .block.teaser.color.pink.middle .teaserText .teaserTextInner .teaserGallery { margin: 0 -20px 0 -20px; } .mainBlocks .primaryBlocks .primaryBlocksInner .block.teaser.color.green .teaserText { padding: 20px; margin: 0px; } .mainBlocks .primaryBlocks .primaryBlocksInner .block.teaser.color.green.middle .teaserText .teaserTextInner .teaserImage, .mainBlocks .primaryBlocks .primaryBlocksInner .block.teaser.color.green.middle .teaserText .teaserTextInner .teaserGallery { margin: 0 -20px 0 -20px; } .mainBlocks .primaryBlocks .primaryBlocksInner .block.teaser.color.gray .teaserText { padding: 20px; margin: 0px; } .mainBlocks .primaryBlocks .primaryBlocksInner .block.teaser.color.gray.middle .teaserText .teaserTextInner .teaserImage, .mainBlocks .primaryBlocks .primaryBlocksInner .block.teaser.color.gray.middle .teaserText .teaserTextInner .teaserGallery { margin: 0 -20px 0 -20px; } .mainBlocks .primaryBlocks .primaryBlocksInner .block.teaser.color.black .teaserText { padding: 20px; margin: 0px; } .mainBlocks .primaryBlocks .primaryBlocksInner .block.teaser.color.black.middle .teaserText .teaserTextInner .teaserImage, .mainBlocks .primaryBlocks .primaryBlocksInner .block.teaser.color.black.middle .teaserText .teaserTextInner .teaserGallery { margin: 0 -20px 0 -20px; } .mainBlocks .primaryBlocks .primaryBlocksInner .block.teaser.overlay.color.red .teaserText { padding: 0px; margin: 0px; } .mainBlocks .primaryBlocks .primaryBlocksInner .block.teaser.overlay.color.yellow .teaserText { padding: 0px; margin: 0px; } .mainBlocks .primaryBlocks .primaryBlocksInner .block.teaser.overlay.color.blue .teaserText { padding: 0px; margin: 0px; } .mainBlocks .primaryBlocks .primaryBlocksInner .block.teaser.overlay.color.pink .teaserText { padding: 0px; margin: 0px; } .mainBlocks .primaryBlocks .primaryBlocksInner .block.teaser.overlay.color.green .teaserText { padding: 0px; margin: 0px; } .mainBlocks .primaryBlocks .primaryBlocksInner .block.teaser.overlay.color.gray .teaserText { padding: 0px; margin: 0px; } .mainBlocks .primaryBlocks .primaryBlocksInner .block.teaser.overlay.color.black .teaserText { padding: 0px; margin: 0px; } .mainBlocks .primaryBlocks .primaryBlocksInner .block.teaser.overlay.color.white .teaserText { padding: 0px; margin: 0px; } .mainBlocks .primaryBlocks .primaryBlocksInner .block.columnSplitter .columns .column .columnInner .block.teaser .teaserText .teaserTextInner h2 { font-size: 16px; font-size: 1.6rem; color: inherit; font-weight: bold; line-height: auto; font-family: Arial, 'Helvetica Neue', helvetica, sans-serif; } .mainBlocks .primaryBlocks .primaryBlocksInner .block.columnSplitter .columns .column .columnInner .block.teaser .teaserText .teaserTextInner h2 a { font-size: 16px; font-size: 1.6rem; color: inherit; font-weight: bold; line-height: auto; font-family: Arial, 'Helvetica Neue', helvetica, sans-serif; } .mainBlocks .primaryBlocks .primaryBlocksInner .block.columnSplitter .columns .column .columnInner .block.teaser.color.red .teaserText { padding: 10px; margin: 0px; } .mainBlocks .primaryBlocks .primaryBlocksInner .block.columnSplitter .columns .column .columnInner .block.teaser.color.red.middle .teaserText .teaserTextInner .teaserImage, .mainBlocks .primaryBlocks .primaryBlocksInner .block.columnSplitter .columns .column .columnInner .block.teaser.color.red.middle .teaserText .teaserTextInner .teaserGallery { margin: 0 -10px 0 -10px; } .mainBlocks .primaryBlocks .primaryBlocksInner .block.columnSplitter .columns .column .columnInner .block.teaser.color.yellow .teaserText { padding: 10px; margin: 0px; } .mainBlocks .primaryBlocks .primaryBlocksInner .block.columnSplitter .columns .column .columnInner .block.teaser.color.yellow.middle .teaserText .teaserTextInner .teaserImage, .mainBlocks .primaryBlocks .primaryBlocksInner .block.columnSplitter .columns .column .columnInner .block.teaser.color.yellow.middle .teaserText .teaserTextInner .teaserGallery { margin: 0 -10px 0 -10px; } .mainBlocks .primaryBlocks .primaryBlocksInner .block.columnSplitter .columns .column .columnInner .block.teaser.color.blue .teaserText { padding: 10px; margin: 0px; } .mainBlocks .primaryBlocks .primaryBlocksInner .block.columnSplitter .columns .column .columnInner .block.teaser.color.blue.middle .teaserText .teaserTextInner .teaserImage, .mainBlocks .primaryBlocks .primaryBlocksInner .block.columnSplitter .columns .column .columnInner .block.teaser.color.blue.middle .teaserText .teaserTextInner .teaserGallery { margin: 0 -10px 0 -10px; } .mainBlocks .primaryBlocks .primaryBlocksInner .block.columnSplitter .columns .column .columnInner .block.teaser.color.pink .teaserText { padding: 10px; margin: 0px; } .mainBlocks .primaryBlocks .primaryBlocksInner .block.columnSplitter .columns .column .columnInner .block.teaser.color.pink.middle .teaserText .teaserTextInner .teaserImage, .mainBlocks .primaryBlocks .primaryBlocksInner .block.columnSplitter .columns .column .columnInner .block.teaser.color.pink.middle .teaserText .teaserTextInner .teaserGallery { margin: 0 -10px 0 -10px; } .mainBlocks .primaryBlocks .primaryBlocksInner .block.columnSplitter .columns .column .columnInner .block.teaser.color.green .teaserText { padding: 10px; margin: 0px; } .mainBlocks .primaryBlocks .primaryBlocksInner .block.columnSplitter .columns .column .columnInner .block.teaser.color.green.middle .teaserText .teaserTextInner .teaserImage, .mainBlocks .primaryBlocks .primaryBlocksInner .block.columnSplitter .columns .column .columnInner .block.teaser.color.green.middle .teaserText .teaserTextInner .teaserGallery { margin: 0 -10px 0 -10px; } .mainBlocks .primaryBlocks .primaryBlocksInner .block.columnSplitter .columns .column .columnInner .block.teaser.color.gray .teaserText { padding: 10px; margin: 0px; } .mainBlocks .primaryBlocks .primaryBlocksInner .block.columnSplitter .columns .column .columnInner .block.teaser.color.gray.middle .teaserText .teaserTextInner .teaserImage, .mainBlocks .primaryBlocks .primaryBlocksInner .block.columnSplitter .columns .column .columnInner .block.teaser.color.gray.middle .teaserText .teaserTextInner .teaserGallery { margin: 0 -10px 0 -10px; } .mainBlocks .primaryBlocks .primaryBlocksInner .block.columnSplitter .columns .column .columnInner .block.teaser.color.black .teaserText { padding: 10px; margin: 0px; } .mainBlocks .primaryBlocks .primaryBlocksInner .block.columnSplitter .columns .column .columnInner .block.teaser.color.black.middle .teaserText .teaserTextInner .teaserImage, .mainBlocks .primaryBlocks .primaryBlocksInner .block.columnSplitter .columns .column .columnInner .block.teaser.color.black.middle .teaserText .teaserTextInner .teaserGallery { margin: 0 -10px 0 -10px; } .mainBlocks .primaryBlocks .primaryBlocksInner .block.columnSplitter .columns .column .columnInner .block.teaser.overlay .teaserText { padding: 0px; margin: 0px; } .mainBlocks .primaryBlocks .primaryBlocksInner .block.columnSplitter .columns .column .columnInner .block.teaser.overlay .teaserText .teaserTextInner { padding: 10px; margin: 0px; } .mainBlocks .primaryBlocks .primaryBlocksInner .block.columnSplitter .columns .column .columnInner .block.teaser.overlay.color.red .teaserText { padding: 0px; margin: 0px; } .mainBlocks .primaryBlocks .primaryBlocksInner .block.columnSplitter .columns .column .columnInner .block.teaser.overlay.color.yellow .teaserText { padding: 0px; margin: 0px; } .mainBlocks .primaryBlocks .primaryBlocksInner .block.columnSplitter .columns .column .columnInner .block.teaser.overlay.color.blue .teaserText { padding: 0px; margin: 0px; } .mainBlocks .primaryBlocks .primaryBlocksInner .block.columnSplitter .columns .column .columnInner .block.teaser.overlay.color.pink .teaserText { padding: 0px; margin: 0px; } .mainBlocks .primaryBlocks .primaryBlocksInner .block.columnSplitter .columns .column .columnInner .block.teaser.overlay.color.green .teaserText { padding: 0px; margin: 0px; } .mainBlocks .primaryBlocks .primaryBlocksInner .block.columnSplitter .columns .column .columnInner .block.teaser.overlay.color.gray .teaserText { padding: 0px; margin: 0px; } .mainBlocks .primaryBlocks .primaryBlocksInner .block.columnSplitter .columns .column .columnInner .block.teaser.overlay.color.black .teaserText { padding: 0px; margin: 0px; } .mainBlocks .primaryBlocks .block.teaser.leftFloating .teaserImage { padding: 0px 20px 10px 0px; margin: 0px; } .mainBlocks .primaryBlocks .block.teaser.leftFloating .blockAlign.floatLeft .teaserImage, .mainBlocks .primaryBlocks .block.teaser.leftFloating .blockAlign.floatRight .teaserImage { padding: 0px 0px 10px 0px; margin: 0px; } .mainBlocks .primaryBlocks .block.teaser.rightFloating .teaserImage { padding: 0px 0px 10px 20px; margin: 0px; } .mainBlocks .primaryBlocks .block.teaser.rightFloating .blockAlign.floatLeft .teaserImage, .mainBlocks .primaryBlocks .block.teaser.rightFloating .blockAlign.floatRight .teaserImage { padding: 0px 0px 10px 0px; margin: 0px; } .mainBlocks .primaryBlocks .block.teaser.color.leftFloating .teaserImage { padding: 0px 20px 0px 0px; margin: 0px; } .mainBlocks .primaryBlocks .block.teaser.color.rightFloating .teaserImage { padding: 0px 0px 0px 20px; margin: 0px; } .mainBlocks .secondaryBlocks .block.teaser.overlay .teaserText .teaserTextInner { padding: 10px; margin: 0px; } .mainBlocks .secondaryBlocks .block.teaser.overlay.top .teaserText { padding-bottom: 20px; } .mainBlocks .secondaryBlocks .block.teaser.overlay.bottom .teaserText { padding-top: 20px; } #footer .block.teaser { color: #ffffff; } #footer .block.teaser .teaserTextInner { color: #ffffff; } #footer .block.teaser .teaserTextInner .block.link.arrow { width: 100%; display: inline-block; } #footer .block.teaser .teaserTextInner .block.link.arrow span.arrow { padding-right: 11px; background: transparent url("/img/v/8.28.4/icon/white-arrow.svg") 0 5px no-repeat; } #footer .block.teaser .teaserTextInner .standardLink { color: #ffffff; } #footer .block.teaser .teaserTextInner h2 { font-size: 16px; font-size: 1.6rem; color: #ffffff; font-weight: bold; line-height: auto; } #footer .block.teaser .teaserTextInner h2 a { font-size: 16px; font-size: 1.6rem; color: #ffffff; font-weight: bold; line-height: auto; } #footer .block.teaser .teaserTextInner h3.topic { color: #ffffff; } #footer .block.teaser .teaserTextInner .paragraphs { padding: 0px; margin: 0px; font-size: 13.5px; font-size: 1.35rem; color: #111111; font-weight: normal; line-height: auto; color: #ffffff; width: 100%; } #footer .block.teaser .teaserTextInner .paragraphs .blockAlign .floatRight { position: inherit; margin: 0px; } #footer .block.teaser .teaserTextInner .paragraphs p { margin-top: 0px; } #footer .block.teaser .teaserTextInner .paragraphs p:last-child { margin-bottom: 0px; } #footer .block.teaser .teaserTextInner .paragraphs p.AlignLeft { text-align: left; } #footer .block.teaser .teaserTextInner .paragraphs p.AlignCenter { text-align: center; } #footer .block.teaser .teaserTextInner .paragraphs p.AlignRight { text-align: right; } #footer .block.teaser .teaserTextInner .paragraphs p.AlignJustify { text-align: justify; } #footer .block.teaser .teaserTextInner .paragraphs a { color: #ffffff; } #footer .block.teaser .teaserTextInner .mainLink .arrow { padding-right: 11px; background: transparent url("/img/v/8.28.4/icon/white-arrow.svg") 0 5px no-repeat; } .articleWrapper .article .paragraphs .blockAlign.floatRight .block.teaser { width: 210px; } .articleWrapper .article .paragraphs .blockAlign.floatRight .block.teaser .teaserText { border-left: 1px solid #b9bbbd; padding-left: 10px; overflow: hidden; } .articleWrapper .article .paragraphs .blockAlign.floatRight .block.teaser.color .teaserText { border-left: 0px; } .articleWrapper .article .paragraphs .blockAlign.floatLeft .block.teaser { width: 210px; } .articleWrapper .article .paragraphs .blockAlign.floatLeft .block.teaser .teaserText { border-right: 1px solid #b9bbbd; padding-right: 10px; overflow: hidden; } .articleWrapper .article .paragraphs .blockAlign.floatLeft .block.teaser.color .teaserText { border-right: 0px; } .articleWrapper .article .paragraphs .block.teaser.leftFloating .teaserText .teaserTextInner .paragraphs, .articleWrapper .article .paragraphs .block.teaser.rightFloating .teaserText .teaserTextInner .paragraphs { display: inline; } .articleWrapper .article .paragraphs .block.teaser .teaserText .teaserTextInner .paragraphs { width: auto; } .articleWrapper .article .paragraphs .block.teaser .teaserText .teaserTextInner .paragraphs .blockAlign.floatRight { position: inherit; margin: 0px; } .articleWrapper .article .paragraphs .block.teaser.overlay .teaserText .teaserTextInner { padding: 10px; margin: 0px; } .articleWrapper .article .paragraphs .block.teaser.overlay.top .teaserText { padding-bottom: 20px; } .articleWrapper .article .paragraphs .block.teaser.overlay.bottom .teaserText { padding-top: 20px; } .articleWrapper .article.calendarDepartment .block.teaser.info { width: 210px; } .articleWrapper .complementaryBlocks .block.teaser .paragraphs .blockAlign.floatRight { position: inherit; margin: 0px; } .articleWrapper .block.columnSplitter .columns .column .columnInner .block.teaser.overlay .teaserText .teaserTextInner { padding: 10px; margin: 0px; } @media only screen and (max-width: 850px) { .header .primaryHeader .block.teaser { margin-top: 10px; margin-bottom: 10px; } .block.teaser.overlay .overlayWrapper .teaserText { position: relative; display: block; margin: 0; } .block.teaser.overlay.bottom .teaserText { background-position: 100% 100%; } .block.teaser.overlay.left .overlayWrapper .teaserText { width: auto; } .block.teaser.overlay.right .overlayWrapper .teaserText { width: auto; } body .mainBlocks .primaryBlocks .block.teaser.leftFloating .teaserImage { width: 100%; } body .mainBlocks .primaryBlocks .block.teaser.rightFloating .teaserImage { width: 100%; } } @media only screen and (max-width: 660px) { .block.teaser.leftFloating .teaserImage { float: none; display: block; width: 100%; padding: 0 0 10px 0; } .block.teaser.leftFloating .teaserImage.mediaplayer { width: 100%; } .block.teaser.leftFloating .teaserText { float: none; display: block; width: 100%; } .block.teaser.leftFloating.color .teaserImage { padding: 0 0 10px 0; } .block.teaser.leftFloating.color .teaserText { width: auto; } .block.teaser.rightFloating .teaserImage { float: none; display: block; width: 100%; padding: 0 0 10px 0; } .block.teaser.rightFloating .teaserImage.mediaplayer { width: 100%; } .block.teaser.rightFloating .teaserText { float: none; display: block; width: 100%; } .block.teaser.rightFloating.color .teaserImage { padding: 0 0 10px 0; } .block.teaser.rightFloating.color .teaserText { width: auto; } } @media only screen and (max-width: 480px) { body .mainBlocks .primaryBlocks .block.teaser.leftFloating .teaserImage { width: 100%; } body .mainBlocks .primaryBlocks .block.teaser.rightFloating .teaserImage { width: 100%; } } .block.siteName { font-size: 16px; font-size: 1.6rem; color: #111111; font-weight: bold; line-height: auto; } .block.siteName a, .block.siteName a:hover, .block.siteName a:visited { color: #111111; text-decoration: none; } .header .secondaryHeader .block.siteName { font-size: 13.5px; font-size: 1.35rem; float: none; display: inline-block; text-transform: uppercase; padding-right: 10px; margin-right: 10px; border-right: 1px solid #b9bbbd; vertical-align: top; } @media only screen and (max-width: 350px) { .header .secondaryHeader .block.siteName { float: none; display: inline-block; max-width: 80%; } } @media only screen and (max-width: 350px) { body .content .header .secondaryHeader .block.login { display: none; } } .block.gallery { padding: 0px; margin: 0px; clear: both; position: relative; } .block.gallery h2 { font-size: 16px; font-size: 1.6rem; color: #111111; line-height: auto; font-weight: bold; margin: 0 0 10px 0; } .block.gallery .slides_container { width: 100%; overflow: hidden; position: relative; display: none; } .block.gallery .slides_container .slides_control .slide { padding: 0px; width: 100%; display: block; } .block.gallery .pagination { margin: 0; padding: 0 5px 5px 0; position: absolute; float: right; right: 0; clear: both; z-index: 20; bottom: 0; width: auto; } .block.gallery .pagination li { padding: 0px; margin: 0 1px 0 0; float: left; list-style: none; } .block.gallery .pagination li a { padding: 10px 0px 0px 0px; margin: 0px; display: block; width: 10px; height: 0; background-image: url("/img/v/8.28.4/slides/pagination.png"); background-position: 0 0; float: left; overflow: hidden; } .block.gallery .pagination li.current a { background-position: 0 -10px; } .block.gallery .pagination li.current a:hover a { background-position: 0 -10px; } .block.gallery .pagination li:hover a { background-position: 0 -20px; } .block.gallery .pagination li:last-child { margin: 0; } .block.teaser.overlay.gallery .overlayWrapper .teaserText { z-index: 5; } .block.teaser.overlay.gallery .block.gallery .slides_container .slides_control .slide .block.figure .imageWrapper .footer { display: none; } .block.teaser.overlay.color.gallery { background-color: transparent; } .articleWrapper .article .paragraphs .blockAlign.floatRight .block.gallery { width: 210px; } .articleWrapper .article .paragraphs .blockAlign.floatLeft .block.gallery { width: 210px; } .block.list.group { padding: 0px; margin: 0px; display: inline; } .block.list.group.geolocation { display: none; } .block.list.group h3 { padding: 0px 0px 10px 0px; margin: 0px; } .block.list.group.dottedBorder { padding: 10px; margin: 0px; display: block; border: 1px dotted #b9bbbd; } .block.list.group.labelHeader h3 { padding: 5px; margin: 0 0 10px 0; } .standardLink { color: #24a0d8; -webkit-tap-highlight-color: #24a0d8; } .block.link .standardLink { color: #24a0d8; -webkit-tap-highlight-color: #24a0d8; } .block.link.callToAction { display: inline-block; width: auto; } .block.link.callToAction a { border-radius: 10px; display: block; font-weight: bold; background-color: #d85497; padding: 3px 10px 4px 10px; width: auto; color: #ffffff; } .block.link.callToAction a:hover { text-decoration: none; background-color: #cb2e7e; } .block.link.callToAction.blue a { background-color: #24a0d8; } .block.link.callToAction.blue a:hover { background-color: #1d80ac; } .block.link.button { display: inline-block; width: auto; } .block.link.button a { border-radius: 10px; display: block; font-weight: bold; background-color: #b0c92b; padding: 3px 10px 4px 10px; width: auto; color: #ffffff; } .block.link.button a:hover { background-color: #8b9f22; text-decoration: none; } .block.link.button.blue a { background-color: #24a0d8; } .block.link.button.blue a:hover { background-color: #1d80ac; } .block.link.button.pink a { background-color: #d85497; } .block.link.button.pink a:hover { background-color: #cb2e7e; } .block.link.icon { display: inline; } .block.link.icon .smallIcon { background: url("/img/v/8.28.4/icon/unknown.png") no-repeat transparent; padding: 0px 2px 2px 0px; display: inline-block; height: 14px; width: 14px; vertical-align: middle; padding-bottom: 4px; } .block.link.icon .smallIcon.pdf { background-image: url("/img/v/8.28.4/icon/pdf.png"); } .block.link.icon .smallIcon.word { background-image: url("/img/v/8.28.4/icon/word.png"); } .block.link.icon .smallIcon.excel { background-image: url("/img/v/8.28.4/icon/xls.png"); } .block.link.icon .smallIcon.powerpoint { background-image: url("/img/v/8.28.4/icon/ppt.png"); } .block.link.icon .smallIcon.img { background-image: url("/img/v/8.28.4/icon/image.png"); } .block.link.icon .smallIcon.audio { background-image: url("/img/v/8.28.4/icon/audio.png"); } .block.link.icon .smallIcon.rss { background-image: url("/img/v/8.28.4/icon/rss-sidebar.png"); } .block.link.icon .smallIcon.zip { background-image: url("/img/v/8.28.4/icon/zip.png"); } .block.link.icon .smallIcon.tar { background-image: url("/img/v/8.28.4/icon/tar.png"); } .block.link.icon .smallIcon.gzip { background-image: url("/img/v/8.28.4/icon/gzip.png"); } .block.link.icon .smallIcon.mathematica { background-image: url("/img/v/8.28.4/icon/mathematica.png"); } .block.link.icon .smallIcon.matlab { background-image: url("/img/v/8.28.4/icon/matlab.png"); } .block.link.icon .smallIcon.flash { background-image: url("/img/v/8.28.4/icon/flash.png"); } .block.link.icon .smallIcon.css { background-image: url("/img/v/8.28.4/icon/css.png"); } .block.link.arrow { display: inline-block; } .block.link.arrow span.arrow { padding-right: 11px; background: transparent url("/img/v/8.28.4/icon/gray-arrow.svg") 0 5px no-repeat; } .block.list.links .standardLink, .block.list.accordion .standardLink, .block.list.expandable .standardLink, .block.list.tabs .standardLink { color: #24a0d8; -webkit-tap-highlight-color: #24a0d8; } .block.list.links .arrow, .block.list.accordion .arrow, .block.list.expandable .arrow, .block.list.tabs .arrow { padding-right: 11px; background: transparent url("/img/v/8.28.4/icon/gray-arrow.svg") 0 5px no-repeat; } .block.list.links .block.link.arrow, .block.list.accordion .block.link.arrow, .block.list.expandable .block.link.arrow, .block.list.tabs .block.link.arrow { background: transparent; } .block.news .mainLink .arrow { padding-right: 11px; background: transparent url("/img/v/8.28.4/icon/gray-arrow.svg") 0 5px no-repeat; } .block.calendar .mainLink .arrow { padding-right: 11px; background: transparent url("/img/v/8.28.4/icon/gray-arrow.svg") 0 5px no-repeat; } .block.megaMenu .menu .item .menuItemContent .megaMenuBody .megaMenuBodyInner .block.columnSplitter .block.list.links ul li .arrow { padding-right: 11px; background: transparent url("/img/v/8.28.4/icon/gray-arrow.svg") 0 5px no-repeat; } .header .primaryHeader .block.link { float: none; } .header .primaryHeader .block.link.callToAction a { color: #ffffff; } .header .primaryHeader .block.link.button a { color: #ffffff; } .header .secondaryHeader .block.link.callToAction a { color: #ffffff; } .header .secondaryHeader .block.link.button a { color: #ffffff; } #footer .standardLink { color: #ffffff; } @media only screen and (max-width: 976px) { body .content .header .secondaryHeader .block.link { display: none; } body .content .header .secondaryHeader .block.link.localeLink { display: inline-block; } } @media only screen and (max-width: 480px) { body .content .header .secondaryHeader .block.link { display: none; } body .content .header .secondaryHeader .block.link.localeLink { overflow: hidden; width: 14px; height: 17px; white-space: nowrap; } body .content .header .secondaryHeader .block.link.localeLink a { background-position: 0 50%; padding-left: 999px; white-space: nowrap; } } .block.linkTree ul { margin: 0; padding: 0 0 0 20px; list-style: none; } .block.linkTree ul li { padding: 0px; margin: 0px; list-style: none; } .block.linkTree ul.treeview a { position: relative; top: -2px; margin-left: 2px; } .block.linkTree ul.treeview a .selected { background-color: #eee; } .block.linkTree ul.treeview .hitarea { background: url("/img/v/8.28.4/treeview-gray.gif") -64px -25px no-repeat; height: 16px; width: 16px; margin-left: -16px; float: left; cursor: pointer; } .block.linkTree ul.treeview .hitarea.expandable-hitarea { background-position: -80px -3px; } .block.linkTree ul.treeview .hitarea.lastCollapsable-hitarea, .block.linkTree ul.treeview .hitarea.lastExpandable-hitarea { background-position: 0; } .block.linkTree ul.treeview ul { margin-top: 4px; padding: 0; } .block.linkTree ul.treeview li { padding: 3px 0pt 3px 16px; background: url("/img/v/8.28.4/treeview-default-line.gif") 0 0 no-repeat; } .block.linkTree ul.treeview li.collapsable, .block.linkTree ul.treeview li.expandable { background-position: 0 -176px; } .block.linkTree ul.treeview li.last { background-position: 0 -1766px; } .block.linkTree ul.treeview li.lastCollapsable, .block.linkTree ul.treeview li.lastExpandable { background-image: url("/img/v/8.28.4/treeview-gray.gif"); } .block.linkTree ul.treeview li.lastCollapsable { background-position: 0 -111px; } .block.linkTree ul.treeview li.lastExpandable { background-position: -32px -67px; } .block.teaser .teaserText .teaserTextInner .paragraphs .block.linkTree ul { margin: 0; padding: 0 0 0 20px; list-style: none; } .block.teaser .teaserText .teaserTextInner .paragraphs .block.linkTree ul li { padding: 0px; margin: 0px; list-style: none; } .block.teaser .teaserText .teaserTextInner .paragraphs .block.linkTree ul.treeview a { position: relative; top: -2px; margin-left: 2px; } .block.teaser .teaserText .teaserTextInner .paragraphs .block.linkTree ul.treeview a .selected { background-color: #eee; } .block.teaser .teaserText .teaserTextInner .paragraphs .block.linkTree ul.treeview .hitarea { background: url("/img/v/8.28.4/treeview-gray.gif") -64px -25px no-repeat; height: 16px; width: 16px; margin-left: -16px; float: left; cursor: pointer; } .block.teaser .teaserText .teaserTextInner .paragraphs .block.linkTree ul.treeview .hitarea.expandable-hitarea { background-position: -80px -3px; } .block.teaser .teaserText .teaserTextInner .paragraphs .block.linkTree ul.treeview .hitarea.lastCollapsable-hitarea, .block.teaser .teaserText .teaserTextInner .paragraphs .block.linkTree ul.treeview .hitarea.lastExpandable-hitarea { background-position: 0; } .block.teaser .teaserText .teaserTextInner .paragraphs .block.linkTree ul.treeview ul { margin-top: 4px; padding: 0; } .block.teaser .teaserText .teaserTextInner .paragraphs .block.linkTree ul.treeview li { padding: 3px 0pt 3px 16px; background: url("/img/v/8.28.4/treeview-default-line.gif") 0 0 no-repeat; } .block.teaser .teaserText .teaserTextInner .paragraphs .block.linkTree ul.treeview li.collapsable, .block.teaser .teaserText .teaserTextInner .paragraphs .block.linkTree ul.treeview li.expandable { background-position: 0 -176px; } .block.teaser .teaserText .teaserTextInner .paragraphs .block.linkTree ul.treeview li.last { background-position: 0 -1766px; } .block.teaser .teaserText .teaserTextInner .paragraphs .block.linkTree ul.treeview li.lastCollapsable, .block.teaser .teaserText .teaserTextInner .paragraphs .block.linkTree ul.treeview li.lastExpandable { background-image: url("/img/v/8.28.4/treeview-gray.gif"); } .block.teaser .teaserText .teaserTextInner .paragraphs .block.linkTree ul.treeview li.lastCollapsable { background-position: 0 -111px; } .block.teaser .teaserText .teaserTextInner .paragraphs .block.linkTree ul.treeview li.lastExpandable { background-position: -32px -67px; } .block.loggedInProfileBlock .profilepicture img { vertical-align: top; } .block.loggedInProfileBlock.noImage img { display: none; } .block.loggedInProfileBlock .nolink { color: #333333; font-weight: bold; } .block.mediaplayer { overflow: hidden; } .block.mediaplayer .leftFloating { float: left; } .block.mediaplayer .rightFloating { float: right; } .block.mediaplayer .player .error-public { padding: 10px; margin: 0px; background: #e3e5e3 url('/img/v/8.28.4/movie-splash-default.jpg') no-repeat 0 0; background-size: 100% 100%; min-height: 300px; width: 100%; } .block.mediaplayer .player .error-editor { padding: 10px; margin: 0px; background: #e3e5e3 url('/img/v/8.28.4/movie-splash-default.jpg') no-repeat 0 0; background-size: 100% 100%; min-height: 300px; width: 100%; display: none; } .article.standard.news .preArticleParagraphs .media .block.mediaplayer .content .footer { border: none; } .block.news { padding: 0px; margin: 0px; display: block; overflow: hidden; max-width: 100%; } .block.news img { width: 100%; height: auto; } .block.news.top li .description img { margin-bottom: 10px; } .block.news.left li .description { margin-top: 10px; } .block.news.left li .description img { max-width: 210px; float: left; margin-right: 20px; margin-bottom: 10px; } .block.news.left li .description .newsLink { margin-bottom: 10px; } .block.news h3 { font-size: 16px; font-size: 1.6rem; color: #ffffff; font-weight: bold; padding: 0px 10px 0px 10px; margin: 0px; background: #b0c92b; padding: 5px; line-height: 21px; } .block.news .listing { padding: 0px; margin: 0px; } .block.news .listing .description { zoom: 1; } .block.news .listing .description:before { display: table; content: ""; } .block.news .listing .description:after { display: table; content: ""; clear: both; } .block.news .listing .description.withImage { padding: 10px 0px 10px 0px; margin: 0px; } .block.news .listing .odd { list-style: none; padding-left: 0px; margin-left: 0px; padding: 5px 0px 5px 0px; margin: 0px; border-bottom: 1px solid #b9bbbd; line-height: 17px; } .block.news .listing .odd .date { padding-top: 3px; } .block.news .listing .odd:last-child { border-bottom: none; } .block.news .listing .even { list-style: none; padding-left: 0px; margin-left: 0px; padding: 5px 0px 5px 0px; margin: 0px; border-bottom: 1px solid #b9bbbd; line-height: 17px; } .block.news .listing .even .date { padding-top: 3px; } .block.news .listing .even:last-child { border-bottom: none; } .block.news .newsDepartment { padding: 10px 0px 0px 0px; margin: 0px; } .article .paragraphs .block.news h3 { color: #ffffff; } .block.list.group .block.news h3 { padding: 5px; margin: 0px; } .block.teaser .teaserText .teaserTextInner .paragraphs .block.news ul { list-style: none; padding-left: 0px; margin-left: 0px; } .block.teaser .teaserText .teaserTextInner .paragraphs .block.news ul li { padding: 5px 0px 5px 0px; margin: 0px; list-style-type: none; } .block.html { display: inline; } .block.studentAmbassadors .action { padding: 20px; margin: 0px; background-color: #24a0d8; display: none; } .block.studentAmbassadors .action.active { display: block; } .block.studentAmbassadors .action.sent { background-color: #b0c92b; } .block.studentAmbassadors .action.sent h2 { color: #ffffff; } .block.studentAmbassadors .action.error { background-color: #e4363e; } .block.studentAmbassadors .action.error h2 { color: #ffffff; } .block.studentAmbassadors p { color: #ffffff; } .block.studentAmbassadors h2 { font-size: 16px; font-size: 1.6rem; color: #ffffff; font-weight: bold; line-height: auto; margin-top: 0px; } .block.studentAmbassadors h2.error { color: #e4363e; } .block.studentAmbassadors .close { background: url("/img/v/8.28.4/form-close-big.png") 50% 50% no-repeat transparent; background-size: 30px; width: 30px; height: 30px; display: block; float: right; } .block.studentAmbassadors form fieldset label .text { width: 100%; clear: both; } .block.studentAmbassadors form fieldset input[type=email] { font-size: 20px; font-size: 2rem; border-radius: 10px; box-shadow: inset 1px 1px 2px #b9bbbd; border: 0px; width: 60%; line-height: 30px; padding: 5px; } .block.studentAmbassadors form fieldset input[type=submit] { font-size: 20px; font-size: 2rem; width: 30%; line-height: 30px; margin-left: 20px; padding: 5px; height: auto; } @media print { * { text-shadow: none !important; filter: none !important; -ms-filter: none !important; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after { content: ""; } pre { page-break-inside: avoid; } blockquote { page-break-inside: avoid; } thead { display: table-header-group; } tr { page-break-inside: avoid; } img { page-break-inside: avoid; max-width: 100% !important; } @page { margin: auto 3cm; } p { orphans: 3; widows: 3; } h2 { orphans: 3; widows: 3; page-break-after: avoid; } h3 { orphans: 3; widows: 3; page-break-after: avoid; } body { border-top-width: 0px; background: none; background-color: transparent; margin: 0cm; } body .yui3-cssreset { display: none; } body .content { margin: 0; padding: 0; width: 100%; } body .content #header { padding: 0px 0px 20px 0px; margin: 0px; text-align: center; border: none; } body .content #header #primaryHeader { margin-bottom: 0; margin-left: auto; margin-right: auto; margin-top: 0; text-align: center; width: 100%; } body .content #header #primaryHeader .block { display: none; } body .content #header #primaryHeader .block.figure.mainLogo { display: block; float: left; margin: 0 auto 30px 0; } body .content #header #primaryHeader .blockItemSeparator { display: none; } body .content #header #secondaryHeader { display: none; } body .content .bodyWrapper { padding: 0px; margin: 0px; } body .content .bodyWrapper #standardNavigation { display: none; } body .content .bodyWrapper .bodyWrapper2 { padding: 0px; margin: 0px; float: left; width: 100%; } body .content .bodyWrapper .bodyWrapper2 #secondaryBlocksAjax { display: none; } body .content .bodyWrapper .bodyWrapper2 .extras { display: none; } body .content .bodyWrapper .bodyWrapper2 .articleWrapper { padding: 0px; margin: 0px; width: 100%; } body .content .bodyWrapper .bodyWrapper2 .articleWrapper #breadcrums { display: none; } body .content .bodyWrapper .bodyWrapper2 .articleWrapper #article { width: 100%; } body .content .bodyWrapper .bodyWrapper2 .articleWrapper #article .preArticleParagraphs { padding-top: 0px; } body .content .bodyWrapper .bodyWrapper2 .articleWrapper #article .paragraphs { width: 100%; line-height: 1.3; } body .content .bodyWrapper .bodyWrapper2 .articleWrapper #article .paragraphs .blockAlign.floatRight { position: relative; left: 0px; margin: 10px 0 0 0; } body .content .bodyWrapper .bodyWrapper2 .articleWrapper #article .paragraphs .blockAlign.floatRight .block.teaser .paragraphs { width: auto; } body .content .bodyWrapper .bodyWrapper2 .articleWrapper #article .paragraphs blockquote { padding-left: 0px; } body .content .bodyWrapper .bodyWrapper2 .articleWrapper #article.calendarDepartment .block.dateSelector, body .content .bodyWrapper .bodyWrapper2 .articleWrapper #article.calendarDepartment .event .mainLink { display: none; } body .content .bodyWrapper .bodyWrapper2 .articleWrapper #article.calendarDepartment .event .eventType, body .content .bodyWrapper .bodyWrapper2 .articleWrapper #article.calendarDepartment .event h3, body .content .bodyWrapper .bodyWrapper2 .articleWrapper #article.calendarDepartment .event a { color: #111111; } body .content .bodyWrapper .bodyWrapper2 .articleWrapper #article.calendarDepartment .event .date.day, body .content .bodyWrapper .bodyWrapper2 .articleWrapper #article.calendarDepartment .event .date.month { font-size: 13.5px; font-size: 1.35rem; font-family: Arial, 'Helvetica Neue', helvetica, sans-serif; } body .content .bodyWrapper .bodyWrapper2 .articleWrapper #article.calendarDepartment .event h3 { font-weight: bold; } body .content .bodyWrapper .bodyWrapper2 .articleWrapper #article #vote { display: none; } body .content .bodyWrapper .bodyWrapper2 .articleWrapper #article .categorization { display: none; } body .content .bodyWrapper .bodyWrapper2 .articleWrapper #article .articleFooter { border-bottom: none; border-top: 1px solid #000000; } body .content .bodyWrapper .bodyWrapper2 .articleWrapper #article .articleFooter .column .shareLarge { display: none; } body .content .bodyWrapper .bodyWrapper2 .articleWrapper #article .articleFooter .column #editLink { display: none; } body .content .bodyWrapper .bodyWrapper2 .articleWrapper #article .articleFooter .column .contentResponsible { display: none; } body .content .bodyWrapper .bodyWrapper2 .articleWrapper #article .articleFooter .qrCode { display: block; } body .content .bodyWrapper .bodyWrapper2 .articleWrapper .complementaryBlocks { display: none; } body .content #footer { display: none; } } body.giants { background: url("/img/v/8.28.4/giants.jpg"); } @media only screen and (max-width: 976px) { body.giants { background: #ffffff; } }