/* `XHTML, HTML4, HTML5 Reset
----------------------------------------------------------------------------------------------------*/
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp {
border: 0;
margin: 0;
padding: 0;
font-size: 100%;
}
html,
body {
height: 100%;
text-rendering: optimizeLegibility;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
b,
strong {
font-weight: bold;
}
img {
color: transparent;
vertical-align: middle;
-ms-interpolation-mode: bicubic;
}
ol,
ul {
list-style: none;
}
li {
display: list-item;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
th,
td,
caption {
font-weight: normal;
vertical-align: top;
text-align: left;
}
q {
quotes: none;
}
q:before,
q:after {
content: '';
content: none;
}
sub,
sup,
small {
font-size: 75%;
}
sub,
sup {
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
svg {
overflow: hidden;
}
.screenreader,
a#mainContent,
a#navTopRoot {
position: absolute;
left: -9999px;
top: -9999px;
width: 0;
height: 0;
display: inline;
}
@media screen and (max-width: 1024px) {
li {
font-size: 1rem;
}
}
@media screen and (max-width: 767px) {
sup,
sub,
small {
font-size: 0.8em;
}
}
@media screen and (min-width: 1025px) {
.visible-only-desktop {
display: block;
}
.visible-only-tablet {
display: none;
}
.visible-only-phone {
display: none;
}
.visible-only-mobile {
display: none;
}
.hidden-desktop {
display: none;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.visible-only-desktop {
display: none;
}
.visible-only-tablet {
display: block;
}
.visible-only-phone {
display: none;
}
.visible-only-mobile {
display: block;
}
.hidden-tablet {
display: none;
}
.hidden-mobile {
display: none;
}
}
@media screen and (max-width: 767px) {
.visible-only-desktop {
display: none;
}
.visible-only-tablet {
display: none;
}
.visible-only-phone {
display: block;
}
.visible-only-mobile {
display: block;
}
.hidden-phone {
display: none;
}
.hidden-mobile {
display: none;
}
}
.hide {
display: none !important;
}
.left {
float: left;
}
.right {
float: right;
}
.embeddable-wrapper {
position: relative;
padding-bottom: 56.25%;
/* 16:9 */
height: 0;
}
.embeddable-wrapper object,
.embeddable-wrapper embed,
.embeddable-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
@media screen and (min-width: 1025px) {
.mobile-only {
display: none;
}
}
#qr {
float: left;
margin-left: 1.2rem;
font-size: 0.875rem;
}
#qr svg {
width: 1px;
height: 1px;
}
#qr.visible svg {
width: 128px;
height: 128px;
}
.more-infos:after {
content: '';
background-image: url('img/icons/svg/info-icon-outline.svg');
width: 24px;
height: 24px;
display: inline-block;
background-repeat: no-repeat;
margin-left: 2rem;
position: absolute;
margin-top: 2px;
}
a.more-infos:hover {
text-decoration: none;
border-bottom: none !important;
}
a.more-infos:hover:after {
background-image: url('img/icons/svg/info-icon.svg');
}
a.more-infos h1 {
padding: 0 0 0.625rem 0;
color: #1f407a;
font-size: 1.5625rem;
line-height: 1.12;
display: inline-block;
}
xmp {
display: block;
margin-bottom: 1rem;
}
#info-lb {
position: relative;
left: 50%;
transform: translateX(-50%);
width: 80vw;
padding: 1rem;
background: white;
}
#info-lb a {
font-size: inherit;
}
#info-lb ul {
margin: 0 0 1rem 0;
}
#info-lb li {
line-height: 1.6;
display: list-item;
}
#info-lb li:before {
content: '\2013';
display: inline-block;
margin-left: 0;
margin-right: 0.5rem;
}
#info-lb .mfp-close {
left: calc(80vw - 1rem);
top: 0;
position: absolute;
}
#info-lb h5 {
margin-bottom: 1rem;
padding-top: 0;
font-size: 1.25rem;
padding-right: 2rem;
}
#info-lb textarea {
width: 80%;
min-height: 200px;
}
#info-lb xmp {
display: block;
font-size: 0.875rem;
margin: 0.5rem 0 1rem 0;
}
#results h2 {
padding: 0;
}
/*! Anzeixer v2.0 | MIT License | github.com/zeixcom/Anzeixer */
/* All screen sizes */
@media screen {
body:after {
content: 'l';
/* assume 1024px width for browsers not supporting media queries */
position: fixed;
bottom: 0;
left: 0;
z-index: 1000;
background: #eee;
padding: 0.4em;
display: none;
}
body.dev:after {
/*
visibility: visible;
bottom: 0;
*/
display: block;
}
}
/**
* Rotate Anzeixer label in portrait orientation
*/
@media screen and (orientation: portrait) {
body.dev:after {
-webkit-transform: rotate(-90deg) translateY(100%);
-webkit-transform-origin: bottom left;
transform: rotate(-90deg) translateY(100%);
transform-origin: bottom left;
}
}
/**
* Extra small
*/
@media screen and (max-width: 479px) {
body:after {
content: 'xs';
background: #aad2ae;
}
}
@media screen and (max-width: 479px) and (orientation: portrait) {
body:after {
content: 'xs portrait';
}
}
@media screen and (max-width: 479px) and (orientation: landscape) {
body:after {
content: 'xs landscape';
}
}
/**
* Small
*/
@media screen and (min-width: 480px) and (max-width: 767px) {
body:after {
content: 's';
background: #cbdd9e;
}
}
@media screen and (min-width: 480px) and (max-width: 767px) and (orientation: portrait) {
body:after {
content: 's portrait';
}
}
@media screen and (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {
body:after {
content: 's landscape';
}
}
/**
* Medium
*/
@media screen and (min-width: 768px) and (max-width: 1024px) {
body:after {
content: 'm';
background: #ffe6a0;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
body:after {
content: 'm portrait';
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
body:after {
content: 'm landscape';
}
}
/**
* Large
*/
@media screen and (min-width: 1025px) and (max-width: 1279px) {
body:after {
content: 'l';
background: #ffc499;
}
}
@media screen and (min-width: 1025px) and (max-width: 1279px) and (orientation: portrait) {
body:after {
content: 'l portrait';
}
}
@media screen and (min-width: 1025px) and (max-width: 1279px) and (orientation: landscape) {
body:after {
content: 'l landscape';
}
}
/**
* Extra large
*/
@media screen and (min-width: 1280px) {
body:after {
content: 'xl';
background: #ffa49d;
}
}
@media screen and (min-width: 1280px) and (orientation: portrait) {
body:after {
content: 'xl portrait';
}
}
@media screen and (min-width: 1280px) and (orientation: landscape) {
body:after {
content: 'xl landscape';
}
}
/* Variables
----------------------------------------------------------------------------------------------------*/
.container_10 {
margin-left: auto;
margin-right: auto;
width: 61.875rem;
}
.alpha {
margin-left: 0 ! important;
}
.omega {
margin-right: 0 ! important;
}
.empty {
height: 1px;
}
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10 {
float: left;
margin-left: 0;
margin-right: 0.625rem;
}
.container_10 .grid_1 {
width: 5.5625rem;
}
.container_10 .grid_2 {
width: 11.75rem;
}
.container_10 .grid_3 {
width: 17.9375rem;
}
.container_10 .grid_4 {
width: 24.125rem;
}
.container_10 .grid_5 {
width: 30.3125rem;
padding-right: 1.25rem;
}
.container_10 .grid_6 {
width: 36.5rem;
}
.container_10 .grid_7 {
width: 40.1875rem;
}
.container_10 .grid_8 {
width: 48.875rem;
}
.container_10 .grid_9 {
width: 55.0625rem;
}
.container_10 .grid_10 {
width: 61.25rem;
}
.fill_1,
.fill_2,
.fill_3,
.fill_4,
.fill_5,
.fill_6,
.fill_7,
.fill_8,
.fill_9,
.fill_10 {
display: inline;
float: left;
position: relative;
margin-left: 0;
margin-right: 0;
}
.container_10 .fill_1 {
width: 6.1875rem;
}
.container_10 .fill_2 {
width: 12.375rem;
}
.container_10 .fill_3 {
width: 18.5625rem;
}
.container_10 .fill_4 {
width: 24.75rem;
}
.container_10 .fill_5 {
width: 30.9375rem;
}
.container_10 .fill_6 {
width: 37.125rem;
}
.container_10 .fill_7 {
width: 43.3125rem;
}
.container_10 .fill_8 {
width: 49.5rem;
}
.container_10 .fill_9 {
width: 55.6875rem;
}
.container_10 .prefix_1 {
padding-left: 6.1875rem;
}
.container_10 .prefix_2 {
padding-left: 12.375rem;
}
.container_10 .prefix_3 {
padding-left: 18.5625rem;
}
.container_10 .prefix_4 {
padding-left: 24.75rem;
}
.container_10 .prefix_5 {
padding-left: 30.9375rem;
}
.container_10 .prefix_6 {
padding-left: 37.125rem;
}
.container_10 .prefix_7 {
padding-left: 43.3125rem;
}
.container_10 .prefix_8 {
padding-left: 49.5rem;
}
.container_10 .prefix_9 {
padding-left: 55.6875rem;
}
.container_10 .suffix_1 {
padding-right: 6.1875rem;
}
.container_10 .suffix_2 {
padding-right: 12.375rem;
}
.container_10 .suffix_3 {
padding-right: 18.5625rem;
}
.container_10 .suffix_4 {
padding-right: 24.75rem;
}
.container_10 .suffix_5 {
padding-right: 30.9375rem;
}
.container_10 .suffix_6 {
padding-right: 37.125rem;
}
.container_10 .suffix_7 {
padding-right: 43.3125rem;
}
.container_10 .suffix_8 {
padding-right: 49.5rem;
}
.container_10 .suffix_9 {
padding-right: 55.6875rem;
}
.container_10 .push_1 {
left: 6.1875rem;
}
.container_10 .push_2 {
left: 12.375rem;
}
.container_10 .push_3 {
left: 18.5625rem;
position: relative;
}
.container_10 .push_4 {
left: 24.75rem;
}
.container_10 .push_5 {
left: 30.9375rem;
}
.container_10 .push_6 {
left: 37.125rem;
}
.container_10 .push_7 {
left: 43.3125rem;
}
.container_10 .push_8 {
left: 49.5rem;
}
.container_10 .push_9 {
left: 55.6875rem;
}
.container_10 .pull_1 {
right: 6.1875rem;
}
.container_10 .pull_2 {
right: 12.375rem;
}
.container_10 .pull_3 {
right: 18.5625rem;
}
.container_10 .pull_4 {
right: 24.75rem;
}
.container_10 .pull_5 {
right: 30.9375rem;
}
.container_10 .pull_6 {
right: 37.125rem;
}
.container_10 .pull_7 {
right: 43.3125rem;
}
.container_10 .pull_8 {
right: 49.5rem;
}
.container_10 .pull_9 {
right: 55.6875rem;
}
.clear {
clear: both;
display: block;
overflow: hidden;
width: 0;
height: 0;
}
.clearfix:after {
clear: both;
content: ' ';
display: block;
font-size: 0;
line-height: 0;
visibility: hidden;
width: 0;
height: 0;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
@media screen and (min-width: 1025px) {
#mainContent {
margin-right: 0;
}
#contentMain.grid_5 {
width: 29.0625rem;
padding-right: 0;
}
aside.omega {
float: right;
}
}
@media screen and (max-width: 1024px) {
body.search #contentMain,
body.sitemap #contentMain,
body.search section.grid_7 {
width: 100%;
padding-right: 1.5rem;
padding-left: 1.5rem;
}
aside.contains-nothing {
display: none;
}
.container_10 aside.grid_2.omega {
float: right;
box-sizing: border-box;
position: relative;
width: calc(66.67% - 2.25rem);
margin-right: 1.5rem !important;
margin-bottom: 0.75rem;
padding-top: 1.5rem;
padding-bottom: 0.75rem;
padding-right: 0.75rem;
padding-left: 0.75rem;
background-color: #eaecee;
}
.container_10 aside.grid_2.omega figure.grid_1 {
width: 5.5625rem !important;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.container_10 {
width: 100%;
}
.container_10 .grid_1 {
width: 10%;
}
.container_10 .grid_2 {
width: 20%;
}
.container_10 .grid_3 {
width: 28%;
}
.container_10 .grid_4 {
width: 40%;
}
.container_10 .grid_5 {
width: 70%;
}
.container_10 .grid_6 {
width: 60%;
}
.container_10 .grid_7 {
width: 68%;
}
.container_10 .grid_8 {
width: 80%;
}
.container_10 .grid_9 {
width: 90%;
}
.container_10 .grid_10 {
width: 100%;
}
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10 {
margin-right: 0.75rem;
}
body.homepage .container_10 .grid_8 {
width: 100%;
background-color: #EAECEE;
}
body.homepage section#content aside.grid_2.omega {
width: 100%;
float: left;
clear: both;
box-sizing: border-box;
padding: 0.75rem 1.5rem;
}
body.homepage #content .grid_4 {
width: calc(50% - 0.375rem);
margin-right: 0;
}
body.homepage #content .grid_4.omega {
float: right;
}
}
@media screen and (max-width: 767px) {
body.homepage section#content aside.grid_2.omega {
box-sizing: border-box;
padding: 0.75rem 0.75rem;
}
.container_10 aside.grid_2.omega {
padding-left: 0.75rem;
padding-right: 0.75rem;
margin-right: 0 !important;
margin-bottom: 0;
}
}
header {
height: 7.875rem;
font-size: 0.75rem;
padding-top: 1.0625rem;
color: #ffffff;
font-weight: bold;
z-index: 200;
position: relative;
}
header a {
line-height: 1;
font-size: 0.75rem;
color: #ffffff;
}
header a:hover {
border-bottom: none;
}
header div#logo {
padding-top: 0.625rem;
padding-left: 0.625rem;
height: 3.8125rem;
}
header div#logo a {
padding: 0.625rem;
padding-top: 0;
padding-left: 0;
display: inline-block;
}
header div#logo a img {
width: 11.8125rem !important;
height: 1.9375rem !important;
}
header.container_10 div.grid_2:first-child {
width: 11.75rem;
}
header.container_10 div.grid_2 + div.grid_4 {
width: 37.4375rem;
}
header.container_10 div.grid_4 + div.grid_2 {
width: 12.375rem;
}
header.container_10 > div.grid_6 + div.grid_6 {
position: absolute;
left: 0.625rem;
top: 4.75rem;
}
header.container_10 div.grid_6 + div.grid_2 {
width: 11.75rem;
margin-top: 0;
position: absolute;
right: 12.375rem;
}
header div#headline {
width: 108%;
padding-right: 0.625rem;
padding-top: 0;
margin-left: -0.625rem;
min-height: 3.125rem;
max-height: 7.5rem;
overflow: hidden;
border-left: none ! important;
}
header div#headline.emptyHeadline {
border-left: none ! important;
}
header div#headline div.headlineSmall {
height: 1.5rem;
font-size: 0.75rem ! important;
line-height: 1;
margin-top: 0;
position: relative;
margin-left: 0.5625rem;
}
header div#headline div.headlineSmall div.line1 {
float: left;
padding-right: 0.625rem;
min-height: 0.0625rem;
}
header div#headline div.headlineSmall.emptyLine1 > div.line1,
header div#headline div.headlineSmall.emptyLine2 > div.line1 {
border-right-color: transparent ! important;
}
header div#headline div.headlineSmall div.line2 {
float: left;
padding-left: 0.625rem;
min-height: 0.0625rem;
}
header div#headline div.headlineBig {
margin-left: 0.5625rem;
margin-top: 0;
font-size: 1.1875rem;
line-height: 0.7894736842;
height: 1.75rem;
white-space: nowrap;
}
header div#headline div.headlineBig a,
header div#headline div.headlineBig p {
font-size: 1.375rem;
line-height: 1.16;
color: #fff;
}
header div#headline a {
display: inline-block;
}
header div#logo_corp {
float: left;
position: absolute;
height: 5.375rem;
width: 11.75rem;
top: 0.875rem;
left: 14.375rem;
}
header div#logo_corp a img {
padding: 0;
position: relative ! important;
bottom: 0;
height: 4.0625rem;
}
header div#logo_corp.white a img {
background: inherit;
}
header div#logo_corp + div#headline {
max-width: 18.9375rem;
margin-left: 0.625rem;
}
header ul#portal-link {
list-style-type: none;
text-align: right;
padding-right: 1.625rem;
height: 5.1875rem;
}
header ul#portal-link.hide-mainlinks {
height: 2.875rem;
}
header ul#portal-link.no-metanav {
border-right: none ! important;
}
header ul#portal-link li.first {
line-height: 1.0833333333;
margin-top: 0;
}
header ul#portal-link li {
line-height: 1.0833333333;
margin-top: 0.8rem;
}
header ul#portal-link li a {
display: inline-block;
line-height: 1.0833333333;
}
header ul#portal-link li a:hover {
border-bottom: 1px solid #ffffff;
margin-bottom: -1px;
}
header ul#portal-link li.last {
line-height: 1.0833333333;
}
header ul#mobile-portal-link {
list-style-type: none;
text-align: left;
margin-left: 1.5rem;
margin-right: 1.5rem;
}
header ul#mobile-portal-link li {
line-height: 1.0833333333;
margin: 1rem 0;
height: auto;
}
header ul#mobile-portal-link li a {
display: inline-block;
line-height: 1.0833333333;
padding: 0.5rem 0;
}
header ul#mobile-portal-link li a:hover {
border-bottom: none;
}
header ul#mobile-portal-link li.last {
line-height: 1.0833333333;
height: 0.8125rem;
}
header div#JumpStation {
height: 5.375rem;
float: right;
}
header div#JumpStation a.contact {
margin-left: 1rem;
}
header div#JumpStation div#contact {
line-height: 0.75;
}
header div#JumpStation div#contact ul li + span.delimiter {
display: inline-block;
height: 0.5625rem;
width: 0.4375rem;
}
header div#JumpStation div#contact ul a.contact,
header div#JumpStation div#contact ul a.login {
margin-right: 0.5rem;
}
header div#JumpStation div.div_bottom {
position: absolute;
top: 2.5625rem;
bottom: 0.0625rem;
}
header div#JumpStation div#search {
width: 100%;
position: relative;
top: 0.25rem;
}
header div#JumpStation div#search form {
width: 100%;
height: 2rem;
background-color: #627aa8;
}
header div#JumpStation div#search form input#searchinput {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 11.75rem;
height: 1.5rem;
padding: 0 0.375rem 0 0.375rem;
font-size: 0.6875rem;
float: left;
font-family: arial, helvetica, sans-serif !important;
font-weight: bold;
color: #565754;
}
header div#JumpStation div#search form input#searchsubmit {
float: left;
padding: 0;
margin-left: 0.0625rem;
height: 2rem;
background-color: transparent;
position: absolute;
right: 0.5625rem;
top: 0.5rem;
width: 1rem;
height: 1rem;
}
input#searchinput::-webkit-input-placeholder {
color: white;
opacity: 1;
font-family: arial, helvetica, sans-serif !important;
}
input#searchinput:-moz-placeholder {
color: white;
opacity: 1;
font-family: arial, helvetica, sans-serif !important;
}
input#searchinput::-moz-placeholder {
color: white;
opacity: 1;
font-family: arial, helvetica, sans-serif !important;
}
input#searchinput:-ms-input-placeholder {
color: white;
opacity: 1;
font-family: arial, helvetica, sans-serif !important;
}
#langSwitch {
float: right;
}
.select__lang___dropdown {
position: relative;
background-color: #353f4a;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiP…NkM2Q1ZDciIHBvaW50cz0iNDQ4LC00MyAyNDIsLTI0OSA2NTQsLTI0OSAiLz4KPC9zdmc+Cg==);
background-position: 3.75rem center;
background-repeat: no-repeat;
background-size: 0.5rem 0.25rem;
cursor: pointer;
display: inline-block;
height: 1.9375rem;
line-height: 1.9375rem;
text-align: left;
width: 4.5625rem;
}
.select__lang___dropdown a {
display: block;
height: 1.9375rem;
padding: 0 0.8125rem;
width: 100%;
}
.select__lang___menu {
position: absolute;
z-index: 250;
left: 0;
background-color: #353f4a;
display: none;
list-style-type: none;
margin: 0;
padding: 0;
width: 100%;
}
.select__lang___menu li {
border-bottom: none;
border-top: 1px solid #282f37;
}
.select__lang___menu li.select__lang___active {
background-color: #303942;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiP…4wODcsMS4xNzFsLTYuNDI2LDEwLjgxNEwtNDEyLDMwMS4xNDN6Ii8+CjwvZz4KPC9zdmc+Cg==);
background-position: 3.0625rem center;
background-repeat: no-repeat;
background-size: 0.875rem 0.875rem;
}
.select__lang___menu li {
border-bottom: 1px solid #282f37;
color: #d3d5d7;
cursor: pointer;
padding-left: 0.8125rem;
}
div#userStatusBar .userStatusBarItem {
float: left;
}
div#department nav div.list-dropdown,
#mobile-department nav div.list-dropdown,
div#viewSelection nav div.list-dropdown {
border: solid 0;
width: 100%;
height: 1.5625rem;
cursor: pointer;
position: relative;
z-index: 102;
font-size: 0.6875rem;
}
div#department nav div.list-dropdown a,
#mobile-department nav div.list-dropdown a,
div#viewSelection nav div.list-dropdown a {
font-size: 0.6875rem;
font-weight: bold;
color: #ffffff;
padding-left: 0.375rem;
line-height: 2rem;
display: block;
}
div#department nav ul.list-dropdown-select,
#mobile-department nav ul.list-dropdown-select,
div#viewSelection nav ul.list-dropdown-select {
display: none;
position: absolute;
-webkit-box-shadow: 0.0625rem 0.0625rem 0.4375rem #b2b2b2, inset 0 0 0.3125rem #eaecee;
-moz-box-shadow: 0.0625rem 0.0625rem 0.4375rem #b2b2b2, inset 0 0 0.3125rem #eaecee;
box-shadow: 0.0625rem 0.0625rem 0.4375rem #b2b2b2, inset 0 0 0.3125rem #eaecee;
list-style: none;
width: 15.1875rem;
z-index: 101;
background-color: #ffffff ! important;
line-height: 1.3636363636;
}
div#department nav ul.list-dropdown-select li:first-child,
#mobile-department nav ul.list-dropdown-select li:first-child,
div#viewSelection nav ul.list-dropdown-select li:first-child {
border-top-color: transparent;
}
div#department nav ul.list-dropdown-select li,
#mobile-department nav ul.list-dropdown-select li,
div#viewSelection nav ul.list-dropdown-select li {
border-top: 1px solid #d7d8d9;
}
div#department nav ul.list-dropdown-select li a,
#mobile-department nav ul.list-dropdown-select li a,
div#viewSelection nav ul.list-dropdown-select li a,
div#department nav ul.list-dropdown-select li span.header,
#mobile-department nav ul.list-dropdown-select li span.header,
div#viewSelection nav ul.list-dropdown-select li span.header {
font-size: 0.6875rem;
line-height: 1.1818181818;
font-weight: bold;
color: #1f407a;
font-family: Arial, regular;
display: block;
padding: 0.1875rem 0.5rem;
}
div#department nav ul.list-dropdown-select li a:hover,
#mobile-department nav ul.list-dropdown-select li a:hover,
div#viewSelection nav ul.list-dropdown-select li a:hover,
div#department nav ul.list-dropdown-select li span.header:hover,
#mobile-department nav ul.list-dropdown-select li span.header:hover,
div#viewSelection nav ul.list-dropdown-select li span.header:hover {
background-color: #82be1e;
}
div#department nav ul.list-dropdown-select li span.header,
#mobile-department nav ul.list-dropdown-select li span.header,
div#viewSelection nav ul.list-dropdown-select li span.header {
background-color: #eaecee;
color: #333333;
}
div#department nav ul.list-dropdown-select li span.header:hover,
#mobile-department nav ul.list-dropdown-select li span.header:hover,
div#viewSelection nav ul.list-dropdown-select li span.header:hover {
cursor: default;
background-color: #eaecee;
}
div#department nav ul.list-dropdown-select li ul.list-dropdown-select-sub,
#mobile-department nav ul.list-dropdown-select li ul.list-dropdown-select-sub,
div#viewSelection nav ul.list-dropdown-select li ul.list-dropdown-select-sub {
display: inline;
}
div#department nav ul.list-dropdown-select li ul.list-dropdown-select-sub li:first-child,
#mobile-department nav ul.list-dropdown-select li ul.list-dropdown-select-sub li:first-child,
div#viewSelection nav ul.list-dropdown-select li ul.list-dropdown-select-sub li:first-child {
border-top: 1px solid #d7d8d9;
}
div#department nav ul.list-dropdown-select li ul.list-dropdown-select-sub li a,
#mobile-department nav ul.list-dropdown-select li ul.list-dropdown-select-sub li a,
div#viewSelection nav ul.list-dropdown-select li ul.list-dropdown-select-sub li a {
padding-left: 1.125rem;
font-weight: bold;
color: #1f407a;
}
div#department nav ul.list-dropdown-select li ul.list-dropdown-select-sub li a:hover,
#mobile-department nav ul.list-dropdown-select li ul.list-dropdown-select-sub li a:hover,
div#viewSelection nav ul.list-dropdown-select li ul.list-dropdown-select-sub li a:hover {
background-color: #82be1e;
}
div#department nav div#departemente,
#mobile-department nav div#departemente,
div#viewSelection nav div#departemente,
div#department nav #mobile-departemente,
#mobile-department nav #mobile-departemente,
div#viewSelection nav #mobile-departemente {
height: 2.2rem;
border: 1px solid rgba(255, 255, 255, 0.35);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: url("img/icons/svg/icon-arrow-dropdown-neg.svg") no-repeat right 0.625rem center;
background-size: 0.75rem;
}
div#department nav div#departemente.isDroppedDown,
#mobile-department nav div#departemente.isDroppedDown,
div#viewSelection nav div#departemente.isDroppedDown,
div#department nav #mobile-departemente.isDroppedDown,
#mobile-department nav #mobile-departemente.isDroppedDown,
div#viewSelection nav #mobile-departemente.isDroppedDown {
background: url("img/icons/svg/icon-arrow-dropup-neg.svg") no-repeat right 0.625rem center;
background-size: 0.75rem;
}
div#department nav div#departemente > a,
#mobile-department nav div#departemente > a,
div#viewSelection nav div#departemente > a,
div#department nav #mobile-departemente > a,
#mobile-department nav #mobile-departemente > a,
div#viewSelection nav #mobile-departemente > a {
color: #ffffff;
}
div#department,
#mobile-department {
position: relative;
top: 0.5625rem;
}
div#department nav ul.list-dropdown-select,
#mobile-department nav ul.list-dropdown-select {
width: 11.75rem;
}
div#viewSelection nav ul.list-dropdown-select li ul.list-dropdown-select-sub li a {
padding-left: 0.4375rem;
}
ul#skipLinks {
display: block;
position: absolute;
left: -999em;
float: left;
}
ul#skipLinks li a:focus {
position: absolute;
top: 1008px;
left: 1340px;
padding: 3px;
line-height: 1.5;
display: block;
width: 300px;
font-size: 1.2em;
z-index: 10000;
background-color: #fff !important;
color: #ffea00 !important;
}
#displayedAccessKeyLink {
border: 0.125rem solid #ffea00;
position: absolute;
z-index: 99999;
padding: 0.1875rem;
font: 81.3% Verdana, Arial, Helvetica, sans-serif;
}
html.ios input {
-webkit-appearance: none;
-webkit-border-radius: 0;
-webkit-background-clip: padding-box;
-moz-border-radius: 0;
-moz-background-clip: padding;
border-radius: 0;
background-clip: padding-box;
}
html.ios input[type="radio"] {
-webkit-appearance: radio;
-webkit-border-radius: 0.5rem;
-webkit-background-clip: padding-box;
-moz-border-radius: 0.5rem;
-moz-background-clip: padding;
border-radius: 0.5rem;
background-clip: padding-box;
}
html.ios input[type="checkbox"] {
-webkit-appearance: checkbox;
-webkit-border-radius: 0.3125rem;
-webkit-background-clip: padding-box;
-moz-border-radius: 0.3125rem;
-moz-background-clip: padding;
border-radius: 0.3125rem;
background-clip: padding-box;
}
.wrapper-dropdown-langswitch.active ul.dropdown,
.wrapper-dropdown-langswitch.active ul.dropdown:focus {
border-color: transparent;
}
#header-langswitch.notempty span:after {
content: "";
width: 1rem;
height: 1rem;
position: absolute;
margin-top: 0.0625rem;
right: 1rem;
background: url(img/icons/svg/icon-arrow-dropdown-neg.svg) no-repeat;
outline: none;
background-size: 75%;
}
#header-langswitch.active span:after {
background: url(img/icons/svg/icon-arrow-dropup-neg.svg) no-repeat;
}
#header-langswitch-mobile.notempty span {
padding-right: 1.5rem;
}
#header-langswitch-mobile.notempty span:after {
content: "";
width: 1rem;
height: 1rem;
position: absolute;
top: 0.15rem;
background: url(img/icons/svg/icon-arrow-dropdown-neg.svg) no-repeat;
}
#header-langswitch-mobile.notempty.active span:after {
background: url(img/icons/svg/icon-arrow-dropup-neg.svg) no-repeat;
}
.mobile-header-langswitch {
float: right;
margin-right: 1rem;
}
.wrapper-dropdown-langswitch {
cursor: pointer;
color: #fff;
float: right;
padding-right: 0.65rem;
box-sizing: border-box;
text-align: right;
width: 3.75rem;
margin-top: 0.15rem;
outline: none;
}
.wrapper-dropdown-langswitch.notempty {
padding-right: 1.9375rem;
}
.wrapper-dropdown-langswitch.active .dropdown {
display: block;
opacity: 1;
background: white;
z-index: 9999999;
}
.wrapper-dropdown-langswitch .dropdown {
display: none;
position: absolute;
right: 1rem;
background: transparent;
list-style: none;
opacity: 0;
margin-top: 0.625rem;
-webkit-box-shadow: 0 0.1875rem 0.5625rem 0 rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 0.1875rem 0.5625rem 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 0.1875rem 0.5625rem 0 rgba(0, 0, 0, 0.5);
}
.wrapper-dropdown-langswitch .dropdown li {
display: block;
border-top: 1px solid #d7d8d9;
}
.wrapper-dropdown-langswitch .dropdown li:first-child {
border-top: none;
}
.wrapper-dropdown-langswitch .dropdown li a {
box-sizing: border-box;
display: block;
padding: 0.1875rem 0;
width: 4rem;
text-decoration: none;
text-align: center;
color: #1f407a;
}
header div#JumpStation div#contact #header-langswitch.wrapper-dropdown-langswitch ul a:hover {
border-bottom: none;
background-color: #82be1e;
}
#mobile-dep-wrapper {
background-color: #1f407a;
}
@media screen and (min-width: 1280px) {
header div#logo {
padding-left: 0.825rem;
}
}
@media screen and (min-width: 1025px) {
#portal-link-tablet,
#footerLinks .borderBottom {
display: none;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
#header-langswitch span:after,
#header-langswitch .active span:after {
margin-right: -0.675rem;
}
#header ul#portal-link {
display: none;
}
#corp #header ul#portal-link {
display: block;
}
header {
padding-top: 1.5rem;
}
header.container_10 > div.grid_6 + div.grid_6 {
top: 4.3125rem;
}
header div#logo {
padding-top: 0;
padding-left: 1.5rem;
height: auto;
}
header div#logo a img {
width: auto !important;
height: 1.75rem !important;
}
header div#logo_corp {
left: 14.125rem;
height: 3.375rem;
width: 19.5rem;
top: 0.6875rem;
}
header div#logo_corp a img {
height: 3.375rem !important;
width: auto;
}
header div.headlineSmall div.line2 {
margin-top: 0.625rem;
}
header div#headline div.headlineBig a,
header div#headline div.headlineBig p {
font-size: 1.5625rem;
}
.wrapper-dropdown-langswitch .dropdown {
right: 0.375rem;
}
.wrapper-dropdown-langswitch .dropdown li a {
padding: 1.125rem;
}
#header div#headline {
margin-left: 0.275rem;
}
div#headline div.headlineSmall div.line1 {
border-right: none !important;
float: none;
clear: both;
}
#headline div.headlineSmall div.line2 {
padding-left: 0 !important;
float: none;
clear: both;
margin-top: 0.5rem;
}
header div#headline div.headlineBig {
margin-top: 1rem;
}
header div#JumpStation {
margin-left: 0.5rem;
width: 11.75rem;
margin-right: 0;
position: absolute;
right: 1.5rem;
}
header div#JumpStation .div_bottom,
header div#JumpStation div#search form input#searchinput {
width: 11.75rem;
}
header div#JumpStation div.div_bottom {
top: 1.8125rem;
}
#header-langswitch span:after {
margin-top: 0.0375rem;
}
header div#JumpStation div#search form input#searchinput,
div#department nav div.list-dropdown a {
font-size: 0.75rem;
line-height: 1.875rem;
}
div#department nav ul.list-dropdown-select li ul.list-dropdown-select-sub li a {
padding: 1rem 1.1rem 1rem 2rem;
}
div#department nav ul.list-dropdown-select li span.header {
line-height: 2.2;
padding: 0.1875rem 0.5rem 0.1875rem 1rem;
color: #000;
font-size: 0.9rem;
}
div#department nav ul.list-dropdown-select {
width: 18.75rem;
right: 0;
}
div#department nav ul.list-dropdown-select li a {
font-size: 0.9rem;
}
header.container_10 div.grid_6 + div.grid_2 {
width: 11.75rem;
position: absolute;
right: 13.25rem;
margin-top: -0.25rem;
}
div.services-container {
padding-right: 0;
}
div.services-button {
margin-right: 0;
margin-top: 0.7375rem;
box-sizing: border-box;
padding-top: 0.125rem;
height: 2rem;
}
div.services-button a:hover {
color: #1f407a;
}
div#department {
top: 0.7375rem;
}
div.services-maxwidth {
width: auto !important;
}
}
@media screen and (max-width: 1024px) {
#header-langswitch-mobile .dropdown {
width: 3rem;
}
.wrapper-dropdown-langswitch .dropdown li a:hover {
border-bottom: none;
background-color: #82be1e;
}
}
@media screen and (max-width: 767px) {
header {
background-color: #1f407a;
}
header div#logo {
height: auto;
margin-left: 0.75rem;
}
header div#logo a img {
width: auto !important;
height: 1.25rem !important;
}
header div#logo_corp {
position: absolute;
left: 10.5rem;
top: 0.875rem;
width: 15.125rem;
height: 2.5rem;
}
header div#logo_corp a img {
height: 2.5rem !important;
width: auto;
}
header.container_10 > div.grid_6 + div.grid_6 {
top: 3.375rem;
left: 1.5rem;
height: 3.0625rem;
width: calc(100% - 6.5rem) !important;
margin-right: 0;
}
#header-langswitch-mobile {
position: relative;
width: 4.1875rem;
height: 3.375rem;
margin-right: 0;
margin-top: 0;
text-align: center;
}
#header-langswitch-mobile span {
position: absolute;
bottom: 0.625rem;
right: 0;
font-size: 0.75rem;
line-height: 1;
width: 100%;
text-align: center;
box-sizing: border-box;
outline: none;
}
#header-langswitch-mobile span:after {
right: auto;
top: auto;
margin-left: 0.625rem;
background-position: 0 0.1875rem;
}
#header-langswitch-mobile .dropdown {
display: none;
position: absolute;
right: 0;
top: 3.375rem;
margin-top: 0;
z-index: 10;
}
#header-langswitch-mobile .dropdown a {
text-align: center;
padding-top: 1.125rem;
padding-bottom: 1.125rem;
width: 100%;
}
#header-langswitch-mobile.active .dropdown {
display: block;
}
#mobile-department {
box-sizing: border-box;
margin: 1rem 0.375rem;
background-color: #1f407a;
}
#mobile-department nav ul.list-dropdown-select {
width: 100%;
}
#mobile-department nav #mobile-departemente > a {
padding: 0.5rem 3rem 0.5rem 1.0625rem;
}
#mobile-department nav ul.list-dropdown-select li ul.list-dropdown-select-sub li a {
font-size: 0.9rem;
padding: 1rem 0.5rem 1rem 2.375rem;
color: #1f407a;
}
#mobile-department nav ul.list-dropdown-select li {
border-top: 1px solid #eaecee;
}
#mobile-department nav ul.list-dropdown-select li span.header {
font-size: 0.9rem;
line-height: 1;
padding: 0.8rem 1rem 0.8rem 1.125rem;
color: #000;
}
#mobile-nav-wrapper {
background-color: #1f407a;
padding-bottom: 0.0625rem;
z-index: 50;
}
#mobile-department nav ul.list-dropdown-select {
position: relative;
}
#mobile-department nav #mobile-departemente {
height: 3rem;
}
#mobile-department nav .list-dropdown a {
font-size: 1rem;
padding: 0.5rem 0 0.5rem 0.5rem;
}
#mobile-services-resources {
margin: 2.5rem 1.5rem 1.5rem 1.5rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
#mobile-services-resources a {
font-size: 0.9rem;
}
#mobile-department nav div.list-dropdown a {
font-size: 0.9rem;
}
#mobile-portal-link {
margin: 3rem 2rem;
}
#mobile-portal-link li a {
font-size: 0.9rem;
}
header div#JumpStation div#contact ul li {
display: block;
}
div#department nav div.list-dropdown a,
div#viewSelection nav div.list-dropdown a,
div#department nav ul.list-dropdown-select li a,
div#viewSelection nav ul.list-dropdown-select li a,
div#department nav ul.list-dropdown-select li span.header,
div#viewSelection nav ul.list-dropdown-select li span.header {
font-size: 1rem;
line-height: 1.6;
}
div#department nav ul.list-dropdown-select li ul.list-dropdown-select-sub li a:hover,
div#viewSelection nav ul.list-dropdown-select li ul.list-dropdown-select-sub li a:hover {
font-weight: normal;
}
}
@media screen and (max-width: 586px) {
body.has-partner-logo header {
height: 9.5625rem;
}
body.has-partner-logo header.container_10 > div.grid_6 + div.grid_6 {
top: 5.875rem;
}
header div#logo_corp {
top: 3.375rem;
left: 1.5rem;
width: 11.375rem;
height: 1.875rem;
}
header div#logo_corp a img {
height: 1.875rem !important;
width: auto;
}
}
nav#nav {
font-size: 0.875rem;
color: #ffffff;
font-weight: bold;
height: 3.125rem;
display: block;
padding-top: 0.125rem;
}
nav#nav a {
color: #ffffff;
text-decoration: none;
}
nav#nav .navText {
line-height: 1.4;
}
nav#nav .nav-scrollcontainer {
position: absolute;
width: 100%;
}
nav#nav ul > li {
float: left;
margin-left: -1px;
min-height: 0.0625rem;
}
nav#nav ul > li:first-child {
margin-left: 0;
}
nav#nav ul > li div.placeholder {
height: 0.0625rem;
}
nav#nav ul > li div.zIndex {
height: 3.375rem;
position: relative;
}
nav#nav ul > li div.zIndex > a {
cursor: pointer;
}
nav#nav ul > li div.zIndex > a div.linkContainer {
padding-top: 0.3125rem;
padding-bottom: 1.0417rem;
border-top: 1px solid transparent;
}
nav#nav ul > li div.zIndex > a div.linkContainer div.borderBox {
min-height: 2.5rem;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 0.8125rem;
}
nav#nav ul > li div.zIndex > a div.linkContainer div.borderBox div.maxWidth {
max-width: 8.6875rem;
float: left;
font-size: 0.875rem !important;
}
nav#nav ul > li div.zIndex > a div.linkContainer div.subOverview-overlay {
position: absolute;
display: none;
z-index: 1;
margin-top: 0.125rem;
}
nav#nav ul > li div.zIndex > a div.linkContainer div.subOverview-overlay div.subOverview {
box-sizing: border-box;
font-size: 0.75rem;
padding: 0.625rem 1.5625rem 0.625rem 0.75rem;
min-width: 10.1875rem;
width: 13.75rem;
}
nav#nav ul > li div.zIndex > a div.linkContainer div.subOverview-overlay.two-line {
margin-top: 0.1875rem;
}
nav#nav ul > li div.zIndex nav.nav-sub {
box-sizing: border-box;
display: none;
position: absolute;
font-size: 0.75rem;
min-width: 13.75rem;
min-height: 0.0625rem;
padding-top: 1.875rem;
-webkit-box-shadow: 0 0 0.4375rem 0 #222222;
-moz-box-shadow: 0 0 0.4375rem 0 #222222;
box-shadow: 0 0 0.4375rem 0 #222222;
white-space: nowrap;
}
nav#nav ul > li div.zIndex nav.nav-sub > ul > li {
width: 100%;
height: 100%;
}
nav#nav ul > li div.zIndex nav.nav-sub > ul > li:last-child {
border-bottom: none !important;
}
nav#nav ul > li div.zIndex nav.nav-sub > ul > li a {
box-sizing: content-box;
height: 100%;
display: block;
padding: 0.625rem 1.5625rem 0.625rem 0.75rem;
}
nav#nav ul > li div.zIndex nav.nav-sub > ul > li:last-child {
border-bottom: none ! important;
}
nav#nav ul > li li.active nav.nav-sub.two-line {
margin-top: -0.625rem;
}
nav#nav ul > li div.zIndex.focus,
nav#nav ul > li div.zIndex:hover {
height: 3.375rem;
}
nav#nav ul > li div.zIndex.focus > a div.linkContainer,
nav#nav ul > li div.zIndex:hover > a div.linkContainer {
-webkit-box-shadow: 0 0 0.4375rem 0 #222222;
-moz-box-shadow: 0 0 0.4375rem 0 #222222;
box-shadow: 0 0 0.4375rem 0 #222222;
padding-bottom: 0.375rem;
position: relative;
z-index: 100;
}
nav#nav ul > li div.zIndex.focus > a div.linkContainer div.borderBox,
nav#nav ul > li div.zIndex:hover > a div.linkContainer div.borderBox {
position: relative;
z-index: 101;
}
nav#nav ul > li div.zIndex.focus > a div.linkContainer div.hideShadowBox,
nav#nav ul > li div.zIndex:hover > a div.linkContainer div.hideShadowBox {
display: block;
}
nav#nav ul > li div.zIndex.focus > a div.linkContainer div.subOverview-overlay,
nav#nav ul > li div.zIndex:hover > a div.linkContainer div.subOverview-overlay {
display: block;
z-index: 99;
}
nav#nav ul > li div.zIndex.focus nav.nav-sub,
nav#nav ul > li div.zIndex:hover nav.nav-sub {
display: block;
z-index: 98;
}
nav#nav ul > li.align-flyout-from-right .subOverview-overlay,
nav#nav ul > li.align-flyout-from-right .nav-sub {
right: 0;
}
nav#nav ul > li.active.align-flyout-from-right div.zIndex a div.linkContainer div.subOverview-overlay {
margin-left: 0 !important;
margin-right: -1px;
}
.nav-button,
.nav-scroll-shadow {
display: none;
}
* {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html.ios body a#navTopRoot + nav#nav ul > li div.zIndex.focus > a > div.overlayContainer > div.linkContainer {
background-color: #82be1e;
}
html.ios body a#navTopRoot + nav#nav ul > li div.zIndex.focus > a > div.overlayContainer > div.linkContainer div.arrowRight {
background-position: -18.625rem -0.4375rem;
}
html.ios .menuItemHilite,
html.ios body nav#nav div.subOverview {
background-color: #82be1e;
}
html.ios body a#navTopRoot + nav#nav ul > li div.zIndex.focus > a > div.overlayContainer > div.linkContainer.menuItemUnhilite {
background-color: #ffffff;
}
html.ios body a#navTopRoot + nav#nav ul > li div.zIndex.focus > a > div.overlayContainer > div.linkContainer.menuItemUnhilite div.subOverview {
background-color: #ffffff;
}
nav#nav ul > li:last-child div.zIndex a div.linkContainer div.borderBox {
border-right: none !important;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
nav#nav {
margin-left: 0;
padding-left: 0.6875rem;
padding-right: 1.5rem;
box-sizing: border-box;
}
nav#nav .nav-scrollcontainer {
position: relative;
}
.nav-button {
width: 3.125rem;
height: 4rem;
padding: 0;
position: absolute;
display: none;
z-index: 120;
background-position: 50% 39%;
background-repeat: no-repeat;
}
.nav-button-left {
background-image: url(img/icons/svg/icon-arrow-left-white.svg);
left: 0;
}
.nav-button-right {
background-image: url(img/icons/svg/icon-arrow-right-white.svg);
right: 0;
}
#nav.nav-overflow {
padding-left: 0;
padding-right: 0;
}
#nav.nav-overflow .nav-button {
display: block;
}
#nav.nav-overflow .nav-scrollcontainer {
margin-left: 3.125rem;
margin-right: 3.125rem;
width: calc(100% - 6.25rem);
height: 4.375rem;
position: absolute;
}
#nav.nav-overflow .nav-scrollarea {
height: 5.625rem;
overflow: hidden;
}
#nav.nav-overflow .nav-scrollarea > ul {
width: 62.5rem;
-moz-transition: margin-left 0.5 ease-in-out;
-o-transition: margin-left 0.5 ease-in-out;
-webkit-transition: margin-left 0.5 ease-in-out;
}
#nav.nav-overflow .nav-scroll-shadow {
display: block;
position: absolute;
width: 0.625rem;
height: 4rem;
opacity: 0.8;
z-index: 10;
}
#nav.nav-overflow .nav-scroll-shadow-left {
background: transparent;
background: -webkit-linear-gradient(left, #000000, transparent);
background: -o-linear-gradient(right, #000000, transparent);
background: -moz-linear-gradient(right, #000000, transparent);
background: linear-gradient(to right, #000000, transparent);
left: 0;
}
#nav.nav-overflow .nav-scroll-shadow-right {
background: transparent;
background: -webkit-linear-gradient(left, transparent, #000000);
background: -o-linear-gradient(right, transparent, #000000);
background: -moz-linear-gradient(right, transparent, #000000);
background: linear-gradient(to right, transparent, #000000);
right: 0;
}
#nav.nav-overflow.nav-pos-right .nav-scroll-shadow-right {
width: 0;
}
#nav.nav-overflow.nav-pos-right .nav-button-right {
background-image: url(img/icons/svg/icon-arrow-right-white-transparent.svg);
}
#nav.nav-overflow.nav-pos-left .nav-scroll-shadow-left {
width: 0;
}
#nav.nav-overflow.nav-pos-left .nav-button-left {
background-image: url(img/icons/svg/icon-arrow-left-white-transparent.svg);
}
#nav.nav-overflow ul > li div.zIndex > a div.linkContainer div.subOverview-overlay {
position: absolute;
}
#nav.nav-overflow ul > li div.zIndex nav.nav-sub {
position: absolute;
}
#nav.nav-overflow ul > li div.zIndex {
height: 3.375rem;
}
#nav.nav-overflow ul > li.active div.zIndex .subOverview-overlay {
margin-left: -1px !important;
margin-right: -1px;
}
}
@media screen and (max-width: 767px) {
nav#nav {
display: none;
}
}
.screenreader {
position: absolute;
left: -999em;
width: 1em;
overflow: hidden;
}
span.please-configure {
color: #CCCCCC;
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 1rem;
font-weight: bold;
top: 20%;
z-index: 8003;
}
.youtube,
.vimeo {
position: relative;
margin-bottom: 0.9375rem;
}
.youtube img.preview,
.vimeo img.preview {
width: 29.0625rem;
height: 16.375rem;
}
.youtube img.preview.none,
.vimeo img.preview.none {
border: 1px solid black;
}
.youtube img.preview + span.overlay,
.vimeo img.preview + span.overlay {
position: absolute;
display: block;
background-image: url(img/content/components/youtube/youtube-logo-dark.png);
background-color: rgba(255, 255, 255, 0.5);
background-size: 100%;
border-radius: 0.9375rem;
width: 7.3125rem;
height: 4.125rem;
top: 6.125rem;
left: 10.875rem;
}
.vimeo img.preview + span.overlay {
background-image: url(img/content/components/vimeo/vimeo-logo.png);
}
#controllBar {
width: 60rem;
display: none;
}
.print {
display: none;
}
.title-hidden {
display: none;
}
.bold {
font-weight: bold;
}
#content {
font-size: 1rem;
line-height: 1.375;
position: relative;
margin-top: 1.125rem ! important;
top: -0.25rem;
}
#contentContainer,
#overviewContainer {
position: relative;
z-index: 30;
background-color: #ffffff;
padding-top: 4.75rem;
padding-bottom: 4.375rem;
margin-right: 0;
font-size: 0.875rem;
line-height: 1.2857142857;
}
body.noImageTeaser.homepage div#mainContent > div:first-of-type > div:first-of-type > div:first-of-type > div.contentSubContainer:first-of-type,
body.noImageTeaser.homepage div#mainContent > div:first-of-type > div > div:first-of-type > .grid_4 > div > div > div:first-of-type .contentSubContainer {
padding-top: 3.5625rem;
}
body.noImageTeaser.homepage #mainContent > .fullwidthimageHome,
body.noImageTeaser.homepage #mainContent > .fullwidthimagehome,
body.noImageTeaser.homepage #mainContent > .fullwidthimage {
display: none;
}
section#contentMain {
margin-right: 0;
margin-left: 0.625rem;
}
.contentMain,
#contentMain,
#contentMain {
min-height: 0.0625rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.contentMain > div:last-child,
#contentMain > div:last-child,
#contentMain > div:last-child,
.contentMain > .last-child,
#contentMain > .last-child,
#contentMain > .last-child {
padding-bottom: 0;
margin-bottom: 0;
}
#breadcrumb {
background-color: #82be1e;
height: 2.3125rem;
position: absolute;
z-index: 31;
left: 0;
overflow: hidden;
font-weight: bold;
padding: 0 0.4375rem 0 0.75rem;
}
#breadcrumb ul {
overflow: hidden;
position: relative;
}
#breadcrumb ul li {
box-sizing: border-box;
float: left;
padding-right: 0.3125rem;
font-size: 0.75rem;
color: #000000;
}
#breadcrumb ul li a {
color: #000000;
font-size: 0.75rem;
line-height: 2.3125rem;
height: 2.3125rem;
display: inline-block;
}
#breadcrumb ul li span.arrowBreadcrumb {
float: right;
margin-left: 0.4125rem;
height: 2.3125rem;
width: .6rem;
position: relative;
background: url(img/icons/svg/icon-arrow-right-white.svg) 0 45% no-repeat;
background-size: 80%;
top: 50%;
transform: translateY(-50%);
}
#breadcrumb ul li:last-child span.arrowBreadcrumb {
display: none;
}
#contentNav {
min-height: 0.0625rem;
}
.contentSubContainer h1:first-child,
.contentSubContainer h2:first-child,
.contentSubContainer h3:first-child,
.contentSubContainer h4:first-child,
.contentSubContainer h5:first-child,
.contentSubContainer .first {
padding-top: 0;
}
aside {
min-height: 0.0625rem;
font-size: 0.75rem;
}
aside h1.screenreader {
left: -9999px;
top: -9999px;
width: 0;
height: 0;
display: inline;
position: absolute;
left: -999em;
width: 1em;
overflow: hidden;
}
aside h1.screenreader {
left: -9999px;
top: -9999px;
width: 0;
height: 0;
display: inline;
position: absolute;
left: -999em;
width: 1em;
overflow: hidden;
}
aside .contentSubContainer {
padding: 0 0 0.75rem 0;
margin: 1.125rem 0.625rem 0.625rem 0.625rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
aside .contentSubContainer .contentSubContainer {
margin-left: 0;
margin-right: 0;
}
aside .contentSubContainer.noBorder {
border-bottom: none;
padding-bottom: 0;
}
aside .contentSubContainer.noBorderLeft {
border-bottom: none;
padding-bottom: 0;
margin-left: 0;
}
aside .contentSubContainer figure.fullwidthimage {
margin-bottom: 0.25rem;
}
aside .contentSubContainer:first-of-type,
aside .contentSubContainer:first-child {
margin-top: 0 ! important;
}
aside .contentSubContainer.first-child,
aside h1 + .contentSubContainer {
margin-top: 0;
}
aside .contentSubContainer.last-child {
border-bottom: 0;
margin-bottom: 0;
}
aside > .contentSubContainer {
margin: 1.125rem 0 0.625rem 0.625rem;
}
#overviewContainer {
padding-top: 0;
background-color: rgba(255, 255, 255, 0);
}
#overviewContainer aside .contentSubContainer {
margin: 0.625rem 0;
padding: 1.25rem 0.625rem;
border-bottom: none;
}
.contentSubContainer {
margin-top: 0.625rem;
padding: 1.25rem;
background-color: #ffffff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.contentSubContainer.full {
padding: 0;
}
.contentSubContainer > div:last-child,
.contentSubContainer .last-child {
padding-bottom: 0 ! important;
}
aside .contentSubContainer:last-child,
aside .contentSubContainer.last-child,
.contentSubContainer:last-child,
.contentSubContainer.last-child {
margin-bottom: 0;
}
#greenBox,
#greenBox1 {
background-color: #82be1e;
display: block;
overflow: hidden;
margin-bottom: 0.625rem;
}
#greenBox .greenBox-text,
#greenBox1 .greenBox-text {
padding: 0 0.625rem 0.9375rem;
}
#greenBox .greenBox-text p.title,
#greenBox1 .greenBox-text p.title {
color: #ffffff;
font-size: 1.5625rem;
line-height: 1.2;
padding-bottom: 0;
}
#greenBox .greenBox-text p.title:first-child,
#greenBox1 .greenBox-text p.title:first-child {
padding-top: 0.9375rem;
}
#greenBox .greenBox-text.home,
#greenBox1 .greenBox-text.home {
padding-top: 1.875rem;
background: url("img/eth_kuppel_green_box_960.png") no-repeat scroll #82be1e;
background-size: contain;
}
#greenBox .greenBox-text .lead,
#greenBox1 .greenBox-text .lead {
color: #003c69;
font-size: 0.875rem;
font-weight: bold;
margin-top: 1.25rem;
padding-bottom: 1.125rem;
}
#greenBox .greenBox-text .lead p.lead,
#greenBox1 .greenBox-text .lead p.lead {
margin-top: 0;
padding-bottom: 0;
}
#greenBox .greenBox-text button,
#greenBox1 .greenBox-text button {
margin-top: 1.25rem;
}
.contentMain .twocolumns .cols-2,
#contentMain .twocolumns .cols-2,
#mainContent .twocolumns .cols-2 {
float: left;
width: 100%;
}
.contentMain .twocolumns .cols-2 h2,
#contentMain .twocolumns .cols-2 h2,
#mainContent .twocolumns .cols-2 h2 {
padding-top: 0;
}
.contentMain .twocolumns .cols-2 .box.left,
#contentMain .twocolumns .cols-2 .box.left,
#mainContent .twocolumns .cols-2 .box.left,
.contentMain .twocolumns .cols-2 .box.right,
#contentMain .twocolumns .cols-2 .box.right,
#mainContent .twocolumns .cols-2 .box.right {
float: left;
width: 50%;
}
.contentMain .twocolumns .cols-2 .box.left .parsys,
#contentMain .twocolumns .cols-2 .box.left .parsys,
#mainContent .twocolumns .cols-2 .box.left .parsys,
.contentMain .twocolumns .cols-2 .box.right .parsys,
#contentMain .twocolumns .cols-2 .box.right .parsys,
#mainContent .twocolumns .cols-2 .box.right .parsys {
padding-top: 0;
}
.contentMain .twocolumns .cols-2 .box.left > .parsys,
#contentMain .twocolumns .cols-2 .box.left > .parsys,
#mainContent .twocolumns .cols-2 .box.left > .parsys {
padding-right: 0.65625rem;
}
.contentMain .twocolumns .cols-2 .box.right > .parsys,
#contentMain .twocolumns .cols-2 .box.right > .parsys,
#mainContent .twocolumns .cols-2 .box.right > .parsys {
padding-left: 0.65625rem;
}
.contentMain p,
#contentMain p,
#mainContent p,
#overviewContainer aside p {
line-height: 1.125rem;
}
.contentMain .textimage figure,
#contentMain .textimage figure,
#mainContent .textimage figure,
#overviewContainer aside .textimage figure {
margin-bottom: 0;
padding-bottom: 0.625rem;
}
.contentMain .contentSubContainer,
#contentMain .contentSubContainer,
#mainContent .contentSubContainer,
#overviewContainer aside .contentSubContainer {
margin-top: 0.625rem;
background-color: #ffffff;
padding: 1.25rem 0.625rem 0.25rem 0.625rem;
}
.contentMain .contentSubContainer .infobox p,
#contentMain .contentSubContainer .infobox p,
#mainContent .contentSubContainer .infobox p,
#overviewContainer aside .contentSubContainer .infobox p {
line-height: 1.2857142857;
padding-bottom: 0;
}
.contentMain .contentSubContainer .contentSubContainer,
#contentMain .contentSubContainer .contentSubContainer,
#mainContent .contentSubContainer .contentSubContainer,
#overviewContainer aside .contentSubContainer .contentSubContainer {
margin: 0;
padding: 0;
}
.contentMain .teaserbox .contentSubContainer,
#contentMain .teaserbox .contentSubContainer,
#mainContent .teaserbox .contentSubContainer,
#overviewContainer aside .teaserbox .contentSubContainer {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.contentMain .teaserbox .contentSubContainer .contentSubContainer,
#contentMain .teaserbox .contentSubContainer .contentSubContainer,
#mainContent .teaserbox .contentSubContainer .contentSubContainer,
#overviewContainer aside .teaserbox .contentSubContainer .contentSubContainer {
padding-left: 0;
padding-right: 0;
}
.contentMain .teaserbox .textimage figure,
#contentMain .teaserbox .textimage figure,
#mainContent .teaserbox .textimage figure,
#overviewContainer aside .teaserbox .textimage figure {
padding-bottom: 0;
}
.contentMain .basecomponent.teaserbox:first-child > .contentSubContainer,
#contentMain .basecomponent.teaserbox:first-child > .contentSubContainer,
#mainContent .basecomponent.teaserbox:first-child > .contentSubContainer,
#overviewContainer aside .basecomponent.teaserbox:first-child > .contentSubContainer,
.contentMain .taggable + .basecomponent.teaserbox > .contentSubContainer,
#contentMain .taggable + .basecomponent.teaserbox > .contentSubContainer,
#mainContent .taggable + .basecomponent.teaserbox > .contentSubContainer,
#overviewContainer aside .taggable + .basecomponent.teaserbox > .contentSubContainer {
margin-top: 0;
}
.teaserboxline .separator {
margin-top: 0.25rem;
margin-bottom: 1.375rem;
}
.teaserboxline .separator hr {
border-top: 1px solid #c9cfd2;
}
#contentContainer aside .basecomponent.textimage + .basecomponent.textimage h2 {
padding-top: 1.25rem;
}
#contentContainer aside .textimage h2 + ul > li:first-child,
#contentContainer aside .textimage h2 + ol > li:first-child {
margin-top: 0;
}
#contentContainer aside .basecomponent.newssearch .contentSubContainer {
margin-bottom: 0.625rem;
}
#contentContainer aside .contentSubContainer h2 + .reference {
padding-top: 0;
}
#mainContent .basecomponent.teaserbox + .basecomponent.teaserbox .teaserBoxTopSpace {
height: 0;
}
.homepage #mainContent .basecomponent.parsys > .basecomponent.teaserbox {
margin-bottom: 0.625rem;
}
.homepage #mainContent figure.fullwidthimage {
margin-top: 0;
}
#corp.homepage .moreNewsContainer {
margin-bottom: 0.625rem;
margin-top: -0.625rem;
}
#corp.homepage aside #greenBox {
margin-bottom: 0.625rem;
}
form[action$="contact.html"] {
margin-bottom: 1.625rem;
}
.accordion .textimage > h2 + ul > li:first-child,
.accordion-editmode .textimage > h2 + ul > li:first-child,
.accordion .textimage > h2 + ol > li:first-child,
.accordion-editmode .textimage > h2 + ol > li:first-child {
margin-top: 0.75rem;
}
.accordion .textimage > h3 + ul > li:first-child,
.accordion-editmode .textimage > h3 + ul > li:first-child,
.accordion .textimage > h4 + ul > li:first-child,
.accordion-editmode .textimage > h4 + ul > li:first-child,
.accordion .textimage > h3 + ol > li:first-child,
.accordion-editmode .textimage > h3 + ol > li:first-child,
.accordion .textimage > h4 + ol > li:first-child,
.accordion-editmode .textimage > h4 + ol > li:first-child {
margin-top: 0.875rem;
}
.basecomponent.table .textimage > table p + ul li:first-child,
.basecomponent.table .textimage > table p + ol li:first-child {
margin-top: 0.625rem;
}
.basecomponent.twocolumn + .basecomponent.textimage .textimage > h2 {
padding-top: 0;
margin-top: -0.375rem;
}
.basecomponent.twocolumn .basecomponent.parsys.contains-linklist.contains-fullwidthimage figure.fullwidthimage {
margin-bottom: 0.125rem;
}
.basecomponent.newsfeed + .basecomponent.newsfeed {
margin-top: -1.25rem;
}
.basecomponent.newsfeed a.loadMoreNewsButton {
margin-bottom: 1.25rem;
}
.linklist .contentSubContainer {
padding: 0;
}
.reference .contentSubContainer {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.visually-hidden {
position: absolute ! important;
height: 0.0625rem;
width: 0.0625rem;
overflow: hidden;
clip: rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem);
}
#contentContainer aside .section + .section .textimage > .text-box > .textimage {
padding-top: 0;
}
.mobileDetection-container {
position: absolute;
z-index: 999;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
}
.mobileDetection-container .type-specific {
display: none;
}
.type-android .mobileDetection-container .only-android {
display: block;
}
.type-windows .mobileDetection-container .only-windows {
display: block;
}
.type-ios .mobileDetection-container .only-ios {
display: block;
}
.mobileDetection-container .mobileDetection-notice-container {
position: absolute;
z-index: 1000;
top: 50%;
left: 50%;
width: 43.75rem;
height: 25rem;
margin-left: -21.875rem;
margin-top: -12.5rem;
color: white;
font-size: 2.5rem;
background-color: white;
border-radius: 1.5625rem;
}
.mobileDetection-container .mobileDetection-notice-container .header {
height: 7.5rem;
}
.mobileDetection-container .mobileDetection-notice-container .header .title {
color: black;
font-weight: bold;
padding-top: 2.5rem;
text-align: center;
}
.mobileDetection-container .mobileDetection-notice-container .message {
padding: 2.8125rem;
color: white;
text-align: center;
}
.mobileDetection-container .mobileDetection-notice-container .message a {
font-size: 2.5rem;
color: white;
background-color: #1f407a;
padding: 1.5625rem;
}
.mobileDetection-container .mobileDetection-notice-container .close-section {
text-align: center;
padding-top: 1.875rem;
}
.mobileDetection-container .mobileDetection-notice-container .close-section .mobileDetection-closeButton {
background-color: #1f407a;
display: inline-block;
cursor: pointer;
color: #ffffff;
font-family: arial;
font-size: 2.5rem;
padding: 1.5625rem 3.125rem;
text-decoration: none;
}
.mobileDetection-container .mobileDetection-notice-container .close-section .mobileDetection-closeButton:active {
position: relative;
top: 0.0625rem;
}
/*
leftover from patch.less 03.2017
ethz-cq-design#68: OTRS ID1658881
*/
.teaserbox .contentSubContainer {
margin-top: 0 !important;
}
#mobile-main-nav-bottom {
background-color: #eaecee;
padding: 0;
width: 100%;
border-top: 1px solid #c5c5c5;
padding-bottom: 0.75rem;
}
#mobile-main-nav-bottom ul {
background-color: white;
width: 100%;
border-bottom: 1px solid #c5c5c5;
}
#mobile-main-nav-bottom ul li {
width: 100%;
border-bottom: 1px solid #eaecee;
}
#mobile-main-nav-bottom ul li:last-child {
border-bottom: none;
}
#mobile-main-nav-bottom ul li a {
display: block;
font-size: 0.9375rem;
font-weight: bold;
color: #333333;
padding: 1.25rem 1.5rem;
}
#mobile-main-nav-bottom ul li.back a {
background: url(img/icons/svg/icon-shape-left.svg) no-repeat 1.5rem center;
padding-left: 2.75rem;
}
#mobile-main-nav-bottom ul li.here a {
color: #1f407a;
background-color: #EAECEE;
}
#mobile-main-nav-bottom ul li.there a {
padding-left: 3rem;
}
@media screen and (min-width: 768px) {
#mobile-main-nav-bottom {
display: none;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
#content {
width: 100% !important;
}
#overviewContainer {
margin-top: 1.3125rem;
}
#overviewContainer {
margin-top: 0;
}
#contentNav {
width: 25%;
}
}
@media screen and (max-width: 1024px) {
#content {
top: 0;
margin-top: 1rem !important;
}
#content:after {
content: '';
display: table;
clear: both;
}
#contentMain {
margin-left: 0 !important;
padding-left: 0;
}
#contentMain {
width: 66.67%;
padding-left: 0.75rem;
padding-right: 1.5rem;
padding-bottom: 1.5rem;
}
.contentMain p,
#contentMain p,
#mainContent p,
#overviewContainer aside p {
line-height: 1.5;
}
#mainContent .tab_accordion form .textimage h3 #mainContent .tab_accordion form p {
padding-left: 0 !important;
}
#overviewContainer {
padding-bottom: 0;
}
#contentContainer {
padding-bottom: 0;
box-sizing: border-box;
}
#contentContainer,
#overviewContainer {
min-height: 0 !important;
}
#contentContainer aside,
#overviewContainer aside {
margin-bottom: 0;
margin-right: 0;
}
#contentContainer aside .contentSubContainer,
#overviewContainer aside .contentSubContainer {
padding: 1.5rem 0.75rem 0.25rem 0.75rem;
margin-bottom: 0.75rem;
margin-left: 0;
margin-right: 0;
}
#contentContainer aside .contentSubContainer .contentSubContainer,
#overviewContainer aside .contentSubContainer .contentSubContainer {
padding-top: 0;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
#contentContainer aside {
margin-bottom: 1.5rem;
}
#contentContainer aside .contentSubContainer {
margin-bottom: 0;
}
#overviewContainer aside .contentSubContainer {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
#greenBox,
#greenBox1 {
display: none;
}
.contains-sublogo {
display: none;
}
#corp.homepage .moreNewsContainer,
.homepage #mainContent .basecomponent.parsys > .basecomponent.teaserbox {
margin-bottom: 0.75rem;
}
}
@media screen and (max-width: 767px) {
#content {
margin-top: 7.0625rem !important;
}
.loggedin #content {
margin-top: 10.0625rem !important;
}
#contentNav {
display: none;
}
#contentMain {
padding-left: 1.5rem;
padding-right: 1.5rem;
padding-bottom: 1.5rem;
}
#contentContainer aside .contentSubContainer,
#overviewContainer aside .contentSubContainer {
padding: 1.5rem 0.75rem 0.25rem 0.75rem;
}
#contentContainer aside {
margin-bottom: 0;
}
#breadcrumb.hidden-phone + #contentContainer,
#breadcrumb-placeholder + #contentContainer {
padding-top: 2.4125rem;
}
#breadcrumb ul li:first-child,
#breadcrumb ul li:last-child,
#breadcrumb ul li:nth-last-child(2) .arrowBreadcrumb {
display: none;
}
#breadcrumb.truncated ul li:nth-last-child(2) {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.twocolumns .cols-2 .box.left > .parsys {
padding-right: 0 !important;
}
.twocolumns .cols-2 .box.right > .parsys {
padding-left: 0 !important;
}
body.noImageTeaser.homepage div#mainContent > div:first-of-type > div > div:first-of-type > div.grid_4.omega > div > div > div:first-of-type .contentSubContainer {
padding-top: 1.25rem;
}
}
@media screen and (max-width: 586px) {
.has-partner-logo #content {
margin-top: 9.5625rem !important;
}
.loggedin.has-partner-logo #content {
margin-top: 12.5625rem !important;
}
}
footer#footer {
color: #ffffff;
font-size: 0.6875rem;
line-height: 1.1818181818;
font-weight: bold;
overflow: hidden;
}
footer#footer:after {
content: '';
display: table;
clear: both;
}
footer#footer a {
font-size: 0.6875rem;
line-height: 1.1818181818;
color: #ffffff;
}
footer#footer a:hover {
border-bottom: none;
}
footer#footer div#footerContainer div#footerLinks {
float: left;
padding: 0.625rem 0;
}
footer#footer div#footerContainer div#footerLinks ul li {
padding-left: 1.25rem;
padding-right: 0.625rem;
float: left;
}
footer#footer div#footerContainer div#copyright {
float: right;
padding: 0.625rem 1.25rem 0.625rem 0;
text-align: right;
}
div#social_media_container:after {
content: '';
display: table;
clear: both;
}
div#social_media {
background-color: #F7F9FA;
padding: 0.625rem 0;
margin-right: 0.625rem;
}
div#social_media ul {
float: right;
padding-right: 0.3125rem;
}
div#social_media ul li {
display: block;
float: left;
padding-right: 0.625rem;
height: 1.25rem;
position: relative;
}
div#social_media ul li a {
display: block;
text-decoration: none;
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
background-size: 100%;
height: 1.25rem;
}
div#social_media ul li a:hover {
border: none;
}
div#social_media ul li iframe {
display: block;
position: relative !important;
top: 50% !important;
transform: translateY(-50%);
height: 21px;
float: left;
}
div#social_media ul li a#iconFacebook {
width: 47px;
height: 20px;
background-image: url('img/icons/svg/like.svg');
}
div#social_media ul li a#iconTwitter {
width: 70px;
height: 20px;
background-image: url('img/icons/svg/twittern.svg');
}
div#social_media ul li a#iconTwitter:lang(en) {
width: 58px;
background-image: url('img/icons/svg/tweet.svg');
}
div#social_media ul li a#iconGplus {
width: 24px;
height: 20px;
background-image: url('img/icons/svg/google+.svg');
}
div#social_media ul li a#iconTalk {
width: 20px;
height: 20px;
background-image: url('img/icons/svg/share.svg');
}
div#social_media ul li a#iconTalk:hover {
background-image: url('img/icons/svg/share-hover.svg');
}
div#social_media ul li a#iconRss {
width: 20px;
height: 20px;
background-image: url('img/icons/svg/rss.svg');
}
div#social_media ul li a#iconRss:hover {
background-image: url('img/icons/svg/rss-hover.svg');
}
@media screen and (max-width: 1024px) {
.footerContainer {
color: white;
padding: 1.6875rem 1.5rem 3rem 1.5rem;
float: left;
clear: both;
box-sizing: border-box;
}
.footerContainer li {
margin-bottom: 1rem;
float: left;
}
.footerContainer a {
color: white;
font-size: 0.9375rem;
line-height: 1.5;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
float: left;
}
.footerContainer .borderBottom {
margin-top: 1.375rem;
margin-bottom: 1.129rem;
}
#footer-mobile {
overflow: hidden;
}
#footer-mobile .grid_5 {
width: 50% !important;
float: left !important;
margin-right: 0;
padding-right: 0.625rem;
box-sizing: border-box;
}
#footer-mobile .grid_5:nth-of-type(2) {
margin-right: 0;
padding-right: 0;
padding-left: 0.625rem;
}
#footer-mobile .grid_5:nth-of-type(4) {
margin-right: 0;
padding-right: 0;
padding-left: 0.625rem;
}
.borderBottom {
height: 0.0625rem;
width: 100%;
color: rgba(255, 255, 255, 0.35);
background-color: rgba(255, 255, 255, 0.35);
margin: 2rem 0 1rem 0;
clear: both;
}
#copyright-mobile {
margin: 2rem 0;
font-weight: normal;
font-size: 0.75rem;
}
#copyright-mobile a {
display: inline-block;
font-size: 0.75rem;
font-weight: normal;
float: none;
}
#copyright-mobile span,
#copyright-mobile span a {
font-size: 0.75rem !important;
font-weight: normal !important;
}
footer#footer a {
font-size: 0.9375rem;
line-height: 1.5;
}
footer#footer div#footerContainer div#copyright {
float: left;
clear: both;
margin: 1.5rem 0 0;
padding: 0;
text-align: left;
}
footer#footer div#footerContainer div#copyright a,
footer#footer div#footerContainer div#copyright span {
font-size: 0.75rem !important;
line-height: 1.5;
font-weight: normal !important;
float: none;
}
div#social_media {
padding: 2rem 0;
}
div#social_media ul {
padding-right: 0.875rem;
}
div#social_media ul li {
line-height: 1 !important;
}
div#social_media ul li:nth-last-child(2),
div#social_media ul li:last-child {
display: none;
}
}
@media screen and (max-width: 767px) {
#footer {
display: none;
}
.footerContainer {
margin-right: 0;
padding-top: 2.375rem;
padding-bottom: 3rem;
}
.footerContainer li {
float: left;
clear: both;
margin-bottom: 0.5rem;
}
.footerContainer p:after {
clear: both;
content: ' ';
display: table;
}
.footerContainer a {
float: left;
}
.footerContainer a:hover {
border: none;
}
#copyright-mobile {
margin-top: 1.5rem;
margin-bottom: 0;
}
.borderBottom {
width: 100%;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
footer#footer div#footerContainer div#footerLinks ul li {
padding-left: 0;
padding-right: 2rem;
}
#footerLinks {
width: 100%;
}
}
@media screen and (min-width: 768px) {
#footer-mobile {
display: none !important;
}
}
@media screen and (max-width: 340px) {
#footer-mobile .footerContainer a {
font-size: 0.875rem;
}
}
html,
body {
overflow-x: hidden !important;
overflow-y: auto !important;
}
body {
font-family: Arial, Helvetica, sans-serif;
-webkit-text-size-adjust: 100%;
height: auto;
}
.fullwidthimage {
margin-bottom: 0.625rem;
}
.contactbox {
margin-bottom: 1.125rem;
}
article.inline,
aside.inline,
details.inline,
figcaption.inline,
figure.inline,
footer.inline,
header.inline,
hgroup.inline,
menu.inline,
nav.inline,
section.inline {
display: inline-block;
}
a {
text-decoration: none;
color: #ffffff;
}
a:focus,
button:focus,
input:focus {
overflow: hidden;
outline-color: #ffea00;
outline-offset: 0;
outline-style: solid;
outline-width: 2px;
}
a.accesskey {
color: #fff;
}
.hidden {
visibility: none;
}
.visual-hidden {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 0.0625rem;
width: 0.0625rem;
margin: -0.0625rem;
padding: 0;
border: 0;
}
div.ui-widget-overlay {
position: fixed;
top: 0;
background-color: rgba(0, 0, 0, 0.3);
}
.no-border {
border: none ! important;
}
div.carouselList a.detail,
div.ui-dialog div.inline-slideshow a.detail,
div.ui-dialog div.carousel a.detail {
display: none;
}
div.carouselList a.prev,
div.ui-dialog div.inline-slideshow a.prev,
div.ui-dialog div.carousel a.prev,
div.carouselList a.next,
div.ui-dialog div.inline-slideshow a.next,
div.ui-dialog div.carousel a.next,
div.carouselList a.pause,
div.ui-dialog div.inline-slideshow a.pause,
div.ui-dialog div.carousel a.pause,
div.carouselList a.ui-dialog-titlebar-close,
div.ui-dialog div.inline-slideshow a.ui-dialog-titlebar-close,
div.ui-dialog div.carousel a.ui-dialog-titlebar-close {
background-repeat: no-repeat;
background-position: 0 0;
background-size: 100%;
text-indent: -624.9375rem;
display: block;
position: absolute;
top: 50%;
overflow: hidden;
}
div.carouselList a.prev,
div.ui-dialog div.inline-slideshow a.prev,
div.ui-dialog div.carousel a.prev,
div.carouselList a.next,
div.ui-dialog div.inline-slideshow a.next,
div.ui-dialog div.carousel a.next {
height: 2.75rem;
width: 2.75rem;
}
div.carouselList a.prev,
div.ui-dialog div.inline-slideshow a.prev,
div.ui-dialog div.carousel a.prev {
background-image: url('img/icons/svg/slider-pfeil-links.svg');
left: 0.5rem;
}
div.carouselList a.next,
div.ui-dialog div.inline-slideshow a.next,
div.ui-dialog div.carousel a.next {
background-image: url('img/icons/svg/slider-pfeil-rechts.svg');
right: 0.5rem;
}
div.carouselList a.pause,
div.ui-dialog div.inline-slideshow a.pause,
div.ui-dialog div.carousel a.pause {
height: 1.5625rem;
width: 1.5625rem;
right: 0.9375rem;
bottom: 0.9375rem;
top: auto;
background-image: url('img/icons/svg/pause.svg');
background-size: 100%;
}
div.carouselList a.pause:hover,
div.ui-dialog div.inline-slideshow a.pause:hover,
div.ui-dialog div.carousel a.pause:hover {
background-image: url('img/icons/svg/pause-hover.svg');
}
div.carouselList a.pause.paused,
div.ui-dialog div.inline-slideshow a.pause.paused,
div.ui-dialog div.carousel a.pause.paused {
background-image: url('img/icons/svg/play.svg');
}
div.carouselList a.pause.paused:hover,
div.ui-dialog div.inline-slideshow a.pause.paused:hover,
div.ui-dialog div.carousel a.pause.paused:hover {
background-image: url('img/icons/svg/play-hover.svg');
}
div.carouselList a.disabled,
div.ui-dialog div.inline-slideshow a.disabled,
div.ui-dialog div.carousel a.disabled {
display: none ! important;
}
div.carouselList a:hover,
div.ui-dialog div.inline-slideshow a:hover,
div.ui-dialog div.carousel a:hover {
border-bottom: none;
}
@supports (-ms-ime-align:auto) {
div.carouselList a.pause,
div.ui-dialog div.inline-slideshow a.pause,
div.ui-dialog div.carousel a.pause {
width: 1.5625rem;
height: 1.5625rem;
}
}
div.ui-dialog {
position: absolute ! important;
}
div.ui-dialog div.carousel,
div.ui-dialog div.inline-slideshow {
position: relative;
overflow: hidden;
}
div.ui-dialog div.carousel div.items,
div.ui-dialog div.inline-slideshow div.items {
position: relative;
width: 62499.937rem;
}
div.ui-dialog div.carousel div.items figure,
div.ui-dialog div.inline-slideshow div.items figure {
padding: 0 ! important;
position: relative;
float: left;
}
div.ui-dialog div.carousel div.items figure img,
div.ui-dialog div.inline-slideshow div.items figure img {
width: auto;
height: auto;
}
div.ui-dialog div.carousel div.items figure figcaption,
div.ui-dialog div.inline-slideshow div.items figure figcaption {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
bottom: 0;
left: 0;
color: #fff;
background-color: #000;
opacity: 0.7;
width: 100%;
filter: alpha(opacity=70);
padding: 0.75rem;
}
div.ui-dialog div.ui-dialog-titlebar {
position: absolute;
}
div.ui-dialog div.ui-dialog-titlebar.outside {
top: -2.1875rem;
right: 0;
}
div.ui-dialog div.ui-dialog-titlebar.inside {
top: 1.875rem;
right: 0.625rem;
}
div.ui-dialog div.ui-dialog-titlebar a {
background: url('img/eth_website_buttons.png') no-repeat scroll 0 0 transparent;
text-indent: -624.9375rem;
height: 3.4375rem;
width: 3.4375rem;
display: block;
margin: -22 0.3125rem 0 0 0 ! important;
overflow: hidden;
}
div.ui-dialog div.ui-dialog-titlebar a:hover {
border-bottom: none;
}
div#lightboxPlaceHolder {
display: none;
}
div#lightboxPlaceHolder h5 {
padding: 1.5625rem 0 0.3125rem 0;
}
div#lightboxPlaceHolder p {
font-size: 0.875rem;
}
div#lightboxPlaceHolder a {
font-size: 0.875rem;
line-height: 1;
}
div#lightboxPlaceHolder div.smallForm {
padding: 0 0 1.875rem 0;
width: 29.0625rem;
}
div#lightboxPlaceHolder div.smallForm form fieldset.search-form div.end div.grouping-box div.box {
margin: 0.9375rem 0 0 0;
}
div#lightboxPlaceHolder div.smallForm form fieldset.search-form div.end div.grouping-box div.box label {
color: #000000;
padding-bottom: 0;
}
div#lightboxPlaceHolder div.smallForm form fieldset.search-form div.end div.grouping-box button[name="Senden"] {
margin: -0.3125rem 0 0 0;
}
div#lightboxPlaceHolder div.smallForm form + div.formAddonLink {
padding-bottom: 1.25rem ! important;
}
div#lightboxPlaceHolder div.formAddonLink {
padding-bottom: 0.9375rem ! important;
}
.infoLightbox {
background: #F3F5F6;
font-family: sans-serif;
}
.infoLightbox .ui-dialog-titlebar {
background: none;
border: none;
top: 0.9375rem ! important;
}
.infoLightbox .ui-dialog-titlebar-close {
z-index: 1;
padding: 0;
border: none;
}
.infoLightbox .ui-dialog-titlebar-close .ui-icon-closethick {
display: none;
}
.infoLightbox .ui-widget {
font-family: inherit;
}
ul.check-box-departement-search {
font-size: 0.6875rem;
}
#powerTip,
#breadcrumbPowerTip {
cursor: default;
background-color: #333333;
color: #fff;
display: none;
padding: 0.3125rem 0.625rem 0.3125rem 0.625rem;
font-size: 0.75rem;
font-weight: bold;
position: absolute;
max-width: 9.375rem;
z-index: 2147483647;
}
#breadcrumbPowerTip {
max-width: none;
white-space: nowrap;
}
#powerTip:before,
#breadcrumbPowerTip:before {
content: "";
position: absolute;
}
#powerTip.n:before,
#powerTip.s:before,
#breadcrumbPowerTip.n:before,
#breadcrumbPowerTip.s:before {
border-right: 0.3125rem solid transparent;
border-left: 0.3125rem solid transparent;
left: 50%;
margin-left: -0.3125rem;
}
#powerTip.e:before,
#powerTip.w:before,
#breadcrumbPowerTip.e:before,
#breadcrumbPowerTip.w:before {
border-bottom: 0.3125rem solid transparent;
border-top: 0.3125rem solid transparent;
margin-top: -0.3125rem;
top: 50%;
}
#powerTip.n:before,
#breadcrumbPowerTip.n:before {
border-top: 0.625rem solid #333333;
bottom: -0.625rem;
}
#powerTip.e:before,
#breadcrumbPowerTip.e:before {
border-right: 0.625rem solid #333333;
left: -0.625rem;
}
#powerTip.s:before,
#breadcrumbPowerTip.s:before {
border-bottom: 0.625rem solid #333333;
top: -0.625rem;
}
#powerTip.w:before,
#breadcrumbPowerTip.w:before {
border-left: 0.625rem solid #333333;
right: -0.625rem;
}
#powerTip.ne:before,
#powerTip.se:before,
#breadcrumbPowerTip.ne:before,
#breadcrumbPowerTip.se:before {
border-right: 0.625rem solid transparent;
border-left: 0;
left: 0.625rem;
}
#powerTip.nw:before,
#powerTip.sw:before,
#breadcrumbPowerTip.nw:before,
#breadcrumbPowerTip.sw:before {
border-left: 0.625rem solid transparent;
border-right: 0;
right: 0.625rem;
}
#powerTip.ne:before,
#powerTip.nw:before,
#breadcrumbPowerTip.ne:before,
#breadcrumbPowerTip.nw:before {
border-top: 0.625rem solid #333333;
bottom: -0.625rem;
}
#powerTip.se:before,
#powerTip.sw:before,
#breadcrumbPowerTip.se:before,
#breadcrumbPowerTip.sw:before {
border-bottom: 0.625rem solid #333333;
top: -0.625rem;
}
#powerTip.nw-alt:before,
#powerTip.ne-alt:before,
#breadcrumbPowerTip.nw-alt:before,
#breadcrumbPowerTip.ne-alt:before,
#powerTip.sw-alt:before,
#powerTip.se-alt:before,
#breadcrumbPowerTip.sw-alt:before,
#breadcrumbPowerTip.se-alt:before {
border-top: 0.625rem solid #333333;
bottom: -0.625rem;
border-left: 0.3125rem solid transparent;
border-right: 0.3125rem solid transparent;
left: 0.625rem;
}
#powerTip.ne-alt:before,
#breadcrumbPowerTip.ne-alt:before {
left: auto;
right: 0.625rem;
}
#powerTip.sw-alt:before,
#powerTip.se-alt:before,
#breadcrumbPowerTip.sw-alt:before,
#breadcrumbPowerTip.se-alt:before {
border-top: none;
border-bottom: 0.625rem solid #333333;
bottom: auto;
top: -0.625rem;
}
#powerTip.se-alt:before,
#breadcrumbPowerTip.se-alt:before {
left: auto;
right: 0.625rem;
}
div#focusHelperRight,
div#focusHelperLeft,
div#focusHelperTop,
div#focusHelperBottom {
position: absolute;
left: -999em;
background-color: #ffea00;
z-index: 9999999;
}
div#focusHelperRight,
div#focusHelperLeft {
width: 0.125rem;
}
div#focusHelperTop,
div#focusHelperBottom {
height: 0.125rem;
}
@media screen and (min-width: 1280px) and (max-width: 1365px) {
div.carouselList a.prev,
div.ui-dialog div.inline-slideshow a.prev,
div.ui-dialog div.carousel a.prev,
div.carouselList a.next,
div.ui-dialog div.inline-slideshow a.next,
div.ui-dialog div.carousel a.next {
height: 3rem;
width: 3rem;
}
div.carouselList a.pause,
div.ui-dialog div.inline-slideshow a.pause,
div.ui-dialog div.carousel a.pause {
width: 1.75rem;
height: 1.75rem;
}
}
@media screen and (min-width: 1366px) and (max-width: 1599px) {
div.carouselList a.prev,
div.ui-dialog div.inline-slideshow a.prev,
div.ui-dialog div.carousel a.prev,
div.carouselList a.next,
div.ui-dialog div.inline-slideshow a.next,
div.ui-dialog div.carousel a.next {
height: 3.25rem;
width: 3.25rem;
}
div.carouselList a.pause,
div.ui-dialog div.inline-slideshow a.pause,
div.ui-dialog div.carousel a.pause {
width: 1.875rem;
height: 1.875rem;
}
}
@media screen and (min-width: 1600px) {
div.carouselList a.prev,
div.ui-dialog div.inline-slideshow a.prev,
div.ui-dialog div.carousel a.prev,
div.carouselList a.next,
div.ui-dialog div.inline-slideshow a.next,
div.ui-dialog div.carousel a.next {
height: 3.5625rem;
width: 3.5625rem;
}
div.carouselList a.pause,
div.ui-dialog div.inline-slideshow a.pause,
div.ui-dialog div.carousel a.pause {
width: 2.0625rem;
height: 2.0625rem;
}
}
@media screen and (max-width: 1024px) {
.fullwidthimage {
margin-bottom: 0.75rem;
}
div#focusHelperRight,
div#focusHelperLeft,
div#focusHelperTop,
div#focusHelperBottom {
display: none !important;
width: 0 !important;
height: 0 !important;
opacity: 0 !important;
visibility: hidden !important;
left: 6249.9375rem !important;
top: 6249.9375rem !important;
}
}
h1 {
padding: 0 0 0.625rem 0;
color: #1f407a;
font-size: 1.5625rem;
line-height: 1.12;
}
h2 {
padding: 1rem 0 0.625rem 0;
color: #1f407a;
font-size: 1.1875rem;
line-height: 1.1578947368;
}
.items + h2 {
padding-top: 0;
}
h3 {
padding: 0;
color: #1f407a;
font-weight: bold;
font-size: 0.875rem;
line-height: 1.4285714286;
}
h4 {
padding: 0;
color: #000000;
font-weight: bold;
font-size: 0.875rem;
line-height: 1.4285714286;
}
h5 {
padding: 0;
color: #1f407a;
font-weight: bold;
font-size: 0.875rem;
}
h6 {
padding: 0;
color: #6a7277;
font-weight: bold;
font-size: 0.75rem;
}
p {
color: #000000;
padding-bottom: 1.125rem;
}
p.lead {
font-weight: bold;
color: #003c69;
font-size: 0.875rem;
}
p.disclaimer {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #c9cfd2;
border-style: solid none;
border-width: 1px 0;
margin-bottom: 1.5625rem;
padding: 0.75rem 0 0.75rem 0;
font-size: 0.75rem;
line-height: 1.5;
}
p.disclaimer > span.icon {
height: 1.875rem;
width: 1.875rem;
display: block;
float: left;
margin: 0.75rem 0.5rem 0 0;
margin-top: 0;
padding: 0;
}
p.disclaimer > span.icon img {
height: 1.875rem;
width: 1.875rem;
}
h1 + p {
padding-bottom: 1.25rem;
}
p + ul,
p + ol {
margin-top: -0.75rem;
}
td p + ul,
td p + ol {
margin-top: 0;
}
a {
color: #0069b4;
text-decoration: none;
font-weight: bold;
cursor: pointer;
font-size: 0.75rem;
line-height: 1.1666666667;
}
a.normal-font {
font-size: 1rem;
}
a.normal-font span.icon {
background-position-y: -0.3125rem;
}
a.icononly {
color: #333333;
border-bottom: none ! important;
}
a.icononly span.icon {
border-bottom: none;
}
a span.xtra {
color: #6a7277;
font-style: italic;
border-bottom: 1px solid #ffffff;
}
a.tel {
color: #0069b4;
text-decoration: none;
font-style: bold;
}
a.email {
margin-right: 1rem;
}
.contextinfo.section .vcard ul.contactlist li a.email {
margin-right: 1rem;
}
span.icon {
background-image: url('img/icons/svg/arrow-link.svg');
background-repeat: no-repeat;
background-size: 10px 10px;
display: inline-block;
font-size: 0.75rem;
height: 10px;
margin: 0 0 0 0.23rem;
width: 10px;
}
span.icon.extern {
background-image: url('img/icons/svg/ext-link.svg');
}
span.icon.download {
background-image: url('img/icons/svg/download.svg');
}
span.icon.secure {
background-image: url('img/icons/svg/login.svg');
}
span.icon.back {
background-image: url('img/icons/svg/arrow-link-left.svg');
margin: 0 6px 0 0;
}
span.icon.plus,
span.icon.minus {
width: 16px;
height: 16px;
background-size: 10px 10px;
background-position: 2px 4px;
}
span.icon.plus {
background-image: url('img/icons/svg/plus.svg');
}
span.icon.minus {
background-image: url('img/icons/svg/minus.svg');
}
span.icons:before {
position: relative;
top: 0.125rem;
background-position: 0 0;
background-size: 13px 13px;
background-repeat: no-repeat;
background-color: transparent;
content: '';
display: inline-block;
width: 0.8125rem;
height: 0.8125rem;
padding-right: 0.3125rem;
}
span.icons img {
display: none !important;
}
span.icons.tel:before {
background-image: url('img/icons/svg/tel.svg');
}
span.icons.fax:before {
background-image: url('img/icons/svg/fax.svg');
}
span.icons.mail:before,
span.icons.email:before {
background-image: url('img/icons/svg/email.svg');
}
span.icons.vcard:before {
background-image: url('img/icons/svg/v-card.svg');
}
span.icons.web:before {
background-image: url('img/icons/svg/web.svg');
}
a:hover {
border-bottom: solid 1px #82be1e;
}
section#content figure a:hover,
section#content ul.ui-tabs-nav.ui-widget-header > li > a:hover {
border-bottom: none;
}
.hidden {
display: inline;
left: -62.5rem;
overflow: hidden;
width: 0;
position: absolute;
top: -62.5rem;
height: 0;
}
.first-element {
margin-top: 1.5rem;
}
.spacing-top {
margin-top: 1.5rem;
}
.spacing-bottom {
margin-bottom: 1.5rem;
}
button.rightcolbutton,
.button.rightcolbutton {
margin-top: 0 ! important;
}
.button::-moz-focus-inner,
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.button {
padding: 0.3125rem 0.75rem 0.3125rem 0.75rem;
}
.button span.icon {
border-bottom: none;
}
.button:hover {
border-bottom: none;
}
button {
display: block;
padding: 0 0.75rem 0 0.75rem;
}
.button,
button {
font-family: Arial, Helvetica, sans-serif ! important;
cursor: pointer;
background-color: #0069b4;
border: 0;
color: white;
margin-left: 0;
font-weight: bold;
height: 1.5rem;
font-size: 0.75rem;
line-height: 2;
}
.button.first-child,
button.first-child {
margin-top: 0.25rem ! important;
}
.button span.icon,
button span.icon {
margin-left: 9px;
}
.button span.icon.plus,
button span.icon.plus,
.button span.icon.minus,
button span.icon.minus {
background-position: 2px 6px;
}
a.add,
a.remove {
display: block;
background-repeat: no-repeat;
background-size: 18px;
background-position: 50% 50%;
width: 1.375rem;
height: 1.375rem;
}
a.add:hover,
a.remove:hover {
border-bottom: none;
}
a.add {
background-image: url(img/icons/svg/add.svg);
}
a.add:hover {
background-image: url(img/icons/svg/add-hover.svg);
}
a.remove {
background-image: url(img/icons/svg/remove.svg);
}
a.remove:hover {
background-image: url(img/icons/svg/remove-hover.svg);
}
a.button#loadMoreEventsButton span.icon.plus {
background: url(img/icons/svg/plus.svg) no-repeat;
font-size: inherit !important;
background-position-x: 0 !important;
background-position-y: 0.5rem !important;
background-size: 11px !important;
margin-left: 0.5rem;
height: 21px;
}
ul.videotext {
width: 100%;
overflow: hidden;
padding-bottom: 0.625rem;
}
ul.videotext li {
float: left;
}
ul.videotext li:first-child::before {
content: "[";
margin-right: 0.125rem;
width: 0.1875rem;
}
ul.videotext li:last-child::after {
content: "]";
display: inline-block;
width: 0.3125rem;
height: 1.25rem;
margin-right: 0.25rem;
}
ul.videotext li::before {
content: ",";
display: inline-block;
width: 0.375rem;
height: 1.25rem;
margin-right: 0.25rem;
}
div.refNote {
padding-top: 0.9375rem;
}
div.refNote.spacingTop {
padding-top: 1.25rem;
}
div.refNote.spacingBottom {
padding-bottom: 1.25rem;
}
div.refNote h2,
div.refNote li,
div.refNote p {
font-size: 0.75rem;
line-height: 1.5;
}
div.refNote h2 {
color: #000000;
padding: 0;
}
div.refNote h3:first-child {
padding-top: 0;
}
div.refNote ul.linklist li {
padding-bottom: 0.3125rem;
}
div.refNote ul.linklist li div.link {
list-style: disc inside none;
}
div.refNote ul.linklist li:last-child {
padding-bottom: 0;
}
div.refNote ul.list {
list-style: disc inside;
}
div.linkliste {
padding: 0;
padding-bottom: 1.125rem;
}
div.linkliste .linklistblock {
border-top: 1px solid #c9cfd2;
padding-top: 0.5625rem;
}
div.linkliste .linklistblock.first {
border-top: none;
padding-top: 0;
padding-bottom: 0.5625rem;
}
div.linkliste ul.linklist.spacing-bottom {
margin-bottom: 0.3125rem;
}
div.linkliste ul.linklist.spacing-bottom li {
padding-bottom: 1rem;
}
div.linkliste ul.linklist li {
padding-bottom: 0.3125rem;
}
div.linkliste ul.linklist li.last-child {
padding-bottom: 0;
}
div.linkliste ul.linklist li:last-child {
padding-bottom: 0;
}
div.linkliste.spacingTop {
padding-top: 0.625rem;
}
div.linkliste figure + h2,
div.linkliste figure + h3,
div.linkliste figure + h4,
div.linkliste figure + h5 {
padding-top: 0;
}
ul.horizontalListWithPipe {
list-style: none !important;
}
ul.horizontalListWithPipe li {
display: inline-block;
display: -moz-inline-stack;
}
ul.horizontalListWithPipe li a {
margin-right: 1.25rem;
padding-left: 0;
}
ul.horizontalListWithPipe li:after {
content: "\00a0\00a0|\00a0\00a0";
display: inline-block;
margin-left: -1.25rem;
width: 1rem;
}
ul.horizontalListWithPipe li:last-child:after {
content: none;
}
ul.horizontalListWithPipe .noVerticalBar:after {
content: "" !important;
}
horizontalListWithPipe div.infobox {
padding: 0 0 1.25rem;
}
horizontalListWithPipe div.infobox h1:first-child,
horizontalListWithPipe div.infobox h1.first_child,
horizontalListWithPipe div.infobox h2:first-child,
horizontalListWithPipe div.infobox h2.first_child,
horizontalListWithPipe div.infobox h3:first-child,
horizontalListWithPipe div.infobox h3.first_child,
horizontalListWithPipe div.infobox h4:first-child,
horizontalListWithPipe div.infobox h4.first_child,
horizontalListWithPipe div.infobox h5:first-child,
horizontalListWithPipe div.infobox h5.first_child {
padding-top: 0;
}
div.note {
padding: 0 0 0.625rem 0;
}
div.note p {
font-size: 0.75rem;
line-height: 1.5;
}
div.textimage {
display: inline-block;
width: 100%;
}
div.textimage div.items figure a {
cursor: pointer;
display: block;
position: relative;
}
div.textimage div.items figure a span.detail {
background: url(img/icons/svg/search-small-plus.svg) no-repeat #000000;
position: absolute;
height: 1.5rem;
width: 1.5rem;
right: 0;
bottom: 0;
display: none;
background-position: 50% 50%;
background-size: 66% 66%;
}
div.textimage figure {
margin-right: 0.625rem;
position: relative;
margin-bottom: 0.625rem;
}
div.textimage figure a:hover {
border-bottom: none;
}
div.textimage figure img {
margin: 0.25rem 0 0 0;
width: 100%;
}
div.textimage figure figcaption {
padding-top: 0.1875rem;
color: #6a7277;
font-weight: normal;
margin-bottom: 0.375rem;
font-size: 0.75rem;
line-height: 1.4545454545;
}
div.textimage figure.grid_2_5 {
display: inline;
float: left;
margin-left: 0;
width: 14.1875rem;
max-width: 14.1875rem;
}
div.textimage figure a.detail {
background: url('img/eth_website_link_elements.png') no-repeat -12.8125rem -0.3125rem #000000;
position: absolute;
height: 1.5625rem;
width: 1.5625rem;
right: 0;
}
div.rawhtml ul li,
div.textimage ul li {
list-style-image: url(img/content/components/basic-items/bulletrd-font16.png);
margin-left: 1.125rem;
}
div.owltext {
display: inline-block;
width: 100%;
}
div.owltext figure {
margin-right: 0.625rem;
position: relative;
margin-bottom: 0;
padding-bottom: 0.625rem;
}
div.owltext figure a {
cursor: pointer;
display: block;
position: relative;
}
div.owltext figure a span.detail {
background: url('img/eth_website_link_elements.png') no-repeat -12.8125rem -0.3125rem #000000;
position: absolute;
height: 1.5625rem;
width: 1.5625rem;
right: 0;
bottom: 0;
display: none;
}
div.owltext figure a:hover {
border-bottom: none;
}
div.owltext figure img {
margin: 0.1875rem 0 0;
width: 100%;
}
div.rawhtml ul,
div.textimage ul {
padding-bottom: 1.125rem;
}
div.rawhtml ul ul,
div.textimage ul ul {
padding-bottom: 0;
}
div.rawhtml ul li,
div.textimage ul li {
margin-top: 0.625rem;
}
div.rawhtml ul li:first-child,
div.textimage ul li:first-child,
div.rawhtml ul li.first-child,
div.textimage ul li.first-child {
margin-top: 0;
}
div.rawhtml div.text_image ul,
div.textimage div.text_image ul {
list-style-position: inside;
margin-left: 0;
}
div.rawhtml ol,
div.textimage ol {
list-style: decimal outside none;
margin-left: 1.25rem;
padding-bottom: 1.125rem;
}
div.rawhtml ol ol,
div.textimage ol ol {
padding-bottom: 0;
margin-bottom: 0;
}
div.rawhtml ol li,
div.textimage ol li {
margin-top: 0.625rem;
}
div.rawhtml ol li:first-child,
div.textimage ol li:first-child,
div.rawhtml ol li.first-child,
div.textimage ol li.first-child {
margin-top: 0;
}
div.rawhtml ol li ol,
div.textimage ol li ol {
list-style-type: none;
counter-reset: itemnr;
margin-left: 0;
}
div.rawhtml ol li ol li,
div.textimage ol li ol li {
position: relative;
padding-left: 1.25rem;
}
div.rawhtml ol li ol li:before,
div.textimage ol li ol li:before {
content: counter(itemnr, lower-alpha) ".";
position: absolute;
left: 0;
top: 0;
counter-increment: itemnr;
}
div.rawhtml div.text_image ol,
div.textimage div.text_image ol {
list-style: decimal inside none;
margin-left: 0;
}
div.text_image figure figcaption {
font-size: 0.75rem;
line-height: 1.4545454545;
}
div.text_image figure figcaption a {
font-size: 0.75rem;
line-height: 1.4545454545;
}
div.text_image figure.grid_2_5 {
margin-right: 0.625rem;
width: 14.1875rem;
max-width: 100%;
}
div.fullwidthimage figure figcaption > span,
div.fullwidthimage figure figcaption > div {
font-size: 0.75rem;
line-height: 1.4545454545;
}
div.video-container figure figcaption,
div.youtube figure figcaption,
div.vimeo figure figcaption {
font-size: 0.75rem;
line-height: 1.4545454545;
}
div.text-box {
background-color: #eaecee;
overflow: hidden;
padding: 1rem 0.9375rem 0.25rem 0.9375rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 1.375rem;
}
div.text-box h2:first-child {
padding-top: 0;
}
div.text-box.textimage figure img {
width: 100%;
margin: 0.1875rem 0 0 0;
}
div.text-box.textimage figure figcaption {
color: #6a7277;
font-weight: normal;
float: none;
}
blockquote {
color: #6a7277;
font-style: italic;
margin-bottom: 1.5rem;
text-align: center;
margin-top: -0.1875rem;
font-size: 1.1875rem;
line-height: 1.1578947368;
}
blockquote cite {
color: #000000;
display: block;
padding-top: 0.25rem;
text-align: center;
font-style: normal;
font-size: 0.75rem;
line-height: 1.6666666667;
}
.accordionContent div.table-matrix {
margin-top: 0;
}
div.academicCalendar {
padding-top: 0.3125rem;
}
div.academicCalendar div.table-matrix.first-element {
padding-top: 0;
}
div.academicCalendar div.table-matrix table th {
background-color: #EAECEE;
}
div.academicCalendar p {
padding-bottom: 0;
}
div.academicCalendar h2 {
padding-bottom: 0.9375rem;
}
div.academicCalendar .button + h2,
div.academicCalendar button + h2 {
padding-top: 1.625rem;
}
div.academicCalendar div.event-list ul > li:last-child {
padding-bottom: 1.0625rem;
}
/**
leftover from patch.less 03.2017
* #30111: Beginning with AEM 5.6 jquery-ui.css is loaded in author mode which collides
* with some of our own CSS classes used by the tab/accordion component. These
* patches will override those classes to fix the tab/accordion layout in author
* mode.
*
* Some of these patches are also applied toe the academic calendar component.
*/
div.academicCalendar h3.ui-state-active,
div.academicCalendar h3.ui-state-default,
div.academicCalendar h3.ui-state-hover,
div.tab_accordion h3.accordionHeader {
border: none !important;
font-family: Arial, Helvetica, sans-serif !important;
}
div.academicCalendar div.accordionContent,
div.tab_accordion div.accoridaonContent {
border: none !important;
font-family: Arial, Helvetica, sans-serif !important;
overflow: visible !important;
}
div.academicCalendar div.accordionContent tr.trSubtext th,
div.academicCalendar div.accordionContent tr.trSubtext td {
border: none !important;
border-top: 1px solid #c9cfd2 !important;
}
div.tab_accordion div.ui-widget-content {
border: none !important;
}
div.academicCalendar span.ui-icon,
div.tab_accordion span.ui-icon {
width: 0;
}
div.tab_accordion ul.ui-widget-header {
background: none !important;
border: none !important;
padding: 0 !important;
}
div.tab_accordion ul.ui-widget-header li.ui-state-active,
div.tab_accordion ul.ui-widget-header li.ui-state-default,
div.tab_accordion ul.ui-widget-header li.ui-state-hover {
border: none !important;
font-family: Arial, Helvetica, sans-serif !important;
}
aside div.infobox {
padding: 0;
}
aside div.infobox p {
padding: 0.3125rem 0 0.625rem 0;
}
aside ul.socialMedia {
height: 2rem;
}
aside ul.socialMedia li {
float: left;
margin-right: 0.625rem;
}
aside ul.socialMedia li a {
display: block;
height: 2rem;
width: 2rem;
}
aside ul.socialMedia li a span.icon {
display: block;
background-image: none;
padding-left: 0;
}
aside ul.socialMedia li a span.icon.hover {
display: none;
}
aside ul.socialMedia li a:hover span.icon {
display: none;
}
aside ul.socialMedia li a:hover span.icon.hover {
display: block;
}
aside h3 {
font-size: 0.875rem;
}
aside a span.xtra {
color: #6a7277;
font-style: italic;
}
aside div.textimage ul li {
margin-top: 0.625rem;
}
aside div.textimage ul li:first-child,
aside div.textimage ul li.first-child {
margin-top: 0;
}
html.touch section#content a.more,
html.touch section#content a.linkitem.icon {
border-bottom-color: transparent;
}
.linkedarea:hover {
background-color: #F3F5F5;
cursor: pointer;
}
div.error {
background: url('img/eth_website_form_elements_validation_false.png') no-repeat scroll #ffffff;
background-position: right;
border: 1px solid #E61212 ! important;
text-indent: 0.5rem;
min-height: 1.5rem;
width: 100%;
font-weight: bold;
color: #E61212;
margin-bottom: 0.5rem;
line-height: 2;
font-size: 0.75rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
table.error {
border: 1px solid #E61212 ! important;
}
table.error tr,
table.error td {
border: none ! important;
}
table.error td.message {
color: #E61212;
font-size: 0.75rem;
font-weight: bold;
padding-left: 0.5rem;
padding-right: 0.5rem;
text-align: justify;
}
table.error td.icon {
background: url('img/eth_website_form_elements_validation_false.png') no-repeat scroll #ffffff;
background-position: center;
padding: 0 0.625rem 0 0.625rem;
width: 1.375rem;
}
div.loginInfoLogo a:hover {
text-decoration: underline;
}
.custom-ext-el-mask-transparent .ext-el-mask {
background: none ! important;
}
.figureInContactBox,
.figureInContactBox img {
width: 8.125rem !important;
}
figure.figureInContactBox,
.figureInContactBox figure {
margin-bottom: 0.625rem;
}
.figureInContactBox + div {
overflow: hidden;
display: inline-block;
}
.x-fieldset.x-panel-collapsed .ext-el-mask {
background: none ! important;
}
/* Put the image above the contact information */
.basecomponent.twocolumn .basecomponent.contactbox figure,
.basecomponent.contextinfo .basecomponent.contactbox figure {
float: none;
margin-bottom: 0.625rem;
margin-right: 0;
}
.contextinfo.section .vcard ul.contactlist li a,
.contextinfo.section .vcard ul.contactlist li span.icons {
line-height: 1.1875rem;
margin-right: 0;
}
@media screen and (min-width: 1280px) {
span.icon {
background-size: 11px 11px;
height: 11px;
width: 11px;
}
span.icon.plus,
span.icon.minus {
background-size: 10px 10px;
background-position: 4px 2px;
}
span.icons:before {
background-size: 14px 14px;
}
a.add,
a.remove {
background-size: 20px;
}
}
@media screen and (min-width: 1366px) {
span.icon {
background-size: 11px 11px;
height: 11px;
width: 11px;
}
span.icon.plus,
span.icon.minus {
background-position: 2px 4px;
}
span.icons:before {
background-size: 15px 15px;
}
a.add,
a.remove {
background-size: 21px;
}
}
@media screen and (min-width: 1600px) {
span.icon {
background-size: 12px 12px;
height: 12px;
width: 12px;
}
span.icon.plus,
span.icon.minus {
background-size: 12px 12px;
background-position: 5px 2px;
}
span.icons:before {
background-size: 16px 16px;
}
a.add,
a.remove {
background-size: 22px;
}
}
@media screen and (max-width: 1024px) {
h1 {
font-size: 1.8125rem;
line-height: 1.15;
padding-bottom: 0.75rem;
}
h2 {
font-size: 1.5rem;
line-height: 1.25;
padding-top: 1.25rem;
padding-bottom: 0.75rem;
}
h3,
aside h3 {
font-size: 1rem;
line-height: 1.5;
margin-bottom: 0.75rem;
padding: 0;
}
h4 {
font-size: 1rem;
line-height: 1.5;
padding: 0;
}
p {
font-size: 1rem;
line-height: 1.5;
padding-bottom: 1.25rem;
}
p span {
font-size: 1rem;
line-height: 1.5;
}
p.lead {
font-size: 1rem;
line-height: 1.5;
padding-bottom: 1.25rem;
}
a,
a.tel {
font-size: 0.875rem;
line-height: 1.5;
}
a span,
a.tel span {
font-size: 0.875rem;
}
li.tel {
font-size: 0.875rem;
}
div.rawhtml ul li,
div.textimage ul li {
font-size: 1rem;
line-height: 1.5;
}
div.linkliste {
padding-bottom: 1.25rem;
}
div.linkliste ul.linklist li {
padding-bottom: 0.625rem;
}
span.icon {
background-size: 11px 11px;
height: 11px;
width: 11px;
}
span.icon.plus,
span.icon.minus {
background-size: 11px 11px;
background-position: 4px 2px;
}
a.button {
display: inline-block;
}
button,
.button {
font-size: 1rem;
padding: 0.375rem 0.75rem;
height: auto;
line-height: inherit;
}
button span.icon,
.button span.icon {
font-size: 1rem !important;
background-size: 13px 13px;
height: 13px;
width: 13px;
}
button span.icon.plus,
.button span.icon.plus,
button span.icon.minus,
.button span.icon.minus {
background-size: 12px 12px;
background-position: 0px 1px;
}
a.add,
a.remove {
background-size: 20px;
width: 2rem;
height: 2rem;
}
div.textimage div.items figure a span.detail {
display: block !important;
}
div.fullwidthimage figure figcaption > span,
div.fullwidthimage figure figcaption > div,
div.textimage figure figcaption > span,
div.textimage figure figcaption > div {
font-size: 0.875rem;
line-height: 1.15;
font-weight: normal;
}
div.text-box {
padding: 1.5rem 1.5rem 0.25rem 1.5rem;
margin-bottom: 1.5rem;
}
aside div.text-box {
padding: 1.5rem 0.75rem 0;
}
div.rawhtml ul,
div.textimage ul {
padding-bottom: 1.25rem;
}
div.rawhtml ul li,
div.textimage ul li {
margin-top: 0.625rem;
}
a:hover {
border-bottom: none !important;
}
span.icons:before {
top: 0;
}
blockquote {
line-height: 1.3 !important;
font-size: 1.8125rem;
}
blockquote cite {
font-size: 0.9375rem;
}
blockquote sub,
blockquote sup,
blockquote small {
line-height: 1.3 !important;
font-size: 1.8125rem;
}
p.disclaimer {
font-size: 0.875rem;
}
ul.horizontalListWithPipe .noVerticalBar:after {
display: none;
}
}
@media screen and (max-width: 767px) {
h1 {
font-size: 1.625rem;
}
h2 {
font-size: 1.25rem;
}
aside div.textimage ul li {
font-size: 1rem;
}
div.academicCalendar {
padding-top: 0.3125rem;
}
}
/* all scrollarea elements */
.scrollarea,
.srollarea * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
/* scrollarea with scrollcase */
.scrollarea.scrollbar {
padding-top: 0;
padding-bottom: 0;
}
/* scrollarea-main */
.scrollarea .scrollarea-main {
overflow: hidden;
margin: 0;
padding: 0;
}
/* scroll-window*/
.scrollarea .scrollarea-scroll-window {
display: block;
overflow-x: auto;
overflow-y: hidden;
margin: 0;
padding: 0;
}
/* scroll-content*/
.scrollarea .scrollarea-content {
display: inline-block;
float: left;
margin: 0;
min-width: 100%;
}
.scrollarea:after,
.scrollarea .scrollarea-main:after,
.scrollarea .scrollarea-scroll-window:after,
.scrollarea .scrollarea-content:after {
content: "";
display: table;
clear: both;
}
/* shadows */
.scrollarea .scroll-shadow {
display: none;
position: absolute;
z-index: 100;
}
.scrollarea.scrollbar .scroll-shadow {
display: block;
}
.scrollarea.scrollbar .scroll-shadow-left,
.scrollarea.scrollbar .scroll-shadow-right {
display: block;
opacity: 0.3;
width: 1.5rem;
transition: width 0.15s;
-moz-transition: width 0.15s;
-webkit-transition: width 0.15s;
}
.scrollarea.scrollbar .scroll-shadow-left {
background: transparent;
background: -webkit-linear-gradient(left, #666666, transparent);
background: -o-linear-gradient(right, #666666, transparent);
background: -moz-linear-gradient(right, #666666, transparent);
background: linear-gradient(to right, #666666, transparent);
}
.scrollarea.scrollbar .scroll-shadow-right {
background: transparent;
background: -webkit-linear-gradient(left, transparent, #666666);
background: -o-linear-gradient(right, transparent, #666666);
background: -moz-linear-gradient(right, transparent, #666666);
background: linear-gradient(to right, transparent, #666666);
display: block;
}
.scrollarea.scrollbar.scroll-min .scroll-shadow-left {
width: 0;
}
.scrollarea.scrollbar.scroll-min .scroll-shadow-right {
width: 1.5rem;
}
.scrollarea.scrollbar.scroll-max .scroll-shadow-left {
width: 1.5rem;
}
.scrollarea.scrollbar.scroll-max .scroll-shadow-right {
width: 0;
}
/* fixed caption */
.scrollarea .fixed-caption {
display: none;
}
.scrollarea.scrollbar .fixed-caption {
display: block;
padding-top: 0.625rem;
padding-bottom: 0.625rem;
font-size: 1.3rem;
}
.scrollarea.scrollbar.fixed-caption-enabled .fixed-caption.hidden {
position: absolute;
top: -624.9375rem;
left: -624.9375rem;
}
/* swipe-hand icon */
.scrollarea .swipe-hand {
display: none;
}
.scrollarea.scrollbar .swipe-hand {
display: block;
width: 100%;
height: 1.625rem;
margin-bottom: 0.375rem;
}
.scrollarea.scrollbar .swipe-hand:before {
content: '';
display: block;
margin-left: auto;
margin-right: auto;
width: 4.5rem;
height: 1.625rem;
background-image: url(img/icons/svg/icon-swipe-hand.svg);
background-repeat: no-repeat;
background-position: 50% 50%;
}
/* custom scrollbar */
.scrollarea .custom-scrollbar {
display: none;
}
.scrollarea.custom-scrollbar-enabled .custom-scrollbar {
display: block;
height: 1rem;
background-color: #ffffff;
margin: 0;
}
.scrollarea.custom-scrollbar-enabled .custom-scrollbar-bar,
.scrollarea.custom-scrollbar-enabled .custom-scrollbar-bar-inner,
.scrollarea.custom-scrollbar-enabled .custom-scrollbar-slider,
.scrollarea.custom-scrollbar-enabled .custom-scrollbar-slider-inner {
position: relative;
display: block;
}
.scrollarea.custom-scrollbar-enabled .custom-scrollbar-bar {
position: relative;
height: 1rem;
}
.scrollarea.custom-scrollbar-enabled .custom-scrollbar-bar-inner {
position: absolute;
height: 0.375rem;
width: 100%;
background-color: #F1F1F1;
margin: 0.3125rem 0;
}
.scrollarea.custom-scrollbar-enabled .custom-scrollbar-slider {
/*top: 0 !important;*/
height: 1rem;
background-color: #FFFFFF;
padding: 0.3125rem 0;
}
.scrollarea.custom-scrollbar-enabled .custom-scrollbar-slider-inner {
position: relative;
height: 0.375rem;
background-color: #1D5F9F;
width: 100%;
}
.polycourse .result {
box-sizing: border-box;
}
.polycourse .scrollarea,
.polycourse .scrollarea.scrollbar {
margin-right: -1px;
margin-left: -1px;
}
@media screen and (min-width: 1025px) {
.scrollarea.scrollbar .scroll-shadow-left,
.scrollarea.scrollbar .scroll-shadow-right {
display: none;
}
}
@media screen and (max-width: 1024px) {
body.search .table-matrix .scrollarea.scrollbar {
margin-bottom: 0;
}
.polycourse .scrollarea.scrollbar {
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
margin-bottom: 0;
}
}
@media screen and (max-width: 767px) {
.scrollarea.scrollbar .scrollarea-main {
margin-left: -1.5rem;
margin-right: -1.5rem;
}
.scrollarea.scrollbar .scrollarea-content {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.polycourse .scrollarea.scrollbar .scrollarea-main {
margin-left: 0;
margin-right: 0;
}
.polycourse .scrollarea.scrollbar .scrollarea-content {
padding-left: 0;
padding-right: 0;
}
}
.table-matrix {
margin-top: 0.625rem;
}
.table-matrix.first-element {
padding-top: 0.375rem;
}
.table-matrix.spacing-top {
margin-top: 1.25rem;
}
.table-matrix.no-spacing-top {
margin-top: 0;
}
.table-matrix table {
background-color: #ffffff;
border-collapse: collapse;
margin-bottom: 1.125rem;
table-layout: fixed;
width: 100%;
font-size: 0.75rem;
line-height: 1.5;
}
.table-matrix table .right-align {
text-align: right;
}
.table-matrix table caption {
color: #003c69;
font-weight: bold;
padding-bottom: 0.625rem;
}
.table-matrix table colgroup col.fourth {
width: 25%;
}
.table-matrix table colgroup col.fifth {
width: 20%;
}
.table-matrix table tr:first-child {
border-top: 1px solid #c9cfd2;
}
.table-matrix table tr:first-child th {
border-bottom: 1px solid #c9cfd2;
border-top: none;
}
.table-matrix table tr:last-child th {
border-bottom: 1px solid #c9cfd2;
}
.table-matrix table tr.last-child th {
border-bottom: 1px solid #c9cfd2;
}
.table-matrix table thead tr:last-child th {
border-bottom: none;
}
.table-matrix table thead tr.last-child th {
border-bottom: none;
}
.table-matrix table tr {
height: 100%;
}
.table-matrix table tr th {
font-weight: bold;
padding: 0.3125rem 0.625rem;
background-color: #D3D9DB;
color: #333333;
border-top: 1px solid #c9cfd2;
}
.table-matrix table tr th span.icon {
font-size: 0.75rem ! important;
padding: 0 0 0 1.0625rem;
background: url('img/icons/svg/caret-up-green.svg') no-repeat scroll 0px 3px transparent;
}
.table-matrix table tr th span.icon.down {
padding: 0 0 0 0.75rem;
background: url('img/icons/svg/caret-down-green.svg') no-repeat scroll 0px 3px transparent;
}
.table-matrix table tr th span.icon.invisible {
visibility: hidden;
}
.table-matrix table tr th.detail {
padding-right: 0.3125rem;
}
.table-matrix table tr td {
padding: 0.3125rem 0.625rem;
border-bottom: 1px solid #c9cfd2;
}
.table-matrix table tr td.detail {
padding-right: 0.3125rem;
}
.table-matrix table tr td.person {
border-bottom-width: 0;
}
.table-matrix table tr td.person.last {
border-bottom: 1px solid #c9cfd2;
}
.table-matrix table tr.hidden {
display: none;
}
.table-matrix table tr.hidden td {
border: 0 ! important;
}
.table-matrix table tr.description {
background-color: #F3F5F5;
}
.table-matrix table tr.description td {
border-top: 1px solid #c9cfd2;
}
.table-matrix table tr.trSubheader {
background-color: #ffffff;
color: #003c69;
}
.table-matrix table tr.trSubheader td {
font-weight: bold;
border-top: 1px solid #c9cfd2;
}
.table-matrix table tr.trSubheader:first-child td {
border-top: none;
}
.table-matrix table tr a.more:hover {
cursor: pointer;
}
.table-matrix table tr.trSubtext {
border-bottom: 1px solid #c9cfd2;
}
.table-matrix table tr p,
.table-matrix table tr ul,
.table-matrix table tr ol {
margin-bottom: 0;
padding-bottom: 0;
}
.table-matrix table.expandableTable tr th {
border-bottom: 1px solid #c9cfd2;
}
.table-matrix table.expandableTable tr.last-child th,
.table-matrix table.expandableTable tr:last-child th,
.table-matrix table.expandableTable tr.last-child td,
.table-matrix table.expandableTable tr:last-child td {
border-bottom: 0;
}
.table-matrix table.expandableTable tr.expandableTableEnd th,
.table-matrix table.expandableTable tr.expandableTableEnd td {
padding: 0;
line-height: 0;
border-top: 1px solid #c9cfd2;
border-bottom: 0;
}
.table-matrix table.university-calender {
margin-bottom: 0.9375rem;
}
.table-matrix table.university-calender colgroup col.col1 {
width: 6.25rem;
}
.table-matrix table.university-calender colgroup col.col2 {
width: 15rem;
}
.table-matrix table.personlist {
margin-bottom: 0;
}
.table-matrix table.personlist thead > tr > th:nth-child(1) {
width: 33%;
}
.table-matrix table.personlist thead > tr > th:nth-child(2) {
width: 12%;
}
.table-matrix table.personlist thead > tr > th:nth-child(3) {
width: 20%;
}
.table-matrix table.personlist thead > tr > th:nth-child(4) {
width: 35%;
padding-right: 0.625rem;
}
.table-matrix table.academicSemesterDate colgroup col.col1 {
width: 11.5625;
}
.table-matrix table.academic tr td.label {
background-color: #F3F5F6;
}
.table-matrix table.academicSemesterData {
margin-bottom: 1.875rem;
}
.table-matrix table.academicSemesterData colgroup col.col1 {
width: 11.5625rem;
}
.table-matrix table.academicSemesterData colgroup col.col2 {
width: 10rem;
}
.table-matrix table.academicSemesterData tr.description {
border-top: 1px solid #c9cfd2;
background-color: #E6F2D2;
}
.table-matrix table.spinoff colgroup col.col1 {
width: 14.375rem;
}
.table-matrix table.spinoff colgroup col.col2 {
width: 11.5625rem;
}
.table-matrix table.spinoff colgroup col.col3 {
width: 8.125rem;
}
.table-matrix table.spinoff a {
line-height: initial;
}
.table-matrix table.polycourse colgroup col.col1 {
width: 11.875rem;
}
.table-matrix table.polycourse colgroup col.col2 {
width: 8.125rem;
}
.table-matrix table.polycourse colgroup col.col3 {
width: 8.125rem;
}
.table-matrix table.full-width {
width: 40.8125rem;
}
.table-matrix table a {
line-height: 1.5;
}
.table-matrix table.noHeader tr:first-child th,
.table-matrix table.noHeader tr:first-child td {
border-top: 1px solid #c9cfd2;
}
.table-matrix table.noHeader tr:first-child th {
border-bottom: 1px solid #c9cfd2;
}
.table-matrix table.tablesorter thead th.header {
background-image: url('img/sort_no.gif');
cursor: pointer;
background-repeat: no-repeat;
background-position: 100% 50%;
padding: 0.3125rem 1.3125rem 0.3125rem 0.625rem;
}
.table-matrix table.tablesorter thead th.headerSortUp {
background-image: url('img/sort_asc.gif');
}
.table-matrix table.tablesorter thead th.headerSortDown {
background-image: url('img/sort_desc.gif');
}
.table-matrix.full-width {
width: 40.8125rem;
}
.polycourse .table-matrix table tr th:nth-child(1),
.polycourse .table-matrix table tr th:nth-child(2),
.polycourse .table-matrix table tr th:nth-child(3) {
white-space: nowrap;
}
.table-matrix table.personlist {
min-width: 643px;
}
.personlist .table-matrix.first-element {
padding-top: 0;
margin-top: 0;
}
.personlist .anchor {
clear: both;
padding-top: 0.3rem;
}
@media screen and (min-width: 1280px) {
.table-matrix table {
table-layout: auto;
}
.table-matrix table.academic.academicSemesterData.noHeader tr.trSubtext td:first-child {
width: 85%;
}
div.academicCalendar div.accordionContent tr.trSubtext td:first-child {
width: 75%;
}
.table-matrix table.academic.academicSemesterData.noHeader tr.trSubtext td.right-align.detail,
div.academicCalendar div.accordionContent tr.trSubtext td.right-align.detail {
width: 25%;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.vvzlist table.university-calender thead tr th:nth-child(1) {
width: 20% !important;
}
.vvzlist table.university-calender thead tr th:nth-child(2) {
width: 50% !important;
}
.vvzlist table.university-calender thead tr th:nth-child(3) {
width: 30% !important;
}
}
@media screen and (min-width: 768px) {
#mobile-job-sorter,
th.flipHeader {
display: none !important;
}
}
@media screen and (max-width: 1024px) {
.table-matrix table.personlist {
min-width: 750px;
}
.table-matrix table tr td.person.last {
border-bottom: none;
}
body.calendareventdetail .eventDetail .event .table-matrix table tr.trSubtext {
border-bottom: none;
}
.table-matrix table colgroup {
display: none;
}
#spinOffTable,
.widepage .basecomponent.table .table-matrix table {
min-width: 643px;
}
.menuDisplay .table-matrix table,
.content .basecomponent.table .table-matrix table {
min-width: 471px;
}
.accordionContent .table-matrix table.academicSemesterData.expandableTable {
table-layout: fixed !important;
}
.accordionContent .table-matrix table.academicSemesterData.expandableTable .description span {
font-size: 0.875rem !important;
}
body.search .table-matrix table tr:first-child {
border-top: none;
}
table *,
table tr td,
table tr td p,
table tr td ul li,
table tr td ol li,
table tr td a,
.table-matrix table,
td,
tr,
th,
thead,
tfoot,
colgroup {
font-size: 0.875rem !important;
}
.polycourse .table-matrix .scrollarea-content {
min-width: 38rem;
}
}
@media screen and (max-width: 767px) {
body.calendareventdetail .feedDetail .eventDetail .event .table-matrix table.noHeader tr.trSubtext {
border-top: none;
}
body.calendareventdetail .feedDetail .eventDetail .event .table-matrix table.noHeader tr td {
border-bottom: none;
}
body.calendareventdetail .feedDetail .eventDetail .event .table-matrix table.noHeader tr th,
body.calendareventdetail .feedDetail .eventDetail .event .table-matrix table.noHeader tr td {
display: block;
border-top: none;
border-bottom: none;
}
.academicSemesterData tbody {
display: block;
float: left;
width: 100%;
}
.academicSemesterData tr {
display: block;
float: left;
width: 100%;
}
.academicSemesterData .trSubtext {
border: none !important;
border-top: none !important;
}
.academicSemesterData .trSubtext th,
.academicSemesterData .trSubtext td {
border: none !important;
}
.academicSemesterData .trSubtext th,
.academicSemesterData .trSubtext td {
box-sizing: border-box;
display: block;
float: left;
width: 100%;
clear: both;
}
.academicSemesterData tr td:empty {
display: none;
}
.accordionContent .table-matrix table.academicSemesterData.expandableTable {
table-layout: auto !important;
}
div.academicCalendar div.accordionContent tr.trSubtext td:first-child {
width: 100%;
}
div.academicCalendar div.accordionContent tr.trSubtext td.right-align.detail {
float: right;
}
.table-matrix table.expandableTable tr.expandableTableEnd th,
.table-matrix table.expandableTable tr.expandableTableEnd td,
div.academicCalendar div.accordionContent .table-matrix table tr.description td,
div.academicCalendar div.accordionContent .table-matrix table.academicSemesterData tr.description,
div.academicCalendar div.accordionContent tr.trSubtext th,
div.academicCalendar div.accordionContent tr.trSubtext td {
border: none !important;
border-top: none !important;
border-bottom: none !important;
}
.table-matrix table.jobs thead,
.table-matrix table.university-calender thead {
display: none !important;
}
.table-matrix table.jobs tr th.flipHeader,
.table-matrix table.university-calender tr.trSubtext th.flipHeader {
box-sizing: border-box;
display: block;
font-weight: bold;
background-color: transparent;
border: none;
float: left;
padding-left: 0;
width: 30% !important;
}
.table-matrix table.jobs tr td,
.table-matrix table.university-calender tr.trSubtext td {
box-sizing: border-box;
display: block;
width: 70% !important;
float: left;
}
.table-matrix table.jobs tr td,
.table-matrix table.university-calender tr td {
padding-left: 0;
padding-right: 0;
border-bottom: none;
}
.table-matrix table.jobs tr,
.table-matrix table.university-calender tr {
border-bottom: 1px solid #C9CFD2;
}
}
textarea,
.form-select select,
input[type="text"],
input[type="number"],
input[type="search"],
input[type="password"],
input[type="date"],
input[type="time"],
input[type="button"],
input[type="file"],
input[type="submit"],
input[type="reset"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
border-radius: 0;
}
.search-form h2 {
font-size: 0.875rem;
padding: 0.9375rem 0 0.3125rem 0;
}
#searchinput::-ms-clear {
display: none;
}
.box select {
opacity: 0;
filter: alpha(opacity:0);
height: 1.5rem;
display: block;
width: calc(100% + 2px);
margin-top: -1.5rem;
margin-left: -1px;
margin-right: -1px;
}
aside .box select option {
border-right: none;
}
.searchMain {
width: 100%;
margin-bottom: 1.25rem;
margin-top: 1.875rem;
}
.searchMain form {
width: 100%;
height: 1.5625rem;
border: 1px solid #c9cfd2;
}
.searchMain form .searchinput {
border: none;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 38.5rem;
height: 1.5625rem;
padding: 0 0.4375rem;
font-size: 0.8125rem;
float: left;
}
.searchMain form .searchsubmit {
background-color: transparent;
float: right;
padding: 0.3125rem;
width: 0.9375rem;
height: 0.9375rem;
}
.smallForm {
padding: 0 0 1.875rem 0;
width: 37.9375rem;
}
.smallForm form fieldset .formFooter {
clear: both;
display: block;
padding-top: 1.25rem;
}
.smallForm form fieldset .formFooter p {
font-size: 0.75rem;
color: #000000;
padding: 0.4375rem;
}
.smallForm form fieldset .end .formFooter {
padding-top: 0;
height: 1.5rem;
}
.fullForm {
width: 53.3125rem;
padding: 0 0 1.875rem 0;
}
h1 + .fullForm {
margin-top: 1.5rem;
}
div.result {
border: 1px solid #c9cfd2;
border-bottom: 0;
border-top: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
div.result.table-matrix {
margin-top: 0 ! important;
padding-top: 0.9375rem;
}
div.result table.result {
font-size: 0.875rem;
line-height: 1.4285714286;
table-layout: fixed;
width: 100%;
border-collapse: collapse;
margin-top: 0;
margin-bottom: 0 ! important;
background-color: white;
}
div.result table.result thead tr th {
font-weight: bold;
background-color: #eaecee;
}
div.result table.result tbody tr td {
border-bottom: none;
}
div.result table.result tbody tr td.right {
text-align: right;
}
div.result table.result tbody tr td.hidden {
display: none;
}
div.result table.result tbody tr td.map {
padding: 0 ! important;
}
div.result table.result tbody tr td.map figure img {
width: 100%;
}
div.result table.result tbody tr td.map figure figcaption {
padding: 1.5625rem 0.625rem 0.625rem 0.625rem;
}
div.result table.result tbody tr.noBorder td {
border-bottom: none ! important;
}
div.result table.result colgroup col.tenth {
width: 10%;
}
div.result table.result colgroup col.eighth {
width: 12.5%;
}
div.result table.result colgroup col.sixth {
width: 16%;
}
div.result table.result colgroup col.fifth {
width: 20%;
}
div.result table.result colgroup col.fourth {
width: 25%;
}
div.result table.result colgroup col.third {
width: 33%;
}
div.result table.result colgroup col.half {
width: 50%;
}
.contactForm h5,
.loginForm h5 {
padding: 0.9375rem 0 0.3125rem 0;
}
.contactForm p,
.loginForm p {
font-size: 0.75rem;
line-height: 1.5;
padding-bottom: 0;
}
.contactForm .formFooter,
.loginForm .formFooter {
float: left;
padding-top: 0.625rem;
padding-left: 0.125rem;
width: 100%;
}
.contactForm .formFooter input,
.loginForm .formFooter input {
float: left;
}
.contactForm .formFooter .contactFooter,
.loginForm .formFooter .contactFooter {
font-size: 0.75rem;
padding-bottom: 0;
vertical-align: middle;
float: left;
margin-left: 0.4375rem;
line-height: 1.3333333333;
color: #000000;
width: 90%;
}
.contentMain .loginForm form fieldset.search-form,
#contentContainer #contentMain .loginForm form fieldset.search-form {
padding-bottom: 1.25rem;
}
.contentMain .loginForm form fieldset.search-form .end.textOnly .grouping-box.footer .box.full,
#contentContainer #contentMain .loginForm form fieldset.search-form .end.textOnly .grouping-box.footer .box.full {
padding-top: 0.75rem;
}
.contentMain .loginForm .formAddonLink .grouping-box .box.full,
#contentContainer #contentMain .loginForm .formAddonLink .grouping-box .box.full {
padding-top: 0.9375rem;
}
form + .formAddonLink {
border-top: none ! important;
padding-bottom: 0.75rem ! important;
}
.formAddonLink {
margin-top: 0;
overflow: auto;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.formAddonLink .refNote span {
font-size: 0.75rem;
padding-top: 0.625rem;
}
.formAddonLink ul.linklist {
margin-top: -0.25rem;
padding-bottom: 0.5rem;
}
.formAddonLink ul.linklist a {
line-height: 1.6666666667;
}
.formAddonLink,
form .search-form,
.comment-form {
background-color: #F3F5F6;
padding: 0 0.4375rem 0.5rem 0.4375rem;
color: #6a7277;
border: 1px solid #c9cfd2;
}
.formAddonLink.result,
form .search-form.result,
.comment-form.result {
border-bottom: 0;
}
.formAddonLink ul,
form .search-form ul,
.comment-form ul,
.formAddonLink ol,
form .search-form ol,
.comment-form ol {
color: black;
margin-top: 0;
padding: 0 0 0 0.3125rem;
}
.formAddonLink .dropdown .grouping-box .box label span,
form .search-form .dropdown .grouping-box .box label span,
.comment-form .dropdown .grouping-box .box label span,
.formAddonLink .radio .grouping-box .box label span,
form .search-form .radio .grouping-box .box label span,
.comment-form .radio .grouping-box .box label span {
font-weight: inherit;
}
.formAddonLink a span.icon,
form .search-form a span.icon,
.comment-form a span.icon {
border-bottom: 1px solid #F3F5F6;
}
.formAddonLink label,
form .search-form label,
.comment-form label,
.formAddonLink .checkbox label.inside,
form .search-form .checkbox label.inside,
.comment-form .checkbox label.inside,
.formAddonLink .radio label.inside,
form .search-form .radio label.inside,
.comment-form .radio label.inside {
clear: left;
}
.formAddonLink .checkbox label,
form .search-form .checkbox label,
.comment-form .checkbox label,
.formAddonLink .radio label,
form .search-form .radio label,
.comment-form .radio label,
.formAddonLink label.inside,
form .search-form label.inside,
.comment-form label.inside {
clear: none;
}
.formAddonLink .grouping-box .box label.inside,
form .search-form .grouping-box .box label.inside,
.comment-form .grouping-box .box label.inside {
font-weight: normal;
}
.formAddonLink .dropdown .grouping-box .box label.inside,
form .search-form .dropdown .grouping-box .box label.inside,
.comment-form .dropdown .grouping-box .box label.inside {
padding-top: 0.375rem;
}
.formAddonLink .fullwidthimage,
form .search-form .fullwidthimage,
.comment-form .fullwidthimage {
margin-bottom: 0;
}
.formAddonLink figure.fullwidthimage,
form .search-form figure.fullwidthimage,
.comment-form figure.fullwidthimage {
margin-bottom: 0;
margin-top: 0;
padding-top: 0.6875rem;
}
.formAddonLink .fullwidthimage div.fullwidthimage,
form .search-form .fullwidthimage div.fullwidthimage,
.comment-form .fullwidthimage div.fullwidthimage {
margin-bottom: 0;
padding-left: 0.4375rem;
padding-right: 0.4375rem;
}
.formAddonLink figure.fullwidthimage figcaption,
form .search-form figure.fullwidthimage figcaption,
.comment-form figure.fullwidthimage figcaption {
background-color: transparent;
}
.formAddonLink .textimage p,
form .search-form .textimage p,
.comment-form .textimage p,
.formAddonLink .textimage h2,
form .search-form .textimage h2,
.comment-form .textimage h2,
.formAddonLink .textimage h3,
form .search-form .textimage h3,
.comment-form .textimage h3,
.formAddonLink .textimage h4,
form .search-form .textimage h4,
.comment-form .textimage h4 {
padding-left: 0.4375rem;
padding-right: 0.4375rem;
}
.formAddonLink .textimage p,
form .search-form .textimage p,
.comment-form .textimage p {
padding-bottom: 0.5rem;
padding-top: 0.6875rem;
}
.formAddonLink div.formHeader,
form .search-form div.formHeader,
.comment-form div.formHeader {
padding: 0 0.4375rem;
}
.formAddonLink div.formHeader h1,
form .search-form div.formHeader h1,
.comment-form div.formHeader h1 {
padding-top: 0.875rem;
}
.formAddonLink div.formHeader h2,
form .search-form div.formHeader h2,
.comment-form div.formHeader h2 {
padding-top: 1rem;
}
.formAddonLink div.formHeader h3,
form .search-form div.formHeader h3,
.comment-form div.formHeader h3 {
padding-top: 0.9375rem;
}
.formAddonLink div.formHeader h3 + p,
form .search-form div.formHeader h3 + p,
.comment-form div.formHeader h3 + p {
padding-top: 0.3125rem;
}
.formAddonLink div.formHeader p,
form .search-form div.formHeader p,
.comment-form div.formHeader p {
padding-bottom: 0;
}
.formAddonLink div.formAddonLink,
form .search-form div.formAddonLink,
.comment-form div.formAddonLink {
margin-top: 0.3125rem;
border-top: 1px solid #c9cfd2;
border-bottom: none;
border-left: none;
border-right: none;
padding-top: 0;
padding-bottom: 0;
}
.formAddonLink div.formAddonLink div.grouping-box div.box,
form .search-form div.formAddonLink div.grouping-box div.box,
.comment-form div.formAddonLink div.grouping-box div.box {
padding-left: 0;
}
.formAddonLink div.formAddonLink div.grouping-box div.box label,
form .search-form div.formAddonLink div.grouping-box div.box label,
.comment-form div.formAddonLink div.grouping-box div.box label {
padding-bottom: 0;
}
.formAddonLink div.grouping-box,
form .search-form div.grouping-box,
.comment-form div.grouping-box {
clear: left;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.formAddonLink div.grouping-box div.box:first-child,
form .search-form div.grouping-box div.box:first-child,
.comment-form div.grouping-box div.box:first-child {
float: left;
}
.formAddonLink div.grouping-box div.box,
form .search-form div.grouping-box div.box,
.comment-form div.grouping-box div.box {
float: left;
padding: 0.6875rem 0.4375rem 0 0.4375rem;
}
.formAddonLink div.grouping-box div.box.formButton,
form .search-form div.grouping-box div.box.formButton,
.comment-form div.grouping-box div.box.formButton {
padding-top: 1.25rem;
}
.formAddonLink div.grouping-box div.box span,
form .search-form div.grouping-box div.box span,
.comment-form div.grouping-box div.box span,
.formAddonLink div.grouping-box div.box label,
form .search-form div.grouping-box div.box label,
.comment-form div.grouping-box div.box label {
font-size: 0.875rem;
}
.formAddonLink div.grouping-box div.box span.hidden,
form .search-form div.grouping-box div.box span.hidden,
.comment-form div.grouping-box div.box span.hidden,
.formAddonLink div.grouping-box div.box label.hidden,
form .search-form div.grouping-box div.box label.hidden,
.comment-form div.grouping-box div.box label.hidden {
display: none;
}
.formAddonLink div.grouping-box div.box span.label,
form .search-form div.grouping-box div.box span.label,
.comment-form div.grouping-box div.box span.label,
.formAddonLink div.grouping-box div.box label,
form .search-form div.grouping-box div.box label,
.comment-form div.grouping-box div.box label {
line-height: 1.25rem;
width: 100%;
padding: 0 0 0.3125rem 0;
color: #6a7277;
font-weight: bold;
display: block;
}
.formAddonLink div.grouping-box div.box span.label.searchbox,
form .search-form div.grouping-box div.box span.label.searchbox,
.comment-form div.grouping-box div.box span.label.searchbox,
.formAddonLink div.grouping-box div.box label.searchbox,
form .search-form div.grouping-box div.box label.searchbox,
.comment-form div.grouping-box div.box label.searchbox {
color: #000000;
margin-left: 1.5rem;
}
.formAddonLink div.grouping-box div.box span.label.sideLabel,
form .search-form div.grouping-box div.box span.label.sideLabel,
.comment-form div.grouping-box div.box span.label.sideLabel,
.formAddonLink div.grouping-box div.box label.sideLabel,
form .search-form div.grouping-box div.box label.sideLabel,
.comment-form div.grouping-box div.box label.sideLabel {
padding-bottom: 0.3125rem;
}
.formAddonLink div.grouping-box div.box label span,
form .search-form div.grouping-box div.box label span,
.comment-form div.grouping-box div.box label span {
font-weight: 400;
}
.formAddonLink div.grouping-box div.box div.dropdown label span,
form .search-form div.grouping-box div.box div.dropdown label span,
.comment-form div.grouping-box div.box div.dropdown label span,
.formAddonLink div.grouping-box div.box div.radio label span,
form .search-form div.grouping-box div.box div.radio label span,
.comment-form div.grouping-box div.box div.radio label span {
font-weight: inherit;
}
.formAddonLink div.grouping-box div.box span.validation_false,
form .search-form div.grouping-box div.box span.validation_false,
.comment-form div.grouping-box div.box span.validation_false {
font-weight: bold;
color: #E61212;
}
.formAddonLink div.grouping-box div.box input,
form .search-form div.grouping-box div.box input,
.comment-form div.grouping-box div.box input {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.formAddonLink div.grouping-box div.box input.placeholder,
form .search-form div.grouping-box div.box input.placeholder,
.comment-form div.grouping-box div.box input.placeholder {
color: #AAAAAA;
}
.formAddonLink div.grouping-box div.box div.validation_info,
form .search-form div.grouping-box div.box div.validation_info,
.comment-form div.grouping-box div.box div.validation_info {
text-indent: 0.5rem;
min-height: 1.75rem;
width: 100%;
font-weight: bold;
color: #E61212;
margin-bottom: 0.5rem;
line-height: 2;
font-size: 0.875rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.formAddonLink div.grouping-box div.box input.validation_true,
form .search-form div.grouping-box div.box input.validation_true,
.comment-form div.grouping-box div.box input.validation_true {
background: url('img/eth_website_form_elements_validation_true.png') no-repeat scroll #ffffff;
background-position: right;
}
.formAddonLink div.grouping-box div.box input.validation_false,
form .search-form div.grouping-box div.box input.validation_false,
.comment-form div.grouping-box div.box input.validation_false,
.formAddonLink div.grouping-box div.box div.validation_false,
form .search-form div.grouping-box div.box div.validation_false,
.comment-form div.grouping-box div.box div.validation_false {
background: url('img/eth_website_form_elements_validation_false.png') no-repeat scroll #ffffff;
background-position: right;
border: 1px solid #E61212 ! important;
}
.formAddonLink div.grouping-box div.box input[type="checkbox"],
form .search-form div.grouping-box div.box input[type="checkbox"],
.comment-form div.grouping-box div.box input[type="checkbox"],
.formAddonLink div.grouping-box div.box input[type="radio"],
form .search-form div.grouping-box div.box input[type="radio"],
.comment-form div.grouping-box div.box input[type="radio"] {
margin: 0.1875rem 0.4375rem 0.1875rem 0;
padding: 0;
height: 0.8125rem ! important;
width: 0.75rem ! important;
float: left;
border: 0 ! important;
}
.formAddonLink div.grouping-box div.box input[type="checkbox"] + label,
form .search-form div.grouping-box div.box input[type="checkbox"] + label,
.comment-form div.grouping-box div.box input[type="checkbox"] + label,
.formAddonLink div.grouping-box div.box input[type="radio"] + label,
form .search-form div.grouping-box div.box input[type="radio"] + label,
.comment-form div.grouping-box div.box input[type="radio"] + label {
font-weight: normal;
width: auto;
padding-right: 0.9375rem;
float: left;
line-height: 1.6666666667;
}
.formAddonLink div.grouping-box div.box input[type="checkbox"] + label.full,
form .search-form div.grouping-box div.box input[type="checkbox"] + label.full,
.comment-form div.grouping-box div.box input[type="checkbox"] + label.full,
.formAddonLink div.grouping-box div.box input[type="radio"] + label.full,
form .search-form div.grouping-box div.box input[type="radio"] + label.full,
.comment-form div.grouping-box div.box input[type="radio"] + label.full {
padding-top: 0;
float: none;
}
.formAddonLink div.grouping-box div.box input[type="file"],
form .search-form div.grouping-box div.box input[type="file"],
.comment-form div.grouping-box div.box input[type="file"] {
width: 100%;
line-height: 1;
}
.formAddonLink div.grouping-box div.box input[type="password"],
form .search-form div.grouping-box div.box input[type="password"],
.comment-form div.grouping-box div.box input[type="password"],
.formAddonLink div.grouping-box div.box input[type="text"],
form .search-form div.grouping-box div.box input[type="text"],
.comment-form div.grouping-box div.box input[type="text"],
.formAddonLink div.grouping-box div.box input[type="time"],
form .search-form div.grouping-box div.box input[type="time"],
.comment-form div.grouping-box div.box input[type="time"] {
padding-left: 0.5rem;
height: 1.75rem;
width: 100%;
border: 1px solid #c9cfd2;
box-shadow: inset 0 0 0.3125rem #eaecee;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.formAddonLink div.grouping-box div.box input[type="time"],
form .search-form div.grouping-box div.box input[type="time"],
.comment-form div.grouping-box div.box input[type="time"] {
font-family: Arial, Helvetica, sans-serif;
width: 4.5rem;
}
.formAddonLink div.grouping-box div.box input[type="time"]::-webkit-inner-spin-button,
form .search-form div.grouping-box div.box input[type="time"]::-webkit-inner-spin-button,
.comment-form div.grouping-box div.box input[type="time"]::-webkit-inner-spin-button {
height: 1.375rem;
}
.formAddonLink div.grouping-box div.box input:focus,
form .search-form div.grouping-box div.box input:focus,
.comment-form div.grouping-box div.box input:focus,
.formAddonLink div.grouping-box div.box select:focus,
form .search-form div.grouping-box div.box select:focus,
.comment-form div.grouping-box div.box select:focus {
border: 1px solid #BAD98A;
outline: none ! important;
}
.formAddonLink div.grouping-box div.box textarea,
form .search-form div.grouping-box div.box textarea,
.comment-form div.grouping-box div.box textarea {
border: 1px solid #c9cfd2;
resize: vertical;
padding: 0.4375rem 0.4375rem 0.5rem 0.4375rem;
font-size: 0.875rem;
width: 100%;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.formAddonLink div.grouping-box div.box textarea:focus,
form .search-form div.grouping-box div.box textarea:focus,
.comment-form div.grouping-box div.box textarea:focus {
border: 1px solid #BAD98A;
outline: none ! important;
}
.formAddonLink div.grouping-box div.box .form-select,
form .search-form div.grouping-box div.box .form-select,
.comment-form div.grouping-box div.box .form-select {
box-sizing: border-box;
border: 1px solid #D3D9DB;
background: #EAECEE;
background-size: 110%;
background-position: 50% 50%;
}
.formAddonLink div.grouping-box div.box .form-select div,
form .search-form div.grouping-box div.box .form-select div,
.comment-form div.grouping-box div.box .form-select div {
box-sizing: border-box;
background-image: url(img/icons/svg/dropdown-caret.svg);
background-repeat: no-repeat;
background-position: top 50% right 5px;
background-size: 24px 24px;
padding-right: 1.5625rem ! important;
overflow: hidden;
}
.formAddonLink div.grouping-box div.box .customfile-input,
form .search-form div.grouping-box div.box .customfile-input,
.comment-form div.grouping-box div.box .customfile-input {
position: absolute;
cursor: pointer;
background: transparent;
border: 0;
opacity: 0;
top: 0;
left: 0;
-moz-opacity: 0;
z-index: 999;
}
.formAddonLink div.grouping-box div.box .customfile,
form .search-form div.grouping-box div.box .customfile,
.comment-form div.grouping-box div.box .customfile {
height: 1.75rem;
width: 100%;
cursor: pointer;
overflow: hidden;
position: relative;
border: 1px solid #c9cfd2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.formAddonLink div.grouping-box div.box .customfile-disabled,
form .search-form div.grouping-box div.box .customfile-disabled,
.comment-form div.grouping-box div.box .customfile-disabled {
opacity: .5;
cursor: default;
}
.formAddonLink div.grouping-box div.box .customfile-feedback,
form .search-form div.grouping-box div.box .customfile-feedback,
.comment-form div.grouping-box div.box .customfile-feedback {
display: block;
margin: 0.4375rem 0.375rem 0.4375rem 0;
overflow: hidden;
padding-left: 0;
}
.formAddonLink div.grouping-box div.box .customfile-feedback-populated,
form .search-form div.grouping-box div.box .customfile-feedback-populated,
.comment-form div.grouping-box div.box .customfile-feedback-populated {
font-size: 0.875rem;
padding-left: 0.3125rem;
}
.formAddonLink div.grouping-box div.box .customfile-button,
form .search-form div.grouping-box div.box .customfile-button,
.comment-form div.grouping-box div.box .customfile-button {
font-size: 0.875rem;
color: #333333;
border-left: 1px solid #c9cfd2;
background: url('img/eth_website_form_elements.png') repeat-x scroll 0 0 #d3d5d7;
float: right;
padding: 0.125rem 0.375rem 0.4375rem 0.4375rem;
height: 100%;
display: block;
text-align: center;
text-decoration: none;
-webkit-border-radius: 0;
-webkit-background-clip: padding-box;
-moz-border-radius: 0;
-moz-background-clip: padding;
border-radius: 0;
background-clip: padding-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.formAddonLink div.grouping-box div.box .customfile-focus .customfile-button,
form .search-form div.grouping-box div.box .customfile-focus .customfile-button,
.comment-form div.grouping-box div.box .customfile-focus .customfile-button {
outline: 1px dotted #ccc;
}
.formAddonLink div.grouping-box div.box img[alt="required field"],
form .search-form div.grouping-box div.box img[alt="required field"],
.comment-form div.grouping-box div.box img[alt="required field"] {
vertical-align: top;
}
.formAddonLink div.grouping-box div.box div.refNote,
form .search-form div.grouping-box div.box div.refNote,
.comment-form div.grouping-box div.box div.refNote {
color: #6a7277;
font-size: 0.875rem;
padding-top: 0.875rem;
padding-bottom: 0;
margin: 0;
}
.formAddonLink div.grouping-box div.box div.refNote p,
form .search-form div.grouping-box div.box div.refNote p,
.comment-form div.grouping-box div.box div.refNote p {
color: #6a7277;
}
.formAddonLink div.grouping-box div.box.full,
form .search-form div.grouping-box div.box.full,
.comment-form div.grouping-box div.box.full {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.formAddonLink div.grouping-box div.box,
form .search-form div.grouping-box div.box,
.comment-form div.grouping-box div.box {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 50%;
}
.formAddonLink div.grouping-box.footer,
form .search-form div.grouping-box.footer,
.comment-form div.grouping-box.footer {
padding-top: 0.3125rem;
}
.formAddonLink div.grouping-box.footer button,
form .search-form div.grouping-box.footer button,
.comment-form div.grouping-box.footer button {
margin-bottom: 0.3125rem;
}
.formAddonLink div.grouping-box.footer .box,
form .search-form div.grouping-box.footer .box,
.comment-form div.grouping-box.footer .box {
padding-bottom: 0.8125rem;
}
.formAddonLink div.grouping-box.footer div.box div.refNote,
form .search-form div.grouping-box.footer div.box div.refNote,
.comment-form div.grouping-box.footer div.box div.refNote {
padding-top: 0.4375rem ! important;
}
.formAddonLink div.grouping-box.footer div.box div.refNote p,
form .search-form div.grouping-box.footer div.box div.refNote p,
.comment-form div.grouping-box.footer div.box div.refNote p {
padding-bottom: 0;
}
.formAddonLink div.date div.grouping-box div.box,
form .search-form div.date div.grouping-box div.box,
.comment-form div.date div.grouping-box div.box {
padding-right: 0.125rem;
padding-top: 0.4375rem;
}
.formAddonLink div.date div.grouping-box div.box div input.date,
form .search-form div.date div.grouping-box div.box div input.date,
.comment-form div.date div.grouping-box div.box div input.date {
color: #6a7277;
}
.formAddonLink div.date div.grouping-box div.box span.icons.date,
form .search-form div.date div.grouping-box div.box span.icons.date,
.comment-form div.date div.grouping-box div.box span.icons.date {
content: "";
display: inline-block;
background: url('img/icons/svg/calendar.svg') no-repeat;
width: 1rem;
height: 1rem;
background-size: contain;
float: right;
}
.formAddonLink div.date div.rightcol div.box,
form .search-form div.date div.rightcol div.box,
.comment-form div.date div.rightcol div.box {
padding-right: 0.4375rem;
padding-left: 0.125rem;
}
.formAddonLink div.cols-2 div.box,
form .search-form div.cols-2 div.box,
.comment-form div.cols-2 div.box {
padding-left: 0.4375rem;
padding-right: 0.4375rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 50%;
}
.formAddonLink div.cols-2 div.box div.box,
form .search-form div.cols-2 div.box div.box,
.comment-form div.cols-2 div.box div.box {
padding: 0;
}
.formAddonLink div.cols-3 div.box,
form .search-form div.cols-3 div.box,
.comment-form div.cols-3 div.box {
padding-left: 0.4375rem;
padding-right: 0.4375rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 33%;
}
.formAddonLink div.cols-3 div.colspan-3,
form .search-form div.cols-3 div.colspan-3,
.comment-form div.cols-3 div.colspan-3 {
margin-right: 60%;
}
.formAddonLink div.cols-3 div.colspan-2,
form .search-form div.cols-3 div.colspan-2,
.comment-form div.cols-3 div.colspan-2 {
margin-right: 30%;
}
.formAddonLink div.cols-4 div.box,
form .search-form div.cols-4 div.box,
.comment-form div.cols-4 div.box {
padding-left: 0.4375rem;
padding-right: 0.4375rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 25%;
}
.formAddonLink div.cols-4 div.colspan-3,
form .search-form div.cols-4 div.colspan-3,
.comment-form div.cols-4 div.colspan-3 {
margin-right: 50%;
}
.formAddonLink div.cols-4 div.colspan-2,
form .search-form div.cols-4 div.colspan-2,
.comment-form div.cols-4 div.colspan-2 {
margin-right: 25%;
}
.formAddonLink .sparkbox-custom,
form .search-form .sparkbox-custom,
.comment-form .sparkbox-custom {
display: none;
}
.formAddonLink .no-js .sparkbox-custom,
form .search-form .no-js .sparkbox-custom,
.comment-form .no-js .sparkbox-custom {
display: block;
}
.formAddonLink .sb-select:focus,
form .search-form .sb-select:focus,
.comment-form .sb-select:focus {
outline: none;
}
.formAddonLink div.sb-custom,
form .search-form div.sb-custom,
.comment-form div.sb-custom {
position: relative;
}
.formAddonLink div.sb-custom .sb-select,
form .search-form div.sb-custom .sb-select,
.comment-form div.sb-custom .sb-select {
cursor: pointer;
background: url('img/eth_website_form_elements_drop_down_full.png') center right no-repeat scroll #c9cfd2 ! important;
border: none;
color: #444;
left: 0;
position: relative;
text-decoration: none;
top: 0;
z-index: 1;
padding: 0.375rem 1.5rem 0.4375rem 0.4375rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
outline: none ! important;
outline-color: transparent;
outline-style: none;
}
.formAddonLink div.sb-custom .sb-select:focus,
form .search-form div.sb-custom .sb-select:focus,
.comment-form div.sb-custom .sb-select:focus {
border: none;
outline: none;
}
.formAddonLink div.sb-custom .sb-select-icon,
form .search-form div.sb-custom .sb-select-icon,
.comment-form div.sb-custom .sb-select-icon {
position: absolute;
top: 0.5625rem;
right: 0.5rem;
height: 0.625rem;
width: 0.625rem;
cursor: pointer;
z-index: 2;
background: url('img/eth_website_form_elements.png') no-repeat scroll -0.5rem -4.25rem transparent;
}
#extended_people_search label,
#extended_people_search .checkbox label,
#extended_people_search .radio label,
#extended_people_search label.inside,
.checkbox label,
.radio label,
label.inside {
clear: none;
}
div.formAddonLink p.linkitem,
div.result p.linkitem,
form fieldset.search-form p.linkitem,
fieldset.comment-form p.linkitem,
div.formAddonLink a,
div.result a,
form fieldset.search-form a,
fieldset.comment-form a {
cursor: pointer;
color: #0069b4 ! important;
font-size: 0.75rem;
line-height: 1.1666666667;
}
div.formAddonLink div.grouping-box div.box span,
div.result div.grouping-box div.box span,
form fieldset.search-form div.grouping-box div.box span,
fieldset.comment-form div.grouping-box div.box span,
div.formAddonLink div.grouping-box div.box label,
div.result div.grouping-box div.box label,
form fieldset.search-form div.grouping-box div.box label,
fieldset.comment-form div.grouping-box div.box label {
font-size: 0.75rem;
line-height: 1.3333333333;
}
div.formAddonLink div.grouping-box div.box div.validation_info,
div.result div.grouping-box div.box div.validation_info,
form fieldset.search-form div.grouping-box div.box div.validation_info,
fieldset.comment-form div.grouping-box div.box div.validation_info {
min-height: 1.5rem;
line-height: 2;
font-size: 0.75rem;
}
div.formAddonLink div.grouping-box div.box input[type="checkbox"],
div.result div.grouping-box div.box input[type="checkbox"],
form fieldset.search-form div.grouping-box div.box input[type="checkbox"],
fieldset.comment-form div.grouping-box div.box input[type="checkbox"],
div.formAddonLink div.grouping-box div.box input[type="radio"],
div.result div.grouping-box div.box input[type="radio"],
form fieldset.search-form div.grouping-box div.box input[type="radio"],
fieldset.comment-form div.grouping-box div.box input[type="radio"] {
margin: 0.3125rem 0.4375rem 0.3125rem 0;
height: 0.8125rem ! important;
width: 0.75rem ! important;
}
div.formAddonLink div.grouping-box div.box input[type="checkbox"] + label,
div.result div.grouping-box div.box input[type="checkbox"] + label,
form fieldset.search-form div.grouping-box div.box input[type="checkbox"] + label,
fieldset.comment-form div.grouping-box div.box input[type="checkbox"] + label,
div.formAddonLink div.grouping-box div.box input[type="radio"] + label,
div.result div.grouping-box div.box input[type="radio"] + label,
form fieldset.search-form div.grouping-box div.box input[type="radio"] + label,
fieldset.comment-form div.grouping-box div.box input[type="radio"] + label {
line-height: 2;
}
div.formAddonLink div.grouping-box div.box input,
div.result div.grouping-box div.box input,
form fieldset.search-form div.grouping-box div.box input,
fieldset.comment-form div.grouping-box div.box input,
div.formAddonLink div.grouping-box div.box select,
div.result div.grouping-box div.box select,
form fieldset.search-form div.grouping-box div.box select,
fieldset.comment-form div.grouping-box div.box select {
font-size: 0.75rem;
line-height: 1.3333333333;
height: 1.5rem ! important;
}
div.formAddonLink div.grouping-box div.box .form-select div,
div.result div.grouping-box div.box .form-select div,
form fieldset.search-form div.grouping-box div.box .form-select div,
fieldset.comment-form div.grouping-box div.box .form-select div {
padding: 0.1875rem 0.4375rem;
}
div.formAddonLink div.grouping-box div.box .form-select select,
div.result div.grouping-box div.box .form-select select,
form fieldset.search-form div.grouping-box div.box .form-select select,
fieldset.comment-form div.grouping-box div.box .form-select select,
div.formAddonLink div.grouping-box div.box .form-select div,
div.result div.grouping-box div.box .form-select div,
form fieldset.search-form div.grouping-box div.box .form-select div,
fieldset.comment-form div.grouping-box div.box .form-select div {
font-size: 0.75rem;
line-height: 1.5;
height: 1.4rem;
}
div.formAddonLink div.grouping-box div.box .customfile,
div.result div.grouping-box div.box .customfile,
form fieldset.search-form div.grouping-box div.box .customfile,
fieldset.comment-form div.grouping-box div.box .customfile {
height: 1.5rem;
}
div.formAddonLink div.grouping-box div.box .customfile-button,
div.result div.grouping-box div.box .customfile-button,
form fieldset.search-form div.grouping-box div.box .customfile-button,
fieldset.comment-form div.grouping-box div.box .customfile-button {
padding-top: 0.25rem;
font-size: 0.75rem;
}
div.formAddonLink div.grouping-box div.box div.refNote,
div.result div.grouping-box div.box div.refNote,
form fieldset.search-form div.grouping-box div.box div.refNote,
fieldset.comment-form div.grouping-box div.box div.refNote {
font-size: 0.75rem;
padding-top: 0.75rem;
}
div.formAddonLink div.date div.grouping-box div.box div input.date,
div.result div.date div.grouping-box div.box div input.date,
form fieldset.search-form div.date div.grouping-box div.box div input.date,
fieldset.comment-form div.date div.grouping-box div.box div input.date {
font-size: 0.625rem;
padding: 0 0 0 0.0625rem;
width: 3rem;
}
div.formAddonLink div.date div.grouping-box div.box span.icons.date,
div.result div.date div.grouping-box div.box span.icons.date,
form fieldset.search-form div.date div.grouping-box div.box span.icons.date,
fieldset.comment-form div.date div.grouping-box div.box span.icons.date {
margin-top: 0.25rem;
}
div.formAddonLink div.grouping-box div.box span.label.searchbox,
div.result div.grouping-box div.box span.label.searchbox,
form fieldset.search-form div.grouping-box div.box span.label.searchbox,
fieldset.comment-form div.grouping-box div.box span.label.searchbox,
div.formAddonLink div.grouping-box div.box label.searchbox,
div.result div.grouping-box div.box label.searchbox,
form fieldset.search-form div.grouping-box div.box label.searchbox,
fieldset.comment-form div.grouping-box div.box label.searchbox {
margin-left: 1.125rem;
}
div.formAddonLink a.openmap:hover,
div.result a.openmap:hover,
form fieldset.search-form a.openmap:hover,
fieldset.comment-form a.openmap:hover {
border: 0;
}
form fieldset.search-form p {
padding-top: 0.375rem;
padding-bottom: 0.125rem;
}
form fieldset.search-form div.fix-col-sizes div.box label {
line-height: 1rem;
}
form fieldset.search-form div.fix-col-sizes.cols-4.with-button div.col {
width: 11.125rem;
}
form fieldset.search-form div.fix-col-sizes.cols-4.with-button div.col-button {
width: 6.375rem;
}
div.result table.result {
font-size: 0.75rem;
line-height: 1.5;
}
ul.form_field_dropdown {
font-size: 0.75rem;
}
ul.form_field_dropdown li.first-option {
line-height: 0.75;
}
div.smallForm {
width: 29.0625rem;
}
div.fullForm {
width: 40.8125rem;
}
div.fullForm.no-spacing-bottom {
padding-bottom: 0;
}
fieldset.comment-form {
padding-bottom: 1.25rem;
}
fieldset.comment-form div.formHeader h3 {
padding-top: 0.6875rem;
}
fieldset.comment-form div.grouping-box div.box {
padding-top: 0.625rem;
}
aside div.fullForm {
width: 100%;
}
aside div.smallForm {
width: 100%;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
aside div.smallForm form fieldset.search-form {
padding-bottom: 0.625rem;
width: 9.5rem;
}
aside div.smallForm h1:first-child,
aside div.smallForm h2:first-child,
aside div.smallForm h3:first-child,
aside div.smallForm h4:first-child,
aside div.smallForm h5:first-child {
padding-top: 0.9375rem ! important;
}
aside div.smallForm form fieldset.search-form,
aside div.smallForm fieldset.comment-form {
padding-bottom: 1.25rem;
}
aside div.smallForm form fieldset.search-form.formAddonLinkFollowed,
aside div.smallForm fieldset.comment-form.formAddonLinkFollowed {
padding-bottom: 0.625rem;
}
aside div.smallForm form fieldset.search-form div.checkbox,
aside div.smallForm fieldset.comment-form div.checkbox,
aside div.smallForm form fieldset.search-form div.text,
aside div.smallForm fieldset.comment-form div.text,
aside div.smallForm form fieldset.search-form div.radio,
aside div.smallForm fieldset.comment-form div.radio,
aside div.smallForm form fieldset.search-form div.dropdown,
aside div.smallForm fieldset.comment-form div.dropdown,
aside div.smallForm form fieldset.search-form div.end,
aside div.smallForm fieldset.comment-form div.end,
aside div.smallForm form fieldset.search-form div.password,
aside div.smallForm fieldset.comment-form div.password,
aside div.smallForm form fieldset.search-form div.upload,
aside div.smallForm fieldset.comment-form div.upload {
width: 100%;
overflow: hidden;
}
aside div.smallForm form fieldset.search-form div.checkbox div.grouping-box div.box,
aside div.smallForm fieldset.comment-form div.checkbox div.grouping-box div.box,
aside div.smallForm form fieldset.search-form div.text div.grouping-box div.box,
aside div.smallForm fieldset.comment-form div.text div.grouping-box div.box,
aside div.smallForm form fieldset.search-form div.radio div.grouping-box div.box,
aside div.smallForm fieldset.comment-form div.radio div.grouping-box div.box,
aside div.smallForm form fieldset.search-form div.dropdown div.grouping-box div.box,
aside div.smallForm fieldset.comment-form div.dropdown div.grouping-box div.box,
aside div.smallForm form fieldset.search-form div.end div.grouping-box div.box,
aside div.smallForm fieldset.comment-form div.end div.grouping-box div.box,
aside div.smallForm form fieldset.search-form div.password div.grouping-box div.box,
aside div.smallForm fieldset.comment-form div.password div.grouping-box div.box,
aside div.smallForm form fieldset.search-form div.upload div.grouping-box div.box,
aside div.smallForm fieldset.comment-form div.upload div.grouping-box div.box {
padding-top: 0.625rem;
}
aside div.smallForm form fieldset.search-form div.checkbox div.grouping-box div.box input[type="checkbox"] + label,
aside div.smallForm fieldset.comment-form div.checkbox div.grouping-box div.box input[type="checkbox"] + label,
aside div.smallForm form fieldset.search-form div.text div.grouping-box div.box input[type="checkbox"] + label,
aside div.smallForm fieldset.comment-form div.text div.grouping-box div.box input[type="checkbox"] + label,
aside div.smallForm form fieldset.search-form div.radio div.grouping-box div.box input[type="checkbox"] + label,
aside div.smallForm fieldset.comment-form div.radio div.grouping-box div.box input[type="checkbox"] + label,
aside div.smallForm form fieldset.search-form div.dropdown div.grouping-box div.box input[type="checkbox"] + label,
aside div.smallForm fieldset.comment-form div.dropdown div.grouping-box div.box input[type="checkbox"] + label,
aside div.smallForm form fieldset.search-form div.end div.grouping-box div.box input[type="checkbox"] + label,
aside div.smallForm fieldset.comment-form div.end div.grouping-box div.box input[type="checkbox"] + label,
aside div.smallForm form fieldset.search-form div.password div.grouping-box div.box input[type="checkbox"] + label,
aside div.smallForm fieldset.comment-form div.password div.grouping-box div.box input[type="checkbox"] + label,
aside div.smallForm form fieldset.search-form div.upload div.grouping-box div.box input[type="checkbox"] + label,
aside div.smallForm fieldset.comment-form div.upload div.grouping-box div.box input[type="checkbox"] + label,
aside div.smallForm form fieldset.search-form div.checkbox div.grouping-box div.box input[type="radio"] + label,
aside div.smallForm fieldset.comment-form div.checkbox div.grouping-box div.box input[type="radio"] + label,
aside div.smallForm form fieldset.search-form div.text div.grouping-box div.box input[type="radio"] + label,
aside div.smallForm fieldset.comment-form div.text div.grouping-box div.box input[type="radio"] + label,
aside div.smallForm form fieldset.search-form div.radio div.grouping-box div.box input[type="radio"] + label,
aside div.smallForm fieldset.comment-form div.radio div.grouping-box div.box input[type="radio"] + label,
aside div.smallForm form fieldset.search-form div.dropdown div.grouping-box div.box input[type="radio"] + label,
aside div.smallForm fieldset.comment-form div.dropdown div.grouping-box div.box input[type="radio"] + label,
aside div.smallForm form fieldset.search-form div.end div.grouping-box div.box input[type="radio"] + label,
aside div.smallForm fieldset.comment-form div.end div.grouping-box div.box input[type="radio"] + label,
aside div.smallForm form fieldset.search-form div.password div.grouping-box div.box input[type="radio"] + label,
aside div.smallForm fieldset.comment-form div.password div.grouping-box div.box input[type="radio"] + label,
aside div.smallForm form fieldset.search-form div.upload div.grouping-box div.box input[type="radio"] + label,
aside div.smallForm fieldset.comment-form div.upload div.grouping-box div.box input[type="radio"] + label {
padding-right: 0.25rem;
}
aside div.smallForm form fieldset.search-form div.checkbox div.grouping-box div.box.full label,
aside div.smallForm fieldset.comment-form div.checkbox div.grouping-box div.box.full label,
aside div.smallForm form fieldset.search-form div.text div.grouping-box div.box.full label,
aside div.smallForm fieldset.comment-form div.text div.grouping-box div.box.full label,
aside div.smallForm form fieldset.search-form div.radio div.grouping-box div.box.full label,
aside div.smallForm fieldset.comment-form div.radio div.grouping-box div.box.full label,
aside div.smallForm form fieldset.search-form div.dropdown div.grouping-box div.box.full label,
aside div.smallForm fieldset.comment-form div.dropdown div.grouping-box div.box.full label,
aside div.smallForm form fieldset.search-form div.end div.grouping-box div.box.full label,
aside div.smallForm fieldset.comment-form div.end div.grouping-box div.box.full label,
aside div.smallForm form fieldset.search-form div.password div.grouping-box div.box.full label,
aside div.smallForm fieldset.comment-form div.password div.grouping-box div.box.full label,
aside div.smallForm form fieldset.search-form div.upload div.grouping-box div.box.full label,
aside div.smallForm fieldset.comment-form div.upload div.grouping-box div.box.full label {
line-height: 0.875rem;
padding-top: 0;
}
aside div.smallForm form fieldset.search-form div.checkbox div.grouping-box div.box.full input[type="radio"],
aside div.smallForm fieldset.comment-form div.checkbox div.grouping-box div.box.full input[type="radio"],
aside div.smallForm form fieldset.search-form div.text div.grouping-box div.box.full input[type="radio"],
aside div.smallForm fieldset.comment-form div.text div.grouping-box div.box.full input[type="radio"],
aside div.smallForm form fieldset.search-form div.radio div.grouping-box div.box.full input[type="radio"],
aside div.smallForm fieldset.comment-form div.radio div.grouping-box div.box.full input[type="radio"],
aside div.smallForm form fieldset.search-form div.dropdown div.grouping-box div.box.full input[type="radio"],
aside div.smallForm fieldset.comment-form div.dropdown div.grouping-box div.box.full input[type="radio"],
aside div.smallForm form fieldset.search-form div.end div.grouping-box div.box.full input[type="radio"],
aside div.smallForm fieldset.comment-form div.end div.grouping-box div.box.full input[type="radio"],
aside div.smallForm form fieldset.search-form div.password div.grouping-box div.box.full input[type="radio"],
aside div.smallForm fieldset.comment-form div.password div.grouping-box div.box.full input[type="radio"],
aside div.smallForm form fieldset.search-form div.upload div.grouping-box div.box.full input[type="radio"],
aside div.smallForm fieldset.comment-form div.upload div.grouping-box div.box.full input[type="radio"],
aside div.smallForm form fieldset.search-form div.checkbox div.grouping-box div.box.full input[type="checkbox"],
aside div.smallForm fieldset.comment-form div.checkbox div.grouping-box div.box.full input[type="checkbox"],
aside div.smallForm form fieldset.search-form div.text div.grouping-box div.box.full input[type="checkbox"],
aside div.smallForm fieldset.comment-form div.text div.grouping-box div.box.full input[type="checkbox"],
aside div.smallForm form fieldset.search-form div.radio div.grouping-box div.box.full input[type="checkbox"],
aside div.smallForm fieldset.comment-form div.radio div.grouping-box div.box.full input[type="checkbox"],
aside div.smallForm form fieldset.search-form div.dropdown div.grouping-box div.box.full input[type="checkbox"],
aside div.smallForm fieldset.comment-form div.dropdown div.grouping-box div.box.full input[type="checkbox"],
aside div.smallForm form fieldset.search-form div.end div.grouping-box div.box.full input[type="checkbox"],
aside div.smallForm fieldset.comment-form div.end div.grouping-box div.box.full input[type="checkbox"],
aside div.smallForm form fieldset.search-form div.password div.grouping-box div.box.full input[type="checkbox"],
aside div.smallForm fieldset.comment-form div.password div.grouping-box div.box.full input[type="checkbox"],
aside div.smallForm form fieldset.search-form div.upload div.grouping-box div.box.full input[type="checkbox"],
aside div.smallForm fieldset.comment-form div.upload div.grouping-box div.box.full input[type="checkbox"] {
margin: 0 0.3125rem 0 0.0625rem;
}
aside div.smallForm form fieldset.search-form div.formFooter,
aside div.smallForm fieldset.comment-form div.formFooter {
margin: 0.625rem 0.4375rem 0 0.4375rem;
padding-top: 0.3125rem;
}
aside div.smallForm form fieldset.search-form .borderTop,
aside div.smallForm fieldset.comment-form .borderTop {
border-top: 1px solid #c9cfd2;
}
aside div.smallForm div.formAddonLink {
padding-bottom: 0.3125rem;
}
aside div.smallForm div.formAddonLink.inside {
padding-bottom: 0;
}
aside div.smallForm div.formAddonLink div.grouping-box div.box {
padding-top: 0.3125rem;
}
.changelog dt {
font-weight: bold;
}
.changelog dd {
margin-bottom: 2rem;
}
form fieldset.search-form div.formHeader p {
line-height: 1.125rem;
}
form#extended_people_search fieldset > div.textimage {
padding: 1.0625rem 0 0 0.4375rem;
}
form#extended_people_search div.box div.option {
padding: 0;
width: 32.25rem;
float: left;
}
form#extended_people_search div.box div.option > div.dropdown {
float: right;
width: 12.5rem;
}
form#extended_people_search div.box div.option div.dropdown div.form-select > div.disabled {
background-color: #F3F5F6;
}
.subtitle {
font-size: 1rem;
font-weight: bold;
color: #1f407a;
padding-bottom: 0.375rem;
}
@media screen and (min-width: 1025px) {
#mobile-extended-search-general {
display: none;
}
form fieldset.search-form div.grouping-box div.box .form-select div {
height: 1.5rem;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.search-extended--mobile-web {
width: 50%;
float: left;
}
}
@media screen and (max-width: 1024px) {
.formAddonLink,
form .search-form,
.comment-form {
padding: 0.75rem 1.5rem 0.75rem 1.5rem;
background-color: #eaecee;
}
.formAddonLink div.formHeader,
form .search-form div.formHeader,
.comment-form div.formHeader {
padding-left: 0;
padding-right: 0;
}
.formAddonLink div.formHeader h2,
form .search-form div.formHeader h2,
.comment-form div.formHeader h2 {
padding-top: 0;
}
aside div.smallForm form fieldset.search-form,
aside div.smallForm fieldset.comment-form {
padding-top: 1.5rem;
padding-bottom: 0.75rem;
}
.formAddonLink div.grouping-box div.box,
form .search-form div.grouping-box div.box,
.comment-form div.grouping-box div.box {
padding-top: 0.75rem;
padding-left: 0;
padding-right: 0;
}
form fieldset.search-form div.grouping-box div.box span {
font-size: 0.875rem;
}
body.search .tab_accordion .smallForm {
padding-bottom: 0;
}
.smallForm {
padding: 0;
}
body.search form .search-form .inside.checkbox {
margin-bottom: 0;
padding-bottom: 0;
}
body.search form#mobile-form-news-extended .inside:after {
content: '';
display: table;
clear: both;
}
.formAddonLink .checkbox label,
form .search-form .checkbox label,
.comment-form .checkbox label,
.formAddonLink .radio label,
form .search-form .radio label,
.comment-form .radio label,
.formAddonLink label.inside,
form .search-form label.inside,
.comment-form label.inside {
font-size: 1rem !important;
line-height: 1.5;
}
form .search-form div.grouping-box div.box label span,
div.grouping-box div.box span,
form .search-form div.grouping-box div.box label label,
div.grouping-box div.box label {
font-size: 1rem !important;
}
div.searchMain form {
box-sizing: border-box;
height: 2.5rem;
}
div.searchMain .smallForm.mobile-only form {
border: none;
height: auto;
}
div.searchMain form .searchinput {
font-size: 1rem;
padding: 0.1875rem 0.5625rem;
height: 2.375rem;
width: calc(100% - 2.5rem);
border-right: none;
}
div.searchMain form .searchsubmit {
padding: 0.5625rem;
height: 1.31rem;
width: 1.31rem;
float: right;
margin-bottom: 1rem;
background: transparent;
}
form .search-form ul {
padding-left: 0;
}
form .search-form ul:after {
content: '';
display: table;
clear: both;
}
form .search-form .newsperiod {
margin-top: 0.5rem;
}
input[type="checkbox"],
input[type="radio"] {
width: 1rem !important;
height: 1rem !important;
}
form input[type="checkbox"],
form input[type="radio"],
form fieldset.search-form div.grouping-box div.box input[type="checkbox"],
form fieldset.search-form .grouping-box .box .option input[type="radio"],
form fieldset.search-form div.grouping-box div.box input[type="radio"] {
margin-left: 0;
width: 1rem !important;
height: 1rem !important;
margin: 0.3125rem 0.4375rem 0.3125rem 0;
}
div#_ext_people_search_prof_select_selection,
.dropdown.full .form-select option {
font-size: 1rem;
height: 1.8rem;
line-height: 1.6;
}
form fieldset.search-form div.grouping-box div.box .form-select,
form fieldset.search-form div.grouping-box div.box .form-select div {
font-size: 1rem;
}
form fieldset.search-form div.grouping-box div.box .form-select select,
form fieldset.search-form div.grouping-box div.box .form-select div select {
margin-top: -2rem;
height: 2rem !important;
font-size: 1rem;
}
form fieldset.search-form div.grouping-box div.box .form-select {
height: 2rem;
}
form fieldset.search-form div.grouping-box div.box .form-select div {
height: 2rem;
}
div.formAddonLink div.grouping-box div.box input,
div.result div.grouping-box div.box input,
form fieldset.search-form div.grouping-box div.box input,
fieldset.comment-form div.grouping-box div.box input,
div.formAddonLink div.grouping-box div.box select,
div.result div.grouping-box div.box select,
form fieldset.search-form div.grouping-box div.box select,
fieldset.comment-form div.grouping-box div.box select {
font-size: 1rem;
}
div.formAddonLink div.grouping-box div.box input[type="text"] + label,
div.result div.grouping-box div.box input[type="text"] + label,
form fieldset.search-form div.grouping-box div.box input[type="text"] + label,
fieldset.comment-form div.grouping-box div.box input[type="text"] + label,
div.formAddonLink div.grouping-box div.box input[type="time"] + label,
div.result div.grouping-box div.box input[type="time"] + label,
form fieldset.search-form div.grouping-box div.box input[type="time"] + label,
fieldset.comment-form div.grouping-box div.box input[type="time"] + label,
div.formAddonLink div.grouping-box div.box textarea + label,
div.result div.grouping-box div.box textarea + label,
form fieldset.search-form div.grouping-box div.box textarea + label,
fieldset.comment-form div.grouping-box div.box textarea + label,
div.formAddonLink div.grouping-box div.box .form-select + label,
div.result div.grouping-box div.box .form-select + label,
form fieldset.search-form div.grouping-box div.box .form-select + label,
fieldset.comment-form div.grouping-box div.box .form-select + label,
div.formAddonLink div.grouping-box div.box input[type="file"] + label,
div.result div.grouping-box div.box input[type="file"] + label,
form fieldset.search-form div.grouping-box div.box input[type="file"] + label,
fieldset.comment-form div.grouping-box div.box input[type="file"] + label {
padding-top: 0.1875rem;
}
div.formAddonLink div.grouping-box div.box input[type="checkbox"] + label,
div.result div.grouping-box div.box input[type="checkbox"] + label,
form fieldset.search-form div.grouping-box div.box input[type="checkbox"] + label,
fieldset.comment-form div.grouping-box div.box input[type="checkbox"] + label,
div.formAddonLink div.grouping-box div.box input[type="radio"] + label,
div.result div.grouping-box div.box input[type="radio"] + label,
form fieldset.search-form div.grouping-box div.box input[type="radio"] + label,
fieldset.comment-form div.grouping-box div.box input[type="radio"] + label {
line-height: 1.5;
padding-top: 0.1875rem;
padding-bottom: 0.1875rem;
white-space: nowrap;
box-sizing: border-box;
margin-bottom: 0.5rem;
}
div.formAddonLink .dropdown .grouping-box .box label.inside,
div.result .dropdown .grouping-box .box label.inside,
form fieldset.search-form .dropdown .grouping-box .box label.inside,
fieldset.comment-form .dropdown .grouping-box .box label.inside {
padding-top: 0.1875rem;
}
input[type="text"] + label,
input[type="time"] + label,
textarea + label,
.form-select + label,
input[type="file"] + label {
padding-top: 0.1875rem;
}
input[type="checkbox"] + label,
input[type="radio"] + label {
line-height: 1.5;
padding-top: 0.1875rem;
padding-bottom: 0.1875rem;
width: calc(100% - 1.4375rem);
box-sizing: border-box;
margin-bottom: 0.5rem;
font-size: 1rem;
}
input[type="number"] {
box-sizing: border-box;
font-size: 1rem;
height: 2rem ! important;
padding: 0.1875rem 0.25rem;
}
form .search-form div.grouping-box div.box input[type="text"],
form .search-form div.grouping-box div.box input[type="time"],
form .search-form div.grouping-box div.box input[type="password"] {
font-size: 1rem;
height: 2rem ! important;
}
form .search-form div.grouping-box div.box input[type="time"] {
width: 6.25rem;
}
form .search-form div.grouping-box div.box input[type="time"]::-webkit-inner-spin-button {
height: 1.875rem;
}
input[type="checkbox"]:first-child,
input[type="radio"]:first-child {
margin-left: 0;
margin-right: 0;
}
form .search-form div.cols-2 div.box {
width: 100%;
float: none !important;
}
form .search-form div.grouping-box div.box {
width: 100%;
}
form#extended_people_search div.box div.option {
width: 100%;
line-height: 1.4;
}
form#extended_people_search div.box div.option span {
display: block;
line-height: 1.5;
padding-top: 0.1875rem;
padding-bottom: 0.1875rem;
width: calc(100% - 1.4375rem);
box-sizing: border-box;
margin-bottom: 0.5rem;
float: left;
}
form#extended_people_search div.box div.option .form-select {
margin-left: 1.4375rem;
}
form#extended_people_search div.box div.option .form-select #_ext_people_search_prof_select_selection.disabled {
margin-top: 1px;
}
form#extended_people_search div.box div.option > div.dropdown {
float: none;
clear: both;
width: auto;
}
.smallForm .formAddonLink {
background-color: transparent !important;
}
body.search #mobile_extended_people_search #professors + label {
width: auto;
padding-right: 0;
margin-bottom: 0;
}
body.search #mobile_extended_people_search .dropdown.full {
display: inline-block;
width: 100%;
margin-bottom: 0.5rem;
}
body.search #mobile_extended_people_search .option .dropdown.full {
margin-left: 1.5rem;
width: calc(100% - 1.5rem);
}
body.search #mobile_extended_people_search fieldset > div.textimage b,
body.search #mobile_extended_people_search fieldset > div.textimage p {
padding-top: 1.5rem;
padding-bottom: 0;
}
body.search .tableOfContents {
background-color: transparent !important;
padding-left: 0;
margin: 1rem 0;
}
body.search .tableOfContents .smallForm {
display: block;
margin-left: -2rem;
margin-right: -4rem;
background-color: #eaecee;
padding: 0.25rem 4rem 0.25rem 2rem !important;
width: 100% !important;
}
body.search .tableOfContents .expanded .tocLink {
display: block;
margin-left: -2rem;
margin-right: -4rem;
background-color: #eaecee;
padding: 0.25rem 4rem 0.25rem 2rem;
line-height: 2;
border-bottom: 1px solid #C9CFD2;
}
body.search .tableOfContents .expanded .tocLink:hover {
border-bottom: none;
}
body.search .tableOfContents .expanded .tocLink span.icon.plus {
float: right;
background: url(img/icons/svg/plus.svg) no-repeat;
position: relative;
top: 0.5rem;
}
body.search #contentMain h1 {
margin-bottom: 0;
}
body.search #contentMain h3:not(.accordionHeader) {
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
}
body.search body.search form fieldset.search-form .basecomponent.textimage p,
body.search body.search form fieldset.search-form .basecomponent.textimage h3 {
padding-left: 0 !important;
}
body.search #contentMain .searchMain .expanded {
background-color: transparent !important;
}
body.search #contentNav {
display: none;
}
body.search form fieldset {
font-size: 0.9375rem;
}
body.search form fieldset.search-form {
background-color: transparent;
padding: 0;
color: inherit;
border: none;
}
body.search #extended_people_search fieldset.search-form {
background-color: #F3F5F6;
padding: 0 1.5rem 0.9375rem 1.5rem;
color: #6a7277;
border: 1px solid #C9CFD2;
}
body.search div.searchMain {
background-color: white;
display: inline-block;
border-bottom: 1px solid #EAECEE;
padding-bottom: 1rem;
}
body.search fieldset.search-form.extended {
margin-top: 0;
font-size: 1rem !important;
}
body.search fieldset.search-form.extended a {
font-size: 0.9375rem;
}
body.search fieldset.search-form.extended .formHeader h2 {
padding-bottom: 0.5625rem;
}
body.search fieldset.search-form.extended .checkbox > div {
margin-bottom: 0.375rem;
}
body.search fieldset.search-form.extended div.grouping-box:after {
content: '';
display: table;
clear: both;
}
body.search fieldset.search-form.extended input[type="radio"],
body.search fieldset.search-form.extended input[type="checkbox"],
body.search fieldset.search-form.extended input[type="radio"] + label,
body.search fieldset.search-form.extended input[type="checkbox"] + label {
display: block;
float: left;
}
body.search fieldset.search-form.extended input[type="radio"],
body.search fieldset.search-form.extended input[type="checkbox"] {
margin: 0.3125rem 0.4375rem 0.3125rem 0;
}
body.search fieldset.search-form.extended input[type="radio"] + label,
body.search fieldset.search-form.extended input[type="checkbox"] + label {
line-height: 1.5;
padding-top: 0.1875rem;
padding-bottom: 0.1875rem;
}
body.search fieldset.search-form.extended .end {
margin-top: 1rem;
clear: both;
}
body.search fieldset.search-form.extended ul li {
display: block;
float: left;
margin-right: 1.5rem;
margin-bottom: 0.5rem;
}
body.search form .search-form div.grouping-box div.box.full {
padding-left: 0;
display: block;
clear: both;
float: none;
}
.formAddonLink div.date div.grouping-box div.box.flatpickr,
div.result div.date div.grouping-box div.box.flatpickr,
form fieldset.search-form div.date div.grouping-box div.box.flatpickr,
fieldset.comment-form div.date div.grouping-box div.box.flatpickr {
padding-top: 0;
padding-bottom: 1rem;
}
.formAddonLink div.date div.grouping-box div.box.flatpickr span.date,
div.result div.date div.grouping-box div.box.flatpickr span.date,
form fieldset.search-form div.date div.grouping-box div.box.flatpickr span.date,
fieldset.comment-form div.date div.grouping-box div.box.flatpickr span.date {
position: absolute;
display: inline-block;
background-image: url(img/icons/svg/calendar.svg);
background-repeat: no-repeat;
background-size: auto;
background-position: 50% 44%;
width: 2rem;
height: 2rem;
float: left;
margin-left: 6.5rem;
margin-top: 0;
}
.formAddonLink div.date div.grouping-box input.date.flatpickr-input,
div.result div.date div.grouping-box input.date.flatpickr-input,
form fieldset.search-form div.date div.grouping-box input.date.flatpickr-input,
fieldset.comment-form div.date div.grouping-box input.date.flatpickr-input,
.formAddonLink div.date div.grouping-box input.date.flatpickr-input[readonly],
div.result div.date div.grouping-box input.date.flatpickr-input[readonly],
form fieldset.search-form div.date div.grouping-box input.date.flatpickr-input[readonly],
fieldset.comment-form div.date div.grouping-box input.date.flatpickr-input[readonly] {
width: 6.25rem;
float: left;
font-size: 1rem;
padding: 0.1875rem 0.5rem;
height: 2rem;
}
html.touch input.date.flatpickr-input {
min-width: 6rem;
}
#mobile-form-news-extended .box {
padding-left: 0;
}
div.checkbox.immediate > ul {
padding-left: 0 !important;
}
aside div.smallForm form fieldset.search-form {
width: 100%;
box-sizing: border-box;
}
div.smallForm {
width: 100%;
display: inline-block;
}
fieldset.comment-form div.grouping-box .box {
width: 100% !important;
float: none;
}
fieldset.comment-form div.grouping-box div.box textarea,
fieldset.comment-form div.grouping-box div.box input {
font-size: 0.9rem;
line-height: 1.6;
height: auto !important;
}
fieldset.comment-form div.grouping-box div.box textarea,
fieldset.comment-form div.grouping-box div.box input[type="text"] {
padding: 0.5rem;
margin-bottom: 1rem;
font-family: Arial, Helvetica, sans-serif;
}
.formAddonLink div.cols-2 div.box,
form .search-form div.cols-2 div.box,
.comment-form div.cols-2 div.box {
padding-left: 0;
padding-right: 0;
}
form#extended_people_search fieldset > div.textimage {
padding: 1.0625rem 0 0 0;
}
form input[type="text"] {
font-size: 1rem;
padding: 0.1875rem 0.5625rem;
height: auto;
color: #6a7277;
}
fieldset.comment-form div.grouping-box div.box {
padding-top: 0;
}
.formAddonLink .textimage p,
form .search-form .textimage p,
.comment-form .textimage p,
.formAddonLink .textimage h2,
form .search-form .textimage h2,
.comment-form .textimage h2,
.formAddonLink .textimage h3,
form .search-form .textimage h3,
.comment-form .textimage h3,
.formAddonLink .textimage h4,
form .search-form .textimage h4,
.comment-form .textimage h4 {
padding-left: 0;
}
div.formAddonLink p.linkitem,
div.result p.linkitem,
form fieldset.search-form p.linkitem,
fieldset.comment-form p.linkitem,
div.formAddonLink a,
div.result a,
form fieldset.search-form a,
fieldset.comment-form a {
font-size: 0.875rem;
}
aside div.smallForm h1:first-child,
aside div.smallForm h2:first-child,
aside div.smallForm h3:first-child,
aside div.smallForm h4:first-child,
aside div.smallForm h5:first-child {
padding-top: 0 !important;
}
aside div.smallForm form fieldset.search-form div.checkbox div.grouping-box div.box input[type="radio"],
aside div.smallForm fieldset.comment-form div.checkbox div.grouping-box div.box input[type="radio"],
aside div.smallForm form fieldset.search-form div.text div.grouping-box div.box input[type="radio"],
aside div.smallForm fieldset.comment-form div.text div.grouping-box div.box input[type="radio"],
aside div.smallForm form fieldset.search-form div.radio div.grouping-box div.box input[type="radio"],
aside div.smallForm fieldset.comment-form div.radio div.grouping-box div.box input[type="radio"],
aside div.smallForm form fieldset.search-form div.dropdown div.grouping-box div.box input[type="radio"],
aside div.smallForm fieldset.comment-form div.dropdown div.grouping-box div.box input[type="radio"],
aside div.smallForm form fieldset.search-form div.end div.grouping-box div.box input[type="radio"],
aside div.smallForm fieldset.comment-form div.end div.grouping-box div.box input[type="radio"],
aside div.smallForm form fieldset.search-form div.password div.grouping-box div.box input[type="radio"],
aside div.smallForm fieldset.comment-form div.password div.grouping-box div.box input[type="radio"],
aside div.smallForm form fieldset.search-form div.upload div.grouping-box div.box input[type="radio"],
aside div.smallForm fieldset.comment-form div.upload div.grouping-box div.box input[type="radio"],
aside div.smallForm form fieldset.search-form div.checkbox div.grouping-box div.box.full input[type="radio"],
aside div.smallForm fieldset.comment-form div.checkbox div.grouping-box div.box.full input[type="radio"],
aside div.smallForm form fieldset.search-form div.text div.grouping-box div.box.full input[type="radio"],
aside div.smallForm fieldset.comment-form div.text div.grouping-box div.box.full input[type="radio"],
aside div.smallForm form fieldset.search-form div.radio div.grouping-box div.box.full input[type="radio"],
aside div.smallForm fieldset.comment-form div.radio div.grouping-box div.box.full input[type="radio"],
aside div.smallForm form fieldset.search-form div.dropdown div.grouping-box div.box.full input[type="radio"],
aside div.smallForm fieldset.comment-form div.dropdown div.grouping-box div.box.full input[type="radio"],
aside div.smallForm form fieldset.search-form div.end div.grouping-box div.box.full input[type="radio"],
aside div.smallForm fieldset.comment-form div.end div.grouping-box div.box.full input[type="radio"],
aside div.smallForm form fieldset.search-form div.password div.grouping-box div.box.full input[type="radio"],
aside div.smallForm fieldset.comment-form div.password div.grouping-box div.box.full input[type="radio"],
aside div.smallForm form fieldset.search-form div.upload div.grouping-box div.box.full input[type="radio"],
aside div.smallForm fieldset.comment-form div.upload div.grouping-box div.box.full input[type="radio"],
aside div.smallForm form fieldset.search-form div.checkbox div.grouping-box div.box input[type="checkbox"],
aside div.smallForm fieldset.comment-form div.checkbox div.grouping-box div.box input[type="checkbox"],
aside div.smallForm form fieldset.search-form div.text div.grouping-box div.box input[type="checkbox"],
aside div.smallForm fieldset.comment-form div.text div.grouping-box div.box input[type="checkbox"],
aside div.smallForm form fieldset.search-form div.radio div.grouping-box div.box input[type="checkbox"],
aside div.smallForm fieldset.comment-form div.radio div.grouping-box div.box input[type="checkbox"],
aside div.smallForm form fieldset.search-form div.dropdown div.grouping-box div.box input[type="checkbox"],
aside div.smallForm fieldset.comment-form div.dropdown div.grouping-box div.box input[type="checkbox"],
aside div.smallForm form fieldset.search-form div.end div.grouping-box div.box input[type="checkbox"],
aside div.smallForm fieldset.comment-form div.end div.grouping-box div.box input[type="checkbox"],
aside div.smallForm form fieldset.search-form div.password div.grouping-box div.box input[type="checkbox"],
aside div.smallForm fieldset.comment-form div.password div.grouping-box div.box input[type="checkbox"],
aside div.smallForm form fieldset.search-form div.upload div.grouping-box div.box input[type="checkbox"],
aside div.smallForm fieldset.comment-form div.upload div.grouping-box div.box input[type="checkbox"],
aside div.smallForm form fieldset.search-form div.checkbox div.grouping-box div.box.full input[type="checkbox"],
aside div.smallForm fieldset.comment-form div.checkbox div.grouping-box div.box.full input[type="checkbox"],
aside div.smallForm form fieldset.search-form div.text div.grouping-box div.box.full input[type="checkbox"],
aside div.smallForm fieldset.comment-form div.text div.grouping-box div.box.full input[type="checkbox"],
aside div.smallForm form fieldset.search-form div.radio div.grouping-box div.box.full input[type="checkbox"],
aside div.smallForm fieldset.comment-form div.radio div.grouping-box div.box.full input[type="checkbox"],
aside div.smallForm form fieldset.search-form div.dropdown div.grouping-box div.box.full input[type="checkbox"],
aside div.smallForm fieldset.comment-form div.dropdown div.grouping-box div.box.full input[type="checkbox"],
aside div.smallForm form fieldset.search-form div.end div.grouping-box div.box.full input[type="checkbox"],
aside div.smallForm fieldset.comment-form div.end div.grouping-box div.box.full input[type="checkbox"],
aside div.smallForm form fieldset.search-form div.password div.grouping-box div.box.full input[type="checkbox"],
aside div.smallForm fieldset.comment-form div.password div.grouping-box div.box.full input[type="checkbox"],
aside div.smallForm form fieldset.search-form div.upload div.grouping-box div.box.full input[type="checkbox"],
aside div.smallForm fieldset.comment-form div.upload div.grouping-box div.box.full input[type="checkbox"] {
margin: 0.3125rem 0.4375rem 0.3125rem 0;
}
aside div.smallForm form fieldset.search-form div.checkbox div.grouping-box div.box input[type="checkbox"] + label,
aside div.smallForm fieldset.comment-form div.checkbox div.grouping-box div.box input[type="checkbox"] + label,
aside div.smallForm form fieldset.search-form div.text div.grouping-box div.box input[type="checkbox"] + label,
aside div.smallForm fieldset.comment-form div.text div.grouping-box div.box input[type="checkbox"] + label,
aside div.smallForm form fieldset.search-form div.radio div.grouping-box div.box input[type="checkbox"] + label,
aside div.smallForm fieldset.comment-form div.radio div.grouping-box div.box input[type="checkbox"] + label,
aside div.smallForm form fieldset.search-form div.dropdown div.grouping-box div.box input[type="checkbox"] + label,
aside div.smallForm fieldset.comment-form div.dropdown div.grouping-box div.box input[type="checkbox"] + label,
aside div.smallForm form fieldset.search-form div.end div.grouping-box div.box input[type="checkbox"] + label,
aside div.smallForm fieldset.comment-form div.end div.grouping-box div.box input[type="checkbox"] + label,
aside div.smallForm form fieldset.search-form div.password div.grouping-box div.box input[type="checkbox"] + label,
aside div.smallForm fieldset.comment-form div.password div.grouping-box div.box input[type="checkbox"] + label,
aside div.smallForm form fieldset.search-form div.upload div.grouping-box div.box input[type="checkbox"] + label,
aside div.smallForm fieldset.comment-form div.upload div.grouping-box div.box input[type="checkbox"] + label,
aside div.smallForm form fieldset.search-form div.checkbox div.grouping-box div.box.full input[type="checkbox"] + label,
aside div.smallForm fieldset.comment-form div.checkbox div.grouping-box div.box.full input[type="checkbox"] + label,
aside div.smallForm form fieldset.search-form div.text div.grouping-box div.box.full input[type="checkbox"] + label,
aside div.smallForm fieldset.comment-form div.text div.grouping-box div.box.full input[type="checkbox"] + label,
aside div.smallForm form fieldset.search-form div.radio div.grouping-box div.box.full input[type="checkbox"] + label,
aside div.smallForm fieldset.comment-form div.radio div.grouping-box div.box.full input[type="checkbox"] + label,
aside div.smallForm form fieldset.search-form div.dropdown div.grouping-box div.box.full input[type="checkbox"] + label,
aside div.smallForm fieldset.comment-form div.dropdown div.grouping-box div.box.full input[type="checkbox"] + label,
aside div.smallForm form fieldset.search-form div.end div.grouping-box div.box.full input[type="checkbox"] + label,
aside div.smallForm fieldset.comment-form div.end div.grouping-box div.box.full input[type="checkbox"] + label,
aside div.smallForm form fieldset.search-form div.password div.grouping-box div.box.full input[type="checkbox"] + label,
aside div.smallForm fieldset.comment-form div.password div.grouping-box div.box.full input[type="checkbox"] + label,
aside div.smallForm form fieldset.search-form div.upload div.grouping-box div.box.full input[type="checkbox"] + label,
aside div.smallForm fieldset.comment-form div.upload div.grouping-box div.box.full input[type="checkbox"] + label,
aside div.smallForm form fieldset.search-form div.checkbox div.grouping-box div.box input[type="radio"] + label,
aside div.smallForm fieldset.comment-form div.checkbox div.grouping-box div.box input[type="radio"] + label,
aside div.smallForm form fieldset.search-form div.text div.grouping-box div.box input[type="radio"] + label,
aside div.smallForm fieldset.comment-form div.text div.grouping-box div.box input[type="radio"] + label,
aside div.smallForm form fieldset.search-form div.radio div.grouping-box div.box input[type="radio"] + label,
aside div.smallForm fieldset.comment-form div.radio div.grouping-box div.box input[type="radio"] + label,
aside div.smallForm form fieldset.search-form div.dropdown div.grouping-box div.box input[type="radio"] + label,
aside div.smallForm fieldset.comment-form div.dropdown div.grouping-box div.box input[type="radio"] + label,
aside div.smallForm form fieldset.search-form div.end div.grouping-box div.box input[type="radio"] + label,
aside div.smallForm fieldset.comment-form div.end div.grouping-box div.box input[type="radio"] + label,
aside div.smallForm form fieldset.search-form div.password div.grouping-box div.box input[type="radio"] + label,
aside div.smallForm fieldset.comment-form div.password div.grouping-box div.box input[type="radio"] + label,
aside div.smallForm form fieldset.search-form div.upload div.grouping-box div.box input[type="radio"] + label,
aside div.smallForm fieldset.comment-form div.upload div.grouping-box div.box input[type="radio"] + label,
aside div.smallForm form fieldset.search-form div.checkbox div.grouping-box div.box.full input[type="radio"] + label,
aside div.smallForm fieldset.comment-form div.checkbox div.grouping-box div.box.full input[type="radio"] + label,
aside div.smallForm form fieldset.search-form div.text div.grouping-box div.box.full input[type="radio"] + label,
aside div.smallForm fieldset.comment-form div.text div.grouping-box div.box.full input[type="radio"] + label,
aside div.smallForm form fieldset.search-form div.radio div.grouping-box div.box.full input[type="radio"] + label,
aside div.smallForm fieldset.comment-form div.radio div.grouping-box div.box.full input[type="radio"] + label,
aside div.smallForm form fieldset.search-form div.dropdown div.grouping-box div.box.full input[type="radio"] + label,
aside div.smallForm fieldset.comment-form div.dropdown div.grouping-box div.box.full input[type="radio"] + label,
aside div.smallForm form fieldset.search-form div.end div.grouping-box div.box.full input[type="radio"] + label,
aside div.smallForm fieldset.comment-form div.end div.grouping-box div.box.full input[type="radio"] + label,
aside div.smallForm form fieldset.search-form div.password div.grouping-box div.box.full input[type="radio"] + label,
aside div.smallForm fieldset.comment-form div.password div.grouping-box div.box.full input[type="radio"] + label,
aside div.smallForm form fieldset.search-form div.upload div.grouping-box div.box.full input[type="radio"] + label,
aside div.smallForm fieldset.comment-form div.upload div.grouping-box div.box.full input[type="radio"] + label {
line-height: 1.5;
padding-top: 0.1875rem;
padding-bottom: 0.1875rem;
width: calc(100% - 1.4375rem);
box-sizing: border-box;
margin-bottom: 0.5rem;
}
aside div.smallForm form fieldset.search-form div.checkbox div.grouping-box div.box .flatpickr-input,
aside div.smallForm fieldset.comment-form div.checkbox div.grouping-box div.box .flatpickr-input,
aside div.smallForm form fieldset.search-form div.text div.grouping-box div.box .flatpickr-input,
aside div.smallForm fieldset.comment-form div.text div.grouping-box div.box .flatpickr-input,
aside div.smallForm form fieldset.search-form div.radio div.grouping-box div.box .flatpickr-input,
aside div.smallForm fieldset.comment-form div.radio div.grouping-box div.box .flatpickr-input,
aside div.smallForm form fieldset.search-form div.dropdown div.grouping-box div.box .flatpickr-input,
aside div.smallForm fieldset.comment-form div.dropdown div.grouping-box div.box .flatpickr-input,
aside div.smallForm form fieldset.search-form div.end div.grouping-box div.box .flatpickr-input,
aside div.smallForm fieldset.comment-form div.end div.grouping-box div.box .flatpickr-input,
aside div.smallForm form fieldset.search-form div.password div.grouping-box div.box .flatpickr-input,
aside div.smallForm fieldset.comment-form div.password div.grouping-box div.box .flatpickr-input,
aside div.smallForm form fieldset.search-form div.upload div.grouping-box div.box .flatpickr-input,
aside div.smallForm fieldset.comment-form div.upload div.grouping-box div.box .flatpickr-input,
aside div.smallForm form fieldset.search-form div.checkbox div.grouping-box div.box.full .flatpickr-input,
aside div.smallForm fieldset.comment-form div.checkbox div.grouping-box div.box.full .flatpickr-input,
aside div.smallForm form fieldset.search-form div.text div.grouping-box div.box.full .flatpickr-input,
aside div.smallForm fieldset.comment-form div.text div.grouping-box div.box.full .flatpickr-input,
aside div.smallForm form fieldset.search-form div.radio div.grouping-box div.box.full .flatpickr-input,
aside div.smallForm fieldset.comment-form div.radio div.grouping-box div.box.full .flatpickr-input,
aside div.smallForm form fieldset.search-form div.dropdown div.grouping-box div.box.full .flatpickr-input,
aside div.smallForm fieldset.comment-form div.dropdown div.grouping-box div.box.full .flatpickr-input,
aside div.smallForm form fieldset.search-form div.end div.grouping-box div.box.full .flatpickr-input,
aside div.smallForm fieldset.comment-form div.end div.grouping-box div.box.full .flatpickr-input,
aside div.smallForm form fieldset.search-form div.password div.grouping-box div.box.full .flatpickr-input,
aside div.smallForm fieldset.comment-form div.password div.grouping-box div.box.full .flatpickr-input,
aside div.smallForm form fieldset.search-form div.upload div.grouping-box div.box.full .flatpickr-input,
aside div.smallForm fieldset.comment-form div.upload div.grouping-box div.box.full .flatpickr-input,
aside div.smallForm form fieldset.search-form div.checkbox div.grouping-box div.box .flatpickr-input[readonly],
aside div.smallForm fieldset.comment-form div.checkbox div.grouping-box div.box .flatpickr-input[readonly],
aside div.smallForm form fieldset.search-form div.text div.grouping-box div.box .flatpickr-input[readonly],
aside div.smallForm fieldset.comment-form div.text div.grouping-box div.box .flatpickr-input[readonly],
aside div.smallForm form fieldset.search-form div.radio div.grouping-box div.box .flatpickr-input[readonly],
aside div.smallForm fieldset.comment-form div.radio div.grouping-box div.box .flatpickr-input[readonly],
aside div.smallForm form fieldset.search-form div.dropdown div.grouping-box div.box .flatpickr-input[readonly],
aside div.smallForm fieldset.comment-form div.dropdown div.grouping-box div.box .flatpickr-input[readonly],
aside div.smallForm form fieldset.search-form div.end div.grouping-box div.box .flatpickr-input[readonly],
aside div.smallForm fieldset.comment-form div.end div.grouping-box div.box .flatpickr-input[readonly],
aside div.smallForm form fieldset.search-form div.password div.grouping-box div.box .flatpickr-input[readonly],
aside div.smallForm fieldset.comment-form div.password div.grouping-box div.box .flatpickr-input[readonly],
aside div.smallForm form fieldset.search-form div.upload div.grouping-box div.box .flatpickr-input[readonly],
aside div.smallForm fieldset.comment-form div.upload div.grouping-box div.box .flatpickr-input[readonly],
aside div.smallForm form fieldset.search-form div.checkbox div.grouping-box div.box.full .flatpickr-input[readonly],
aside div.smallForm fieldset.comment-form div.checkbox div.grouping-box div.box.full .flatpickr-input[readonly],
aside div.smallForm form fieldset.search-form div.text div.grouping-box div.box.full .flatpickr-input[readonly],
aside div.smallForm fieldset.comment-form div.text div.grouping-box div.box.full .flatpickr-input[readonly],
aside div.smallForm form fieldset.search-form div.radio div.grouping-box div.box.full .flatpickr-input[readonly],
aside div.smallForm fieldset.comment-form div.radio div.grouping-box div.box.full .flatpickr-input[readonly],
aside div.smallForm form fieldset.search-form div.dropdown div.grouping-box div.box.full .flatpickr-input[readonly],
aside div.smallForm fieldset.comment-form div.dropdown div.grouping-box div.box.full .flatpickr-input[readonly],
aside div.smallForm form fieldset.search-form div.end div.grouping-box div.box.full .flatpickr-input[readonly],
aside div.smallForm fieldset.comment-form div.end div.grouping-box div.box.full .flatpickr-input[readonly],
aside div.smallForm form fieldset.search-form div.password div.grouping-box div.box.full .flatpickr-input[readonly],
aside div.smallForm fieldset.comment-form div.password div.grouping-box div.box.full .flatpickr-input[readonly],
aside div.smallForm form fieldset.search-form div.upload div.grouping-box div.box.full .flatpickr-input[readonly],
aside div.smallForm fieldset.comment-form div.upload div.grouping-box div.box.full .flatpickr-input[readonly],
aside div.smallForm form fieldset.search-form div.checkbox div.grouping-box div.box #form-mobile-news-search-form-text-time-beginning,
aside div.smallForm fieldset.comment-form div.checkbox div.grouping-box div.box #form-mobile-news-search-form-text-time-beginning,
aside div.smallForm form fieldset.search-form div.text div.grouping-box div.box #form-mobile-news-search-form-text-time-beginning,
aside div.smallForm fieldset.comment-form div.text div.grouping-box div.box #form-mobile-news-search-form-text-time-beginning,
aside div.smallForm form fieldset.search-form div.radio div.grouping-box div.box #form-mobile-news-search-form-text-time-beginning,
aside div.smallForm fieldset.comment-form div.radio div.grouping-box div.box #form-mobile-news-search-form-text-time-beginning,
aside div.smallForm form fieldset.search-form div.dropdown div.grouping-box div.box #form-mobile-news-search-form-text-time-beginning,
aside div.smallForm fieldset.comment-form div.dropdown div.grouping-box div.box #form-mobile-news-search-form-text-time-beginning,
aside div.smallForm form fieldset.search-form div.end div.grouping-box div.box #form-mobile-news-search-form-text-time-beginning,
aside div.smallForm fieldset.comment-form div.end div.grouping-box div.box #form-mobile-news-search-form-text-time-beginning,
aside div.smallForm form fieldset.search-form div.password div.grouping-box div.box #form-mobile-news-search-form-text-time-beginning,
aside div.smallForm fieldset.comment-form div.password div.grouping-box div.box #form-mobile-news-search-form-text-time-beginning,
aside div.smallForm form fieldset.search-form div.upload div.grouping-box div.box #form-mobile-news-search-form-text-time-beginning,
aside div.smallForm fieldset.comment-form div.upload div.grouping-box div.box #form-mobile-news-search-form-text-time-beginning,
aside div.smallForm form fieldset.search-form div.checkbox div.grouping-box div.box.full #form-mobile-news-search-form-text-time-beginning,
aside div.smallForm fieldset.comment-form div.checkbox div.grouping-box div.box.full #form-mobile-news-search-form-text-time-beginning,
aside div.smallForm form fieldset.search-form div.text div.grouping-box div.box.full #form-mobile-news-search-form-text-time-beginning,
aside div.smallForm fieldset.comment-form div.text div.grouping-box div.box.full #form-mobile-news-search-form-text-time-beginning,
aside div.smallForm form fieldset.search-form div.radio div.grouping-box div.box.full #form-mobile-news-search-form-text-time-beginning,
aside div.smallForm fieldset.comment-form div.radio div.grouping-box div.box.full #form-mobile-news-search-form-text-time-beginning,
aside div.smallForm form fieldset.search-form div.dropdown div.grouping-box div.box.full #form-mobile-news-search-form-text-time-beginning,
aside div.smallForm fieldset.comment-form div.dropdown div.grouping-box div.box.full #form-mobile-news-search-form-text-time-beginning,
aside div.smallForm form fieldset.search-form div.end div.grouping-box div.box.full #form-mobile-news-search-form-text-time-beginning,
aside div.smallForm fieldset.comment-form div.end div.grouping-box div.box.full #form-mobile-news-search-form-text-time-beginning,
aside div.smallForm form fieldset.search-form div.password div.grouping-box div.box.full #form-mobile-news-search-form-text-time-beginning,
aside div.smallForm fieldset.comment-form div.password div.grouping-box div.box.full #form-mobile-news-search-form-text-time-beginning,
aside div.smallForm form fieldset.search-form div.upload div.grouping-box div.box.full #form-mobile-news-search-form-text-time-beginning,
aside div.smallForm fieldset.comment-form div.upload div.grouping-box div.box.full #form-mobile-news-search-form-text-time-beginning,
aside div.smallForm form fieldset.search-form div.checkbox div.grouping-box div.box #form-mobile-news-search-form-text-time-end,
aside div.smallForm fieldset.comment-form div.checkbox div.grouping-box div.box #form-mobile-news-search-form-text-time-end,
aside div.smallForm form fieldset.search-form div.text div.grouping-box div.box #form-mobile-news-search-form-text-time-end,
aside div.smallForm fieldset.comment-form div.text div.grouping-box div.box #form-mobile-news-search-form-text-time-end,
aside div.smallForm form fieldset.search-form div.radio div.grouping-box div.box #form-mobile-news-search-form-text-time-end,
aside div.smallForm fieldset.comment-form div.radio div.grouping-box div.box #form-mobile-news-search-form-text-time-end,
aside div.smallForm form fieldset.search-form div.dropdown div.grouping-box div.box #form-mobile-news-search-form-text-time-end,
aside div.smallForm fieldset.comment-form div.dropdown div.grouping-box div.box #form-mobile-news-search-form-text-time-end,
aside div.smallForm form fieldset.search-form div.end div.grouping-box div.box #form-mobile-news-search-form-text-time-end,
aside div.smallForm fieldset.comment-form div.end div.grouping-box div.box #form-mobile-news-search-form-text-time-end,
aside div.smallForm form fieldset.search-form div.password div.grouping-box div.box #form-mobile-news-search-form-text-time-end,
aside div.smallForm fieldset.comment-form div.password div.grouping-box div.box #form-mobile-news-search-form-text-time-end,
aside div.smallForm form fieldset.search-form div.upload div.grouping-box div.box #form-mobile-news-search-form-text-time-end,
aside div.smallForm fieldset.comment-form div.upload div.grouping-box div.box #form-mobile-news-search-form-text-time-end,
aside div.smallForm form fieldset.search-form div.checkbox div.grouping-box div.box.full #form-mobile-news-search-form-text-time-end,
aside div.smallForm fieldset.comment-form div.checkbox div.grouping-box div.box.full #form-mobile-news-search-form-text-time-end,
aside div.smallForm form fieldset.search-form div.text div.grouping-box div.box.full #form-mobile-news-search-form-text-time-end,
aside div.smallForm fieldset.comment-form div.text div.grouping-box div.box.full #form-mobile-news-search-form-text-time-end,
aside div.smallForm form fieldset.search-form div.radio div.grouping-box div.box.full #form-mobile-news-search-form-text-time-end,
aside div.smallForm fieldset.comment-form div.radio div.grouping-box div.box.full #form-mobile-news-search-form-text-time-end,
aside div.smallForm form fieldset.search-form div.dropdown div.grouping-box div.box.full #form-mobile-news-search-form-text-time-end,
aside div.smallForm fieldset.comment-form div.dropdown div.grouping-box div.box.full #form-mobile-news-search-form-text-time-end,
aside div.smallForm form fieldset.search-form div.end div.grouping-box div.box.full #form-mobile-news-search-form-text-time-end,
aside div.smallForm fieldset.comment-form div.end div.grouping-box div.box.full #form-mobile-news-search-form-text-time-end,
aside div.smallForm form fieldset.search-form div.password div.grouping-box div.box.full #form-mobile-news-search-form-text-time-end,
aside div.smallForm fieldset.comment-form div.password div.grouping-box div.box.full #form-mobile-news-search-form-text-time-end,
aside div.smallForm form fieldset.search-form div.upload div.grouping-box div.box.full #form-mobile-news-search-form-text-time-end,
aside div.smallForm fieldset.comment-form div.upload div.grouping-box div.box.full #form-mobile-news-search-form-text-time-end {
padding: 0.5rem 0.1875rem 0.5rem 0.1875rem;
}
input.date.flatpickr-mobile {
font-size: 1rem !important;
min-width: 7.5rem !important;
}
.date > .grouping-box div.box {
width: 9.3rem !important;
padding-right: 0 !important;
margin-right: 0.8rem;
}
.rightcol > .date > div.box.flatpickr-calendar-end {
float: inherit !important;
}
}
@media screen and (max-width: 767px) {
.search-extended--mobile-web,
.search-extended--mobile-language {
width: 100%;
float: left;
}
.searchResult .navigation .nav-elements ul.paging {
display: none;
}
.formAddonLink,
form .search-form,
.comment-form {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
body.search fieldset.search-form.extended .search-extended--mobile-web ul li,
body.search fieldset.search-form.extended .search-extended--mobile-language ul li {
clear: none;
}
body.search fieldset.search-form.extended ul li {
clear: both;
}
div.formAddonLink div.grouping-box div.box label span,
form fieldset.search-form div.grouping-box div.box label span,
div.formAddonLink,
div.result,
form fieldset.search-form,
fieldset.comment-form {
font-size: 1.125rem !important;
line-height: 1.6 !important;
}
fieldset.search-form .grouping-box .box .option input[type="radio"] {
width: auto !important;
display: inline-block;
clear: none;
}
fieldset.search-form .grouping-box .box .option label {
display: inline-block;
width: auto;
clear: none;
}
.jsondisplay button.icon {
margin-top: 0.75rem;
}
.jsondisplay input.form_field {
width: 100% !important;
}
}
@media screen and (max-width: 440px) {
body.search fieldset.search-form.extended .search-extended--mobile-web ul li,
body.search fieldset.search-form.extended .search-extended--mobile-language ul li {
clear: both;
}
body.search fieldset.search-form.extended ul li {
clear: both;
}
}
/* Variables
----------------------------------------------------------------------------------------------------*/
div.fullwidthimage figure img {
height: auto;
}
figure.fullwidthimage {
width: 100%;
position: relative;
margin-bottom: 1.5625rem;
margin-top: 0.25rem;
}
figure.fullwidthimage.home {
margin-top: 0;
}
figure.fullwidthimage img {
width: 100%;
height: auto;
}
figure.fullwidthimage a {
cursor: pointer;
display: block;
position: relative;
}
figure.fullwidthimage a span.detail {
background: url(img/icons/svg/search-small-plus.svg) no-repeat #000000;
position: absolute;
height: 1.5rem;
width: 1.5rem;
right: 0;
bottom: 0;
display: none;
background-position: 50% 50%;
background-size: 66% 66%;
}
figure.fullwidthimage figcaption {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
font-size: 0.75rem;
line-height: 1.125;
font-weight: normal;
color: #6a7277;
background-color: transparent;
text-align: left;
padding-top: 0.1875rem;
}
figure.fullwidthimage.home figcaption {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
background-color: rgba(0, 0, 0, 0.7);
padding: 0.75rem 0;
font-weight: normal;
}
figure.fullwidthimage.home figcaption .imagecaption {
padding: 0 0.75rem;
}
.sublogo {
max-height: 8.125rem;
overflow: hidden;
}
.sublogo figure.fullwidthimage {
width: 11.75rem;
padding-right: 0.625rem;
margin-top: 0;
}
.sublogo figure.fullwidthimage img {
width: 11.75rem ! important;
}
.sublogo.home figure.fullwidthimage {
padding: 0;
width: 11.75rem;
background-color: #fff;
}
.sublogo.home figure.fullwidthimage img {
width: 11.75rem;
}
aside div#greenBox > .sublogo {
margin-left: 0;
}
aside div#greenBox > .sublogo .fullwidthimage {
margin-top: 0;
}
aside div.fullwidthimage figure {
width: 11.75rem;
}
aside div.fullwidthimage figure img {
width: 11.75rem;
}
aside div.contextinfo div.fullwidthimage figure {
width: 10.5rem;
}
aside div.contextinfo div.fullwidthimage figure img {
width: 10.5rem;
}
aside div.refNote h2,
aside div.refNote li,
aside div.refNote p {
font-size: 0.75rem;
line-height: 1.125rem;
}
aside div.refNote ul.linklist li div.link a {
font-size: 0.75rem;
line-height: 0.875rem;
}
.slideshow {
width: 100%;
margin-bottom: 1.5rem;
}
.gallery {
clear: both;
}
.gallery .items,
.gallery ul {
clear: both;
}
.gallery .items li,
.gallery ul li {
float: left;
}
.gallery .items li a,
.gallery ul li a {
display: block;
height: 100%;
position: relative;
overflow: hidden;
}
.gallery .items li a:hover,
.gallery ul li a:hover {
border-bottom: none;
}
.gallery .items li:first-child,
.gallery ul li:first-child {
clear: both;
}
.gallery .items figure,
.gallery ul figure {
position: relative;
float: left;
display: block;
background-color: #eaecee;
text-align: center;
}
.gallery .items figure a,
.gallery ul figure a {
position: relative;
}
.gallery .items figure a .detail,
.gallery ul figure a .detail {
background: url(img/icons/svg/search-small-plus.svg) no-repeat #000000;
position: absolute;
height: 1.5rem;
width: 1.5rem;
right: 0;
bottom: 0;
display: none;
background-position: 4px 4px;
}
.gallery .items figure a:hover .detail,
.gallery ul figure a:hover .detail {
display: block;
}
.gallery .items figure figcaption,
.gallery ul figure figcaption {
font-size: 0.75rem;
font-weight: normal;
color: #6a7277;
background-color: #ffffff;
text-align: left;
}
.gallery5image {
margin-bottom: 1.875rem;
}
.gallery5image .items,
.gallery5image ul {
width: 29.6875rem;
}
.gallery5image .items figure,
.gallery5image ul figure {
margin-right: 0.625rem;
margin-top: 0.625rem;
width: 5.3125rem;
}
.gallery5image .items figure div,
.gallery5image ul figure div {
line-height: calc(3.9375rem - 2px);
min-height: 3.9375rem;
}
.gallery5image .items figure img,
.gallery5image ul figure img {
max-width: 5.3125rem;
max-height: 3.9375rem;
height: auto;
}
.gallery5image .items figure figcaption,
.gallery5image ul figure figcaption {
width: 5.3125rem;
}
.gallery3image {
margin-bottom: 1.875rem;
}
.gallery3image .items,
.gallery3image ul {
width: 30rem;
}
.gallery3image .items figure,
.gallery3image ul figure {
margin-right: 0.625rem;
margin-top: 0.4rem;
width: 9.25rem;
}
.gallery3image .items figure div,
.gallery3image ul figure div {
line-height: calc(6.9375rem - 2px);
min-height: 6.9375rem;
}
.gallery3image .items figure img,
.gallery3image ul figure img {
max-width: 9.25rem;
max-height: 6.9375rem;
height: auto;
}
.gallery3image .items figure figcaption,
.gallery3image ul figure figcaption {
width: 9.25rem;
}
.charttable .gallery3image {
margin-bottom: 1.875rem;
display: inline-block;
}
.charttable .gallery3image .items,
.charttable .gallery3image ul {
width: 100%;
}
.charttable .gallery3image .items li,
.charttable .gallery3image ul li {
min-height: 0;
width: 31.7%;
padding-top: 0.5rem;
margin-right: 0.65rem;
}
.charttable .gallery3image .items li:nth-child(3n),
.charttable .gallery3image ul li:nth-child(3n) {
margin-right: 0;
}
.charttable .gallery3image .items li .chart-download,
.charttable .gallery3image ul li .chart-download {
display: block;
clear: both;
}
.charttable .gallery3image .items li figure,
.charttable .gallery3image ul li figure {
background-color: transparent;
margin-top: 0.4rem;
padding-bottom: 0.125rem;
width: 100%;
}
.charttable .gallery3image .items li figure img,
.charttable .gallery3image ul li figure img {
max-height: none;
height: auto;
width: 100%;
}
.charttable .gallery3image .items li figure figcaption,
.charttable .gallery3image ul li figure figcaption {
min-height: 0;
background: none;
}
#overviewContainer figure.fullwidthimage {
margin-bottom: 0;
}
.contactbox,
.eventListBox,
.searchResultList .link-wrap,
figcaption {
display: block;
}
@media screen and (min-width: 1280px) {
.gallery .items figure a .detail,
.gallery ul figure a .detail {
background-position: 50%;
}
}
@media screen and (min-width: 1025px) {
.sublogo-mobile {
display: none;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.gallery3image,
.charttable .gallery3image {
margin-bottom: 1.875rem;
}
.gallery3image .items,
.charttable .gallery3image .items,
.gallery3image ul,
.charttable .gallery3image ul {
width: 100%;
}
.gallery3image .items li,
.charttable .gallery3image .items li,
.gallery3image ul li,
.charttable .gallery3image ul li {
width: 32%;
margin-right: 2%;
}
.gallery3image .items li:nth-child(3n),
.charttable .gallery3image .items li:nth-child(3n),
.gallery3image ul li:nth-child(3n),
.charttable .gallery3image ul li:nth-child(3n) {
margin-right: 0;
}
.gallery3image .items li:first-child,
.charttable .gallery3image .items li:first-child,
.gallery3image ul li:first-child,
.charttable .gallery3image ul li:first-child {
clear: none;
}
.gallery3image .items figure,
.charttable .gallery3image .items figure,
.gallery3image ul figure,
.charttable .gallery3image ul figure {
margin-right: 0;
margin-top: 0.4rem;
width: 100%;
}
.gallery3image .items figure div,
.charttable .gallery3image .items figure div,
.gallery3image ul figure div,
.charttable .gallery3image ul figure div {
line-height: calc(6.9375rem - 2px);
min-height: 6.9375rem;
}
.gallery3image .items figure img,
.charttable .gallery3image .items figure img,
.gallery3image ul figure img,
.charttable .gallery3image ul figure img {
max-width: 100%;
max-height: 6.9375rem;
height: auto;
}
.gallery3image .items figure figcaption,
.charttable .gallery3image .items figure figcaption,
.gallery3image ul figure figcaption,
.charttable .gallery3image ul figure figcaption {
width: 100%;
}
.gallery5image .items,
.gallery5image ul {
width: 100%;
}
.gallery5image .items li,
.gallery5image ul li {
width: 18.4%;
margin-right: 2%;
}
.gallery5image .items li:nth-child(5n),
.gallery5image ul li:nth-child(5n) {
margin-right: 0;
}
.gallery5image .items figure,
.gallery5image ul figure {
margin-right: 0;
margin-top: 0.625rem;
width: 100%;
}
.gallery5image .items figure div,
.gallery5image ul figure div {
line-height: calc(4.9375rem - 2px);
min-height: 4.9375rem;
}
.gallery5image .items figure img,
.gallery5image ul figure img {
max-width: 100%;
max-height: 4.9375rem;
height: auto;
}
.gallery5image .items figure figcaption,
.gallery5image ul figure figcaption {
width: 100%;
}
.charttable .gallery3image ul li figure img {
width: 12.25rem;
}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
.gallery3image,
.charttable .gallery3image {
margin-bottom: 1.875rem;
}
.gallery3image .items,
.charttable .gallery3image .items,
.gallery3image ul,
.charttable .gallery3image ul {
width: 100%;
}
.gallery3image .items li,
.charttable .gallery3image .items li,
.gallery3image ul li,
.charttable .gallery3image ul li {
width: 32%;
margin-right: 2%;
}
.gallery3image .items li:nth-child(3n),
.charttable .gallery3image .items li:nth-child(3n),
.gallery3image ul li:nth-child(3n),
.charttable .gallery3image ul li:nth-child(3n) {
margin-right: 0;
}
.gallery3image .items li:first-child,
.charttable .gallery3image .items li:first-child,
.gallery3image ul li:first-child,
.charttable .gallery3image ul li:first-child {
clear: none;
}
.gallery3image .items figure,
.charttable .gallery3image .items figure,
.gallery3image ul figure,
.charttable .gallery3image ul figure {
margin-right: 0;
margin-top: 0.4rem;
width: 100%;
}
.gallery3image .items figure div,
.charttable .gallery3image .items figure div,
.gallery3image ul figure div,
.charttable .gallery3image ul figure div {
line-height: calc(6.9375rem - 2px);
min-height: 6.9375rem;
}
.gallery3image .items figure img,
.charttable .gallery3image .items figure img,
.gallery3image ul figure img,
.charttable .gallery3image ul figure img {
max-width: 100%;
max-height: 6.9375rem;
height: auto;
}
.gallery3image .items figure figcaption,
.charttable .gallery3image .items figure figcaption,
.gallery3image ul figure figcaption,
.charttable .gallery3image ul figure figcaption {
width: 100%;
}
.charttable .gallery3image ul li figure img {
width: 13.25rem;
}
}
@media screen and (min-width: 593px) and (max-width: 767px) {
.gallery5image .items,
.gallery5image ul {
width: 100%;
}
.gallery5image .items li,
.gallery5image ul li {
width: 23.5%;
margin-right: 2%;
}
.gallery5image .items li:nth-child(4n),
.gallery5image ul li:nth-child(4n) {
margin-right: 0;
}
.gallery5image .items figure,
.gallery5image ul figure {
margin-right: 0;
margin-top: 0.625rem;
width: 100%;
}
.gallery5image .items figure div,
.gallery5image ul figure div {
line-height: calc(5.9375rem - 2px);
min-height: 5.9375rem;
}
.gallery5image .items figure img,
.gallery5image ul figure img {
max-width: 100%;
max-height: 5.9375rem;
height: auto;
}
.gallery5image .items figure figcaption,
.gallery5image ul figure figcaption {
width: 100%;
}
}
@media screen and (min-width: 480px) and (max-width: 592px) {
.gallery5image .items,
.gallery5image ul {
width: 100%;
}
.gallery5image .items li,
.gallery5image ul li {
width: 32%;
margin-right: 2%;
}
.gallery5image .items li:nth-child(3n),
.gallery5image ul li:nth-child(3n) {
margin-right: 0;
}
.gallery5image .items figure,
.gallery5image ul figure {
margin-right: 0;
margin-top: 0.625rem;
width: 100%;
}
.gallery5image .items figure div,
.gallery5image ul figure div {
line-height: calc(5.9375rem - 2px);
min-height: 5.9375rem;
}
.gallery5image .items figure img,
.gallery5image ul figure img {
max-width: 100%;
max-height: 5.9375rem;
height: auto;
}
.gallery5image .items figure figcaption,
.gallery5image ul figure figcaption {
width: 100%;
}
}
.topstory figure {
max-width: none !important;
width: 100% !important;
}
@media screen and (max-width: 1024px) {
.sublogo {
display: none;
}
.searchResultList .link-wrap {
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.searchResultList .link-wrap a {
display: block;
}
.contentMain .textimage figure,
#contentMain .textimage figure,
#mainContent .textimage figure,
#overviewContainer aside .textimage figure {
padding-bottom: 0.75rem;
}
figcaption,
div.text_image figure figcaption,
figcaption > div.imagecaption,
.gallery .items figure figcaption,
.gallery ul figure figcaption {
font-size: 0.875rem;
}
figcaption a,
div.text_image figure figcaption a,
figcaption > div.imagecaption a,
.gallery .items figure figcaption a,
.gallery ul figure figcaption a {
font-size: 0.875rem;
}
figure.fullwidthimage figcaption {
padding-top: 0.5625rem;
}
figure {
display: block !important;
}
.gallery .items figure a .detail,
.gallery ul figure a .detail,
figure.fullwidthimage a span.detail {
display: block !important;
}
div.textimage figure {
margin-right: 0.75rem;
margin-bottom: 0.75rem;
}
#mainContent figure.grid_1,
#contentMain figure.grid_1 {
width: 22.5% !important;
max-width: 5.5625rem !important;
}
#mainContent figure.grid_2,
#contentMain figure.grid_2 {
width: 35% !important;
max-width: 11.75rem !important;
}
#mainContent figure.grid_2_5,
#contentMain figure.grid_2_5 {
width: 35% !important;
max-width: 11.75rem !important;
}
#mainContent .twocolumns .cols-2 figure.grid_1,
#contentMain .twocolumns .cols-2 figure.grid_1 {
width: 100% !important;
max-width: none !important;
float: none;
}
#mainContent .twocolumns .cols-2 figure.grid_1 img,
#contentMain .twocolumns .cols-2 figure.grid_1 img {
width: 5.5625rem !important;
}
#mainContent .twocolumns .cols-2 figure.grid_1 a span.detail,
#contentMain .twocolumns .cols-2 figure.grid_1 a span.detail {
left: 4rem !important;
right: initial !important;
}
#mainContent .twocolumns .cols-2 figure.grid_2,
#contentMain .twocolumns .cols-2 figure.grid_2,
#mainContent .twocolumns .cols-2 figure.grid_2_5,
#contentMain .twocolumns .cols-2 figure.grid_2_5 {
width: 100% !important;
max-width: none !important;
float: none;
}
#mainContent .twocolumns .cols-2 figure.grid_2 img,
#contentMain .twocolumns .cols-2 figure.grid_2 img,
#mainContent .twocolumns .cols-2 figure.grid_2_5 img,
#contentMain .twocolumns .cols-2 figure.grid_2_5 img {
width: 47.5% !important;
max-width: none !important;
}
#mainContent .twocolumns .cols-2 figure.grid_2 a span.detail,
#contentMain .twocolumns .cols-2 figure.grid_2 a span.detail,
#mainContent .twocolumns .cols-2 figure.grid_2_5 a span.detail,
#contentMain .twocolumns .cols-2 figure.grid_2_5 a span.detail {
left: calc(47.5% - 25px) !important;
right: initial !important;
}
.twocolumns .cols-2 .figureInContactBox {
width: 100% !important;
margin-right: 0;
float: none !important;
}
.twocolumns .cols-2 .figureInContactBox figure {
width: 100%;
}
.twocolumns .cols-2 .figureInContactBox img {
width: 47.5% !important;
max-width: 8.125rem !important;
}
#mainContent .grid_2.figureInContactBox,
#contentMain .grid_2.figureInContactBox {
float: left !important;
margin-right: 0.625rem;
width: 8.125rem !important;
}
#mainContent .grid_2.figureInContactBox img,
#contentMain .grid_2.figureInContactBox img {
width: 100% !important;
}
.responsiveTab .grid_2.figureInContactBox img {
width: auto !important;
}
#mainContent .twocolumns .cols-2 .figureInContactBox.grid_2,
#contentMain .twocolumns .cols-2 .figureInContactBox.grid_2 {
width: 100% !important;
margin-right: 0;
float: none !important;
max-width: none !important;
}
#mainContent .twocolumns .cols-2 .figureInContactBox.grid_2 img,
#contentMain .twocolumns .cols-2 .figureInContactBox.grid_2 img {
width: 47.5% !important;
max-width: 8.125rem !important;
}
aside.grid_2 div.contextinfo figure.grid_1 {
width: 5.5625rem !important;
}
aside.grid_2 div.contextinfo figure.grid_2 {
width: 11.75rem !important;
}
aside.grid_2 div.contextinfo figure.grid_2_5 {
width: 14.1875rem !important;
float: none;
}
aside.grid_2 div.contextinfo figure.fullwidthimage {
float: none;
width: 10.5rem !important;
}
#contentMain .newsList .newsListBox .info .items figure {
width: 100% !important;
max-width: none !important;
margin-right: 0;
}
#contentMain .newsList .newsListBox .info figure {
width: 22.5% !important;
max-width: 5.5625rem !important;
min-width: 0;
}
}
@media screen and (max-width: 767px) {
#mainContent figure.grid_1,
#contentMain figure.grid_1 {
width: 30% !important;
max-width: 5.5625rem !important;
}
#mainContent figure.grid_2,
#contentMain figure.grid_2 {
width: 30% !important;
max-width: 5.5625rem !important;
}
#mainContent figure.grid_2_5,
#contentMain figure.grid_2_5 {
width: 100% !important;
max-width: 23.75rem !important;
float: none;
}
#mainContent figure.fullwidthimage,
#contentMain figure.fullwidthimage {
width: 100% !important;
max-width: none !important;
float: none;
}
#mainContent .twocolumns .cols-2 figure.grid_1,
#contentMain .twocolumns .cols-2 figure.grid_1 {
width: 30% !important;
max-width: 5.5625rem !important;
float: left;
}
#mainContent .twocolumns .cols-2 figure.grid_1 img,
#contentMain .twocolumns .cols-2 figure.grid_1 img {
width: 100% !important;
}
#mainContent .twocolumns .cols-2 figure.grid_1 a span.detail,
#contentMain .twocolumns .cols-2 figure.grid_1 a span.detail {
left: initial !important;
right: 0 !important;
}
#mainContent .twocolumns .cols-2 figure.grid_2,
#contentMain .twocolumns .cols-2 figure.grid_2 {
width: 30% !important;
max-width: 11.75rem !important;
float: left;
}
#mainContent .twocolumns .cols-2 figure.grid_2 img,
#contentMain .twocolumns .cols-2 figure.grid_2 img {
width: 100% !important;
}
#mainContent .twocolumns .cols-2 figure.grid_2 a span.detail,
#contentMain .twocolumns .cols-2 figure.grid_2 a span.detail {
left: initial !important;
right: 0 !important;
}
#mainContent .twocolumns .cols-2 figure.grid_2_5,
#contentMain .twocolumns .cols-2 figure.grid_2_5 {
width: 100% !important;
max-width: 23.75rem !important;
float: none;
}
#mainContent .twocolumns .cols-2 figure.grid_2_5 img,
#contentMain .twocolumns .cols-2 figure.grid_2_5 img {
width: 100% !important;
}
#mainContent .twocolumns .cols-2 figure.grid_2_5 a span.detail,
#contentMain .twocolumns .cols-2 figure.grid_2_5 a span.detail {
left: initial !important;
right: 0 !important;
}
aside.grid_2 div.contextinfo figure.grid_1 {
width: 100% !important;
}
aside.grid_2 div.contextinfo figure.grid_1 img {
width: 5.5625rem !important;
float: none;
}
aside.grid_2 div.contextinfo figure.grid_1 a span.detail {
left: 4rem !important;
right: initial !important;
}
aside.grid_2 div.contextinfo figure.grid_2 {
width: 100% !important;
}
aside.grid_2 div.contextinfo figure.grid_2 img {
width: 11.75rem !important;
float: none;
}
aside.grid_2 div.contextinfo figure.grid_2 a span.detail {
left: 10.1875rem !important;
right: initial !important;
}
aside.grid_2 div.contextinfo figure.grid_2_5 {
width: 100% !important;
}
aside.grid_2 div.contextinfo figure.grid_2_5 img {
width: 14.1875rem !important;
float: none;
}
aside.grid_2 div.contextinfo figure.grid_2_5 a span.detail {
left: 12.625rem !important;
right: initial !important;
}
aside.grid_2 div.contextinfo figure.fullwidthimage {
width: 100% !important;
}
aside.grid_2 div.contextinfo figure.fullwidthimage img {
width: 10.5rem !important;
float: none;
}
aside.grid_2 div.contextinfo figure.fullwidthimage a span.detail {
left: 8.9395rem !important;
right: initial !important;
}
#mainContent .grid_2.figureInContactBox,
#contentMain .grid_2.figureInContactBox,
aside.grid_2 div.contextinfo .grid_2.figureInContactBox {
margin-right: 0 !important;
width: 100% !important;
max-width: none !important;
}
#mainContent .grid_2.figureInContactBox img,
#contentMain .grid_2.figureInContactBox img,
aside.grid_2 div.contextinfo .grid_2.figureInContactBox img {
width: 30% !important;
max-width: 11.75rem !important;
}
}
@media screen and (min-width: 321px) and (max-width: 479px) {
.gallery5image .items,
.gallery5image ul {
width: 100%;
}
.gallery5image .items li,
.gallery5image ul li {
width: 49%;
margin-right: 2%;
}
.gallery5image .items li:nth-child(odd),
.gallery5image ul li:nth-child(odd) {
margin-right: 2%;
}
.gallery5image .items li:nth-child(even),
.gallery5image ul li:nth-child(even) {
margin-right: 0;
}
.gallery5image .items figure,
.gallery5image ul figure {
margin-right: 0;
margin-top: 0.625rem;
width: 100%;
}
.gallery5image .items figure div,
.gallery5image ul figure div {
line-height: calc(5.9375rem - 2px);
min-height: 5.9375rem;
}
.gallery5image .items figure img,
.gallery5image ul figure img {
max-width: 100%;
max-height: 5.9375rem;
height: auto;
}
.gallery5image .items figure figcaption,
.gallery5image ul figure figcaption {
width: 100%;
}
}
@media screen and (max-width: 480px) {
.gallery3image {
margin-bottom: 1.875rem;
}
.gallery3image .items,
.gallery3image ul {
width: 100%;
}
.gallery3image .items li,
.gallery3image ul li {
width: 49%;
margin-right: 2%;
}
.gallery3image .items li:nth-child(odd),
.gallery3image ul li:nth-child(odd) {
margin-right: 2%;
clear: both;
}
.gallery3image .items li:nth-child(even),
.gallery3image ul li:nth-child(even) {
margin-right: 0;
}
.gallery3image .items li:first-child,
.gallery3image ul li:first-child {
clear: none;
}
.gallery3image .items figure,
.gallery3image ul figure {
margin-right: 0;
margin-top: 0.4rem;
width: 100%;
}
.gallery3image .items figure div,
.gallery3image ul figure div {
line-height: calc(6.9375rem - 2px);
min-height: 6.9375rem;
}
.gallery3image .items figure img,
.gallery3image ul figure img {
max-width: 100%;
max-height: 6.9375rem;
height: auto;
}
.gallery3image .items figure figcaption,
.gallery3image ul figure figcaption {
width: 100%;
}
.charttable .gallery3image ul li {
width: 49%;
}
.charttable .gallery3image ul li:nth-child(odd) {
margin-right: 2%;
}
.charttable .gallery3image ul li:nth-child(even) {
margin-right: 0;
}
.charttable .gallery3image ul li figure {
margin-right: 0;
width: 100%;
}
.charttable .gallery3image ul li figure img {
width: 100%;
}
}
@media screen and (max-width: 320px) {
.gallery5image .items,
.gallery5image ul {
width: 100%;
}
.gallery5image .items li,
.gallery5image ul li {
width: 50%;
}
.gallery5image .items figure,
.gallery5image ul figure {
margin-right: 0.625rem;
margin-top: 0.625rem;
width: calc(100% - 0.625rem);
}
.gallery5image .items figure div,
.gallery5image ul figure div {
line-height: calc(5.9375rem - 2px);
min-height: 5.9375rem;
}
.gallery5image .items figure img,
.gallery5image ul figure img {
max-width: 100%;
max-height: 5.9375rem;
height: auto;
}
.gallery5image .items figure figcaption,
.gallery5image ul figure figcaption {
width: 100%;
}
}
.event .info {
margin-top: 1.25rem;
}
.newsList,
.eventList,
.textList,
.event,
.searchResult {
padding-bottom: 1.25rem;
}
.newsList .navigation .nav-hint,
.eventList .navigation .nav-hint,
.textList .navigation .nav-hint,
.event .navigation .nav-hint,
.searchResult .navigation .nav-hint {
font-size: 0.6875rem;
}
.newsList .eventListGroup,
.eventList .eventListGroup,
.textList .eventListGroup,
.event .eventListGroup,
.searchResult .eventListGroup {
overflow: auto;
width: 100%;
}
.newsList .newsListBox h2,
.eventList .newsListBox h2,
.textList .newsListBox h2,
.event .newsListBox h2,
.searchResult .newsListBox h2,
.newsList .newsListBoxNoSep h2,
.eventList .newsListBoxNoSep h2,
.textList .newsListBoxNoSep h2,
.event .newsListBoxNoSep h2,
.searchResult .newsListBoxNoSep h2 {
padding-top: 0.3125rem;
}
.newsList .newsListBox,
.eventList .newsListBox,
.textList .newsListBox,
.event .newsListBox,
.searchResult .newsListBox,
.newsList .newsListBoxNoSep,
.eventList .newsListBoxNoSep,
.textList .newsListBoxNoSep,
.event .newsListBoxNoSep,
.searchResult .newsListBoxNoSep,
.newsList .eventListBox,
.eventList .eventListBox,
.textList .eventListBox,
.event .eventListBox,
.searchResult .eventListBox,
.newsList .textListBox,
.eventList .textListBox,
.textList .textListBox,
.event .textListBox,
.searchResult .textListBox,
.newsList .eventListHead,
.eventList .eventListHead,
.textList .eventListHead,
.event .eventListHead,
.searchResult .eventListHead,
.newsList .recomendation,
.eventList .recomendation,
.textList .recomendation,
.event .recomendation,
.searchResult .recomendation,
.newsList .articleBox,
.eventList .articleBox,
.textList .articleBox,
.event .articleBox,
.searchResult .articleBox {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 0.625rem;
}
.newsList .newsListBox .info,
.eventList .newsListBox .info,
.textList .newsListBox .info,
.event .newsListBox .info,
.searchResult .newsListBox .info,
.newsList .newsListBoxNoSep .info,
.eventList .newsListBoxNoSep .info,
.textList .newsListBoxNoSep .info,
.event .newsListBoxNoSep .info,
.searchResult .newsListBoxNoSep .info,
.newsList .eventListBox .info,
.eventList .eventListBox .info,
.textList .eventListBox .info,
.event .eventListBox .info,
.searchResult .eventListBox .info,
.newsList .textListBox .info,
.eventList .textListBox .info,
.textList .textListBox .info,
.event .textListBox .info,
.searchResult .textListBox .info,
.newsList .eventListHead .info,
.eventList .eventListHead .info,
.textList .eventListHead .info,
.event .eventListHead .info,
.searchResult .eventListHead .info,
.newsList .recomendation .info,
.eventList .recomendation .info,
.textList .recomendation .info,
.event .recomendation .info,
.searchResult .recomendation .info,
.newsList .articleBox .info,
.eventList .articleBox .info,
.textList .articleBox .info,
.event .articleBox .info,
.searchResult .articleBox .info {
margin-bottom: 0.625rem;
}
.newsList .newsListBox .info p,
.eventList .newsListBox .info p,
.textList .newsListBox .info p,
.event .newsListBox .info p,
.searchResult .newsListBox .info p,
.newsList .newsListBoxNoSep .info p,
.eventList .newsListBoxNoSep .info p,
.textList .newsListBoxNoSep .info p,
.event .newsListBoxNoSep .info p,
.searchResult .newsListBoxNoSep .info p,
.newsList .eventListBox .info p,
.eventList .eventListBox .info p,
.textList .eventListBox .info p,
.event .eventListBox .info p,
.searchResult .eventListBox .info p,
.newsList .textListBox .info p,
.eventList .textListBox .info p,
.textList .textListBox .info p,
.event .textListBox .info p,
.searchResult .textListBox .info p,
.newsList .eventListHead .info p,
.eventList .eventListHead .info p,
.textList .eventListHead .info p,
.event .eventListHead .info p,
.searchResult .eventListHead .info p,
.newsList .recomendation .info p,
.eventList .recomendation .info p,
.textList .recomendation .info p,
.event .recomendation .info p,
.searchResult .recomendation .info p,
.newsList .articleBox .info p,
.eventList .articleBox .info p,
.textList .articleBox .info p,
.event .articleBox .info p,
.searchResult .articleBox .info p {
line-height: 1.6363636364;
}
.newsList .newsListBox .info p.dateInfo,
.eventList .newsListBox .info p.dateInfo,
.textList .newsListBox .info p.dateInfo,
.event .newsListBox .info p.dateInfo,
.searchResult .newsListBox .info p.dateInfo,
.newsList .newsListBoxNoSep .info p.dateInfo,
.eventList .newsListBoxNoSep .info p.dateInfo,
.textList .newsListBoxNoSep .info p.dateInfo,
.event .newsListBoxNoSep .info p.dateInfo,
.searchResult .newsListBoxNoSep .info p.dateInfo,
.newsList .eventListBox .info p.dateInfo,
.eventList .eventListBox .info p.dateInfo,
.textList .eventListBox .info p.dateInfo,
.event .eventListBox .info p.dateInfo,
.searchResult .eventListBox .info p.dateInfo,
.newsList .textListBox .info p.dateInfo,
.eventList .textListBox .info p.dateInfo,
.textList .textListBox .info p.dateInfo,
.event .textListBox .info p.dateInfo,
.searchResult .textListBox .info p.dateInfo,
.newsList .eventListHead .info p.dateInfo,
.eventList .eventListHead .info p.dateInfo,
.textList .eventListHead .info p.dateInfo,
.event .eventListHead .info p.dateInfo,
.searchResult .eventListHead .info p.dateInfo,
.newsList .recomendation .info p.dateInfo,
.eventList .recomendation .info p.dateInfo,
.textList .recomendation .info p.dateInfo,
.event .recomendation .info p.dateInfo,
.searchResult .recomendation .info p.dateInfo,
.newsList .articleBox .info p.dateInfo,
.eventList .articleBox .info p.dateInfo,
.textList .articleBox .info p.dateInfo,
.event .articleBox .info p.dateInfo,
.searchResult .articleBox .info p.dateInfo {
font-size: 0.75rem;
}
.newsList .newsListBox .info .head,
.eventList .newsListBox .info .head,
.textList .newsListBox .info .head,
.event .newsListBox .info .head,
.searchResult .newsListBox .info .head,
.newsList .newsListBoxNoSep .info .head,
.eventList .newsListBoxNoSep .info .head,
.textList .newsListBoxNoSep .info .head,
.event .newsListBoxNoSep .info .head,
.searchResult .newsListBoxNoSep .info .head,
.newsList .eventListBox .info .head,
.eventList .eventListBox .info .head,
.textList .eventListBox .info .head,
.event .eventListBox .info .head,
.searchResult .eventListBox .info .head,
.newsList .textListBox .info .head,
.eventList .textListBox .info .head,
.textList .textListBox .info .head,
.event .textListBox .info .head,
.searchResult .textListBox .info .head,
.newsList .eventListHead .info .head,
.eventList .eventListHead .info .head,
.textList .eventListHead .info .head,
.event .eventListHead .info .head,
.searchResult .eventListHead .info .head,
.newsList .recomendation .info .head,
.eventList .recomendation .info .head,
.textList .recomendation .info .head,
.event .recomendation .info .head,
.searchResult .recomendation .info .head,
.newsList .articleBox .info .head,
.eventList .articleBox .info .head,
.textList .articleBox .info .head,
.event .articleBox .info .head,
.searchResult .articleBox .info .head {
font-size: 0.6875rem;
line-height: 1.4545454545;
margin-top: 0.0625rem;
}
.newsList .newsListBox.half,
.eventList .newsListBox.half,
.textList .newsListBox.half,
.event .newsListBox.half,
.searchResult .newsListBox.half,
.newsList .newsListBoxNoSep.half,
.eventList .newsListBoxNoSep.half,
.textList .newsListBoxNoSep.half,
.event .newsListBoxNoSep.half,
.searchResult .newsListBoxNoSep.half,
.newsList .eventListBox.half,
.eventList .eventListBox.half,
.textList .eventListBox.half,
.event .eventListBox.half,
.searchResult .eventListBox.half,
.newsList .textListBox.half,
.eventList .textListBox.half,
.textList .textListBox.half,
.event .textListBox.half,
.searchResult .textListBox.half,
.newsList .eventListHead.half,
.eventList .eventListHead.half,
.textList .eventListHead.half,
.event .eventListHead.half,
.searchResult .eventListHead.half,
.newsList .recomendation.half,
.eventList .recomendation.half,
.textList .recomendation.half,
.event .recomendation.half,
.searchResult .recomendation.half,
.newsList .articleBox.half,
.eventList .articleBox.half,
.textList .articleBox.half,
.event .articleBox.half,
.searchResult .articleBox.half {
width: 50%;
margin-bottom: 0.3125rem ! important;
float: left;
}
.newsList .newsListBox.half p.dateInfo,
.eventList .newsListBox.half p.dateInfo,
.textList .newsListBox.half p.dateInfo,
.event .newsListBox.half p.dateInfo,
.searchResult .newsListBox.half p.dateInfo,
.newsList .newsListBoxNoSep.half p.dateInfo,
.eventList .newsListBoxNoSep.half p.dateInfo,
.textList .newsListBoxNoSep.half p.dateInfo,
.event .newsListBoxNoSep.half p.dateInfo,
.searchResult .newsListBoxNoSep.half p.dateInfo,
.newsList .eventListBox.half p.dateInfo,
.eventList .eventListBox.half p.dateInfo,
.textList .eventListBox.half p.dateInfo,
.event .eventListBox.half p.dateInfo,
.searchResult .eventListBox.half p.dateInfo,
.newsList .textListBox.half p.dateInfo,
.eventList .textListBox.half p.dateInfo,
.textList .textListBox.half p.dateInfo,
.event .textListBox.half p.dateInfo,
.searchResult .textListBox.half p.dateInfo,
.newsList .eventListHead.half p.dateInfo,
.eventList .eventListHead.half p.dateInfo,
.textList .eventListHead.half p.dateInfo,
.event .eventListHead.half p.dateInfo,
.searchResult .eventListHead.half p.dateInfo,
.newsList .recomendation.half p.dateInfo,
.eventList .recomendation.half p.dateInfo,
.textList .recomendation.half p.dateInfo,
.event .recomendation.half p.dateInfo,
.searchResult .recomendation.half p.dateInfo,
.newsList .articleBox.half p.dateInfo,
.eventList .articleBox.half p.dateInfo,
.textList .articleBox.half p.dateInfo,
.event .articleBox.half p.dateInfo,
.searchResult .articleBox.half p.dateInfo {
padding: 0.375rem 0 0.0625rem 0;
}
.newsList .newsListBox h1:first-child,
.eventList .newsListBox h1:first-child,
.textList .newsListBox h1:first-child,
.event .newsListBox h1:first-child,
.searchResult .newsListBox h1:first-child,
.newsList .newsListBoxNoSep h1:first-child,
.eventList .newsListBoxNoSep h1:first-child,
.textList .newsListBoxNoSep h1:first-child,
.event .newsListBoxNoSep h1:first-child,
.searchResult .newsListBoxNoSep h1:first-child,
.newsList .eventListBox h1:first-child,
.eventList .eventListBox h1:first-child,
.textList .eventListBox h1:first-child,
.event .eventListBox h1:first-child,
.searchResult .eventListBox h1:first-child,
.newsList .textListBox h1:first-child,
.eventList .textListBox h1:first-child,
.textList .textListBox h1:first-child,
.event .textListBox h1:first-child,
.searchResult .textListBox h1:first-child,
.newsList .eventListHead h1:first-child,
.eventList .eventListHead h1:first-child,
.textList .eventListHead h1:first-child,
.event .eventListHead h1:first-child,
.searchResult .eventListHead h1:first-child,
.newsList .recomendation h1:first-child,
.eventList .recomendation h1:first-child,
.textList .recomendation h1:first-child,
.event .recomendation h1:first-child,
.searchResult .recomendation h1:first-child,
.newsList .articleBox h1:first-child,
.eventList .articleBox h1:first-child,
.textList .articleBox h1:first-child,
.event .articleBox h1:first-child,
.searchResult .articleBox h1:first-child,
.newsList .newsListBox h2:first-child,
.eventList .newsListBox h2:first-child,
.textList .newsListBox h2:first-child,
.event .newsListBox h2:first-child,
.searchResult .newsListBox h2:first-child,
.newsList .newsListBoxNoSep h2:first-child,
.eventList .newsListBoxNoSep h2:first-child,
.textList .newsListBoxNoSep h2:first-child,
.event .newsListBoxNoSep h2:first-child,
.searchResult .newsListBoxNoSep h2:first-child,
.newsList .eventListBox h2:first-child,
.eventList .eventListBox h2:first-child,
.textList .eventListBox h2:first-child,
.event .eventListBox h2:first-child,
.searchResult .eventListBox h2:first-child,
.newsList .textListBox h2:first-child,
.eventList .textListBox h2:first-child,
.textList .textListBox h2:first-child,
.event .textListBox h2:first-child,
.searchResult .textListBox h2:first-child,
.newsList .eventListHead h2:first-child,
.eventList .eventListHead h2:first-child,
.textList .eventListHead h2:first-child,
.event .eventListHead h2:first-child,
.searchResult .eventListHead h2:first-child,
.newsList .recomendation h2:first-child,
.eventList .recomendation h2:first-child,
.textList .recomendation h2:first-child,
.event .recomendation h2:first-child,
.searchResult .recomendation h2:first-child,
.newsList .articleBox h2:first-child,
.eventList .articleBox h2:first-child,
.textList .articleBox h2:first-child,
.event .articleBox h2:first-child,
.searchResult .articleBox h2:first-child,
.newsList .newsListBox h3:first-child,
.eventList .newsListBox h3:first-child,
.textList .newsListBox h3:first-child,
.event .newsListBox h3:first-child,
.searchResult .newsListBox h3:first-child,
.newsList .newsListBoxNoSep h3:first-child,
.eventList .newsListBoxNoSep h3:first-child,
.textList .newsListBoxNoSep h3:first-child,
.event .newsListBoxNoSep h3:first-child,
.searchResult .newsListBoxNoSep h3:first-child,
.newsList .eventListBox h3:first-child,
.eventList .eventListBox h3:first-child,
.textList .eventListBox h3:first-child,
.event .eventListBox h3:first-child,
.searchResult .eventListBox h3:first-child,
.newsList .textListBox h3:first-child,
.eventList .textListBox h3:first-child,
.textList .textListBox h3:first-child,
.event .textListBox h3:first-child,
.searchResult .textListBox h3:first-child,
.newsList .eventListHead h3:first-child,
.eventList .eventListHead h3:first-child,
.textList .eventListHead h3:first-child,
.event .eventListHead h3:first-child,
.searchResult .eventListHead h3:first-child,
.newsList .recomendation h3:first-child,
.eventList .recomendation h3:first-child,
.textList .recomendation h3:first-child,
.event .recomendation h3:first-child,
.searchResult .recomendation h3:first-child,
.newsList .articleBox h3:first-child,
.eventList .articleBox h3:first-child,
.textList .articleBox h3:first-child,
.event .articleBox h3:first-child,
.searchResult .articleBox h3:first-child,
.newsList .newsListBox h4:first-child,
.eventList .newsListBox h4:first-child,
.textList .newsListBox h4:first-child,
.event .newsListBox h4:first-child,
.searchResult .newsListBox h4:first-child,
.newsList .newsListBoxNoSep h4:first-child,
.eventList .newsListBoxNoSep h4:first-child,
.textList .newsListBoxNoSep h4:first-child,
.event .newsListBoxNoSep h4:first-child,
.searchResult .newsListBoxNoSep h4:first-child,
.newsList .eventListBox h4:first-child,
.eventList .eventListBox h4:first-child,
.textList .eventListBox h4:first-child,
.event .eventListBox h4:first-child,
.searchResult .eventListBox h4:first-child,
.newsList .textListBox h4:first-child,
.eventList .textListBox h4:first-child,
.textList .textListBox h4:first-child,
.event .textListBox h4:first-child,
.searchResult .textListBox h4:first-child,
.newsList .eventListHead h4:first-child,
.eventList .eventListHead h4:first-child,
.textList .eventListHead h4:first-child,
.event .eventListHead h4:first-child,
.searchResult .eventListHead h4:first-child,
.newsList .recomendation h4:first-child,
.eventList .recomendation h4:first-child,
.textList .recomendation h4:first-child,
.event .recomendation h4:first-child,
.searchResult .recomendation h4:first-child,
.newsList .articleBox h4:first-child,
.eventList .articleBox h4:first-child,
.textList .articleBox h4:first-child,
.event .articleBox h4:first-child,
.searchResult .articleBox h4:first-child,
.newsList .newsListBox h5:first-child,
.eventList .newsListBox h5:first-child,
.textList .newsListBox h5:first-child,
.event .newsListBox h5:first-child,
.searchResult .newsListBox h5:first-child,
.newsList .newsListBoxNoSep h5:first-child,
.eventList .newsListBoxNoSep h5:first-child,
.textList .newsListBoxNoSep h5:first-child,
.event .newsListBoxNoSep h5:first-child,
.searchResult .newsListBoxNoSep h5:first-child,
.newsList .eventListBox h5:first-child,
.eventList .eventListBox h5:first-child,
.textList .eventListBox h5:first-child,
.event .eventListBox h5:first-child,
.searchResult .eventListBox h5:first-child,
.newsList .textListBox h5:first-child,
.eventList .textListBox h5:first-child,
.textList .textListBox h5:first-child,
.event .textListBox h5:first-child,
.searchResult .textListBox h5:first-child,
.newsList .eventListHead h5:first-child,
.eventList .eventListHead h5:first-child,
.textList .eventListHead h5:first-child,
.event .eventListHead h5:first-child,
.searchResult .eventListHead h5:first-child,
.newsList .recomendation h5:first-child,
.eventList .recomendation h5:first-child,
.textList .recomendation h5:first-child,
.event .recomendation h5:first-child,
.searchResult .recomendation h5:first-child,
.newsList .articleBox h5:first-child,
.eventList .articleBox h5:first-child,
.textList .articleBox h5:first-child,
.event .articleBox h5:first-child,
.searchResult .articleBox h5:first-child {
padding-top: 0px;
}
.newsList .eventList .eventListHead .info p,
.eventList .eventList .eventListHead .info p,
.textList .eventList .eventListHead .info p,
.event .eventList .eventListHead .info p,
.searchResult .eventList .eventListHead .info p {
line-height: 1.125rem;
}
.newsList .textListBox,
.eventList .textListBox,
.textList .textListBox,
.event .textListBox,
.searchResult .textListBox {
padding-bottom: 0.3125rem;
}
.newsList .textListBox .info,
.eventList .textListBox .info,
.textList .textListBox .info,
.event .textListBox .info,
.searchResult .textListBox .info {
margin-bottom: 0.3125rem;
}
.newsList .newsListBox,
.eventList .newsListBox,
.textList .newsListBox,
.event .newsListBox,
.searchResult .newsListBox,
.newsList .newsListBoxNoSep,
.eventList .newsListBoxNoSep,
.textList .newsListBoxNoSep,
.event .newsListBoxNoSep,
.searchResult .newsListBoxNoSep,
.newsList .eventListBox,
.eventList .eventListBox,
.textList .eventListBox,
.event .eventListBox,
.searchResult .eventListBox,
.newsList .textListBox,
.eventList .textListBox,
.textList .textListBox,
.event .textListBox,
.searchResult .textListBox {
overflow: auto;
width: 100%;
page-break-inside: avoid;
}
.newsList .newsListBox figure,
.eventList .newsListBox figure,
.textList .newsListBox figure,
.event .newsListBox figure,
.searchResult .newsListBox figure,
.newsList .newsListBoxNoSep figure,
.eventList .newsListBoxNoSep figure,
.textList .newsListBoxNoSep figure,
.event .newsListBoxNoSep figure,
.searchResult .newsListBoxNoSep figure,
.newsList .eventListBox figure,
.eventList .eventListBox figure,
.textList .eventListBox figure,
.event .eventListBox figure,
.searchResult .eventListBox figure,
.newsList .textListBox figure,
.eventList .textListBox figure,
.textList .textListBox figure,
.event .textListBox figure,
.searchResult .textListBox figure {
float: left;
margin-right: 0.625rem;
}
.newsList .newsListBox figure img,
.eventList .newsListBox figure img,
.textList .newsListBox figure img,
.event .newsListBox figure img,
.searchResult .newsListBox figure img,
.newsList .newsListBoxNoSep figure img,
.eventList .newsListBoxNoSep figure img,
.textList .newsListBoxNoSep figure img,
.event .newsListBoxNoSep figure img,
.searchResult .newsListBoxNoSep figure img,
.newsList .eventListBox figure img,
.eventList .eventListBox figure img,
.textList .eventListBox figure img,
.event .eventListBox figure img,
.searchResult .eventListBox figure img,
.newsList .textListBox figure img,
.eventList .textListBox figure img,
.textList .textListBox figure img,
.event .textListBox figure img,
.searchResult .textListBox figure img {
margin-top: 0.25rem;
margin-bottom: 0.625rem;
width: 100%;
}
.newsList .newsListBox figure a,
.eventList .newsListBox figure a,
.textList .newsListBox figure a,
.event .newsListBox figure a,
.searchResult .newsListBox figure a,
.newsList .newsListBoxNoSep figure a,
.eventList .newsListBoxNoSep figure a,
.textList .newsListBoxNoSep figure a,
.event .newsListBoxNoSep figure a,
.searchResult .newsListBoxNoSep figure a,
.newsList .eventListBox figure a,
.eventList .eventListBox figure a,
.textList .eventListBox figure a,
.event .eventListBox figure a,
.searchResult .eventListBox figure a,
.newsList .textListBox figure a,
.eventList .textListBox figure a,
.textList .textListBox figure a,
.event .textListBox figure a,
.searchResult .textListBox figure a {
display: block;
}
.newsList .newsListBox figure a:hover,
.eventList .newsListBox figure a:hover,
.textList .newsListBox figure a:hover,
.event .newsListBox figure a:hover,
.searchResult .newsListBox figure a:hover,
.newsList .newsListBoxNoSep figure a:hover,
.eventList .newsListBoxNoSep figure a:hover,
.textList .newsListBoxNoSep figure a:hover,
.event .newsListBoxNoSep figure a:hover,
.searchResult .newsListBoxNoSep figure a:hover,
.newsList .eventListBox figure a:hover,
.eventList .eventListBox figure a:hover,
.textList .eventListBox figure a:hover,
.event .eventListBox figure a:hover,
.searchResult .eventListBox figure a:hover,
.newsList .textListBox figure a:hover,
.eventList .textListBox figure a:hover,
.textList .textListBox figure a:hover,
.event .textListBox figure a:hover,
.searchResult .textListBox figure a:hover {
border-bottom: none;
}
.newsList .newsListBox .info figure,
.eventList .newsListBox .info figure,
.textList .newsListBox .info figure,
.event .newsListBox .info figure,
.searchResult .newsListBox .info figure,
.newsList .newsListBoxNoSep .info figure,
.eventList .newsListBoxNoSep .info figure,
.textList .newsListBoxNoSep .info figure,
.event .newsListBoxNoSep .info figure,
.searchResult .newsListBoxNoSep .info figure,
.newsList .eventListBox .info figure,
.eventList .eventListBox .info figure,
.textList .eventListBox .info figure,
.event .eventListBox .info figure,
.searchResult .eventListBox .info figure,
.newsList .textListBox .info figure,
.eventList .textListBox .info figure,
.textList .textListBox .info figure,
.event .textListBox .info figure,
.searchResult .textListBox .info figure {
margin-right: 0.625rem;
}
.newsList .newsListBox,
.eventList .newsListBox,
.textList .newsListBox,
.event .newsListBox,
.searchResult .newsListBox,
.newsList .eventListBox,
.eventList .eventListBox,
.textList .eventListBox,
.event .eventListBox,
.searchResult .eventListBox,
.newsList .textListBox,
.eventList .textListBox,
.textList .textListBox,
.event .textListBox,
.searchResult .textListBox {
border-bottom: 1px solid #c9cfd2;
}
.newsList .eventListHead,
.eventList .eventListHead,
.textList .eventListHead,
.event .eventListHead,
.searchResult .eventListHead {
padding-left: 0.4375rem;
}
.newsList .eventListHead figure.fullwidthimage,
.eventList .eventListHead figure.fullwidthimage,
.textList .eventListHead figure.fullwidthimage,
.event .eventListHead figure.fullwidthimage,
.searchResult .eventListHead figure.fullwidthimage {
margin-bottom: 0;
}
.newsList .eventListHead .info,
.eventList .eventListHead .info,
.textList .eventListHead .info,
.event .eventListHead .info,
.searchResult .eventListHead .info {
margin-bottom: 0.5rem;
}
.newsList .eventListHead:first-child,
.eventList .eventListHead:first-child,
.textList .eventListHead:first-child,
.event .eventListHead:first-child,
.searchResult .eventListHead:first-child {
padding-left: 0;
padding-right: 0.4375rem;
}
.newsList .newsListBox:first-child,
.eventList .newsListBox:first-child,
.textList .newsListBox:first-child,
.event .newsListBox:first-child,
.searchResult .newsListBox:first-child,
.newsList .newsListBoxNoSep:first-child,
.eventList .newsListBoxNoSep:first-child,
.textList .newsListBoxNoSep:first-child,
.event .newsListBoxNoSep:first-child,
.searchResult .newsListBoxNoSep:first-child,
.newsList .eventListBox:first-child,
.eventList .eventListBox:first-child,
.textList .eventListBox:first-child,
.event .eventListBox:first-child,
.searchResult .eventListBox:first-child {
margin-top: 0;
}
.newsList .eventListGroup,
.eventList .eventListGroup,
.textList .eventListGroup,
.event .eventListGroup,
.searchResult .eventListGroup {
padding-bottom: 0.5rem;
}
.newsList .eventListGroup.last-child,
.eventList .eventListGroup.last-child,
.textList .eventListGroup.last-child,
.event .eventListGroup.last-child,
.searchResult .eventListGroup.last-child,
.newsList .eventListGroup:last-child,
.eventList .eventListGroup:last-child,
.textList .eventListGroup:last-child,
.event .eventListGroup:last-child,
.searchResult .eventListGroup:last-child {
padding-bottom: 0 ! important;
}
.newsList .eventListGroup .eventListBox,
.eventList .eventListGroup .eventListBox,
.textList .eventListGroup .eventListBox,
.event .eventListGroup .eventListBox,
.searchResult .eventListGroup .eventListBox {
padding-top: 0.625rem;
}
.newsList .eventListGroup .eventListBox .info,
.eventList .eventListGroup .eventListBox .info,
.textList .eventListGroup .eventListBox .info,
.event .eventListGroup .eventListBox .info,
.searchResult .eventListGroup .eventListBox .info {
margin-bottom: 0.5rem;
}
.newsList .eventListGroup .eventListBox .info:last-child,
.eventList .eventListGroup .eventListBox .info:last-child,
.textList .eventListGroup .eventListBox .info:last-child,
.event .eventListGroup .eventListBox .info:last-child,
.searchResult .eventListGroup .eventListBox .info:last-child,
.newsList .eventListGroup .eventListBox .info.last-child,
.eventList .eventListGroup .eventListBox .info.last-child,
.textList .eventListGroup .eventListBox .info.last-child,
.event .eventListGroup .eventListBox .info.last-child,
.searchResult .eventListGroup .eventListBox .info.last-child {
padding-bottom: 0 ! important;
}
.newsList .eventListGroup .eventListBox .info.leadOnly,
.eventList .eventListGroup .eventListBox .info.leadOnly,
.textList .eventListGroup .eventListBox .info.leadOnly,
.event .eventListGroup .eventListBox .info.leadOnly,
.searchResult .eventListGroup .eventListBox .info.leadOnly {
margin-bottom: 0.625rem ! important;
}
.newsList .eventListGroup .eventListBox.last-child,
.eventList .eventListGroup .eventListBox.last-child,
.textList .eventListGroup .eventListBox.last-child,
.event .eventListGroup .eventListBox.last-child,
.searchResult .eventListGroup .eventListBox.last-child,
.newsList .eventListGroup .eventListBox:last-child,
.eventList .eventListGroup .eventListBox:last-child,
.textList .eventListGroup .eventListBox:last-child,
.event .eventListGroup .eventListBox:last-child,
.searchResult .eventListGroup .eventListBox:last-child {
margin-bottom: 0.75rem;
}
.newsList .eventListGroup .eventListBox.last-child .info,
.eventList .eventListGroup .eventListBox.last-child .info,
.textList .eventListGroup .eventListBox.last-child .info,
.event .eventListGroup .eventListBox.last-child .info,
.searchResult .eventListGroup .eventListBox.last-child .info,
.newsList .eventListGroup .eventListBox:last-child .info,
.eventList .eventListGroup .eventListBox:last-child .info,
.textList .eventListGroup .eventListBox:last-child .info,
.event .eventListGroup .eventListBox:last-child .info,
.searchResult .eventListGroup .eventListBox:last-child .info {
margin-bottom: 0;
}
.newsList .info,
.eventList .info,
.textList .info,
.event .info,
.searchResult .info {
margin-bottom: 0.5625rem;
}
.newsList .info p,
.eventList .info p,
.textList .info p,
.event .info p,
.searchResult .info p {
line-height: 1.8181818182;
padding-bottom: 0;
}
.newsList .info p.dateInfo,
.eventList .info p.dateInfo,
.textList .info p.dateInfo,
.event .info p.dateInfo,
.searchResult .info p.dateInfo {
font-size: 0.875rem;
padding-bottom: 0;
color: #6a7277;
font-weight: bold;
line-height: 1.125rem;
}
.newsList p.head,
.eventList p.head,
.textList p.head,
.event p.head,
.searchResult p.head {
padding: 0.625rem;
background-color: #F3F5F6;
color: #003c69;
font-size: 1.1875rem;
line-height: 1.0526315789;
font-weight: bold;
}
.newsList p.head.spacingTop,
.eventList p.head.spacingTop,
.textList p.head.spacingTop,
.event p.head.spacingTop,
.searchResult p.head.spacingTop {
margin-top: 0.625rem;
line-height: 1.125rem !important;
}
.newsList ul.location li,
.eventList ul.location li,
.textList ul.location li,
.event ul.location li,
.searchResult ul.location li {
float: left;
padding-right: 0.625rem;
}
.newsList ul.linklist,
.eventList ul.linklist,
.textList ul.linklist,
.event ul.linklist,
.searchResult ul.linklist {
margin-top: 0;
}
.newsList ul.linklist li,
.eventList ul.linklist li,
.textList ul.linklist li,
.event ul.linklist li,
.searchResult ul.linklist li {
padding-bottom: 0;
}
.newsList ul.linklist li a,
.eventList ul.linklist li a,
.textList ul.linklist li a,
.event ul.linklist li a,
.searchResult ul.linklist li a {
line-height: 1.6363636364;
}
.newsList ul.linklist li.last-child,
.eventList ul.linklist li.last-child,
.textList ul.linklist li.last-child,
.event ul.linklist li.last-child,
.searchResult ul.linklist li.last-child,
.newsList ul.linklist li:last-child,
.eventList ul.linklist li:last-child,
.textList ul.linklist li:last-child,
.event ul.linklist li:last-child,
.searchResult ul.linklist li:last-child {
padding-bottom: 0;
}
.newsList .eventListGroup,
.eventList .eventListGroup,
.textList .eventListGroup,
.event .eventListGroup,
.searchResult .eventListGroup {
padding-bottom: 0.5rem;
}
.newsList .eventListGroup .eventListBox,
.eventList .eventListGroup .eventListBox,
.textList .eventListGroup .eventListBox,
.event .eventListGroup .eventListBox,
.searchResult .eventListGroup .eventListBox {
padding-top: 0.5rem;
}
.newsList .eventListGroup .eventListBox .info,
.eventList .eventListGroup .eventListBox .info,
.textList .eventListGroup .eventListBox .info,
.event .eventListGroup .eventListBox .info,
.searchResult .eventListGroup .eventListBox .info {
margin-bottom: 0.5rem;
}
.contentSubContainer .eventList .eventListGroup {
padding-bottom: 0;
}
.eventList .event .info {
margin-bottom: 0;
margin-top: 1.25rem;
}
.eventList p.head + .eventListBox,
aside .eventList .eventListBox:first-child {
border-top: none;
padding-top: 0.125rem;
}
aside .eventList .eventListBox {
border-top: 1px solid #c9cfd2;
border-bottom: none;
}
.newsListBox figure,
.newsListBoxNoSep figure {
min-width: 6.125rem;
max-width: 98px;
}
.newsList .newsListBox figure img,
.newsList .newsListBoxNoSep figure img {
max-width: 100%;
max-height: 100%;
}
.newsArticle p {
padding-bottom: 0.9375rem;
}
.newsArticle h3 {
padding-top: 0;
}
.newsArticle .info {
padding: 1.25rem 0 0.9375rem 0;
}
.newsArticle .info p.dateInfo {
padding-bottom: 0;
color: #6a7277;
font-weight: bold;
font-size: 0.75rem;
}
.newsArticle .textimage {
padding-bottom: 0 ! important;
}
.publications .navigation {
padding-top: 0.375rem;
}
.publications .navigation:first-child {
padding-top: 0;
}
.publications .navigation .nav-hint {
font-size: 0.6875rem;
padding-bottom: 0.3125rem;
line-height: 1.125rem;
color: #6a7277;
}
.publications .toTheTop {
padding-top: 0.1875rem;
padding-bottom: 1.25rem;
}
.publicationList .publicationBox {
border-top: 1px solid #c9cfd2;
border-bottom: 1px solid #c9cfd2;
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
.publicationList .publicationBox .info {
border-bottom: 1px solid #c9cfd2;
padding-bottom: 0.25rem;
padding-top: 0.1875rem;
}
.publicationList .publicationBox article:last-child .info {
border-bottom: none;
}
.publicationList .articleBox article .info .pub_title {
color: #003c69;
font-size: 0.875rem;
font-weight: 700;
margin-top: 0.0625rem;
}
.publicationList .articleBox article .info .pub_authors {
font-size: 0.75rem;
line-height: 1.3333333333;
font-weight: 700;
padding-top: 0.3125rem;
}
.publicationList .articleBox article .info .pub_info {
font-size: 0.875rem;
line-height: 1.2857142857;
padding: 0.125rem 0;
}
.publicationList .articleBox article .infopub_old {
color: #000;
padding-bottom: 0.4375rem;
}
.publicationList .articleBox article .infopub_new {
font-family: Arial, Helvetica, sans-serif;
line-height: 1.125rem;
color: #000;
font-size: 100%;
padding-bottom: 0.5rem;
padding-top: 0.1875rem;
}
.publicationList .info .book_title {
font-style: italic;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
line-height: 1.2857142857;
color: #000;
}
q {
quotes: '"' '"';
}
q:before {
content: open-quote;
}
q:after {
content: close-quote;
}
.search .searchResult .articleBox {
padding-top: 0;
}
.search .searchResult table {
margin-top: 0.1875rem;
}
.searchResult.publicationList {
width: 40.8125rem;
}
.searchResult.publicationList .navigation .nav-elements .nav-all {
float: right;
padding-right: 0.375rem;
}
.searchResult .addr {
padding-bottom: 0.75rem;
}
.searchResult .recommendation .head,
.searchResult .navigation .head,
.searchResult .recommendation .nav-hint,
.searchResult .navigation .nav-hint {
font-size: 0.6875rem;
padding-bottom: 0.3125rem;
line-height: 1.125rem;
color: #6a7277;
}
.searchResult .recommendation .publicationBox article a,
.searchResult .navigation .publicationBox article a {
font-size: 0.75rem;
line-height: 1.5;
}
.searchResult .recommendation .publicationBox article figure a,
.searchResult .navigation .publicationBox article figure a {
line-height: 5.5;
}
.searchResult .recommendation {
padding-top: 0.9375rem;
padding-bottom: 0.9375rem;
}
.searchResult .recommendation .head {
padding-top: 0.625rem;
padding-bottom: 0.625rem;
font-weight: bold;
}
.searchResult .recommendation .content .textListBox {
border-bottom: none;
background-color: #F3F5F6;
}
.searchResult .recommendation .content .textListBox .info {
margin-bottom: 0;
}
.searchResult .recommendation .content .textListBox .info figure img {
margin-top: 0;
margin-bottom: 0;
}
.searchResult .recommendation .content .textListBox.teaserBox {
padding: 0.375rem 0.625rem 0.625rem 0.625rem ! important;
}
.searchResult .recommendation .content .textListBox a span.icon {
border-bottom: 1px solid #F3F5F6;
}
.searchResult ul.search_types {
display: inline-block;
margin-bottom: 0.625rem;
width: 100%;
}
.searchResult ul.search_types li {
display: inline-block;
position: relative;
padding: 0.625rem;
border-top: 1px solid #c9cfd2;
border-left: 1px solid #c9cfd2;
float: left;
}
.searchResult ul.search_types li.disabled a {
color: #BBBBBB;
}
.searchResult ul.search_types li.disabled:hover,
.searchResult ul.search_types li.disabled a:hover,
.searchResult ul.search_types li.disabled span.icon:hover {
cursor: not-allowed ! important;
}
.searchResult ul.search_types li.disabled:hover a {
color: #BBBBBB;
border-bottom: 0 ! important;
}
.searchResult ul.search_types li.last-child,
.searchResult ul.search_types li:last-child {
border-right: 1px solid #c9cfd2;
}
.searchResult ul.search_types li a {
display: block;
padding: 1.6875rem 0 0 0;
text-decoration: none;
color: grey;
border-bottom: 1px solid transparent;
}
.searchResult ul.search_types li a.active {
color: #003c69;
}
.searchResult ul.search_types li a span.icon {
background-position: 25% 0 !important;
display: block;
width: 2rem;
height: 2rem;
position: absolute;
left: 50%;
top: 0.625rem;
margin: 0 0 0 -0.875rem;
}
.searchResult ul.search_types li a:hover {
color: #003c69;
text-decoration: none;
border-bottom: 0;
}
.searchResult ul.search_types li a.all span.icon {
background: url(img/icons/svg/search-all.svg) no-repeat;
}
.searchResult ul.search_types li a.all.active span.icon {
background: url(img/icons/svg/search-all-active.svg) no-repeat;
}
.searchResult ul.search_types li a.web span.icon {
background: url(img/icons/svg/search-websites.svg) no-repeat;
}
.searchResult ul.search_types li a.doc span.icon {
background: url(img/icons/svg/search-documents.svg) no-repeat;
}
.searchResult ul.search_types li a.news span.icon {
background: url(img/icons/svg/search-news.svg) no-repeat;
}
.searchResult ul.search_types li a.people span.icon,
.searchResult ul.search_types li a.people span.icon {
background: url(img/icons/svg/search-people.svg) no-repeat;
}
.searchResult ul.search_types li.active a.web span.icon {
background: url(img/icons/svg/search-websites-active.svg) no-repeat;
}
.searchResult ul.search_types li.active a.doc span.icon {
background: url(img/icons/svg/search-documents-active.svg) no-repeat;
}
.searchResult ul.search_types li.active a.news span.icon {
background: url(img/icons/svg/search-news-active.svg) no-repeat;
}
.searchResult ul.search_types li.active a.people span.icon,
.searchResult ul.search_types li.active a.people span.icon {
background: url(img/icons/svg/search-people-active.svg) no-repeat;
}
.searchResult .vitae figure {
height: auto;
}
.searchResult .vitae figure img {
max-width: 100%;
max-height: 100%;
}
.searchResult .vitae .vcard .contactlist {
padding-bottom: 0.75rem;
}
.searchResult figure {
width: 3.125rem;
height: 4.375rem;
background-color: #eaecee;
float: left;
text-align: center;
margin-top: 0.3125rem;
}
.searchResult figure img {
vertical-align: middle;
max-width: 3.125rem;
max-height: 4.375rem;
}
.searchResult figure a {
line-height: 5.5;
display: block;
}
.searchResult figure a:hover {
border-bottom: none;
}
.searchResult .newsListBox.articleBox .info,
.searchResult .newsListBoxNoSep.articleBox .info {
margin-bottom: 0.75rem;
clear: both;
}
.searchResult .newsListBox.articleBox .info h2,
.searchResult .newsListBoxNoSep.articleBox .info h2 {
line-height: 0.75rem;
padding-top: 0.625rem;
padding-bottom: 0.25rem;
}
.searchResult .newsListBox.articleBox .info figure,
.searchResult .newsListBoxNoSep.articleBox .info figure {
width: 6.125rem;
height: auto;
margin-top: 0.625rem;
margin-bottom: 0;
background-color: transparent;
}
.searchResult .newsListBox.articleBox .info figure a,
.searchResult .newsListBoxNoSep.articleBox .info figure a {
line-height: normal;
}
.searchResult .newsListBox.articleBox .info figure a img,
.searchResult .newsListBoxNoSep.articleBox .info figure a img {
height: auto;
max-width: none;
max-height: none;
margin: 0;
}
.searchResult figure.owl {
width: auto;
height: auto;
margin-top: 0;
}
.searchResult figure.owl img {
max-width: 100%;
max-height: 100%;
}
.searchResult .suggestion figure {
width: auto;
height: auto;
}
.searchResult .suggestion figure img {
max-width: 6.25rem;
max-height: 6.25rem;
}
.navigation .nav-elements {
width: 100%;
overflow: hidden;
}
.navigation .nav-elements .nav-prev,
.navigation .nav-elements .nav-next {
float: left;
padding-right: 0.8125rem;
line-height: 1.02;
}
.navigation .nav-elements .nav-all {
float: right;
line-height: 0.8571428571;
}
.navigation .nav-elements ul.paging {
margin: 0;
padding-bottom: 0;
}
.navigation .nav-elements ul.paging li {
float: left;
padding-right: 0.6875rem;
font-size: 0.75rem;
line-height: 1.3333333333;
color: #c9cfd2;
font-weight: bold;
padding-bottom: 0.0625rem;
list-style-image: none;
display: inline-block;
}
.navigation .nav-elements ul.paging li a {
color: #0069b4;
}
.navigation .nav-elements ul.paging li a.active {
border-bottom: 1px solid #82be1e;
}
.navigation .nav-elements ul.paging li.hidden {
display: none;
}
.navigation .nav-elements ul.paging li:last-child {
padding-right: 0.8125rem;
}
.navigation.abc_list,
.navigation.year_list {
padding-top: 0.1875rem;
}
.navigation.abc_list {
padding-bottom: 0.375rem;
margin-bottom: 1.25rem;
}
.navigation.abc_list .nav-elements ul.paging li {
padding-right: 0.4375rem;
}
.navigation.year_list {
padding-bottom: 1.25rem;
}
.navigation.year_list .nav-elements ul.paging li {
padding-right: 0.875rem;
}
.navigation.year_list .nav-elements ul.paging li a {
line-height: 1.125rem;
}
.navigation .articleBox {
padding-bottom: 0.9375rem;
}
.navigation .articleBox article:first-child {
border-top: 1px solid #c9cfd2;
margin-top: 0.9375rem;
}
.navigation .articleBox article {
border-bottom: 1px solid #c9cfd2;
padding: 0.625rem 0;
}
.navigation .articleBox article p {
padding-bottom: 0;
}
.navigation .articleBox article .info {
margin-bottom: 0;
}
.navigation .articleBox article .info figure {
margin-right: 0.625rem;
}
.navigation .publicationBox article p {
font-size: 0.875rem;
line-height: 1.4285714286;
}
.navigation .publicationBox article a {
font-size: 0.875rem;
line-height: 1.4285714286;
}
.navigation .publicationBox article figure a {
line-height: 4.7142857143;
}
.keywordList {
background-color: #F3F5F6;
padding: 0.5rem 0.625rem 0.125rem 0.625rem;
line-height: 1;
width: 100%;
overflow: auto;
margin-top: 0.9375rem;
margin-bottom: 1.875rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.keywordList ul.keyword li {
float: left;
}
.keywordList ul.keyword li a + span.delimiter.last-child {
display: none;
}
.keywordList ul.keyword li a + span.delimiter {
color: #6a7277;
display: inline-block;
width: 0.625rem;
height: 1.25rem;
margin-left: 0.375rem;
}
.keywordList ul.keyword li::before {
width: 0.625rem;
height: 0.875rem;
margin-left: 0.375rem;
}
.vitae {
width: 100%;
overflow: hidden;
padding: 0.9375rem 0 0.3125rem 0;
}
.vitae figure img {
width: 100%;
}
.vitae .vcard.grid_2 {
width: 18.75rem;
}
.searchResult .vitae .vcard.grid_2 {
width: 23.625rem;
}
.figureInContactBox + .vcard h2,
.figureInContactBox + .vcard h3,
.figureInContactBox + .vcard h4 {
padding-top: 0;
}
.figureInContactBox + .vcard .adr {
padding-bottom: 0;
}
.vcard .org,
.vitae .org,
.vcard .adr,
.vitae .adr {
padding-bottom: 0.75rem;
}
.vcard .org p,
.vitae .org p,
.vcard .adr p,
.vitae .adr p {
padding-top: 0;
padding-bottom: 0;
}
.vcard .org.noSpacing,
.vitae .org.noSpacing,
.vcard .adr.noSpacing,
.vitae .adr.noSpacing {
padding-bottom: 0;
}
.vcard .org.alignTop h2,
.vitae .org.alignTop h2,
.vcard .adr.alignTop h2,
.vitae .adr.alignTop h2 {
padding-top: 0;
}
.vcard .info,
.vitae .info {
padding-top: 0.75rem;
}
.vcard .info p,
.vitae .info p {
padding-top: 0;
padding-bottom: 0;
}
.vcard .org p.contact-name,
.vitae .org p.contact-name {
font-weight: bold;
}
.vcard ul.contactlist span.hidden,
.vitae ul.contactlist span.hidden {
display: none;
}
.vcard ul.contactlist li,
.vitae ul.contactlist li {
position: relative;
line-height: 1.3571428571;
}
.vcard ul.contactlist li .icons,
.vitae ul.contactlist li .icons {
width: 1rem;
height: 1rem;
}
.vcard ul.contactlist li .icons:before,
.vitae ul.contactlist li .icons:before {
top: 0.125rem;
}
.vcard ul.contactlist li .icons.mail:before,
.vitae ul.contactlist li .icons.mail:before {
top: 0.125rem;
}
.vcard ul.contactlist li img,
.vitae ul.contactlist li img {
margin-top: 0;
}
aside .infobox .mediaList .media figure img {
width: 5.5625rem;
}
aside .infobox .mediaList .media p {
width: 4.625rem;
}
aside .smallForm form fieldset.search-form div .grouping-box .box.full label {
line-height: 0.8125rem;
}
aside .smallForm form fieldset.search-form div .grouping-box .box.full input[type="radio"] {
margin: 0 0.3125rem 0 0.0625rem;
}
aside .mediaList .media figure img {
width: 5.5625rem;
}
aside .vcard .adr {
padding-bottom: 0;
}
aside .vcard ul.contactlist li img {
margin-top: -0.0625rem;
}
.commentForm {
padding-bottom: 0.9375rem ! important;
}
ul.commentListBox li {
border-top: 1px solid #c9cfd2;
padding: 0.5625rem 0;
overflow: auto;
width: 100%;
}
ul.commentListBox li ul {
margin-top: 0;
}
ul.commentListBox li ul li {
display: inline;
border: none;
padding: 0;
}
ul.commentListBox li.last-child {
border-bottom: 1px solid #c9cfd2;
padding-bottom: 0.5625rem ! important;
}
ul.commentListBox li .data {
float: left;
width: 8.6875rem;
}
ul.commentListBox li .data span.commentName {
font-weight: bold;
}
ul.commentListBox li .data span.commentName,
ul.commentListBox li .data span {
color: #6a7277;
display: block;
line-height: 1.5714285714;
}
ul.commentListBox li .data a.like {
display: inline;
background: url('img/eth_like_comment.png') no-repeat scroll 0 0 transparent;
padding: 0.0625rem 0 0.1875rem 1.1875rem;
font-weight: normal;
line-height: 1.875rem;
}
ul.commentListBox li .data a.like span {
display: inline;
background: #eaecee;
border: 1px solid #c9cfd2;
padding: 0.125rem 0.3125rem;
}
ul.commentListBox li .data a.like:hover {
border-bottom: none;
}
ul.commentListBox li .commentEntry {
float: left;
width: 19.125rem;
padding-left: 0.625rem;
display: block;
}
ul.commentListBox li .commentEntry p {
padding-bottom: 0.4375rem;
}
ul.commentListBox li .subComment {
width: 100%;
overflow: hidden;
}
ul.commentListBox li .subComment ul li .commentEntry {
width: 15.375rem;
padding-left: 4.375rem;
}
ul.commentListBox li .subComment ul li .commentEntry p {
padding-bottom: 0;
}
ul.commentListBox li.last-child,
ul.commentListBox li:last-child {
padding-bottom: 0;
}
aside .smallForm form fieldset.search-form div .grouping-box .box.full label {
line-height: 1;
}
aside .smallForm form fieldset.search-form div .grouping-box .box.full input[type="radio"] {
margin: 0 0.3125rem 0 0.0625rem;
}
aside .date.visible {
width: 100%;
}
aside .mediaList {
padding-bottom: 0.3125rem;
}
aside .mediaList .media {
overflow: auto;
width: 100%;
padding-bottom: 0.3125rem;
}
aside .mediaList .media figure {
float: left;
padding-top: 0.3125rem;
}
aside .mediaList .media figure img {
width: 7.1875rem;
height: auto;
}
aside .mediaList .media p {
width: 6.25rem;
padding: 0 0 0 0.3125rem;
float: left;
}
#contentContainer .eventListBox:first-child {
border-top: none ! important;
}
#contentContainer .eventListBox {
border-bottom: none ! important;
border-top: 1px solid #c9cfd2;
}
#overviewContainer .newsListBox.last-child figure img,
#overviewContainer .newsListBoxNoSep.last-child figure img,
#overviewContainer .textListBox.last-child figure img,
#overviewContainer .newsListBox:last-child figure img,
#overviewContainer .newsListBoxNoSep:last-child figure img,
#overviewContainer .textListBox:last-child figure img {
margin-bottom: 0;
}
#overviewContainer .newsListBox.last-child .info,
#overviewContainer .newsListBoxNoSep.last-child .info,
#overviewContainer .textListBox.last-child .info,
#overviewContainer .newsListBox:last-child .info,
#overviewContainer .newsListBoxNoSep:last-child .info,
#overviewContainer .textListBox:last-child .info {
margin-bottom: 0 ! important;
}
#overviewContainer .textListBox.first-child,
#overviewContainer .newsListBox.first-child,
#overviewContainer .newsListBoxNoSep.first-child,
#overviewContainer .textListBox:first-child,
#overviewContainer .newsListBox:first-child,
#overviewContainer .newsListBoxNoSep:first-child {
border-top: none ! important;
}
#overviewContainer .textListBox.first-child,
#overviewContainer .textListBox:first-child {
padding-top: 0 ! important;
}
#overviewContainer .textListBox,
#overviewContainer .newsListBox {
border-bottom: none ! important;
border-top: 1px solid #c9cfd2;
}
div.publicationList.pubCSS div.items figure.grid_1 {
width: 8.125rem;
padding-top: 0.5rem;
}
div.publicationList.pubCSS div.pub_data {
margin-left: 9.375rem;
min-height: 13.125rem;
}
.calendarFeed #eventList.eventList .eventListGroup .eventListBox.last-child div.info.grid_1,
.calendarFeed #eventList.eventList .eventListGroup .eventListBox div.info.grid_1 {
width: 30% !important;
}
.calendarFeed #eventList.eventList .eventListGroup .eventListBox.last-child div.info.grid_3,
.calendarFeed #eventList.eventList .eventListGroup .eventListBox div.info.grid_3 {
width: 61%;
}
@media screen and (min-width: 1280px) {
body.calendareventlist #eventList .grid_3 {
width: 50%;
}
body.calendareventlist #eventList .info.grid_1 {
width: 47% !important;
margin-right: 0;
}
.vcard ul.contactlist li {
line-height: 1.5;
}
}
@media screen and (max-width: 1024px) {
.publicationList .publicationBox {
margin-top: 0.5625rem;
margin-bottom: 0.5625rem;
}
.publicationList .publicationBox .info {
padding-top: 0.5625rem;
padding-bottom: 0.5625rem;
}
.publicationList .articleBox article .info .pub_links,
.publicationList .articleBox article .info .pub_info,
.publicationList .articleBox article .info .pub_authors,
.publicationList .articleBox article .info .pub_title {
font-size: 1rem;
line-height: 1.4;
}
#mainContent div.publicationList.pubCSS div.items figure.grid_1,
#contentMain div.publicationList.pubCSS div.items figure.grid_1 {
width: 8.125rem !important;
max-width: 8.125rem !important;
}
#mainContent div.publicationList.pubCSS div.items img,
#contentMain div.publicationList.pubCSS div.items img {
width: 100%;
}
#mainContent div.publicationList.pubCSS div.pub_data,
#contentMain div.publicationList.pubCSS div.pub_data {
margin-left: 9.375rem;
}
#mainContent div.publicationList.pubCSS div.pub_data h2,
#contentMain div.publicationList.pubCSS div.pub_data h2 {
font-size: 1.1875rem;
}
.publications .navigation .nav-hint {
font-size: 0.875rem;
}
#eventList h2 {
font-size: 1rem;
}
#special-search-recommendation figure,
.searchResult .recommendation .content .textListBox .info figure,
.searchResult .suggestion figure {
width: 6.25rem;
max-width: 25%;
}
#special-search-recommendation figure a,
.searchResult .recommendation .content .textListBox .info figure a,
.searchResult .suggestion figure a {
line-height: 1;
}
#special-search-recommendation figure img,
.searchResult .recommendation .content .textListBox .info figure img,
.searchResult .suggestion figure img {
width: 100% !important;
max-width: 100%;
max-height: none;
height: auto !important;
}
.recommendation h2 {
font-size: 1.25rem !important;
line-height: 1.6;
padding-top: 0.125rem;
}
.info p.dateInfo {
font-size: 1rem !important;
}
.searchResult .newsListBox.articleBox .info figure,
.searchResult .newsListBoxNoSep.articleBox .info figure {
width: 25% !important;
min-width: 0;
}
.searchResult ul.search_types li {
min-width: 6rem;
text-align: center;
margin-right: 1rem;
}
.searchResult ul.search_types li a {
font-size: 0.875rem;
}
.searchResult ul.search_types li.active {
background-color: #EAECEE !important;
}
.search .searchResult .articleBox p {
font-size: 1rem;
line-height: 1.5;
margin-bottom: 0;
}
.searchResult .recommendation .head,
.searchResult .navigation .head,
.searchResult .recommendation .nav-hint,
.searchResult .navigation .nav-hint {
font-size: 0.875rem;
padding-top: 1rem;
}
.searchResult ul.search_types {
margin-bottom: 1rem;
}
.searchResult ul.search_types li {
border: none !important;
}
.searchResult ul.search_types li.active {
background-color: #EAECEE;
}
.searchResult ul.search_types li a,
.searchResult ul.search_types li a:hover {
border-bottom: none;
}
.searchResult ul.search_types li:last-child {
border-right: none;
}
.navigation .nav-elements {
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
.navigation .nav-elements .articleBox article {
padding: 1rem 0;
}
.navigation .nav-elements .nav-prev {
padding-right: 0;
margin-right: 0.75rem;
}
.navigation .nav-elements .nav-next {
margin-left: 0.75rem;
padding-right: 0;
}
.navigation .nav-elements ul.paging li {
padding-right: 0.6875rem;
padding-left: 0.6875rem;
}
ul.commentListBox li .data span.commentName,
ul.commentListBox li .data span {
display: inline-block;
}
ul.commentListBox li .data {
float: left;
width: 100%;
font-size: 1rem;
}
ul.commentListBox li .data span.commentName {
margin-right: 1rem;
}
ul.commentListBox li .subComment ul li .commentEntry,
ul.commentListBox li .commentEntry {
width: 100%;
padding-left: 0;
margin-bottom: 1rem;
}
.subComment.scf-comment-replies ul.scf-comments-list {
padding-left: 2rem;
}
.search .searchResult table {
margin-top: 0;
}
.vcard .org,
.vcard .adr {
font-size: 1rem;
line-height: 1.5;
}
.vcard ul.contactlist,
.vitae ul.contactlist {
padding-top: 0.625rem;
}
.vcard ul.contactlist li,
.vitae ul.contactlist li {
padding-bottom: 0.625rem;
width: 100%;
}
ul.contactlist li .icons:before,
.vcard ul.contactlist li .icons:before,
.vitae ul.contactlist li .icons:before {
top: 0;
}
ul.contactlist li .icons.mail:before,
.vcard ul.contactlist li .icons.mail:before,
.vitae ul.contactlist li .icons.mail:before {
top: 1px;
}
aside .newsListBox .info p.dateInfo {
padding-bottom: 0.5625rem;
}
aside .newsListBox .info h3 {
margin-bottom: 0;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
#contentMain > .last-child,
#contentMain > .last-child,
#contentMain .searchResult.last-child {
margin-bottom: 0.5rem;
}
body.search section#contentMain .searchResult .newsListBox.articleBox .info figure {
width: 25% !important;
height: auto !important;
}
.searchResult ul.search_types {
display: flex;
justify-content: space-between;
flex-direction: row;
align-items: stretch;
margin-bottom: 1.5rem;
}
body.calendareventlist #eventList .grid_3 {
width: 50%;
}
body.calendareventlist #eventList .info.grid_1 {
width: 47% !important;
margin-right: 0;
}
}
@media screen and (max-width: 767px) {
#contentMain .newsList .newsListBox figure {
width: 30% !important;
}
body.calendareventlist #eventList .grid_3 {
width: 100%;
}
body.calendareventlist #eventList .info.grid_1 {
width: 100% !important;
margin-right: 0;
margin-top: 0.5rem;
}
#mainContent div.publicationList.pubCSS div.items figure.grid_1,
#contentMain div.publicationList.pubCSS div.items figure.grid_1 {
width: 22.5% !important;
max-width: 22.5% !important;
}
#mainContent div.publicationList.pubCSS div.pub_data,
#contentMain div.publicationList.pubCSS div.pub_data {
margin-left: calc(22.5% + 0.75rem);
}
.calendarFeed #eventList.eventList .eventListGroup .eventListBox.last-child div.info.grid_1,
.calendarFeed #eventList.eventList .eventListGroup .eventListBox div.info.grid_1 {
width: 100% !important;
}
.calendarFeed #eventList.eventList .eventListGroup .eventListBox.last-child div.info.grid_3,
.calendarFeed #eventList.eventList .eventListGroup .eventListBox div.info.grid_3 {
width: 100%;
margin-bottom: 0.75rem;
}
.searchResult ul.search_types li {
margin-right: 0;
width: 7rem;
max-width: 33.33%;
min-width: 0;
padding-left: 0;
padding-right: 0;
}
.recommendation h2 {
font-size: 1.25rem !important;
padding-top: 0.125rem !important;
}
.navigation .nav-elements .paging {
display: none;
}
.navigation .nav-elements .nav-all {
margin-top: 0.5rem;
clear: both;
}
.nav-next {
float: right;
padding-right: 0;
}
.navigation .nav-elements .nav-next,
.navigation .nav-elements .nav-all {
float: right;
}
.navigation .nav-elements .nav-all a span.icon {
padding-left: 0.75rem;
}
}
@media screen and (max-width: 980px) {
.navigation .nav-elements .nav-all {
margin-top: 0.5rem;
clear: both;
}
}
@media screen and (min-width: 580px) and (max-width: 767px) {
#mainContent div.publicationList.pubCSS div.items figure.grid_1,
#contentMain div.publicationList.pubCSS div.items figure.grid_1 {
width: 8.125rem !important;
max-width: 8.125rem !important;
}
#mainContent div.publicationList.pubCSS div.pub_data,
#contentMain div.publicationList.pubCSS div.pub_data {
margin-left: 9.375rem;
}
}
nav#nav a {
font-size: 0.875rem;
line-height: 1.1428571429;
}
nav#nav a:hover {
border-bottom: 0;
}
nav#nav .subOverview {
box-sizing: content-box;
line-height: 1.17;
}
nav#nav h1.screenreader {
left: -9999px;
top: -9999px;
width: 0;
height: 0;
display: inline;
position: absolute;
left: -999em;
width: 1em;
overflow: hidden;
}
nav#nav ul {
position: absolute;
}
nav#nav ul > li.active em {
left: -9999px;
top: -9999px;
width: 0;
height: 0;
display: inline;
position: absolute;
left: -999em;
width: 1em;
overflow: hidden;
}
nav#nav .nav-sub ul {
position: relative;
}
nav#nav .nav-sub ul li {
float: none;
margin-left: 0;
}
nav#nav .nav-sub ul li.active em {
left: -9999px;
top: -9999px;
width: 0;
height: 0;
display: inline;
position: absolute;
left: -999em;
width: 1em;
overflow: hidden;
}
nav#nav .nav-sub a {
font-size: 0.75rem;
line-height: 1.1666666667;
}
nav#nav ul > li.active div.zIndex a div.linkContainer div.borderBox {
border-left: none ! important;
border-right: none ! important;
}
nav#nav ul > li.active div.zIndex a div.linkContainer span.navText {
color: #1f407a;
}
nav#contentNav {
padding-left: 0.625rem;
width: 17.3125rem;
}
nav#contentNav ul.level0 {
margin-right: 0.625rem;
border-bottom: 1px solid #c9cfd2;
}
nav#contentNav ul.level0 li.cur > ul,
nav#contentNav ul.level0 li.par > ul {
display: block;
}
nav#contentNav ul.level0 li ul {
display: none;
}
nav#contentNav ul.level0 li {
border-top: 1px solid #c9cfd2;
}
nav#contentNav ul.level0 li a {
display: block;
color: #333333;
padding: 0.3125rem 0.75rem;
text-decoration: none;
font-size: 0.875rem;
line-height: 1.4285714286;
font-weight: 400;
}
nav#contentNav ul.level0 li a.active {
font-weight: bold;
color: #003c69;
}
nav#contentNav ul.level0 li a:hover {
background-color: #F6F7F8;
color: #003c69;
border: 0;
}
nav#contentNav ul.level0 li.par > a {
font-weight: bold;
color: #003c69;
}
nav#contentNav ul.level0 li.cur > a {
background-color: #F6F7F8;
color: #003c69;
font-weight: bold;
}
nav#contentNav ul.level0 li.cur em {
left: -9999px;
top: -9999px;
width: 0;
height: 0;
display: inline;
position: absolute;
left: -999em;
width: 1em;
overflow: hidden;
}
nav#contentNav ul.level0 li ul li a {
padding-left: 1.5rem;
}
nav#contentNav ul.level0 li ul li ul li a {
padding-left: 2.25rem;
}
nav#contentNav ul.level0 li ul li ul li ul li a {
padding-left: 3rem;
}
nav#contentNav ul.level0 li ul li ul li ul li ul li a {
padding-left: 3.75rem;
}
nav#contentNav ul.level0 li ul li ul li ul li ul li ul li a {
padding-left: 4.5rem;
}
nav#contentNav ul.level0 li ul li ul li ul li ul li ul li ul li a {
padding-left: 5.25rem;
}
nav#contentNav ul.level0 li ul li ul li ul li ul li ul li ul li ul li a {
padding-left: 6rem;
}
nav#contentNav ul.level0 li ul li ul li ul li ul li ul li ul li ul li ul li a {
padding-left: 6.75rem;
}
nav#contentNav ul.level0 li ul li ul li ul li ul li ul li ul li ul li ul li ul li a {
padding-left: 7.5rem;
}
nav#contentNav ul.level0 li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li a {
padding-left: 8.25rem;
}
nav#contentNav ul.level0 li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li a {
padding-left: 9rem;
}
nav#contentNav ul.level0 li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li a {
padding-left: 9.75rem;
}
nav#contentNav ul.level0 li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li a {
padding-left: 10.5rem;
}
nav#contentNav ul.level0 li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li a {
padding-left: 11.25rem;
}
nav#contentNav ul.level0 li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li a {
padding-left: 12rem;
}
div.tableOfContents {
padding: 0 1.875rem;
}
div.tableOfContents span.hidden {
display: inline;
left: -62.5rem;
overflow: hidden;
width: 0;
position: absolute;
top: -62.5rem;
height: 0;
}
div.tableOfContents div.headToc {
margin-top: 1.5rem;
margin-bottom: 1.375rem;
}
div.tableOfContents div.contentToc > ul > li {
float: left;
display: inline;
margin-bottom: 2.75rem;
}
div.tableOfContents div.contentToc > ul > li .grid_2 {
width: 10.5rem;
margin-left: 1.25rem;
margin-right: 0;
border-bottom: 1px solid #c9cfd2;
padding-bottom: 0.5rem;
}
div.tableOfContents div.contentToc > ul > li .grid_2.expanded {
border-bottom: none;
padding-bottom: 0;
}
div.tableOfContents div.contentToc > ul > li .grid_2:first-child {
margin-left: 0;
}
div.tableOfContents div.contentToc > ul > li:last-child {
margin-bottom: 0;
}
div.tableOfContents div.contentToc > ul > li > ul > li {
float: left;
padding-bottom: 0.3125rem;
margin-right: 0.625rem;
border-bottom: 1px solid #c9cfd2;
}
div.tableOfContents div.contentToc > ul > li > ul > li a {
display: block;
color: #003c69;
font-size: 0.875rem;
line-height: 1.4285714286;
font-weight: bold;
}
div.tableOfContents div.contentToc > ul > li > ul > li a:hover {
border: 0;
}
div.tableOfContents div.contentToc > ul > li > ul > li div a {
padding-right: 1.75rem;
}
div.tableOfContents div.contentToc > ul > li > ul > li div a span.icon {
padding-left: 0.625rem;
border-bottom: none;
width: 0.5625rem;
background-size: 9px 9px;
background-position: 4px 2px;
}
div.tableOfContents div.contentToc > ul > li > ul > li div.expanded {
position: relative;
}
div.tableOfContents div.contentToc > ul > li > ul > li div.expanded span.icon {
position: absolute;
right: 0;
display: inline-block;
height: 0.875rem;
bottom: 0.3125rem;
margin-bottom: -0.1875rem;
background-image: url('img/icons/svg/minus.svg');
}
div.tableOfContents div.contentToc > ul > li > ul > li div.expanded span.icon.plus {
background-image: url('img/icons/svg/plus.svg');
}
div.tableOfContents div.contentToc > ul > li > ul > li ul {
margin-top: 0.5rem;
display: none;
}
div.tableOfContents div.contentToc > ul > li > ul > li ul li {
border-top: 1px solid #c9cfd2;
margin-bottom: 0;
}
div.tableOfContents div.contentToc > ul > li > ul > li ul li a {
font-size: 0.75rem;
line-height: 1.1666666667;
color: #0069b4;
}
div.tableOfContents div.contentToc > ul > li > ul > li ul li div {
padding: 0.375rem 0;
}
div.tableOfContents div.contentToc > ul > li > ul > li ul li div.expanded {
color: #003c69;
padding-top: 0.375rem;
padding-bottom: 0.3125rem;
margin-bottom: -0.1875rem;
position: relative;
}
div.tableOfContents div.contentToc > ul > li > ul > li ul li div.expanded span.icon {
position: absolute;
margin-bottom: 0;
}
div.tableOfContents div.contentToc > ul > li > ul > li ul li ul {
margin-top: 0;
margin-bottom: 0;
}
div.tableOfContents div.contentToc > ul > li > ul > li ul li ul li {
margin-right: 0;
}
div.tableOfContents div.contentToc > ul > li > ul > li ul li ul li div {
padding-left: 0.625rem;
}
div.tableOfContents div.contentToc > ul > li > ul > li ul li ul li ul li div {
padding-left: 1.25rem;
}
div.tableOfContents div.contentToc > ul > li > ul > li ul li ul li ul li ul li div {
padding-left: 1.875rem;
}
div.tableOfContents div.contentToc > ul > li > ul > li ul li ul li:last-child {
border-bottom: none;
}
div.tableOfContents div.contentToc > ul > li > ul > li ul li:last-child {
border-bottom: 1px solid #c9cfd2;
}
nav#nav {
position: relative;
}
div#services {
float: right;
}
div.services-placeholder {
height: 0.0625rem;
}
div.services-button {
margin-right: 0.625rem;
}
div.services-button:after {
content: '';
display: table;
clear: both;
}
div.services-button a {
float: left;
width: 100%;
}
div.services-container {
padding: 0.3125rem 0.5rem;
float: left;
line-height: 1.4;
}
div.services-container:after {
content: '';
display: table;
clear: both;
}
div.services-border {
height: auto;
padding: 0;
}
div.services-maxwidth {
box-sizing: border-box;
max-width: none;
float: left;
width: auto;
text-align: right;
padding-right: 0.375rem;
}
div.services-arrow {
height: 1.25rem;
width: 0.8125rem;
float: left;
background-image: url(img/icons/svg/arrow-link.svg);
background-position: 0 2px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 13px 13px;
}
div.services-button:hover div.services-border {
border-left-color: transparent !important;
}
div.services-button:hover {
background: #82be1e;
box-shadow: 0 0 0.4375rem 0 #222;
}
div.services-button:hover div.services-arrow {
background-image: url(img/icons/svg/arrow-link-white.svg);
}
body nav#nav div.services-button:hover a {
color: #1f407a;
}
@media screen and (min-width: 1025px) {
#services-tablet {
display: none;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
nav#contentNav {
width: 25%;
}
div.tableOfContents div.contentToc > ul > li {
float: none;
display: block;
}
}
@media screen and (min-width: 1280px) {
div.tableOfContents div.contentToc > ul > li > ul > li div a span.icon {
background-size: 10px 10px;
}
}
@media screen and (min-width: 1366px) {
div.tableOfContents div.contentToc > ul > li > ul > li div a span.icon {
background-size: 11px 11px;
}
}
@media screen and (min-width: 1600px) {
div.tableOfContents div.contentToc > ul > li > ul > li div a span.icon {
background-size: 12px 12px;
}
}
@media screen and (max-width: 1024px) {
#services {
display: none;
}
#services-tablet {
margin-top: 1rem;
}
#services-tablet > div.services-button > a > div > div > div.services-maxwidth > span {
font-size: 0.875rem;
}
div.services-button {
margin-right: 0;
}
div.services-button div.services-container {
padding-left: 0.3125rem;
padding-right: 0.3125rem;
}
div.tableOfContents {
padding-left: 0;
padding-right: 0;
}
div.tableOfContents div.contentToc > ul > li .grid_2 {
width: 100%;
display: block;
float: none;
clear: both;
margin-bottom: 1rem;
margin-left: 0;
}
div.tableOfContents div.contentToc > ul {
margin-bottom: 1rem;
}
div.tableOfContents div.contentToc > ul > li .grid_2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
margin-bottom: 0;
}
div.tableOfContents div.contentToc ul li a {
line-height: 2 !important;
}
div.tableOfContents,
div.contentToc,
div.tableOfContents div.contentToc > ul > li > ul > li ul li a {
font-size: 0.875rem;
line-height: 1.4285714286;
}
div.tableOfContents div.contentToc > ul > li > ul > li span.icon {
background-position: 0 0;
right: 0.5rem;
}
div.tableOfContents div.contentToc > ul > li > ul > li div.expanded span.icon {
background-position: 0 0;
background-size: 13px 13px;
margin-bottom: 0.1875rem;
}
div.tableOfContents div.contentToc > ul > li > ul > li ul li div.expanded span.icon {
margin-bottom: 0.5rem;
}
div.tableOfContents div.contentToc > ul > li {
margin-bottom: 0;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
nav#contentNav {
width: calc(33.33% - 0.75rem);
padding-left: 0;
box-sizing: border-box;
}
nav#contentNav ul.level0 {
margin-right: 0;
margin-bottom: 3rem;
}
nav#contentNav ul.level0 li a {
font-size: 0.875rem;
line-height: 1.5;
padding-left: 1.5rem;
padding-right: 0.5625rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
nav#contentNav ul.level0 li ul li a {
padding-left: 2.0625rem;
}
nav#contentNav ul.level0 li ul li ul li a {
padding-left: 2.625rem;
}
nav#contentNav ul.level0 li ul li ul li ul li a {
padding-left: 3.1875rem;
}
nav#contentNav ul.level0 li ul li ul li ul li ul li a {
padding-left: 3.75rem;
}
nav#contentNav ul.level0 li ul li ul li ul li ul li ul li a {
padding-left: 4.3125rem;
}
nav#contentNav ul.level0 li ul li ul li ul li ul li ul li ul li a {
padding-left: 4.875rem;
}
nav#nav ul > li.active div.zIndex:hover a div.linkContainer,
nav#nav ul > li.active div.zIndex.focus a div.linkContainer {
height: auto;
}
div.tableOfContents div.contentToc > ul > li {
float: none;
display: block;
}
}
@media screen and (max-width: 767px) {
.li_row {
width: 100%;
}
div.tableOfContents div.contentToc > ul > li .grid_2 {
margin-left: 0;
}
}
@media screen and (min-width: 1280px) and (max-width: 1365px) {
div.services-arrow {
background-position: 0 3px;
}
}
@media screen and (min-width: 1366px) {
div.services-arrow {
background-position: 0 4px;
}
}
div.actionConfirm {
padding: 1.25rem 0.9375rem 1.5625rem 0.9375rem !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
display: block;
border: 1px solid #82be1e;
background-color: #FBFFF3;
}
div.actionConfirm h2 {
color: #82be1e;
padding-top: 0;
}
div.actionConfirm p:last-child,
div.actionConfirm ul:last-child,
div.actionConfirm ol:last-child {
padding-bottom: 0;
}
div.accordion-editmode div.ui-accordion-content {
margin-bottom: 0.3125rem;
}
div.accordion-editmode,
div.accordion {
width: 100%;
display: block;
}
div.accordion-editmode .accordionToolbar div,
div.accordion .accordionToolbar div {
position: relative;
top: 0;
font-size: 0.75rem;
}
div.accordion-editmode .accordionToolbar div span.openCloseText,
div.accordion .accordionToolbar div span.openCloseText {
margin-right: -0.25rem;
}
div.accordion-editmode h3.accordionHeader,
div.accordion h3.accordionHeader {
padding: 0.5625rem 6.875rem 0.5625rem 0.9375rem;
cursor: pointer;
background: none;
background-color: #d3d9db !important;
}
div.accordion-editmode h3.accordionHeader:first-child,
div.accordion h3.accordionHeader:first-child {
margin-top: 0;
}
div.accordion-editmode h3.accordionHeader div,
div.accordion h3.accordionHeader div {
position: absolute;
top: 0.75rem;
}
div.accordion-editmode h3.accordionHeader span.title,
div.accordion h3.accordionHeader span.title {
padding: 0;
color: #1f407a;
font-weight: bold;
font-size: 0.875rem;
line-height: 1.4285714286;
display: inline-block;
}
div.accordion-editmode h3.accordionHeader,
div.accordion h3.accordionHeader,
div.accordion-editmode .accordionToolbar,
div.accordion .accordionToolbar {
position: relative;
margin-top: 0.1875rem;
}
div.accordion-editmode h3.accordionHeader a.accordionHeader,
div.accordion h3.accordionHeader a.accordionHeader,
div.accordion-editmode .accordionToolbar a.accordionHeader,
div.accordion .accordionToolbar a.accordionHeader {
color: #333333;
font-weight: bold;
}
div.accordion-editmode h3.accordionHeader a:hover,
div.accordion h3.accordionHeader a:hover,
div.accordion-editmode .accordionToolbar a:hover,
div.accordion .accordionToolbar a:hover {
border-bottom: 0 !important;
}
div.accordion-editmode h3.accordionHeader div,
div.accordion h3.accordionHeader div,
div.accordion-editmode .accordionToolbar div,
div.accordion .accordionToolbar div {
right: 0;
float: right;
padding: 0 0 0 0;
color: #0069b4;
}
div.accordion-editmode h3.accordionHeader div span.ui-icon,
div.accordion h3.accordionHeader div span.ui-icon,
div.accordion-editmode .accordionToolbar div span.ui-icon,
div.accordion .accordionToolbar div span.ui-icon {
position: relative;
right: -0.3125rem;
display: inline-block;
}
div.accordion-editmode h3.accordionHeader div span.ui-icon-triangle-1-e,
div.accordion h3.accordionHeader div span.ui-icon-triangle-1-e,
div.accordion-editmode .accordionToolbar div span.ui-icon-triangle-1-e,
div.accordion .accordionToolbar div span.ui-icon-triangle-1-e {
margin-right: 0.875rem;
background: url('img/icons/svg/plus.svg') no-repeat transparent;
background-size: contain;
}
div.accordion-editmode h3.accordionHeader div span.ui-icon-triangle-1-s,
div.accordion h3.accordionHeader div span.ui-icon-triangle-1-s,
div.accordion-editmode .accordionToolbar div span.ui-icon-triangle-1-s,
div.accordion .accordionToolbar div span.ui-icon-triangle-1-s {
margin-right: 0.875rem;
background: url('img/icons/svg/minus.svg') no-repeat transparent;
background-size: contain;
}
div.accordion-editmode div.ui-accordion-content,
div.accordion div.ui-accordion-content {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
padding: 1rem 0.9375rem 0.25rem 0.9375rem;
background: #eaecee;
}
div.accordion-editmode div.ui-accordion-content.tablecontent,
div.accordion div.ui-accordion-content.tablecontent {
padding: 0;
}
div.accordion-editmode div.ui-accordion-content div.table-matrix table,
div.accordion div.ui-accordion-content div.table-matrix table {
margin-bottom: 0 !important;
}
div.accordion-editmode div.ui-accordion-content h2,
div.accordion div.ui-accordion-content h2 {
padding-top: 0;
}
div.accordion-editmode div.ui-accordion-content .hide-focussable-elements-when-minimized,
div.accordion div.ui-accordion-content .hide-focussable-elements-when-minimized {
display: none !important;
}
div.accordion-editmode div.ui-accordion-content .text-box,
div.accordion div.ui-accordion-content .text-box {
background-color: #d3d9db;
}
div.accordion-editmode.spacingTop,
div.accordion.spacingTop {
margin-top: 0.3125rem;
}
.openCloseText {
display: inline-block;
}
div.tabs-editmode div.ui-tabs-panel {
margin-bottom: 0.3125rem;
}
div.tabs-editmode,
div.tabs {
width: 29.0625rem;
padding: 0.25rem 0 1.875rem 0;
}
div.tabs-editmode.full-width,
div.tabs.full-width {
width: 40.1875rem;
}
div.tabs-editmode ul.ui-tabs-nav,
div.tabs ul.ui-tabs-nav {
display: block;
overflow: hidden;
}
div.tabs-editmode ul.ui-tabs-nav li.ui-state-default,
div.tabs ul.ui-tabs-nav li.ui-state-default {
background: url('img/eth_website_form_elements.png') repeat-x scroll 0 0 transparent;
float: left;
margin-right: 0.25rem;
background-color: #d3d5d7;
display: block;
}
div.tabs-editmode ul.ui-tabs-nav li.ui-state-default a,
div.tabs ul.ui-tabs-nav li.ui-state-default a {
font-size: 0.875rem;
line-height: 1.2857142857;
color: #1f407a;
font-weight: bold;
padding: 0.6875rem 0.9375rem 0.6875rem 0.9375rem;
display: inline-block;
}
div.tabs-editmode ul.ui-tabs-nav li.ui-state-default a:hover,
div.tabs ul.ui-tabs-nav li.ui-state-default a:hover {
border-bottom: 0;
}
div.tabs-editmode ul.ui-tabs-nav li.ui-state-default:hover,
div.tabs ul.ui-tabs-nav li.ui-state-default:hover,
div.tabs-editmode ul.ui-tabs-nav li.ui-tabs-selected,
div.tabs ul.ui-tabs-nav li.ui-tabs-selected {
background: #f3f5f5;
}
div.tabs-editmode div.ui-tabs-panel,
div.tabs div.ui-tabs-panel {
background-color: #f3f5f5;
padding: 1rem 0.9375rem 0.25rem 0.9375rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
}
div.tabs-editmode div.ui-tabs-panel h2:first-child,
div.tabs div.ui-tabs-panel h2:first-child,
div.tabs-editmode div.ui-tabs-panel h3:first-child,
div.tabs div.ui-tabs-panel h3:first-child,
div.tabs-editmode div.ui-tabs-panel h4:first-child,
div.tabs div.ui-tabs-panel h4:first-child,
div.tabs-editmode div.ui-tabs-panel h5:first-child,
div.tabs div.ui-tabs-panel h5:first-child,
div.tabs-editmode div.ui-tabs-panel h1:first-child,
div.tabs div.ui-tabs-panel h1:first-child {
padding: 0;
}
div.tabs-editmode div.ui-tabs-panel ul,
div.tabs div.ui-tabs-panel ul {
margin-top: 0;
}
div.tabs-editmode div.ui-tabs-hide,
div.tabs div.ui-tabs-hide {
display: none;
}
div.tabs-editmode div.tab-text .row,
div.tabs div.tab-text .row {
border-bottom: 1px #c9cfd2 solid;
padding: 0.5625rem 0;
font-size: 0.75rem;
line-height: 1.5;
}
div.tabs-editmode div.tab-text .row .label,
div.tabs div.tab-text .row .label {
float: left;
width: 6.875rem;
color: #003c69;
font-weight: bold;
}
div.tabs-editmode div.tab-text .row .description,
div.tabs div.tab-text .row .description {
margin-left: 8.4375rem;
}
div.tabs-editmode div.tab-text .row.first-element,
div.tabs div.tab-text .row.first-element {
padding-top: 0;
margin: 0;
}
div.tabs-editmode div.tab-text .row.last-element,
div.tabs div.tab-text .row.last-element {
padding-bottom: 0;
border-bottom: 0;
}
table.info .label {
padding-right: 0.9375rem;
}
.basecomponent.rssreader .newsListBox p.dateInfo {
margin-bottom: 0;
}
.basecomponent.rssreader .newsListBox h2 {
margin-bottom: 0.3125rem;
}
.basecomponent.rssreader .newsListBox img[src] {
float: left;
padding-right: 0.625rem;
padding-bottom: 0;
margin-top: 0.25rem;
}
.basecomponent.rssreader .newsListBox img[align="left"] {
padding-bottom: 0.625rem;
}
.basecomponent.rssreader .newsListBox br {
display: none;
}
.basecomponent.rssreader .newsListBox p {
display: block;
clear: both;
margin-bottom: 0.3125rem;
}
.basecomponent.rssreader .newsListBox p:after {
content: '';
display: table;
clear: both;
}
.basecomponent.rssreader .newsListBox p a {
clear: both;
float: inherit;
}
.basecomponent.rssreader .newsListBox a {
float: left;
clear: both;
margin-top: 0.25rem;
margin-bottom: 0.5625rem;
border-bottom: 1px solid transparent !important;
}
aside .basecomponent.rssreader .newsListBox a {
width: auto;
}
@media screen and (max-width: 1024px) {
div.accordion-editmode h3.accordionHeader,
div.accordion h3.accordionHeader {
background: #d3d9db;
margin-bottom: 0;
padding-left: 1.5rem;
padding-right: 7.5rem;
}
div.accordion-editmode h3.accordionHeader div,
div.accordion h3.accordionHeader div {
top: 0.6875rem;
}
div.accordion-editmode div.ui-accordion-content,
div.accordion div.ui-accordion-content {
padding-top: 1.5rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
padding-bottom: 0.75rem;
}
div.accordion {
width: 100%;
}
body.search div.accordion-editmode h3.accordionHeader span.title,
body.search div.accordion h3.accordionHeader span.title {
font-size: 1rem;
}
#contentMain div.tab_accordion div.accordion > div.hideFocusBox > h3 > a.accordionOpenAll > span.ui-icon.ui-icon-triangle-1-e,
body.search div.tab_accordion div.accordion h3.accordionToolbar div span.ui-icon.ui-icon-triangle-1-e,
body.search div.tab_accordion div.accordion h3.accordionToolbar div span.ui-icon.ui-icon-triangle-1-s {
margin-right: 0.875rem;
background-position: right;
background-size: 1rem;
width: 1.5rem !important;
height: 1.5rem !important;
float: right;
}
div.accordion h3.accordionHeader span.title {
font-size: 1rem;
}
div.academicCalendar h3.accordionHeader {
padding-left: 0.625rem;
}
}
@media screen and (max-width: 767px) {
div.basecomponent.accordion {
margin: 0 0;
}
div.tab_accordion h3.accordionToolbar {
box-sizing: border-box;
padding-left: 1.5rem;
padding-right: 0.9375rem;
}
div.tab_accordion h3.accordionToolbar .ui-icon {
width: 0.675rem !important;
height: 0.675rem !important;
}
.tab_accordion .accordion h3.accordionHeader a.accordionAnchor > div > span.openCloseText {
display: none;
}
div.accordion h3.accordionHeader div span.ui-icon-triangle-1-s {
right: 0;
background-image: url(img/icons/svg/minus-gross-phone.svg);
width: 1rem;
height: 1rem;
background-size: contain;
top: 0.125rem;
margin-right: 1.5rem;
}
body.search div.accordion h3.accordionHeader div span.ui-icon-triangle-1-e,
div.accordion h3.accordionHeader div span.ui-icon-triangle-1-e {
right: 0;
background-image: url(img/icons/svg/plus-gross-phone.svg);
width: 1rem;
height: 1rem;
background-size: contain;
top: 0.125rem;
margin-right: 1.5rem;
}
.r-tabs-accordion-title > span.ui-icon-triangle-1-s {
margin-right: 0.875rem;
background: url('img/icons/svg/plus-gross-phone.svg') no-repeat transparent;
width: 1rem;
height: 1rem;
background-size: 100%;
}
.r-tabs-accordion-title.r-tabs-state-active span.ui-icon-triangle-1-s {
margin-right: 0.875rem;
background: url('img/icons/svg/minus-gross-phone.svg') no-repeat transparent;
width: 1rem;
height: 1rem;
background-size: 100%;
}
div.accordion {
width: auto;
margin-left: -1.5rem;
margin-right: -1.5rem;
}
div.accordion-editmode h3.accordionHeader,
div.accordion h3.accordionHeader {
padding-right: 3.5rem;
}
div.accordion div.ui-accordion-content.tablecontent,
div.accordion-editmode div.ui-accordion-content,
div.accordion div.ui-accordion-content {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.academicCalendar div.accordion {
margin-left: 0;
margin-right: 0;
}
.academicCalendar div.accordion div.ui-accordion-content.tablecontent,
.academicCalendar div.accordion-editmode div.ui-accordion-content,
.academicCalendar div.accordion div.ui-accordion-content {
padding-left: 0;
padding-right: 0;
}
.academicCalendar div.accordion h3.accordionHeader {
padding-right: 2.5rem;
}
.academicCalendar div.accordion h3.accordionHeader div span.ui-icon-triangle-1-s,
.academicCalendar div.accordion h3.accordionHeader div span.ui-icon-triangle-1-e {
margin-right: 0.625rem;
}
.academicCalendar div.accordion h3.accordionHeader .openCloseText {
display: none;
}
.rssreader .newsListBox p img[src],
.basecomponent.rssreader .newsListBox img[src] {
width: 100%;
padding-right: 0;
}
}
#userStatusBar {
color: #fff;
background-color: #000;
font-size: 0.6875rem;
font-weight: bold;
min-width: 61.875rem;
}
#userStatusBar a {
line-height: 1.5625rem;
}
#userStatusBar a:hover {
border-bottom: none;
}
#userStatusBar .container {
height: 2.5625rem;
width: 79.1875rem;
margin-left: auto;
margin-right: auto;
vertical-align: middle;
}
#userStatusBar div.box {
float: right;
line-height: 1.5625rem;
padding: 0.5rem 0.5625rem 0.5rem 0;
text-align: right;
}
#userStatusBar div.box.logout {
width: 11.75rem;
}
#userStatusBar div.box.username {
padding-right: 1.3125rem;
}
#userStatusBar div.box.view {
margin-right: 7.875rem;
}
#userStatusBar nav.viewNav {
margin-left: 0.625rem;
}
#userStatusBar nav.viewNav div.list-dropdown {
background: url('img/btn-background.png') repeat-x scroll 0 0 #414141;
}
#userStatusBar nav.viewNav div.list-dropdown .link {
display: inline-block;
width: 14.75rem;
padding-left: 0.4375rem;
line-height: inherit;
}
#userStatusBar nav.viewNav div.list-dropdown .icon {
float: right;
padding-top: 0.5rem;
width: 0.75rem;
padding-left: 0.625rem;
padding-right: 0.4375rem;
}
#userStatusBar nav.viewNav ul.list-dropdown-select {
z-index: 300;
}
#userStatusBar nav.viewNav ul.list-dropdown-select li a {
padding: 1rem 1.1rem 1rem 2rem;
padding-top: 1rem;
padding-right: 1.1rem;
padding-bottom: 1rem;
padding-left: 2rem;
font-size: 0.9rem;
}
#userStatusBar nav.viewNav ul.list-dropdown-select li a:hover {
font-weight: bold !important;
}
#userStatusBar div#viewSelection ul.list-dropdown-select-sub li:first-child {
border-top: none;
}
#userStatusBar .button {
background: url('img/btn-background.png') repeat-x scroll 0 0 #414141;
border: 0;
color: #fff;
padding: 0.3125rem 0 0.375rem 0.625rem;
}
#userStatusBar .button .icon {
padding-bottom: 0.125rem;
padding-left: 0.625rem;
padding-right: 0.4375rem;
}
#userStatusBar .logout {
padding: 0.1875rem 0.5rem;
}
#userStatusBar {
color: #fff;
background-color: #000;
font-size: 0.8125rem;
font-weight: bold;
min-width: 61.875rem;
}
#userStatusBar a {
line-height: 2.2727272727;
font-size: 0.6875rem;
}
#userStatusBar a:hover {
border-bottom: none;
}
#userStatusBar .container {
height: 2.5625rem;
font-size: 0.6875rem;
width: 61.875rem;
margin-left: auto;
margin-right: auto;
vertical-align: middle;
}
#userStatusBar .warning {
text-align: center;
background-color: #ff0000;
font-size: 0.9375rem;
}
#userStatusBar div.statusBarItem {
float: right;
width: 23.75rem;
padding: 0.5rem 0.4375rem 0.5rem 0;
}
#userStatusBar div.statusBarItem.small {
width: 7.25rem;
}
#userStatusBar div.box {
padding: 0.5rem 0.5625rem 0.5rem 0;
}
#userStatusBar span.caption {
float: left;
margin-top: 0.1875rem;
padding: 0.1875rem 0.3125rem 0.1875rem 0;
vertical-align: middle;
}
#userStatusBar span.status {
background-color: #414141;
background-position: 0.625rem center;
background-repeat: no-repeat;
display: block;
overflow: hidden;
margin-top: 0.1875rem;
padding: 0.1875rem 0.625rem 0.1875rem 0.625rem;
text-overflow: ellipsis;
white-space: nowrap;
-o-text-overflow: ellipsis;
}
#userStatusBar span.status.status-none {
background-image: url('../../../libs/cq/ui/widgets/themes/default/widgets/wcm/SiteAdmin/status-none.gif');
padding-left: 2.625rem;
width: 15.3125rem;
}
#userStatusBar span.status.status-activated {
background-image: url('../../../libs/cq/ui/widgets/themes/default/widgets/wcm/SiteAdmin/status-activated.gif');
padding-left: 2.625rem;
width: 15.3125rem;
}
#userStatusBar span.status.status-deactivated {
background-image: url('../../../libs/cq/ui/widgets/themes/default/widgets/wcm/SiteAdmin/status-deactivated.gif');
padding-left: 2.625rem;
width: 15.3125rem;
}
#userStatusBar span.status.status-pending-activation {
background-image: url('../../../libs/cq/ui/widgets/themes/default/widgets/wcm/SiteAdmin/status-pending-activation.gif');
padding-left: 2.625rem;
width: 15.3125rem;
}
#userStatusBar span.status.status-pending-deactivation {
background-image: url('../../../libs/cq/ui/widgets/themes/default/widgets/wcm/SiteAdmin/status-pending-deactivation.gif');
padding-left: 2.625rem;
width: 15.3125rem;
}
#userStatusBar span.status.status-localmodified {
background-image: url('../../../libs/cq/ui/widgets/themes/default/icons/16x16/bulb-grey.gif');
background-position: 0.375rem center;
padding-left: 1.5625rem;
width: 17.875rem;
}
#userStatusBar span.status.status-modified {
background-image: url('../../../libs/cq/ui/widgets/themes/default/icons/16x16/bulb-blue.gif');
background-position: 0.375rem center;
padding-left: 1.5625rem;
width: 17.875rem;
}
#userStatusBar span.status.small {
padding: 0.1875rem 0.375rem 0.1875rem 0.375rem;
}
#userStatusBar span.status span.status-scheduledtask {
background-image: url('../../../libs/cq/ui/widgets/themes/default/widgets/wcm/SiteAdmin/status-scheduledtask.gif');
background-position: 0 center;
display: inline;
float: left;
width: 1rem;
}
#userStatusBar span.status span.status-workflow {
background-image: url('../../../libs/cq/ui/widgets/themes/default/widgets/wcm/SiteAdmin/status-workflow.gif');
background-position: 0 center;
display: inline;
float: left;
width: 1rem;
}
#userStatusBar span.status span.status-locked {
background-image: url('../../../libs/cq/ui/widgets/themes/default/widgets/wcm/SiteAdmin/status-locked.gif');
background-position: 0 center;
display: inline;
float: left;
width: 1rem;
}
#userStatusBar span.status span.status-livecopy {
background-image: url('../../../libs/cq/ui/widgets/themes/default/widgets/wcm/SiteAdmin/status-livecopy.gif');
background-position: 0 center;
display: inline;
float: left;
width: 1rem;
}
@media screen and (max-width: 1024px) {
#userStatusBar {
box-sizing: border-box;
min-width: 0;
width: 100%;
z-index: 300;
}
#userStatusBar .container {
width: 100%;
height: 3rem;
}
#userStatusBar div.box.logout {
box-sizing: border-box;
width: auto;
padding-left: 0;
padding-right: 1.5rem;
}
#userStatusBar div.box.username {
box-sizing: border-box;
padding-right: 1.5rem;
}
#userStatusBar div.box.username div.list-dropdown {
height: 2rem;
}
#userStatusBar div.box.username div.list-dropdown a {
font-size: 0.75rem;
}
#userStatusBar div.box.username div.list-dropdown a img {
padding-top: 0.625rem;
}
#userStatusBar .button,
#userStatusBar .userStatusBarItem {
font-size: 0.75rem;
padding-top: 0;
padding-bottom: 0;
height: 2rem;
line-height: 2rem;
}
}
@media screen and (max-width: 767px) {
#userStatusBar {
position: fixed;
top: 0;
transition: top 0.2s linear;
}
#userStatusBar div.box.username {
float: left;
padding-left: 1.5rem;
max-width: calc(100% - 8.75rem);
}
#userStatusBar div.box.username .userStatusBarItem {
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
}
#userStatusBar div.box.username div.list-dropdown .link {
width: 6rem;
}
.header-hidden #userStatusBar {
top: -10.0625rem;
}
.loggedin.menu-open #userStatusBar {
position: absolute !important;
top: 0 !important;
}
}
div#carouselContainer {
height: 24.375rem;
margin-bottom: 0.625rem;
position: relative;
}
div#carouselContainer span.link {
font-weight: bold;
position: absolute;
bottom: 0.75rem;
}
div.carouselList {
overflow: hidden;
}
div.carouselList ul {
width: 6249.9375rem;
}
div.carouselList ul li.carouselItem {
height: 24.375rem;
float: left;
margin-right: 0;
}
div.carouselList ul li.carouselItem a.carouselSlide {
z-index: 3;
}
div.carouselList ul li.carouselItem a.carouselSlide > .background > .fullwidthimage {
padding-top: 50%;
}
div.carouselList ul li.carouselItem a.carouselSlide > .background > .fullwidthimage > figure.fullwidthimage {
overflow: hidden;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
div.carouselList ul li.carouselItem figure {
margin-bottom: 0 !important;
margin-top: 0;
height: 100% !important;
}
div.carouselList ul li.carouselItem figure img {
height: 100% !important;
}
div.carouselList ul li.carouselItem:nth-child(1) .itemInfo {
display: block;
}
div.carouselList ul li.carouselItem div.itemInfo {
font-weight: normal;
position: absolute;
bottom: 9.25rem;
top: 15.125rem;
left: 0;
width: 36.5rem;
height: 4.3rem;
padding: 0.9375rem 1.125rem;
z-index: 5;
display: none;
}
div.carouselList ul li.carouselItem div.itemInfo h1 {
width: 80%;
}
div.carouselList ul li.carouselItem div.itemInfo p {
overflow: hidden;
padding-bottom: 0.3125rem;
font-size: 1rem;
}
div.carouselList ul li.carouselItem div.itemInfo span .link {
color: #0069b4;
font-weight: bold;
}
div.carouselList ul li.carouselItem div.itemInfo span .link .icon {
border: 0;
}
div.carouselList ul li.carouselItem div.itemInfo span.infoText > span {
font-size: 0.875rem;
line-height: 1.4285714286;
padding-bottom: 0;
color: #000;
overflow: hidden;
}
div.carouselList ul li.carouselItem div.itemInfo div.infoText p {
font-size: 0.875rem;
line-height: 1.2857142857;
bottom: 2.25rem;
padding-right: 1.125rem;
}
div.carouselList .textBackgroundBox {
width: 36.5rem;
bottom: 1.125rem;
position: absolute;
padding: 0.9375rem 1.125rem;
left: 0;
height: 6.25rem;
background-color: rgba(250, 250, 250, 0.9);
z-index: 3;
}
div.carouselList a.pause {
display: block !important;
position: absolute;
z-index: 10;
bottom: 2.0625rem;
right: 11.0625rem;
}
div.carouselList a.prev,
div.carouselList a.next,
div.carouselList a.pause,
div.carouselList div.bullets a {
border-bottom: none !important;
}
div.carouselList .prev,
div.carouselList .next {
top: 10.8125rem !important;
}
div.carouselList #carouselControl {
display: block;
position: absolute;
z-index: 10;
bottom: 7.0625rem;
right: 11.375rem;
}
div.carouselList #carouselControl a {
background-repeat: no-repeat;
background-size: 12px 12px;
float: left;
width: 0.9375rem;
height: 0.9375rem;
margin-left: 0.1875rem;
}
div.carouselList #carouselControl a:hover {
border: 0;
}
div.carouselList #carouselControl a.selected {
background-image: url('img/icons/svg/slider-dot-active.svg');
}
div.carouselList #carouselControl a span {
display: none;
}
div.carouselList a.prev,
div.carouselList a.next {
bottom: 1.25rem;
}
div.carouselFooterBox {
width: auto;
overflow: hidden;
background: #F7F9FA;
}
div.carouselFooterBox div:first-child {
border-right: 1px solid #c9cfd2;
border-left: none;
}
div.carouselFooterBox div.carouselFooterBoxContent {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 1.5rem;
float: left;
margin: 1.25rem 0 1.25rem -1px;
}
div.carouselFooterBox div.carouselFooterBoxContent p {
padding-bottom: 0;
}
div.carouselFooterBox div.carouselFooterBoxContent p a span.icon,
div.carouselFooterBox div.carouselFooterBoxContent p a span.xtra {
border-bottom: 1px solid #F7F9FA;
}
.carouselFooterBox .h2 {
font-size: 0.875rem;
line-height: 1.5;
}
div.carouselList {
height: 24.375rem;
}
div.carouselList #carouselControl a {
background-image: url('img/icons/svg/slider-dot.svg');
}
@media screen and (min-width: 1280px) and (max-width: 1365px) {
div.carouselList #carouselControl a {
background-size: 13px 13px;
}
}
@media screen and (min-width: 1366px) and (max-width: 1599px) {
div.carouselList #carouselControl a {
background-size: 14px 14px;
}
}
@media screen and (min-width: 1600px) {
div.carouselList #carouselControl a {
background-size: 15px 15px;
}
}
@media screen and (max-width: 1024px) {
div#carouselContainer {
height: auto;
}
div#carouselContainer .fullwidthimage {
margin-bottom: 0;
}
div.carouselList {
height: auto;
}
div.carouselList #carouselControl {
height: 0.75rem;
width: 100%;
text-align: center;
bottom: 8.3125rem;
right: auto;
}
div.carouselList #carouselControl a {
height: 0.75rem;
width: 0.75rem;
float: none;
display: inline-block;
margin-left: 0.625rem;
margin-right: 0;
}
div.carouselList #carouselControl a:first-child {
margin-left: 0;
}
div.carouselList a.prev,
div.carouselList a.next {
display: block !important;
margin-top: calc(-50vw / 2 - 1.375rem) !important;
top: 50vw !important;
}
div.carouselList a.prev {
left: 1.5rem;
}
div.carouselList a.next {
right: 1.5rem;
}
div.carouselList a.pause {
display: none !important;
}
div.carouselList ul li.carouselItem {
height: auto;
width: 100vw !important;
clear: none;
}
div.carouselList ul li.carouselItem div.itemInfo {
display: block !important;
position: relative;
box-sizing: border-box;
top: auto;
bottom: auto;
width: 100vw;
height: 10.5625rem;
background-color: #fff !important;
padding: 3.25rem 1.5rem 1.5rem;
}
div.carouselList ul li.carouselItem div.itemInfo h1 {
width: 100%;
}
div.carouselList ul li.carouselItem div.itemInfo div {
max-height: none !important;
margin-bottom: 0 !important;
padding-bottom: 0;
}
div.carouselList ul li.carouselItem div.itemInfo div.infoText p {
position: relative;
font-size: 1rem;
bottom: auto;
padding-bottom: 0;
}
div.carouselList .textBackgroundBox {
display: none;
}
div#carouselContainer span.link {
display: none;
}
div.carouselFooterBox div.carouselFooterBoxContent p {
padding-bottom: 0.5625rem;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.container_10 div.carouselFooterBox div {
width: 50%;
}
}
@media screen and (max-width: 767px) {
div#carouselContainer {
overflow-x: hidden;
}
div.carouselList ul li.carouselItem div.itemInfo {
height: 10.5625rem;
padding: 2.5rem 1.5rem 0;
}
div.carouselList #carouselControl {
bottom: 8.9375rem;
}
#mainContent div#carouselContainer figure.fullwidthimage {
max-width: none !important;
width: 100vw !important;
}
div.carouselFooterBox {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
div.carouselFooterBox div.carouselFooterBoxContent {
margin-top: 0;
padding-left: 0;
padding-right: 0;
width: 100%;
}
div.carouselFooterBox div.carouselFooterBoxContent:first-child {
border-right: none;
border-bottom: 1px solid #C9CFD2;
margin-bottom: 0;
padding-bottom: 1.25rem;
}
div.carouselFooterBox div.carouselFooterBoxContent:last-child {
border-left: none;
margin-bottom: 0;
padding-bottom: 1.25rem;
}
}
@media screen and (max-width: 600px) {
div.carouselList ul li.carouselItem div.itemInfo {
height: 13.9375rem;
}
div.carouselList #carouselControl {
bottom: 12.3125rem;
}
}
@media screen and (max-width: 480px) {
div.carouselList ul li.carouselItem div.itemInfo {
height: 15.4375rem;
}
div.carouselList #carouselControl {
bottom: 13.8125rem;
}
}
@media screen and (max-width: 375px) {
div.carouselList ul li.carouselItem div.itemInfo {
height: 16.9375rem;
}
div.carouselList #carouselControl {
bottom: 15.3125rem;
}
}
/* Variables
----------------------------------------------------------------------------------------------------*/
figure.mhvideo,
figure.youtube,
figure.vimeo {
margin-top: 0.25rem;
margin-bottom: 1.5625rem;
}
figure.mhvideo figcaption,
figure.youtube figcaption,
figure.vimeo figcaption {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
font-size: 0.8125rem;
line-height: 1.125rem;
font-weight: bold;
color: #6a7277;
background-color: #ffffff;
text-align: left;
padding-top: 0.1875rem;
}
.basecomponent.mhvideo .video-title {
display: none;
position: absolute;
z-index: 1000;
width: 100%;
opacity: 0.8;
background-color: #000;
}
.basecomponent.mhvideo .video-title h3 {
color: #fff;
font-weight: normal;
padding: 10px 10px 10px 10px;
margin-bottom: 0;
}
.basecomponent.mhvideo div.video-container {
margin-bottom: 25px;
min-height: 200px;
position: relative;
}
.basecomponent.mhvideo .video-setup-error {
border: 1px solid black;
padding: 10px 10px 0 10px;
}
.basecomponent.mhvideo .video-setup-error div {
margin-top: 10px;
}
.basecomponent.mhvideo .video-error-text {
height: 150px;
}
.basecomponent.mhvideo .video-error-text :nth-child(3) {
font-weight: bold;
margin-top: 30px;
}
.basecomponent.mhvideo .video-error-footer {
margin-top: 35px;
margin-bottom: 5px;
}
.basecomponent.mhvideo .no-preview {
display: none ! important;
}
.flatpickr-calendar {
background: transparent;
overflow: hidden;
max-height: 0;
opacity: 0;
visibility: hidden;
text-align: center;
padding: 0;
animation: none;
direction: ltr;
border: 0;
font-size: 0.875rem;
line-height: 1.5rem;
border-radius: 0.3125rem;
position: absolute;
width: 19.6875rem;
box-sizing: border-box;
background: #fff;
box-shadow: 0.0625rem 0 0 #e6e6e6, -0.0625rem 0 0 #e6e6e6, 0 0.0625rem 0 #e6e6e6, 0 -0.0625rem 0 #e6e6e6, 0 0.1875rem 0.8125rem rgba(0, 0, 0, 0.08);
}
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
opacity: 1;
visibility: visible;
overflow: visible;
max-height: 40rem;
}
.flatpickr-calendar.open {
display: inline-block;
z-index: 99999;
}
.flatpickr-calendar.animate.open {
animation: flatpickrFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.inline {
display: block;
position: relative;
top: 0.125rem;
}
.flatpickr-calendar.static {
position: absolute;
top: calc(100% + 0.125rem);
}
.flatpickr-calendar.static.open {
z-index: 999;
display: block;
}
.flatpickr-calendar.hasWeeks {
width: auto;
}
.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
border-left: 0;
}
.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
height: 2.5rem;
border-top: 1px solid #e6e6e6;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
height: auto;
}
.flatpickr-calendar:before,
.flatpickr-calendar:after {
position: absolute;
display: block;
pointer-events: none;
border: solid transparent;
content: '';
height: 0;
width: 0;
left: 1.375rem;
}
.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.rightMost:after {
left: auto;
right: 1.375rem;
}
.flatpickr-calendar:before {
border-width: 0.3125rem;
margin: 0 -0.3125rem;
}
.flatpickr-calendar:after {
border-width: 0.25rem;
margin: 0 -0.25rem;
}
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
border-bottom-color: #e6e6e6;
}
.flatpickr-calendar.arrowTop:after {
border-bottom-color: #fff;
}
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
border-top-color: #e6e6e6;
}
.flatpickr-calendar.arrowBottom:after {
border-top-color: #fff;
}
.flatpickr-calendar:focus {
outline: 0;
}
.flatpickr-wrapper {
position: relative;
display: inline-block;
}
.flatpickr-month {
background: transparent;
color: rgba(0, 0, 0, 0.9);
fill: rgba(0, 0, 0, 0.9);
height: 1.75rem;
line-height: 1.5rem;
text-align: center;
position: relative;
user-select: none;
overflow: hidden;
}
.flatpickr-prev-month,
.flatpickr-next-month {
text-decoration: none;
cursor: pointer;
position: absolute;
top: 0;
height: 1.75rem;
line-height: 0.0625rem;
padding: 0.625rem calc(3.57% - 0.09375rem);
}
.flatpickr-prev-month i,
.flatpickr-next-month i {
position: relative;
}
.flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-next-month.flatpickr-prev-month {
/*
/*rtl:begin:ignore*/
left: 0;
/*
/*rtl:end:ignore*/
/*
*/
}
/*
/*rtl:begin:ignore*/
/*
/*rtl:end:ignore*/
.flatpickr-prev-month.flatpickr-next-month,
.flatpickr-next-month.flatpickr-next-month {
/*
/*rtl:begin:ignore*/
right: 0;
/*
/*rtl:end:ignore*/
/*
*/
}
/*
/*rtl:begin:ignore*/
/*
/*rtl:end:ignore*/
.flatpickr-prev-month:hover,
.flatpickr-next-month:hover {
color: #959ea9;
}
.flatpickr-prev-month:hover svg,
.flatpickr-next-month:hover svg {
fill: #f64747;
}
.flatpickr-prev-month svg,
.flatpickr-next-month svg {
width: 0.875rem;
}
.flatpickr-prev-month svg path,
.flatpickr-next-month svg path {
transition: fill 0.1s;
fill: inherit;
}
.numInputWrapper {
position: relative;
height: auto;
}
.numInputWrapper input,
.numInputWrapper span {
display: inline-block;
}
.numInputWrapper input {
width: 100%;
}
.numInputWrapper span {
position: absolute;
right: 0;
width: 0.875rem;
padding: 0 0.25rem 0 0.125rem;
height: 50%;
line-height: 50%;
opacity: 0;
cursor: pointer;
border: 1px solid rgba(57, 57, 57, 0.05);
box-sizing: border-box;
}
.numInputWrapper span:hover {
background: rgba(0, 0, 0, 0.1);
}
.numInputWrapper span:active {
background: rgba(0, 0, 0, 0.2);
}
.numInputWrapper span:after {
display: block;
content: "";
position: absolute;
top: 33%;
}
.numInputWrapper span.arrowUp {
top: 0;
border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
border-left: 0.25rem solid transparent;
border-right: 0.25rem solid transparent;
border-bottom: 0.25rem solid rgba(57, 57, 57, 0.6);
}
.numInputWrapper span.arrowDown {
top: 50%;
}
.numInputWrapper span.arrowDown:after {
border-left: 0.25rem solid transparent;
border-right: 0.25rem solid transparent;
border-top: 0.25rem solid rgba(57, 57, 57, 0.6);
}
.numInputWrapper span svg {
width: inherit;
height: auto;
}
.numInputWrapper span svg path {
fill: rgba(0, 0, 0, 0.5);
}
.numInputWrapper:hover {
background: rgba(0, 0, 0, 0.05);
}
.numInputWrapper:hover span {
opacity: 1;
}
.flatpickr-current-month {
font-size: 135%;
line-height: inherit;
font-weight: 300;
color: inherit;
position: absolute;
width: 75%;
left: 12.5%;
top: 0.3125rem;
display: inline-block;
text-align: center;
transform: translate(0, 0);
}
.flatpickr-current-month.slideLeft {
transform: translate(-100%, 0);
animation: fadeOut 400ms ease, slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-current-month.slideLeftNew {
transform: translate(100%, 0);
animation: fadeIn 400ms ease, slideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-current-month.slideRight {
transform: translate(100%, 0);
animation: fadeOut 400ms ease, slideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-current-month.slideRightNew {
transform: translate(0, 0);
animation: fadeIn 400ms ease, slideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-current-month span.cur-month {
font-family: inherit;
font-weight: 700;
color: inherit;
display: inline-block;
margin-left: 0.4375rem;
padding: 0;
}
.flatpickr-current-month span.cur-month:hover {
background: rgba(0, 0, 0, 0.05);
}
.flatpickr-current-month .numInputWrapper {
width: 6ch;
width: 7ch\0;
display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
border-bottom-color: rgba(0, 0, 0, 0.9);
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
border-top-color: rgba(0, 0, 0, 0.9);
}
.flatpickr-current-month input.cur-year {
background: transparent;
box-sizing: border-box;
color: inherit;
cursor: default;
padding: 0 0 0 0.5ch;
margin: 0;
display: inline;
font-size: inherit;
font-family: inherit;
font-weight: 300;
line-height: inherit;
height: initial;
border: 0;
border-radius: 0;
vertical-align: initial;
}
.flatpickr-current-month input.cur-year:focus {
outline: 0;
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
font-size: 100%;
color: rgba(0, 0, 0, 0.5);
background: transparent;
pointer-events: none;
}
.flatpickr-weekdays {
background: transparent;
text-align: center;
overflow: hidden;
width: 19.6875rem;
display: flex;
align-items: center;
height: 1.75rem;
}
span.flatpickr-weekday {
cursor: default;
font-size: 90%;
color: rgba(0, 0, 0, 0.54);
line-height: 1;
background: transparent;
text-align: center;
display: block;
flex: 1;
font-weight: bolder;
margin: 0;
}
.dayContainer,
.flatpickr-weeks {
padding: 0.0625rem 0 0 0;
}
.flatpickr-days {
position: relative;
overflow: hidden;
display: flex;
width: 19.6875rem;
}
.flatpickr-days:focus {
outline: 0;
}
.dayContainer {
padding: 0;
outline: 0;
text-align: left;
width: 19.6875rem;
min-width: 19.6875rem;
max-width: 19.6875rem;
box-sizing: border-box;
display: inline-block;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-around;
transform: translate(0, 0);
opacity: 1;
}
.flatpickr-calendar.animate .dayContainer.slideLeft {
animation: fadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.animate .dayContainer.slideLeft,
.flatpickr-calendar.animate .dayContainer.slideLeftNew {
transform: translate(-100%, 0);
}
.flatpickr-calendar.animate .dayContainer.slideLeftNew {
animation: fadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), slideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.animate .dayContainer.slideRight {
animation: fadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), slideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
transform: translate(100%, 0);
}
.flatpickr-calendar.animate .dayContainer.slideRightNew {
animation: fadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), slideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-day {
background: none;
border: 1px solid transparent;
border-radius: 9.375rem;
box-sizing: border-box;
color: #393939;
cursor: pointer;
font-weight: 400;
width: 14.2857143%;
flex-basis: 14.2857143%;
max-width: 2.5rem;
height: 2.5rem;
line-height: 2.5rem;
margin: 0;
display: inline-block;
position: relative;
justify-content: center;
text-align: center;
}
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
cursor: pointer;
outline: 0;
background: #e6e6e6;
border-color: #e6e6e6;
}
.flatpickr-day.today {
border-color: #959ea9;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
border-color: #959ea9;
background: #959ea9;
color: #fff;
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
background: #569ff7;
box-shadow: none;
color: #fff;
border-color: #569ff7;
}
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
border-radius: 3.125rem 0 0 3.125rem;
}
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
border-radius: 0 3.125rem 3.125rem 0;
}
.flatpickr-day.selected.startRange + .endRange,
.flatpickr-day.startRange.startRange + .endRange,
.flatpickr-day.endRange.startRange + .endRange {
box-shadow: -0.625rem 0 0 #569ff7;
}
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
border-radius: 3.125rem;
}
.flatpickr-day.inRange {
border-radius: 0;
box-shadow: -0.3125rem 0 0 #e6e6e6, 0.3125rem 0 0 #e6e6e6;
}
.flatpickr-day.disabled,
.flatpickr-day.disabled:hover {
pointer-events: none;
}
.flatpickr-day.disabled,
.flatpickr-day.disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
color: rgba(57, 57, 57, 0.3);
background: transparent;
border-color: transparent;
cursor: default;
}
.rangeMode .flatpickr-day {
margin-top: 0.0625rem;
}
.flatpickr-weekwrapper {
display: inline-block;
float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
padding: 0.0625rem 0.75rem 0 0.75rem;
box-shadow: 0.0625rem 0 0 #e6e6e6;
}
.flatpickr-weekwrapper .flatpickr-weekday {
float: none;
width: 100%;
}
.flatpickr-weekwrapper span.flatpickr-day {
display: block;
width: 100%;
max-width: none;
}
.flatpickr-innerContainer {
display: block;
display: flex;
box-sizing: border-box;
overflow: hidden;
}
.flatpickr-rContainer {
display: inline-block;
padding: 0;
box-sizing: border-box;
}
.flatpickr-time {
text-align: center;
outline: 0;
display: block;
height: 0;
line-height: 2.5rem;
max-height: 2.5rem;
box-sizing: border-box;
overflow: hidden;
display: flex;
}
.flatpickr-time:after {
content: "";
display: table;
clear: both;
}
.flatpickr-time .numInputWrapper {
flex: 1;
width: 40%;
height: 2.5rem;
float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
border-bottom-color: #393939;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
border-top-color: #393939;
}
.flatpickr-time.hasSeconds .numInputWrapper {
width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
width: 49%;
}
.flatpickr-time input {
background: transparent;
box-shadow: none;
border: 0;
border-radius: 0;
text-align: center;
margin: 0;
padding: 0;
height: inherit;
line-height: inherit;
cursor: pointer;
color: #393939;
font-size: 0.875rem;
position: relative;
box-sizing: border-box;
}
.flatpickr-time input.flatpickr-hour {
font-weight: bold;
}
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
font-weight: 400;
}
.flatpickr-time input:focus {
outline: 0;
border: 0;
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
height: inherit;
display: inline-block;
float: left;
line-height: inherit;
color: #393939;
font-weight: bold;
width: 2%;
user-select: none;
}
.flatpickr-time .flatpickr-am-pm {
outline: 0;
width: 18%;
cursor: pointer;
text-align: center;
font-weight: 400;
}
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time .flatpickr-am-pm:focus {
background: #f0f0f0;
}
@media all and (-ms-high-contrast: none) {
.flatpickr-month {
padding: 0;
}
.flatpickr-month svg {
top: 0 !important;
}
}
.flatpickr-input[readonly] {
cursor: pointer;
}
@-moz-keyframes flatpickrFadeInDown {
from {
opacity: 0;
transform: translate3d(0, -1.25rem, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes flatpickrFadeInDown {
from {
opacity: 0;
transform: translate3d(0, -1.25rem, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@-o-keyframes flatpickrFadeInDown {
from {
opacity: 0;
transform: translate3d(0, -1.25rem, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@keyframes flatpickrFadeInDown {
from {
opacity: 0;
transform: translate3d(0, -1.25rem, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@-moz-keyframes slideLeft {
from {
transform: translate(0, 0);
}
to {
transform: translate(-100%, 0);
}
}
@-webkit-keyframes slideLeft {
from {
transform: translate(0, 0);
}
to {
transform: translate(-100%, 0);
}
}
@-o-keyframes slideLeft {
from {
transform: translate(0, 0);
}
to {
transform: translate(-100%, 0);
}
}
@keyframes slideLeft {
from {
transform: translate(0, 0);
}
to {
transform: translate(-100%, 0);
}
}
@-moz-keyframes slideLeftNew {
from {
transform: translate(100%, 0);
}
to {
transform: translate(0, 0);
}
}
@-webkit-keyframes slideLeftNew {
from {
transform: translate(100%, 0);
}
to {
transform: translate(0, 0);
}
}
@-o-keyframes slideLeftNew {
from {
transform: translate(100%, 0);
}
to {
transform: translate(0, 0);
}
}
@keyframes slideLeftNew {
from {
transform: translate(100%, 0);
}
to {
transform: translate(0, 0);
}
}
@-moz-keyframes slideRight {
from {
transform: translate(0, 0);
}
to {
transform: translate(100%, 0);
}
}
@-webkit-keyframes slideRight {
from {
transform: translate(0, 0);
}
to {
transform: translate(100%, 0);
}
}
@-o-keyframes slideRight {
from {
transform: translate(0, 0);
}
to {
transform: translate(100%, 0);
}
}
@keyframes slideRight {
from {
transform: translate(0, 0);
}
to {
transform: translate(100%, 0);
}
}
@-moz-keyframes slideRightNew {
from {
transform: translate(-100%, 0);
}
to {
transform: translate(0, 0);
}
}
@-webkit-keyframes slideRightNew {
from {
transform: translate(-100%, 0);
}
to {
transform: translate(0, 0);
}
}
@-o-keyframes slideRightNew {
from {
transform: translate(-100%, 0);
}
to {
transform: translate(0, 0);
}
}
@keyframes slideRightNew {
from {
transform: translate(-100%, 0);
}
to {
transform: translate(0, 0);
}
}
@-moz-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-o-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-moz-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-o-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.jobs {
margin-bottom: 1.375rem;
}
.jobs-noVacancies,
.jobs-refline-not-available {
background-color: #eaecee;
padding: 0.9375rem;
}
@font-face {
font-family: "EthzIcons";
src: url("fonts/AdobeIcons-80c0af4ec35ec9a927081adfe7763b55.eot");
src: url("fonts/AdobeIcons-80c0af4ec35ec9a927081adfe7763b55.eot?#iefix") format("embedded-opentype"), url("fonts/AdobeIcons-80c0af4ec35ec9a927081adfe7763b55.woff") format("woff"), url("fonts/AdobeIcons-80c0af4ec35ec9a927081adfe7763b55.ttf") format("truetype"), url("fonts/AdobeIcons-80c0af4ec35ec9a927081adfe7763b55.svg?#AdobeIcons") format("svg");
font-weight: normal;
font-style: normal;
}
a#impersonation {
line-height: 1.5rem;
}
.icon-user {
display: inline-block;
font-family: "EthzIcons";
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 1.125rem !important;
vertical-align: middle;
}
.icon-user:before {
color: white;
content: "\f31e";
}
.icon-user.impersonated:before {
color: red;
}
#impersonation-overlay {
display: none;
position: absolute;
}
#impersonationPowerTip h1 {
color: white;
font-size: 1.15rem;
font-weight: bold;
line-height: auto;
margin: 0;
padding: 0;
}
#impersonationPowerTip h2 {
color: white;
font-size: 0.6875rem;
font-weight: bold;
line-height: auto;
margin: 0;
padding: 0;
}
#impersonationPowerTip hr {
background: white;
border: 0;
height: 0.0625rem;
margin: 0.625rem 0;
width: 100%;
}
#impersonationPowerTip label {
display: block;
}
#imperonsationPowerTip input,
#impersonationPowerTip button {
display: inline-block;
margin-top: 0.125rem;
}
#impersonationPowerTip button#revert {
width: 100%;
}
#impersonationPowerTip {
cursor: default;
background-color: #333333;
color: #fff;
display: none;
padding: 0.3125rem 0.625rem;
font-size: 0.75rem;
font-weight: bold;
position: absolute;
max-width: 9.375rem;
z-index: 2147483647;
}
#impersonationPowerTip {
max-width: none;
white-space: nowrap;
}
#impersonationPowerTip:before {
content: "";
position: absolute;
}
#impersonationPowerTip.n:before,
#impersonationPowerTip.s:before {
border-right: 0.3125rem solid transparent;
border-left: 0.3125rem solid transparent;
left: 50%;
margin-left: -0.3125rem;
}
#impersonationPowerTip.e:before,
#impersonationPowerTip.w:before {
border-bottom: 0.3125rem solid transparent;
border-top: 0.3125rem solid transparent;
margin-top: -0.3125rem;
top: 50%;
}
#impersonationPowerTip.n:before {
border-top: 0.625rem solid #333333;
bottom: -0.625rem;
}
#impersonationPowerTip.e:before {
border-right: 0.625rem solid #333333;
left: -0.625rem;
}
#impersonationPowerTip.s:before {
border-bottom: 0.625rem solid #333333;
top: -0.625rem;
}
#impersonationPowerTip.w:before {
border-left: 0.625rem solid #333333;
right: -0.625rem;
}
#impersonationPowerTip.ne:before,
#impersonationPowerTip.se:before {
border-right: 0.625rem solid transparent;
border-left: 0;
left: 0.625rem;
}
#impersonationPowerTip.nw:before,
#impersonationPowerTip.sw:before {
border-left: 0.625rem solid transparent;
border-right: 0;
right: 0.625rem;
}
#impersonationPowerTip.ne:before,
#impersonationPowerTip.nw:before {
border-top: 0.625rem solid #333333;
bottom: -0.625rem;
}
#impersonationPowerTip.se:before,
#impersonationPowerTip.sw:before {
border-bottom: 0.625rem solid #333333;
top: -0.625rem;
}
#impersonationPowerTip.nw-alt:before,
#impersonationPowerTip.ne-alt:before,
#impersonationPowerTip.sw-alt:before,
#impersonationPowerTip.se-alt:before {
border-top: 0.625rem solid #333333;
bottom: -0.625rem;
border-left: 0.3125rem solid transparent;
border-right: 0.3125rem solid transparent;
left: 0.625rem;
}
#impersonationPowerTip.ne-alt:before {
left: auto;
right: 0.625rem;
}
#impersonationPowerTip.sw-alt:before,
#impersonationPowerTip.se-alt:before {
border-top: none;
border-bottom: 0.625rem solid #333333;
bottom: auto;
top: -0.625rem;
}
#impersonationPowerTip.se-alt:before {
left: auto;
right: 0.625rem;
}
.searchbox #input {
margin-bottom: 0.0625rem;
background-color: #eaecee;
padding: 0.3125rem;
}
.searchbox #input input[type="text"] {
width: 100%;
border: 0;
background-color: #eaecee;
}
.searchbox #area {
margin-bottom: 0.0625rem;
background-color: #eaecee;
padding: 0.3125rem;
display: flex;
}
.searchbox #area select {
width: 100%;
}
.searchbox #buttons {
display: flex;
}
.searchbox #buttons button {
display: inline-block;
width: 50%;
margin-right: 0.0625rem;
background-color: #9ca6af;
color: black;
font-weight: normal;
}
.searchbox #buttons .button {
display: inline-block;
width: 50%;
padding: 0;
text-align: center;
background-color: #9ca6af;
color: black;
font-weight: normal;
}
.searchisn form.search_pubcss_entry fieldset.search-form div.grouping-box div.box {
padding: 0.625rem 0;
}
.searchisn div#search-results li {
border-bottom: 1px solid #c9cfd2;
}
.searchisn .highlight {
background-color: yellow;
}
.searchisn .group-header {
background-color: #D3D5D7;
padding: 0.625rem;
margin-top: 0.9375rem;
position: relative;
display: flex;
}
.searchisn .group-header span.ui-icon {
display: inline-block;
vertical-align: text-bottom;
width: 1rem;
height: 1rem;
}
.searchisn .group-header span.closed {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAEDWlDQ1BJQ0MgUHJvZmlsZQAAOI2NVV1oHFUUPrtzZyMkzlNsNIV0qD8NJQ2TVjShtLp/3d02bpZJNtoi6GT27s6Yyc44M7v9oU9FUHwx6psUxL+3gCAo9Q/bPrQvlQol2tQgKD60+INQ6Ium65k7M5lpurHeZe58853vnnvuuWfvBei5qliWkRQBFpquLRcy4nOHj4g9K5CEh6AXBqFXUR0rXalMAjZPC3e1W99Dwntf2dXd/p+tt0YdFSBxH2Kz5qgLiI8B8KdVy3YBevqRHz/qWh72Yui3MUDEL3q44WPXw3M+fo1pZuQs4tOIBVVTaoiXEI/MxfhGDPsxsNZfoE1q66ro5aJim3XdoLFw72H+n23BaIXzbcOnz5mfPoTvYVz7KzUl5+FRxEuqkp9G/Ajia219thzg25abkRE/BpDc3pqvphHvRFys2weqvp+krbWKIX7nhDbzLOItiM8358pTwdirqpPFnMF2xLc1WvLyOwTAibpbmvHHcvttU57y5+XqNZrLe3lE/Pq8eUj2fXKfOe3pfOjzhJYtB/yll5SDFcSDiH+hRkH25+L+sdxKEAMZahrlSX8ukqMOWy/jXW2m6M9LDBc31B9LFuv6gVKg/0Szi3KAr1kGq1GMjU/aLbnq6/lRxc4XfJ98hTargX++DbMJBSiYMIe9Ck1YAxFkKEAG3xbYaKmDDgYyFK0UGYpfoWYXG+fAPPI6tJnNwb7ClP7IyF+D+bjOtCpkhz6CFrIa/I6sFtNl8auFXGMTP34sNwI/JhkgEtmDz14ySfaRcTIBInmKPE32kxyyE2Tv+thKbEVePDfW/byMM1Kmm0XdObS7oGD/MypMXFPXrCwOtoYjyyn7BV29/MZfsVzpLDdRtuIZnbpXzvlf+ev8MvYr/Gqk4H/kV/G3csdazLuyTMPsbFhzd1UabQbjFvDRmcWJxR3zcfHkVw9GfpbJmeev9F08WW8uDkaslwX6avlWGU6NRKz0g/SHtCy9J30o/ca9zX3Kfc19zn3BXQKRO8ud477hLnAfc1/G9mrzGlrfexZ5GLdn6ZZrrEohI2wVHhZywjbhUWEy8icMCGNCUdiBlq3r+xafL549HQ5jH+an+1y+LlYBifuxAvRN/lVVVOlwlCkdVm9NOL5BE4wkQ2SMlDZU97hX86EilU/lUmkQUztTE6mx1EEPh7OmdqBtAvv8HdWpbrJS6tJj3n0CWdM6busNzRV3S9KTYhqvNiqWmuroiKgYhshMjmhTh9ptWhsF7970j/SbMrsPE1suR5z7DMC+P/Hs+y7ijrQAlhyAgccjbhjPygfeBTjzhNqy28EdkUh8C+DU9+z2v/oyeH791OncxHOs5y2AtTc7nb/f73TWPkD/qwBnjX8BoJ98VVBg/m8AAABHSURBVDgRY2AYBThDQEVJ5T9OSSQJJiQ2BpMYQ/AaADKRkCEEDSBkCFEG3Ll3hxHDf1ABggbg04zLULA4Ib/j1TwqSVoIAACLjgxGGB1LdQAAAABJRU5ErkJggg==");
}
.searchisn .group-header span.open {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAEDWlDQ1BJQ0MgUHJvZmlsZQAAOI2NVV1oHFUUPrtzZyMkzlNsNIV0qD8NJQ2TVjShtLp/3d02bpZJNtoi6GT27s6Yyc44M7v9oU9FUHwx6psUxL+3gCAo9Q/bPrQvlQol2tQgKD60+INQ6Ium65k7M5lpurHeZe58853vnnvuuWfvBei5qliWkRQBFpquLRcy4nOHj4g9K5CEh6AXBqFXUR0rXalMAjZPC3e1W99Dwntf2dXd/p+tt0YdFSBxH2Kz5qgLiI8B8KdVy3YBevqRHz/qWh72Yui3MUDEL3q44WPXw3M+fo1pZuQs4tOIBVVTaoiXEI/MxfhGDPsxsNZfoE1q66ro5aJim3XdoLFw72H+n23BaIXzbcOnz5mfPoTvYVz7KzUl5+FRxEuqkp9G/Ajia219thzg25abkRE/BpDc3pqvphHvRFys2weqvp+krbWKIX7nhDbzLOItiM8358pTwdirqpPFnMF2xLc1WvLyOwTAibpbmvHHcvttU57y5+XqNZrLe3lE/Pq8eUj2fXKfOe3pfOjzhJYtB/yll5SDFcSDiH+hRkH25+L+sdxKEAMZahrlSX8ukqMOWy/jXW2m6M9LDBc31B9LFuv6gVKg/0Szi3KAr1kGq1GMjU/aLbnq6/lRxc4XfJ98hTargX++DbMJBSiYMIe9Ck1YAxFkKEAG3xbYaKmDDgYyFK0UGYpfoWYXG+fAPPI6tJnNwb7ClP7IyF+D+bjOtCpkhz6CFrIa/I6sFtNl8auFXGMTP34sNwI/JhkgEtmDz14ySfaRcTIBInmKPE32kxyyE2Tv+thKbEVePDfW/byMM1Kmm0XdObS7oGD/MypMXFPXrCwOtoYjyyn7BV29/MZfsVzpLDdRtuIZnbpXzvlf+ev8MvYr/Gqk4H/kV/G3csdazLuyTMPsbFhzd1UabQbjFvDRmcWJxR3zcfHkVw9GfpbJmeev9F08WW8uDkaslwX6avlWGU6NRKz0g/SHtCy9J30o/ca9zX3Kfc19zn3BXQKRO8ud477hLnAfc1/G9mrzGlrfexZ5GLdn6ZZrrEohI2wVHhZywjbhUWEy8icMCGNCUdiBlq3r+xafL549HQ5jH+an+1y+LlYBifuxAvRN/lVVVOlwlCkdVm9NOL5BE4wkQ2SMlDZU97hX86EilU/lUmkQUztTE6mx1EEPh7OmdqBtAvv8HdWpbrJS6tJj3n0CWdM6busNzRV3S9KTYhqvNiqWmuroiKgYhshMjmhTh9ptWhsF7970j/SbMrsPE1suR5z7DMC+P/Hs+y7ijrQAlhyAgccjbhjPygfeBTjzhNqy28EdkUh8C+DU9+z2v/oyeH791OncxHOs5y2AtTc7nb/f73TWPkD/qwBnjX8BoJ98VVBg/m8AAAA+SURBVDgRY2AYBQMfAozoTlBRUvmPLgbj37l3B0M9hgBIMTZDsGkGqcVqALohuDSD1OEF2FyCV8Oo5ACFAAAkfg1tQs1pwgAAAABJRU5ErkJggg==");
}
.searchisn .group-list {
margin-bottom: 1.5625rem;
background-color: #F3F5F5;
padding: 0.9375rem;
}
.searchisn #_search_pubcss_entry > .search-form {
padding: 0.8125rem 0.6875rem 0.8125rem 0.6875rem;
margin-bottom: 0.5rem;
}
.searchisn #_search_pubcss_entry > .search-form .table {
margin-bottom: 0.9375rem;
}
.searchisn #_search_pubcss_entry > .search-form .table input,
.searchisn #_search_pubcss_entry > .search-form .table select {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.searchisn #_search_pubcss_entry > .search-form .table select {
float: left;
height: 1.3125rem;
}
.searchisn #_search_pubcss_entry > .search-form .table .datepicker {
width: 48%;
}
.searchisn #_search_pubcss_entry > .search-form .table .ui-datepicker-append {
display: none;
}
.searchisn #_search_pubcss_entry > .search-form .table > div > div {
height: 1.375rem;
}
.searchisn #_search_pubcss_entry > .search-form .table .left {
float: left;
margin-right: 0.3125rem;
}
.searchisn #_search_pubcss_entry > .search-form .table .right {
overflow: auto;
}
.searchisn #_search_pubcss_entry > .search-form .table .right .date {
text-align: center;
}
.searchisn #_search_pubcss_entry > .search-form .table .right .date input:first-of-type {
float: left;
}
.searchisn #_search_pubcss_entry > .search-form .table .right .date input:last-of-type {
float: right;
}
/* Event-list Teaser
----------------------------------------------------------------------------------------------------*/
.eventList h2 {
font-size: 0.875rem;
line-height: 1.375rem;
padding: 0;
}
/* Search Teaser
----------------------------------------------------------------------------------------------------*/
.recommendation h2,
.articleBox h2 {
padding: 0;
}
.recommendation h2 {
font-size: 0.875rem;
line-height: 1.5;
}
.articleBox h2 {
padding: 0.3125rem 0 0 0;
}
.searchResult h3,
.personinfo h3,
.personlistinfo h3 {
padding-top: 0.625rem;
}
.searchResult p,
.personinfo p,
.personlistinfo p {
padding-bottom: 0.3125rem;
}
.searchResult figure.grid_2,
.personinfo figure.grid_2,
.personlistinfo figure.grid_2 {
width: 8.125rem;
margin-bottom: 0.75rem;
}
.searchResult .clearfloat,
.personinfo .clearfloat,
.personlistinfo .clearfloat {
clear: both;
}
.searchResult div.adr ul.contactlist,
.personinfo div.adr ul.contactlist,
.personlistinfo div.adr ul.contactlist {
padding-bottom: 0.3125rem;
}
.searchResult div.info h2 {
font-size: 0.875rem;
line-height: 1.125rem ! important;
}
.searchResult .articleBox .head {
padding-bottom: 0.125rem;
}
.searchResult .articleBox article:first-child {
margin-top: 0;
}
.searchResult div.accordion {
padding: 0.625rem 0 0.25rem;
}
.searchResult div.table-matrix table.personlist thead > tr > th:nth-child(1) {
width: initial;
}
.searchResult div.table-matrix table.personlist thead > tr > th:nth-child(2) {
width: initial;
}
.searchResult div.table-matrix table.personlist thead > tr > th:nth-child(3) {
width: initial;
}
.searchResult div.table-matrix table.personlist thead > tr > th:nth-child(4) {
width: initial;
}
.searchResult div.table-matrix table.personlist colgroup col.col1 {
width: 9.375rem;
}
.searchResult div.table-matrix table.personlist colgroup col.col2 {
width: 8.3125rem;
}
.searchResult div.table-matrix table.personlist colgroup col.col3 {
width: 7.1875rem;
}
.searchResult div.table-matrix table.personlist colgroup col.col4 {
width: 6rem;
}
.searchResult div.table-matrix table.telelist colgroup col.col1 {
width: 7.1875rem;
}
.searchResult div.table-matrix table.telelist colgroup col.col2 {
width: 7rem;
}
.searchResult div.table-matrix table.telelist colgroup col.col3 {
width: 7.5;
}
.searchResult div.table-matrix table.telelist colgroup col.col4 {
width: 5.75rem;
}
.searchResult div.table-matrix table.telelist colgroup col.col5 {
width: 7.875rem;
}
.search .searchResult .articleBox {
padding-top: 0.625rem;
padding-bottom: 0.625rem;
}
div.searchResult div.articleBox div.info {
border-bottom: 1px solid #c9cfd2;
padding: 0 0 0.625rem 0;
margin: 0 ! important;
}
div.searchResult div.articleBox div.info h3 {
padding-top: 0;
}
div.searchResult div.articleBox div.info:first-child {
border-top: 1px solid #c9cfd2;
margin: 0.9375rem 0 0 0;
}
div.searchResult div.articleBox div.info p:last-of-type {
clear: both;
}
div.searchResult div.articleBox article div.info:first-child {
border: none;
}
div.searchResult div.articleBox article div.info {
border: none;
}
div.searchResult div.newsListBox {
border-bottom: none;
}
@media screen and (min-width: 1025px) {
body.search .tab_accordion {
display: none;
}
table.personlist td {
white-space: initial !important;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
#form-extended-doc-filter-mobile .search-form.extended-mobile li {
width: calc(33.33% - 24px);
}
#buildingSearch .search-form .grouping-box.cols-2 .box {
width: 50%;
float: left !important;
padding-left: 0.75rem;
}
#buildingSearch .search-form .grouping-box.cols-2 .box:first-child {
padding-right: 0.75rem;
padding-left: 0;
}
#buildingSearch .search-form .grouping-box.cols-2 .box:last-child {
padding-right: 0;
}
}
@media screen and (max-width: 1024px) {
body.search .search-form h2 {
margin-bottom: 0;
font-size: 1rem;
padding-bottom: 0.375rem;
}
body.search fieldset.search-form.extended .search-extended--mobile-web ul li:nth-child(2),
body.search fieldset.search-form.extended .search-extended--mobile-language ul li:nth-child(2) {
margin-right: 0;
}
body.search .tab_accordion .end button.icon {
display: inline-block;
}
body.search input[name="site_filter"],
body.search input[name="lang_filter"] {
position: relative;
}
.recommendation h2 {
line-height: 1.15;
}
#mobile_extended_people_search label {
width: 85%;
font-size: 1rem !important;
float: left;
display: inline-block;
clear: none;
}
#mobile_extended_people_search .option {
line-height: 1.4;
float: left;
width: 100%;
}
#mobile_extended_people_search .box {
padding-left: 0;
padding-right: 0;
}
#mobile_extended_people_search .end .box {
padding-bottom: 0;
}
.searchResult .newsListBox.articleBox .info h2,
.searchResult .newsListBoxNoSep.articleBox .info h2 {
font-size: 1rem;
line-height: 1.5 !important;
margin-top: 0.5rem;
}
.searchResult div.info h2 {
font-size: 1rem;
line-height: 1.5 !important;
margin-top: 1rem;
}
.searchResult div.table-matrix table.personlist {
table-layout: auto;
}
.searchResult div.table-matrix table.personlist colgroup col.col1 {
width: inherit;
}
.searchResult div.table-matrix table.personlist colgroup col.col2 {
width: inherit;
}
.searchResult div.table-matrix table.personlist colgroup col.col3 {
width: inherit;
}
.searchResult div.table-matrix table.personlist colgroup col.col4 {
width: inherit;
}
.searchResult div.table-matrix table.telelist colgroup col.col1 {
width: inherit;
}
.searchResult div.table-matrix table.telelist colgroup col.col2 {
width: inherit;
}
.searchResult div.table-matrix table.telelist colgroup col.col3 {
width: inherit;
}
.searchResult div.table-matrix table.telelist colgroup col.col4 {
width: inherit;
}
.searchResult div.table-matrix table.telelist colgroup col.col5 {
width: inherit;
}
.searchResult div.table-matrix.navigation .articleBox h2 {
padding-bottom: 0.75rem;
}
form[id$="newssearch"] .search-form {
padding-top: 1.5rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
margin-bottom: 1.5rem;
}
form[id$="newssearch"] .search-form div.grouping-box.footer button {
margin-bottom: 0;
}
#buildingSearch .search-form {
padding: 0.75rem 1.5rem 1.5rem;
}
#buildingSearch .search-form .grouping-box,
#buildingSearch .search-form .box {
padding-left: 0;
padding-right: 0;
}
#buildingSearch .search-form .box {
padding-top: 0.75rem;
}
#buildingSearch .search-form button {
margin-top: 0.75rem;
}
#newsletterContent .search-form {
padding: 0.75rem 1.5rem;
}
#newsletterContent .search-form .grouping-box,
#newsletterContent .search-form .box {
padding-left: 0;
padding-right: 0;
}
#newsletterContent .search-form .box {
padding-top: 0.75rem;
}
#aside-event-search-form .search-form {
padding: 1.5rem 0.75rem;
}
#aside-event-search-form .search-form div.grouping-box.footer {
padding-bottom: 0;
}
#aside-event-search-form .search-form div.grouping-box.footer .box.full {
padding-bottom: 0;
}
#aside-event-search-form .search-form div.grouping-box.footer button {
margin-bottom: 0;
}
#polycourse_search .search-form {
padding-top: 0;
}
#polycourse_search table.result {
min-width: 40rem;
}
#mmw_webshop_checkout .search-form {
padding-top: 0;
}
}
@media screen and (max-width: 767px) {
form[id$="newssearch"] .search-form {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
#buildingSearch .search-form {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
#newsletterContent .search-form {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
#aside-event-search-form .search-form {
padding: 1.5rem 0.75rem;
}
#aside-event-search-form .search-form div.grouping-box.footer {
padding-bottom: 0;
}
#aside-event-search-form .search-form div.grouping-box.footer .box.full {
padding-bottom: 0;
}
#aside-event-search-form .search-form div.grouping-box.footer button {
margin-bottom: 0;
}
}
.search-form h2 {
font-size: 1.1875rem;
line-height: 1.1578947368;
}
body.aai #mainContent {
background-color: white;
padding-left: 1.25rem;
padding-top: 4.375rem;
width: 47.625rem;
}
body.aai aside {
background-color: white;
padding-top: 3.125rem;
}
body.aai div.aai {
width: 31.25rem;
}
body.aai fieldset.search-form > div {
width: 15.625rem;
}
body.aai div.items + p {
clear: both;
}
body.aai aside p {
padding-bottom: 0;
}
body.aai form button.icon span.icon {
white-space: nowrap;
}
@media screen and (max-width: 1024px) {
body.aai #mainContent {
box-sizing: border-box;
width: 100%;
margin-right: 0;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
body.aai div.aai {
width: 100%;
}
body.aai .container_10 #mainContent .items figure.grid_2 {
width: auto !important;
}
body.aai fieldset.search-form > div {
width: 100%;
}
body.aai .container_10 #overviewContainer aside.grid_2.omega {
margin-left: 0;
margin-right: 0 !important;
width: 100%;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
@media screen and (max-width: 767px) {
body.aai .container_10 #overviewContainer aside.grid_2.omega {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
}
/* search box
----------------------------------------------------------------------------------------------------*/
div.contentSubContainer.searchBox {
margin-top: 0;
padding-top: 0;
}
div.contentSubContainer.searchBox .search-form.extended {
padding-left: 0.9375rem;
}
div.contentSubContainer.searchBox .search-form.extended div.formHeader {
padding: 0 0.1875rem 0 0;
}
div.contentSubContainer.searchBox .search-form.extended div.formHeader h2 {
font-size: 1.0625rem;
line-height: 1.25;
}
div.contentSubContainer.searchBox .search-form.extended div.checkbox div.subtitle,
div.contentSubContainer.searchBox .search-form.extended div.formAddonLink div.subtitle {
font-weight: bold;
color: #6a7277;
font-size: 0.75rem;
margin-top: 0.625rem;
}
div.contentSubContainer.searchBox .search-form.extended div.checkbox div.subtitle {
line-height: 0.875rem;
}
div.contentSubContainer.searchBox .search-form.extended div.formAddonLink div.subtitle {
line-height: 0.75;
}
div.contentSubContainer.searchBox .search-form.extended div.grouping-box div.box,
div.contentSubContainer.searchBox .search-form.extended div.grouping-box div.rightcol {
padding-left: 0;
padding-right: 0.375rem;
width: 4.5rem;
overflow: hidden;
}
div.contentSubContainer.searchBox .search-form.extended div.grouping-box div.box span.icons.date,
div.contentSubContainer.searchBox .search-form.extended div.grouping-box div.rightcol span.icons.date {
padding-left: 0;
}
div.contentSubContainer.searchBox .search-form.extended div.grouping-box div.box.full {
width: 100%;
}
div.contentSubContainer.searchBox .search-form.extended div.checkbox,
div.contentSubContainer.searchBox .search-form.extended div.formAddonLink.checkbox {
padding-left: 0;
}
div.contentSubContainer.searchBox .search-form.extended div.checkbox ul,
div.contentSubContainer.searchBox .search-form.extended div.formAddonLink.checkbox ul {
list-style: none;
margin-left: 0;
padding-left: 1.125rem;
text-indent: -1.125rem;
}
div.contentSubContainer.searchBox .search-form.extended div.checkbox input[type="checkbox"],
div.contentSubContainer.searchBox .search-form.extended div.formAddonLink.checkbox input[type="checkbox"],
div.contentSubContainer.searchBox .search-form.extended div.checkbox input[type="radio"],
div.contentSubContainer.searchBox .search-form.extended div.formAddonLink.checkbox input[type="radio"] {
margin: 0.125rem 0 0 0;
}
div.contentSubContainer.searchBox .search-form.extended div.checkbox input[type="checkbox"] + label,
div.contentSubContainer.searchBox .search-form.extended div.formAddonLink.checkbox input[type="checkbox"] + label,
div.contentSubContainer.searchBox .search-form.extended div.checkbox input[type="radio"] + label,
div.contentSubContainer.searchBox .search-form.extended div.formAddonLink.checkbox input[type="radio"] + label {
font-size: 0.75rem;
line-height: 0.8125;
margin-left: 0.0625rem;
}
/* Personlist
----------------------------------------------------------------------------------------------------*/
div.personlist {
display: inline-block;
width: 100%;
}
div.personlist div.person figure img {
width: 5.5625rem;
padding-bottom: 0.4375rem;
}
div.personlist div.person div.address div.lineName {
padding-bottom: 0.75rem;
}
div.personlist table.personlist a.email {
margin-right: 0;
}
div.personlistinfo p,
div.personinfo p {
padding-bottom: 0.25rem;
}
div.personlistinfo div.vitae h2,
div.personinfo div.vitae h2 {
padding: 0;
}
div.personinfo ul {
padding-bottom: 0.375rem;
margin-top: 0px;
}
div.personinfo ol {
list-style: decimal outside none;
margin-left: 1.25rem;
padding-bottom: 0.375rem;
margin-top: 0px;
}
div.personinfo ul.contactlist,
div.personinfo ol.contactlist {
list-style: outside none none;
margin: 0;
}
.publicationList .paging {
margin-left: 0;
padding-bottom: 0;
}
table.personlist td {
white-space: nowrap;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
}
@media screen and (max-width: 1024px) {
.table-matrix table.personlist .right-align {
text-align: left;
}
div.personlist a[name] {
margin-bottom: -2rem;
}
.personlist .navigation.year_list .nav-elements ul.paging,
.personlist .navigation.abc_list .nav-elements ul.paging {
margin-left: -0.5rem;
display: block;
}
.personlist .navigation.year_list .nav-elements ul.paging li,
.personlist .navigation.abc_list .nav-elements ul.paging li {
display: inline-block;
box-sizing: border-box;
margin-left: 0.5rem;
margin-bottom: 0.5rem;
padding: 0;
float: none;
min-width: 3rem;
height: 3rem;
background-color: #d3d9db;
font-size: 1rem;
line-height: 3rem;
vertical-align: middle;
text-align: center;
}
.personlist .navigation.year_list .nav-elements ul.paging li.inactive,
.personlist .navigation.abc_list .nav-elements ul.paging li.inactive {
background-color: #f6f7f8;
color: #6a7277;
}
.personlist .navigation.year_list .nav-elements ul.paging li.inactive a,
.personlist .navigation.abc_list .nav-elements ul.paging li.inactive a {
color: #6a7277;
}
.personlist .navigation.year_list .nav-elements ul.paging li a,
.personlist .navigation.abc_list .nav-elements ul.paging li a {
box-sizing: border-box;
display: inline-block;
font-size: 1rem;
line-height: 1.5;
padding: 0.7rem;
text-align: center;
min-width: 3rem;
height: 3rem;
}
.personlist .navigation.year_list .nav-elements ul.paging li a.active,
.personlist .navigation.abc_list .nav-elements ul.paging li a.active {
border-bottom: none;
}
body.personlist-has-images ul.contactlist li.email a.email {
display: inline-block;
}
body.personlist-has-images .person {
margin-bottom: 1.5rem;
}
#contentMain div.contains-textimage .personlist h3 {
font-size: 1rem;
line-height: 1.5;
margin: 0;
text-align: left;
padding: 0;
border: none;
width: auto;
height: auto;
color: #1f407a;
}
div.personlist div.person div.address div.lineName {
padding-bottom: 0;
}
.personlist .contactlist li {
font-size: 0.875rem;
line-height: 1.5;
}
.personlist .scrollarea.scrollbar {
margin-bottom: 1.875rem;
margin-top: 0;
}
#contentMain div.personlist div.person figure.grid_1,
div.personlist div.person figure img {
width: 8rem !important;
max-width: none !important;
}
}
@media screen and (max-width: 767px) {
.personlist .person figure.grid_1 {
clear: both;
float: none;
}
}
/* News-List Teaser
----------------------------------------------------------------------------------------------------*/
.newsList .newslist h2 {
font-size: 0.875rem;
}
body.style960 .newsList h2 {
/* Revert Bug 28363 */
font-size: 0.875rem;
}
/* News-List Content
----------------------------------------------------------------------------------------------------*/
.newsList .textimage figure {
width: 100%;
}
.newsListBox h2,
.newsListBoxNoSep h2 {
line-height: 1.4285714286;
padding: 0.3125rem 0 0 0;
}
.rssreader .newsListBox p img[src] {
width: 6.125rem;
height: auto;
}
.newsListBox .content-wrapper:hover {
text-decoration: underline;
text-decoration-color: #82be1e;
}
.newsListBox.linkedarea h2 > a,
.newsListBox.linkedarea h3 > a {
color: inherit;
text-decoration: inherit;
font-weight: inherit;
font-size: inherit;
line-height: inherit;
border-bottom: inherit;
}
@media screen and (max-width: 1024px) {
body.style960 .newsList h2 {
/* Revert Bug 28363 */
font-size: 1rem;
}
aside .eventFeedFilter {
padding-bottom: 1.5rem;
}
}
.pub_details {
padding-top: 0.25rem;
}
.pub_details .pub_data {
margin-left: 9.375rem;
min-height: 12.1875rem;
}
.pub_details .pub_data h2 {
font-size: 1rem;
padding: 0 0 0.4375rem;
}
a.pdf {
padding: 0 0 0.2rem 1.5rem;
background: #ffffff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAm0lEQVQokY3PMQrEIBCFYYu52lzBI+QIXsEmhecKTGOzWKQTLK0Ei8DbYlfJxuBG+AuVTxyF7yKiaasxAAB1Pby27zuICFAKqzEfAKVuI6IOWo9Aq4NZAzgPfb48tP7Z/wWVGeIcYilzEEtBthab93gtCw6tka1FFhlBSAmb9/31VoMDEOdQmZFFEFLqXwkpIZYygso8DDod+klvhzJfzLZ4l1MAAAAASUVORK5CYII=) no-repeat scroll 0 0.25rem;
}
@media screen and (max-width: 1024px) {
.pub_details,
.pub_details a,
.pub_details li {
font-size: 1rem;
}
}
@media screen and (max-width: 767px) {
body.pubcss_details #contentMain .pub_details figure.grid_1 {
max-width: 8.125rem !important;
width: auto !important;
}
}
div.charttable div.textimage {
padding-top: 0.4375rem;
}
div.accordionitem div.charttable div.textimage figure {
width: 8.625rem !important;
}
div.charttable div.textimage figure {
width: 9.25rem;
}
body section#contentMain div.charttable div.textimage figure {
padding-bottom: 0.125rem;
}
div.field-box {
padding: 0.1875rem 0.625rem 0.1875rem 0;
}
select.pubcss-search {
width: 8.125rem;
height: 1.375rem;
float: left;
}
div.pubcss-search.field {
box-sizing: border-box;
padding-left: 0.625rem;
padding-right: 0.125rem;
width: 15.875rem;
float: left;
}
div.pubcss-search.field input {
box-sizing: border-box;
width: 100%;
height: 1.375rem;
}
div.pubcss-search.buttons {
width: 3.5rem;
float: left;
}
div.clearer {
clear: both;
}
form#_search_pubcss_entry fieldset.search-form {
padding: 0.8125rem 0.125rem 0 0.6875rem;
margin-bottom: 0.5rem;
}
form#_search_pubcss_entry fieldset.search-form div.grouping-box div.box {
padding: 0.625rem 0;
}
form#_search_pubcss_entry .add,
form#_search_pubcss_entry .remove {
float: left;
margin-left: 0.375rem;
}
div#search-results li {
border-bottom: 1px solid #c9cfd2;
}
@media screen and (max-width: 1024px) {
form#_search_pubcss_entry fieldset.search-form {
padding: 1.5rem 0.75rem 0.75rem;
}
form#_search_pubcss_entry fieldset.search-form div.field-box {
padding-right: 0;
}
select.pubcss-search,
div.pubcss-search.field input {
font-size: 1rem;
}
select.pubcss-search {
width: 8.75rem;
height: 2rem;
}
div.pubcss-search.field {
width: calc(100% - 13.5rem);
padding-right: 0.375rem;
}
div.pubcss-search.field input {
height: 2rem;
}
div.pubcss-search.buttons {
width: 4.75rem;
}
}
@media screen and (max-width: 767px) {
form#_search_pubcss_entry fieldset.search-form {
padding-top: 0.75rem;
}
form#_search_pubcss_entry fieldset.search-form div.field-box {
border-bottom: 1px solid #c9cfd2;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
padding-right: 0;
}
form#_search_pubcss_entry fieldset.search-form div.field-box:nth-child(2) {
border-top: 1px solid #c9cfd2;
}
form#_search_pubcss_entry fieldset.search-form div.field-box:first-child {
border-top: none;
border-bottom: none;
}
select.pubcss-search,
div.pubcss-search.field,
div.pubcss-search.buttons {
width: 100%;
padding-left: 0;
padding-right: 0;
}
select.pubcss-search,
div.pubcss-search.field {
margin-bottom: 0.75rem;
}
form#_search_pubcss_entry .add,
form#_search_pubcss_entry .remove {
float: right;
}
}
div.siropOpportunity {
margin-bottom: 0.625rem;
float: left;
clear: both;
}
div.siropOpportunityDetails {
clear: both;
}
div.siropOpportunityDetails ul {
list-style-type: square;
padding-left: 0.9375rem;
padding-bottom: 1.125rem;
}
div.siropOpportunityDetails li p {
padding: 0;
}
div.siropFilterControl,
div.siropOpportunitiesList {
margin-top: 1.25rem;
}
div.siropOpportunity h3 {
margin-bottom: 0.375rem;
}
div.siropOpportunity img {
margin-top: 0.3125rem;
margin-right: 0.625rem;
margin-bottom: 0.625rem;
}
a.siropOpportunityDetailsToggler {
white-space: nowrap;
}
.siropLabelFilter {
font-size: 0.875rem;
font-family: arial, helvetica, sans-serif;
}
@media screen and (max-width: 1024px) {
select.siropLabelFilter,
select.siropLabelFilter option {
font-size: 1rem;
padding: 0.2rem;
height: 2rem;
}
div.siropOpportunity img {
max-width: 9.375rem !important;
width: 33%;
}
}
@media screen and (max-width: 767px) {
select.siropLabelFilter {
width: 100%;
}
}
#mobile-nav-wrapper {
top: 3.625rem;
position: relative;
clear: both;
}
.menu-open #header {
border: none;
position: absolute !important;
}
.cover {
position: absolute;
top: 0;
left: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.7);
}
.navlist {
position: relative;
list-style: none;
width: 100%;
vertical-align: middle;
background-color: #fff;
}
.navlist[data-level="0"] {
margin-left: 0;
}
.navlist[data-level="1"] {
margin-left: -100%;
}
.navlist[data-level="2"] {
margin-left: -200%;
}
.navlist[data-level="3"] {
margin-left: -300%;
}
.navlist[data-level="4"] {
margin-left: -400%;
}
.navlist[data-level="5"] {
margin-left: -500%;
}
.navlist[data-level="6"] {
margin-left: -600%;
}
.navlist[data-level="7"] {
margin-left: -700%;
}
.navlist[data-level="8"] {
margin-left: -800%;
}
.navlist[data-level="9"] {
margin-left: -900%;
}
.navlist li {
background-color: #fff !important;
display: block;
width: 100%;
vertical-align: middle;
border-bottom: 1px solid #eaecee;
}
.navlist li span {
display: inline-block;
width: 100%;
}
.navlist li:hover {
cursor: pointer;
text-decoration: none !important;
}
.navlist li a {
box-sizing: border-box;
vertical-align: middle;
height: auto;
min-height: 2.6rem;
width: 100%;
display: block;
font-size: 0.9rem;
line-height: 1.2;
color: #1f407a;
padding: 1rem 2rem 1rem 2.75rem;
}
.navlist li.children > a {
background: url(img/icons/svg/icon-shape-right.svg) no-repeat right 1.5rem center;
}
.navlist li.back-to-top a {
padding-left: 1.5rem;
}
.navlist li.back {
background-color: #fff;
}
.navlist li.back a {
color: #1f407a;
text-align: left;
background: url(img/icons/svg/icon-shape-left.svg) no-repeat 1.5rem center;
padding-left: 2.75rem;
}
.navlist li.back + li a {
padding-left: 1.5rem;
}
.navlist li.current:hover a {
text-decoration: none;
}
.navlist li.current:hover a span {
background-position: -25.875rem 0;
}
.navlist li.current:hover a span:before {
background-position: -25.875rem 0 !important;
}
.navlist li.current a {
color: #1f407a;
padding-left: 1.5rem;
}
.navlist li.deepest {
background-color: #82be1e !important;
}
.navlist li.active > .subnav {
display: block;
background-color: white;
}
.navlist .subnav {
display: none;
position: absolute;
top: 0;
left: 100%;
height: auto;
width: 100%;
}
@media screen and (min-width: 768px) {
.mobile-header-top,
.mobile-header-bottom,
.mobile-header-burger {
display: none;
}
#mobile-nav-wrapper {
display: none !important;
}
}
@media screen and (max-width: 767px) {
#JumpStation,
#portal-link {
display: none;
}
header {
height: 7.0625rem;
margin-top: 0;
padding-top: 0;
}
header div#logo {
float: left;
margin-left: 0;
padding-top: 1.5rem;
padding-left: 1.5rem;
}
#header {
position: fixed;
top: 0;
transition: top 0.2s linear;
}
.loggedin #header {
top: 3rem;
}
.menu-open #header {
position: absolute !important;
top: 0 !important;
}
.loggedin.menu-open #header {
top: 3rem !important;
}
.header-hidden #header {
top: -7.0625rem;
}
.mobile-header-top {
float: right;
height: 3.375rem;
width: 8.375rem;
position: relative;
z-index: 101;
}
.mobile-header-search {
position: relative;
float: left;
height: 3.375rem;
width: 4.1875rem;
background: url(img/icons/svg/icon-search-neg.svg) 50% 0.8125rem no-repeat;
}
.mobile-header-search .mobile-header-search-label {
position: absolute;
bottom: 0.625rem;
font-size: 0.75rem;
display: inline-block;
width: 100%;
text-align: center;
}
.mobile-header-bottom {
bottom: 0;
position: absolute;
width: 4.1875rem;
height: 3.6875rem;
right: 0;
z-index: 100;
}
.mobile-header-headline {
margin-left: 0.6rem;
float: left;
}
#header div#headline {
margin-left: 0;
padding-right: 0;
}
#header div#headline div.headlineSmall {
display: none;
}
#header div#headline div.headlineBig {
position: relative;
width: 100%;
height: 3.0625rem;
margin-left: 0;
white-space: normal;
}
#header div#headline div.headlineBig a {
position: relative;
top: 50%;
transform: translateY(-50%);
font-size: 0.875rem;
line-height: 1.3;
}
.menu-button-area {
margin-right: 0;
width: 100%;
height: 100%;
}
.menu-button-area .mobile-menu-button {
box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 1.25rem 0 0 0;
display: inline-block;
height: 100%;
width: 100%;
border: none;
background: url(img/icons/svg/icon-menu-neg.svg) no-repeat 50% 24%;
background-repeat: no-repeat;
overflow: hidden;
color: #fff;
text-align: center;
cursor: pointer;
border-radius: 0;
}
.menu-button-area .mobile-menu-button span {
font-size: 0.75rem;
}
.menu-button-area .mobile-menu-button.active {
background: #ffffff url(img/icons/svg/icon-close-pos.svg) no-repeat 50% 50%;
}
}
@media screen and (max-width: 374px) {
#header div#headline div.headlineBig a {
font-size: 0.8125rem;
}
}
@media screen and (max-width: 586px) {
.has-partner-logo #mobile-nav-wrapper {
top: 6.1875rem;
}
.header-hidden.has-partner-logo #header {
top: -9.5625rem;
}
}
#flying-focus {
position: absolute;
margin: 0;
background: transparent;
-webkit-transition-property: left, top, width, height;
transition-property: left, top, width, height;
-webkit-transition-timing-function: cubic-bezier(0, 1, 0, 1);
transition-timing-function: cubic-bezier(0, 1, 0, 1);
visibility: hidden;
pointer-events: none;
box-shadow: 0 0 2px 3px #fff41d, 0 0 2px #daa420 inset;
border-radius: 2px;
}
#flying-focus.flying-focus_visible {
visibility: visible;
z-index: 9999;
}
.flying-focus_target {
outline: none !important;
}
.flying-focus_target::-moz-focus-inner {
border: 0 !important;
}
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
display: none;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
z-index: 1500;
-webkit-text-size-adjust: 100%;
/* create separate layer, to avoid paint on window.onscroll in webkit/blink */
-webkit-backface-visibility: hidden;
outline: none;
}
.pswp * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.pswp img {
max-width: none;
}
/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
/* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
opacity: 0.001;
will-change: opacity;
/* for open/close transition */
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--animate_opacity,
.pswp__bg,
.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp__caption::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px;
}
.pswp__caption::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: #C1C1C1;
-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
.pswp .pswp__button {
opacity: 1;
}
.pswp--open {
display: block;
}
.pswp--zoom-allowed .pswp__img {
/* autoprefixer: off */
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.pswp--zoomed-in .pswp__img {
/* autoprefixer: off */
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab;
}
.pswp--dragging .pswp__img {
/* autoprefixer: off */
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing;
}
/*
Background is added as a separate element.
As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
will-change: opacity;
}
.pswp__scroll-wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.pswp__container,
.pswp__zoom-wrap {
-ms-touch-action: none;
touch-action: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.pswp__zoom-wrap {
position: absolute;
width: 100%;
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
/* for open/close transition */
-webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp__bg {
will-change: opacity;
/* for open/close transition */
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
-webkit-transition: none;
transition: none;
}
.pswp__container,
.pswp__zoom-wrap {
-webkit-backface-visibility: hidden;
}
.pswp__item {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
}
.pswp__img {
background-color: white;
position: absolute;
width: auto;
height: auto;
top: 0;
left: 0;
}
/*
stretched thumbnail or div placeholder element (see below)
style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
-webkit-backface-visibility: hidden;
}
/*
div element that matches size of large image
large image loads on top of it
*/
.pswp__img--placeholder--blank {
background: #222;
}
.pswp--ie .pswp__img {
width: 100% !important;
height: auto !important;
left: 0;
top: 0;
}
/*
Error message appears when image is not loaded
(JS option errorMsg controls markup)
*/
.pswp__error-msg {
position: absolute;
left: 0;
top: 50%;
width: 100%;
text-align: center;
font-size: 0.875rem;
line-height: 1rem;
margin-top: -0.5rem;
color: #CCC;
}
.pswp__error-msg a {
color: #CCC;
text-decoration: underline;
}
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
Contents:
1. Buttons
3. Index indicator ("1 of X" counter)
4. Caption
5. Loading indicator
6. Additional styles (root element, top bar, idle state, hidden state, etc.)
*/
/*
Buttons
*/
/*