/* ======================= */
/* = Stijlen DNB.nl      = */
/* ======================= */
/* ====================== */
/* = Version : 5.1.12   = */
/* = Date  : 2018-03-06 = */
/* ====================== */
/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */
/* -------------------------------------------------------------------------------- */
/* Purpose: undo some of the default styling of common (X)HTML browsers */
/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link, :visited {
  text-decoration: none;
}

/* no list-markers by default, since lists are used more often for semantics */
ul, ol {
  list-style: none;
}

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1, h2, h3, h4, h5, h6, pre, code {
  font-size: 1em;
}

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, td, th, dl, dt, dd {
  margin: 0;
  padding: 0;
}

/* whoever thought blue linked image borders were a good idea? */
a img, :link img, :visited img {
  border: none;
}

table {
  border-collapse: collapse;
}

td, th {
  text-align: left;
  font-weight: normal;
  vertical-align: top;
}

/* more varnish stripping as necessary... */
/* ============================= */
/* = Remove all button margins = */
/* ============================= */
button {
  position: relative;
  border: 0 none;
  padding: 0;
  cursor: pointer;
  overflow: visible;
  /* removes extra side padding in IE */
}

button::-moz-focus-inner {
  border: none;
  /* overrides extra padding in Firefox */
  margin: 0;
  padding: 0;
}

button span {
  position: relative;
  display: block;
  white-space: nowrap;
}

input[type=text] {
  -webkit-appearance: none;
  border-radius: 0;
}

#service li.icon a, .sharing a, .follow a, #search button:before, a.button--twitter:before, #readspeaker a.readspeak-button:before, .timeline .open span.close, .organogram__item--open > .organogram__toggle:before, .carousel__navigation > li span, .image-library .button.view:before, button.ui-datepicker-trigger, .slider__button--next:before, .slider__button--prev:before {
  background-image: url("/system/images/backgrounds/sprite.png");
  background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #service li.icon a, .sharing a, .follow a, #search button:before, a.button--twitter:before, #readspeaker a.readspeak-button:before, .timeline .open span.close, .organogram__item--open > .organogram__toggle:before, .carousel__navigation > li span, .image-library .button.view:before, button.ui-datepicker-trigger, .slider__button--next:before, .slider__button--prev:before {
    background-image: url("/system/images/backgrounds/sprite.svg");
    background-repeat: no-repeat;
    background-size: auto;
  }
}

/**
 * Responsive helpers
 * These helpers come in two kinds, the first one helps creating a prefined set
 * which can be used in your code to maintain consistent set of media queries
 * 
 * @argument $media, defined the type of media the query is indended for.
 */
.hide-for-large-screens {
  display: none;
}
@media only screen and (max-width: 980px) {
  .hide-for-large-screens {
    display: block;
  }
}

.hide-for-small-screens {
  display: block !important;
}
@media only screen and (max-width: 980px) {
  .hide-for-small-screens {
    display: none !important;
  }
}

#header:after, #search .extended-search:after, .page-footer .footer__disclaimer:after, .sitemap .sitemap__row:after, dl.toc:after, .teaser.with-visual .wrapper:after, .teaser__row:after, .timeline ul.entries-list:after, .organogram__caption:after, .organogram__list:after, .slider:after, .slides:after, .slider--twitter .slides:after,
.feed--twitter .slides:after {
  content: "";
  visibility: hidden;
  clear: both;
  display: block;
  height: 1px;
  margin-bottom: -1px;
}

/*
 * Hide only visually, but have it available for screen readers: h5bp.com/v
 */
@font-face {
  font-family: 'Fedra Sans Book';
  src: url("/system/fonts/WF-023626-007166-C00026.eot");
  src: url("/system/fonts/WF-023626-007166-C00026.eot?#iefix") format("embedded-opentype"), url("/system/fonts/WF-023626-007166-C00026.woff") format("woff"), url("/system/fonts/WF-023626-007166-C00026.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'Fedra Sans Medium';
  src: url("/system/fonts/WF-023626-007166-C00028.eot");
  src: url("/system/fonts/WF-023626-007166-C00028.eot?#iefix") format("embedded-opentype"), url("/system/fonts/WF-023626-007166-C00028.woff") format("woff"), url("/system/fonts/WF-023626-007166-C00028.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}
#service ul li, ul.overview dd.meta, ul.overview dd.tags, #readspeaker a.readspeak-button, .action__text, form.filter ul.column,
div.filter ul.column,
dl.filter ul.column, form.filter ul.column li a,
div.filter ul.column li a,
dl.filter ul.column li a, .tile__description, .tile__more, .slider--twitter .slide,
.feed--twitter .slide, .slider--twitter .slide__meta .handle,
.feed--twitter .slide__meta .handle, .slider--twitter .slide__actions .slide__retweeted-indicator,
.feed--twitter .slide__actions .slide__retweeted-indicator, .footer__sitemap, .page-footer .footer__disclaimer, .page-footer .copyright, dl.meta, .summary, .image-library .caption .file, .image-library .caption .meta, #subnavigation li.active a, #subnavigation, .footer__sitemap .sitemap__title, #search .more, .links .links__meta-data, #rightcolumn .links li, dl.meta a.more, .image-grid .image-grid__subtitle, dl.related, dl.related dd.more a, .table--scrollable table, div.ui-datepicker, .statistics-form .footnote {
  font-size: 12px;
  font-size: 0.75rem;
}

a.more, a.more:link,
dd.more a,
dd.more a:link, #skiplinks a:focus, ul.overview, ul.links,
dl.links,
ul.link-list, #content .footer, .timeline .timelineitem .header, .timeline .timelineitem .content, .timeline .leftcolumn ul.submenu li, form.filter,
div.filter,
dl.filter, form.filter dt,
div.filter dt,
dl.filter dt, .pagination, .banner, .legend, .legend__item, ul.sitemap.tree, table.publications, table.publications tbody th, .slide, .slider--twitter .slide__meta .name,
.feed--twitter .slide__meta .name, a.back,
a.back:link,
dl.faq dt, .teaser .wrapper > .meta, form.filter .pagination-results,
div.filter .pagination-results,
dl.filter .pagination-results, label.adjecent, h5,
h6, dl.toc dt, dl.toc dd > ul li, .selection-box .timeframe .timeframe__label, ul.news, .text.intro p, dl.extra, dl.toc, .text,
.text p,
.text ul,
.text ol, .table thead th, .table tbody th, table.list th, ul.links > dd dl dt,
dl.links > dd dl dt,
ul.link-list > dd dl dt, form.data fieldset, form.form-fields fieldset, div.errors, .tabs, body div.filter.tabbed, a.button,
button.button, .timeline .leftcolumn .actions .button, .image-library .caption > .button.download, button.enter, form.data .row .fields input.large, form.form-fields .row .fields .field .field__input,
form.form-fields .row .fields .field .field__select, .timeframe input[type='text'], body#home #news > a.more, #navigation li ul, .layout-full .sharing p, .organogram__item-type, .image-grid .image-grid__title, dl.related-news dd.more a, .table, form.form-fields .row .fields .field .field__textarea, form.form-fields .row .fields .field.field--radio,
form.form-fields .row .fields .field.field--checkbox, .form-summary dd {
  font-size: 14px;
  font-size: 0.875rem;
}

.working-at .caption.event .subtitle, table.publications thead th, ul.overview dt,
ul.overview dt a, #rightcolumn .links dt, .timeline h5, dl.related dt, .tile__title, h4, .chart2__dropdown-legend-label, form.form-fields .row__label, .timeframe .timeframe__label, .selection-box .selection-box__sub-label, .form-summary dt, #navigation, .image-grid--highlighted-header .image-grid__title, .image-grid--top-header .image-grid__title, .chart2__dropdown-legend-select, .selection-box .selection-box__select {
  font-size: 16px;
  font-size: 1rem;
}

body#home #main h2, body#home #news h2, #header .header__page-title, h2.special, ul.links > dt,
dl.links > dt,
ul.link-list > dt, h3, .selection-box .selection-box__label, .timeline .leftcolumn ul li, dl.related-news dt {
  font-size: 18px;
  font-size: 1.125rem;
}

h1.subtitle,
h2, body#home #main h1, body#home .row__title {
  font-size: 24px;
  font-size: 1.5rem;
}

p.title,
h1 {
  font-size: 36px;
  font-size: 2.25rem;
}

#service ul li, ul.overview dd.meta, ul.overview dd.tags, #readspeaker a.readspeak-button, .action__text, form.filter ul.column,
div.filter ul.column,
dl.filter ul.column, form.filter ul.column li a,
div.filter ul.column li a,
dl.filter ul.column li a, .tile__description, .tile__more, .slider--twitter .slide,
.feed--twitter .slide, .slider--twitter .slide__meta .handle,
.feed--twitter .slide__meta .handle, .slider--twitter .slide__actions .slide__retweeted-indicator,
.feed--twitter .slide__actions .slide__retweeted-indicator {
  line-height: 1.75;
}

a.more, a.more:link,
dd.more a,
dd.more a:link, #skiplinks a:focus, ul.overview, ul.links,
dl.links,
ul.link-list, #content .footer, .timeline .timelineitem .header, .timeline .timelineitem .content, .timeline .leftcolumn ul.submenu li, form.filter,
div.filter,
dl.filter, form.filter dt,
div.filter dt,
dl.filter dt, .pagination, .banner, .legend, .legend__item, ul.sitemap.tree, table.publications, table.publications tbody th, .slide, .slider--twitter .slide__meta .name,
.feed--twitter .slide__meta .name, a.back,
a.back:link,
dl.faq dt {
  line-height: 1.643;
}

.working-at .caption.event .subtitle, table.publications thead th {
  line-height: 1.75;
}

p.title,
h1 {
  line-height: 1.167;
}

h1.subtitle,
h2, body#home #main h1, body#home .row__title {
  line-height: 1.25;
}

body#home #main h2, body#home #news h2, #header .header__page-title {
  line-height: 1.333;
}

ul.overview dt,
ul.overview dt a, #rightcolumn .links dt, .timeline h5, dl.related dt, .tile__title {
  line-height: 1.375;
}

.teaser .wrapper > .meta, form.filter .pagination-results,
div.filter .pagination-results,
dl.filter .pagination-results, label.adjecent {
  line-height: 1.643;
}

#search > input {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1;
}
@media only screen and (max-width: 980px) {
  #search > input {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.333;
  }
}

p.title,
h1 {
  font-family: "Fedra Sans Book", sans-serif;
  font-weight: normal;
  margin: 0 0 30px 0;
  color: #211261;
  word-wrap: break-word;
  word-break: normal;
}

h1.subtitle,
h2, body#home #main h1, body#home .row__title {
  font-family: "Fedra Sans Book", sans-serif;
  font-weight: normal;
  margin: 30px 0 15px;
  color: #211261;
  word-wrap: break-word;
  word-break: normal;
}

h2.special, ul.links > dt,
dl.links > dt,
ul.link-list > dt, h3, .selection-box .selection-box__label {
  font-family: "Fedra Sans Medium", sans-serif;
  line-height: 1.643;
  font-weight: normal;
  margin: 0;
  color: #211261;
  word-wrap: break-word;
  word-break: normal;
}

h4, .chart2__dropdown-legend-label, form.form-fields .row__label, .timeframe .timeframe__label, .selection-box .selection-box__sub-label, .form-summary dt {
  font-family: "Fedra Sans Book", sans-serif;
  line-height: 1.643;
  font-weight: normal;
  margin: 0;
  color: #211261;
  word-wrap: break-word;
  word-break: normal;
}

h5,
h6, dl.toc dt, dl.toc dd > ul li, .selection-box .timeframe .timeframe__label {
  font-family: "Fedra Sans Book", sans-serif;
  font-weight: normal;
  color: #211261;
  word-wrap: break-word;
  word-break: normal;
}

#navigation {
  font-family: "Fedra Sans Book", sans-serif;
  line-height: 2;
}
#navigation li ul {
  font-family: verdana, helvetica, arial, sans-serif;
}
@media only screen and (max-width: 980px) {
  #navigation {
    font-size: 18px;
    font-size: 1.125rem;
    font-family: "Fedra Sans Book", sans-serif;
    line-height: 2.5;
    color: #410099;
  }
  #navigation ul li,
  #navigation ul li a {
    font-size: 12px;
    font-size: 0.75rem;
    font-family: verdana, helvetica, arial, sans-serif;
    line-height: 1.5;
    font-weight: normal;
    color: #fff;
  }
  #navigation ul.nested-navigation li.active a {
    font-weight: bold;
  }
}

body#home #main h2, body#home #news h2 {
  margin: 0;
  font-family: "Fedra Sans Book", sans-serif;
}

ul.news {
  line-height: 1.643;
  font-family: verdana, helvetica, arial, sans-serif;
  margin: 0;
}

.footer__sitemap {
  line-height: 1.75;
}

.page-footer .footer__disclaimer {
  line-height: 1.75;
}

.page-footer .copyright {
  line-height: 1.75;
  font-weight: bold;
}

.text.intro p {
  font-family: "Fedra Sans Medium", sans-serif;
  line-height: 1.643;
  font-weight: normal;
  color: #211261;
}

dl.meta {
  font-family: verdana, helvetica, arial, sans-serif;
  line-height: 1.75;
  font-weight: normal;
  margin: -10px 0 20px 0;
  color: #353535;
}

dl.extra {
  color: #353535;
  line-height: 1.643;
  font-weight: normal;
}

dl.toc {
  line-height: 1.375;
  margin: 20px 0;
}

.text,
.text p,
.text ul,
.text ol {
  font-family: verdana, helvetica, arial, sans-serif;
  line-height: 1.643;
  margin: 0 0 20px 0;
}

.summary {
  font-family: verdana, helvetica, arial, sans-serif;
  line-height: 1.75;
  margin: 20px 0;
}

.table thead th, .table tbody th, table.list th {
  font-weight: normal;
  font-family: "Fedra Sans Medium", sans-serif;
  color: #211261;
}

ul.links > dd dl dt,
dl.links > dd dl dt,
ul.link-list > dd dl dt {
  font-family: "Fedra Sans Medium", sans-serif;
  line-height: 1.333;
  color: #410099;
  margin-bottom: 5px;
}

#search a.more:before, #home ul.news li a,
#home ul.news li a:link,
.link-list li a,
.link-list li a:link, ul.news li a,
ul.news li a:link, ul.links li a,
dl.links li a,
ul.link-list li a, .related li.active > span,
.related li a {
  padding-left: 10px;
  display: block;
  position: relative;
  color: #353535;
}
#search a.more:visited:before, #home ul.news li a:visited,
.link-list li a:visited, ul.news li a:visited, ul.links li a:visited,
dl.links li a:visited, .related li.active > span:visited,
.related li a:visited {
  color: #58768b;
}
#search a.more:hover:visited:before, #home ul.news li a:hover:visited,
.link-list li a:hover:visited, ul.news li a:hover:visited, ul.links li a:hover:visited,
dl.links li a:hover:visited, .related li.active > span:hover:visited,
.related li a:hover:visited, #search a.more:hover:before, #home ul.news li a:hover,
.link-list li a:hover, ul.news li a:hover, ul.links li a:hover,
dl.links li a:hover, .related li.active > span:hover,
.related li a:hover {
  color: #410099;
}
#search a.more:before, #home ul.news li a:before,
#home ul.news li a:link:before,
.link-list li a:before,
.link-list li a:link:before, ul.news li a:before,
ul.news li a:link:before, ul.links li a:before,
dl.links li a:before, .related li.active > span:before,
.related li a:before {
  width: 0;
  height: 0;
  vertical-align: middle;
  border-left: 5px solid #410099;
  border-right: 5px solid transparent;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
  content: "";
  line-height: 1;
  display: inline-block;
  position: absolute;
  top: 0.6em;
  left: 0;
}
#search a.more:visited:before, #home ul.news li a:visited:before,
.link-list li a:visited:before, ul.news li a:visited:before, ul.links li a:visited:before,
dl.links li a:visited:before, .related li.active > span:visited:before,
.related li a:visited:before {
  width: 0;
  height: 0;
  vertical-align: middle;
  border-left: 5px solid #7B98AC;
  border-right: 5px solid transparent;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
}
#search a.more:hover:visited:before, #home ul.news li a:hover:visited:before,
.link-list li a:hover:visited:before, ul.news li a:hover:visited:before, ul.links li a:hover:visited:before,
dl.links li a:hover:visited:before, .related li.active > span:hover:visited:before,
.related li a:hover:visited:before, #search a.more:hover:before, #home ul.news li a:hover:before,
.link-list li a:hover:before, ul.news li a:hover:before, ul.links li a:hover:before,
dl.links li a:hover:before, .related li.active > span:hover:before,
.related li a:hover:before {
  width: 0;
  height: 0;
  vertical-align: middle;
  border-left: 5px solid #410099;
  border-right: 5px solid transparent;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
}

#search a.more:visited:before, #home ul.news li a:visited,
.link-list li a:visited {
  color: #353535;
}
#search a.more:hover:visited:before, #home ul.news li a:hover:visited,
.link-list li a:hover:visited, #search a.more:hover:before, #home ul.news li a:hover,
.link-list li a:hover {
  color: #353535;
}
#search a.more:before, #home ul.news li a:before,
#home ul.news li a:link:before,
.link-list li a:before,
.link-list li a:link:before, #search a.more:visited:before, #home ul.news li a:visited:before,
.link-list li a:visited:before, #search a.more:hover:before, #home ul.news li a:hover:before,
.link-list li a:hover:before {
  width: 0;
  height: 0;
  vertical-align: middle;
  border-left: 5px solid #410099;
  border-right: 5px solid transparent;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
}

form.data fieldset, form.form-fields fieldset {
  font-weight: normal;
  color: #353535;
  line-height: 2.858;
}

div.errors {
  color: #f00;
  margin: 0 0 20px 0;
}

ul.overview dt,
ul.overview dt a {
  font-family: "Fedra Sans Book", sans-serif;
}

.image-library .caption .file {
  font-weight: normal;
  line-height: 1.75;
}

.image-library .caption .meta {
  font-weight: normal;
  line-height: 1.75;
  color: #410099;
}

#subnavigation li.active a, #subnavigation {
  line-height: 1.75;
  font-family: verdana, helvetica, arial, sans-serif;
  font-weight: normal;
  color: #353535;
}
#subnavigation li.active a a, #subnavigation a,
#subnavigation li.active a a:link,
#subnavigation a:link {
  text-decoration: none;
}

#subnavigation li.active a {
  font-weight: bold;
}

.tabs, body div.filter.tabbed {
  font-family: verdana, helvetica, arial, sans-serif;
  font-weight: normal;
  line-height: 1.643;
  color: #353535;
}

/* ================ */
/* = Social media = */
/* ================ */
#service li.icon a, .sharing a, .follow a {
  background-position: -26px -86px;
  width: 18px;
  padding-top: 18px;
  height: 0;
  overflow: hidden;
  background-color: #e0e5ea;
}
#service li.icon a:hover, .sharing a:hover, .follow a:hover {
  background-color: #fff;
}
#service li.icon a.twitter, .sharing a.twitter, .follow a.twitter {
  background-position: -1px -86px;
}
#service li.icon a.linkedin, .sharing a.linkedin, .follow a.linkedin {
  background-position: -55px -86px;
}
#service li.icon a.mail, .sharing a.mail, .follow a.mail {
  background-position: -78px -121px;
}
#service li.icon a.google_plusone_share, .sharing a.google_plusone_share, .follow a.google_plusone_share {
  background-position: -101px -104px;
}
#service li.icon a.rss, .sharing a.rss, .follow a.rss {
  background-position: -79px -86px;
}

@media only screen and (max-width: 980px) {
  #service ul li.icon a:hover {
    background-color: #fff;
  }
  #service ul li.icon a:hover.twitter {
    background-position: -1px -86px;
  }
  #service ul li.icon a:hover.linkedin {
    background-position: -55px -86px;
  }
  #service ul li.icon a:hover.mail {
    background-position: -78px -121px;
  }
  #service ul li.icon a:hover.google_plusone_share {
    background: pink;
  }
  #service ul li.icon a:hover.rss {
    background-position: -79px -86px;
  }
  #service ul li.icon a:hover.facebook {
    background-position: -26px -86px;
  }
  #service ul li.icon a.twitter {
    background-position: -1px -102px;
  }
  #service ul li.icon a.linkedin {
    background-position: -55px -102px;
  }
  #service ul li.icon a.mail {
    background-position: -78px -128px;
  }
  #service ul li.icon a.google_plusone_share {
    background: pink;
  }
  #service ul li.icon a.rss {
    background-position: -79px -102px;
  }
  #service ul li.icon a.facebook {
    background-position: -26px -102px;
  }
}

a.button,
button.button, .timeline .leftcolumn .actions .button, .image-library .caption > .button.download, button.enter {
  background-color: #58768b;
  color: #fff;
  display: inline-block;
  padding: 5px 15px;
  margin: 10px 0;
  line-height: 1.5;
  text-decoration: none;
}

form.data .row .fields input.large, form.form-fields .row .fields .field .field__input,
form.form-fields .row .fields .field .field__select, .timeframe input[type='text'] {
  font-family: verdana, helvetica, arial, sans-serif;
  color: #353535;
  background: #f0f2f5;
  border: 1px solid #e0e5ea;
  height: 20px;
  width: 100%;
  margin-top: 8px;
  margin-bottom: 10px;
}

/* ================= */
/* = Subnavigation = */
/* ================= */
/**
 * Responsive helpers
 * These helpers come in two kinds, the first one helps creating a prefined set
 * which can be used in your code to maintain consistent set of media queries
 *
 * @argument $media, defined the type of media the query is indended for.
 */
.hide-for-large-screens {
  display: none;
}
@media only screen and (max-width: 980px) {
  .hide-for-large-screens {
    display: block;
  }
}

.hide-for-small-screens {
  display: block !important;
}
@media only screen and (max-width: 980px) {
  .hide-for-small-screens {
    display: none !important;
  }
}

h2.special, ul.links > dt,
dl.links > dt,
ul.link-list > dt {
  border-top: 1px solid #58768b;
  border-bottom: 1px solid #58768b;
  padding: 3px 0 0;
  margin-bottom: 5px;
}

h2.subtle-spaced {
  margin: 0 0 5px;
}

a {
  color: #211261;
}
a:visited {
  color: #58768b;
}
a:hover {
  color: #410099;
}

a.more, a.more:link,
dd.more a,
dd.more a:link {
  color: #410099;
}

dl.extra {
  margin-bottom: 20px;
}
dl.extra dt {
  color: #353535;
}
dl.extra dd th {
  color: #410099;
  padding-right: 20px;
}

p,
.text {
  word-break: normal;
  word-wrap: break-word;
}

.footer__sitemap .sitemap__title {
  font-weight: bold;
}

/* =============== */
/* = Page styles = */
/* =============== */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

body {
  color: #353535;
  font-family: Verdana, tahoma, arial, helvetica, sans-serif;
}

body.staging {
  background: url("/system/images/backgrounds/body-staging.png") 0 0 repeat;
}

#page {
  width: 960px;
  margin: 0 auto;
  position: relative;
}

#content {
  min-height: 600px;
  background: #fff;
  color: #353535;
  position: relative;
  padding: 72px 210px 30px 290px;
  margin-bottom: 25px;
}

body.staging #content {
  background: url("/system/images/backgrounds/content-staging.png") #fff 0 0 repeat;
}

body#home #content {
  padding-left: 10px;
  padding-right: 210px;
  padding-bottom: 40px;
}

@media only screen and (max-width: 980px) {
  #page {
    width: auto;
    margin-left: 10px;
    margin-right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

  #content,
  #navigation,
  #service {
    /* We tell all items to be 100% width */
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }

  #navigation {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  #content {
    margin-bottom: 5px;
    border: 0;
    border-radius: 0;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }

  #service {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }

  #footer {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }

  #logo {
    float: none;
  }

  .no-flexbox.no-flexboxlegacy #page {
    display: block;
    width: 700px;
    margin: 0 auto;
    padding-top: 36px;
  }
  .no-flexbox.no-flexboxlegacy .with-title#header ~ #navigation,
  .no-flexbox.no-flexboxlegacy #navigation {
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px;
    width: 670px;
  }
}
@media only screen and (max-width: 700px) {
  #content {
    min-height: 0;
  }

  .no-flexbox.no-flexboxlegacy #page {
    width: 320px;
  }
}
@media only screen and (max-width: 320px) {
  #page {
    width: 300px;
  }
}
/* ============ */
/* = Homepage = */
/* ============ */
body#home #main {
  width: 380px;
  float: left;
}
body#home #main h1 {
  margin: 0 0 5px;
}

body#home .media img,
body#home .media {
  padding: 0;
  border: 0;
  margin: 0;
}

body#home #main img,
body#home #news img {
  width: 100%;
}

body#home #main .media.right {
  margin-left: 20px;
}

body#home .row--main-only #main {
  width: 100%;
}

body#home .row__title {
  margin: 0 0 5px;
}

body#home #main .chart2 {
  margin-top: 0;
  height: 225px;
  min-height: initial;
}

body#home #main .chart2.chart2--stock-chart {
  height: 300px;
}

body#home #main .chart2:last-child {
  margin-bottom: 0;
}

body#home #contentcolumn > .row {
  margin: 20px 0;
}

body#home #news {
  width: 340px;
  padding-left: 20px;
  float: left;
}
body#home #news .text {
  margin-bottom: 0;
}
body#home #news .text .links:last-child {
  margin-bottom: 0;
}
body#home #news > a.more {
  color: #410099;
  line-height: 1.643;
  text-decoration: underline;
  display: inline-block;
  margin-top: 5px;
  padding-left: 10px;
}
body#home #news > a.more:before {
  content: none;
}

body#home .highlight {
  background: #f0f2f5;
  margin: 0 0 10px;
}

body#home .highlight .wrapper {
  padding: 10px 20px;
}
body#home .highlight .wrapper h2 {
  margin: 0 0 10px;
}

body#home .highlight .column {
  float: left;
  clear: none;
  width: 320px;
}

body#home .highlight .text .highlight__wrap {
  overflow: hidden;
}

body#home .highlight .text .highlight__wrap p {
  margin-bottom: 0;
}

body#home .highlight .text p a {
  display: block;
}

body#home .highlight .media {
  margin: 0 20px 0 0;
  padding-top: 5px;
}

body#home .highlight .media.right {
  margin: 0 0 0 20px;
}

body#home .highlight .column.adjecent {
  margin: 0 0 0 60px;
}

@media only screen and (max-width: 980px) {
  body#home #content {
    padding: 20px 10px 40px;
    /* make room for sharing */
  }

  body#home .sharing {
    margin-left: -20px;
    left: 20px;
  }

  body#home #content #rightcolumn {
    margin-right: 0;
  }

  body#home #main,
  body#home #news {
    box-sizing: border-box;
    width: 50%;
  }

  body#home .highlight .column {
    width: 50%;
    display: table-cell;
    float: none;
  }

  body#home .highlight .column + .column {
    padding: 0 0 0 20px;
  }

  body#home .sharing {
    border-radius: 0;
  }
}
@media only screen and (max-width: 980px) {
  #contentcolumn > .visual {
    margin-left: 0;
  }
  #contentcolumn > .visual img {
    max-width: 100%;
  }
}
@media only screen and (max-width: 700px) {
  body#home #content {
    padding: 20px 0 40px;
  }

  body#home #contentcolumn > .row,
  body#home #content #rightcolumn {
    margin-left: 0;
  }

  body#home .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin-top: 20px;
  }

  body#home #main,
  body#home #news {
    float: none;
    display: block;
    -webkit-box-flex: 1;
        -ms-flex: 1 auto;
            flex: 1 auto;
    width: 100%;
    padding: 0;
    margin: 20px 0 0;
  }

  body#home #news {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  body#home #main {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  body#home .highlight .column {
    width: 100%;
    display: block;
  }
  body#home .highlight .column a.more {
    margin: 0;
  }
  body#home .highlight .column + .column {
    margin: 0;
    padding: 0;
  }

  .no-flexboxlegacy body#home #main,
  .no-flexboxlegacy body#home #news,
  .no-flexboxlegacy body#home .highlight .column {
    display: block;
    float: none;
    width: auto;
    padding-left: 0;
  }
  .no-flexboxlegacy body#home .highlight .column:first-child,
  .no-flexboxlegacy body#home .highlight .column,
  .no-flexboxlegacy body#home .highlight .column + .column {
    padding: 14px;
    border-radius: 5px 5px 0 0;
    border: 1px solid #ccc;
  }
  .no-flexboxlegacy body#home .highlight .column + .column {
    border-radius: 0 0 5px 5px;
    border-top: 0;
  }
  .no-flexboxlegacy body#home .highlight {
    margin-bottom: 22px;
  }
}
@media only screen and (max-width: 520px) {
  body#home .highlight .column {
    display: block;
    float: none;
    width: auto;
    padding-left: 0;
  }

  body#home .highlight {
    margin-bottom: 20px;
  }
}
#sectionheader {
  border-bottom: 1px solid #e0e5ea;
  border-top: 1px solid #e0e5ea;
  color: #211261;
  line-height: 32px;
  padding: 0 7px;
  z-index: 3;
  position: absolute;
  top: 210px;
  left: 10px;
  right: 10px;
}

#sectionheader ul {
  font-family: 'Fedra Sans Book', sans-serif;
  margin: 0 -7px;
}

#sectionheader li {
  float: left;
  padding: 0 7px;
}

#sectionheader li:first-child {
  margin-left: 0;
}

#sectionheader li a {
  margin: 0 -7px;
  padding: 0 7px;
  color: currentColor;
  text-decoration: none;
  display: block;
}

#sectionheader li a:hover,
#sectionheader li.active a {
  background: #58768b;
  color: #fff;
}

#content.section {
  padding-top: 112px;
}

@media only screen and (max-width: 980px) {
  #sectionheader {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    position: static;
    margin-left: 10px;
    margin-right: 10px;
  }

  #content.section {
    top: auto;
    margin-bottom: 0;
    border: 0;
    border-radius: 0;
    padding-top: 20px;
  }
}
@media only screen and (max-width: 700px) {
  #sectionheader {
    margin-left: 0;
    margin-right: 0;
  }
}
/* ========== */
/* = Header = */
/* ========== */
#header {
  padding: 35px 10px 0;
  z-index: 1;
  /* make sure the header comes over #content */
}
#header .header__page-title {
  background: #e0e5ea;
  color: #211261;
  clear: both;
  display: block;
  font-family: "Fedra Sans Medium", sans-serif;
  font-weight: normal;
  line-height: 32px;
  /* center alignment */
  margin-bottom: 0;
  padding: 0 7px;
}

#header.with-title {
  height: auto;
}

#header.with-title ~ #navigation {
  top: 180px;
}

#logo {
  margin-bottom: 30px;
  float: left;
  height: 83px;
  width: 260px;
}
#logo img {
  height: 83px;
  width: 260px;
}
@media only screen and (max-width: 980px) {
  #logo {
    float: left;
    display: block;
  }
}

#service {
  position: absolute;
  right: 10px;
  top: 35px;
  z-index: 600;
  /* Overlap the #header */
}
#service ul {
  float: right;
}
#service ul li {
  float: left;
  margin-left: 20px;
}
#service ul li.icon {
  margin-top: 2px;
}
#service ul li.icon + li.icon {
  margin-left: 5px;
}
#service a {
  float: left;
  color: #211261;
  text-decoration: none;
}
#service .disabled {
  color: #999;
}
@media only screen and (max-width: 980px) {
  #service {
    position: static;
    background: #1226AA;
    margin: 10px -10px 0;
    padding: 10px;
    height: 20px;
  }
  #service a {
    color: #fff;
  }
  #service ul {
    float: none;
    margin-left: -20px;
  }
  #service ul li,
  #service ul li a,
  #service ul li span {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.333;
    font-family: "Fedra Sans Book", sans-serif;
  }
  #service ul li.icon a {
    background-color: transparent;
  }
  #service .language-switch {
    display: none;
  }
}
@media only screen and (max-width: 700px) {
  #service {
    height: auto;
  }
}

#search {
  clear: both;
  margin-top: 13px;
  position: relative;
  float: right;
}
#search > input {
  color: #211261;
  width: 176px;
  height: 26px;
  line-height: 17px;
  vertical-align: middle;
  padding: 2px 10px;
  border: 0 none;
  float: left;
  background: #f0f2f5;
  border: 1px solid #58768b;
}
#search button {
  background: #58768b;
  float: left;
  height: 32px;
  width: 32px;
  margin: 0;
}
#search button:before {
  background-position: -82px 6px;
  content: "";
  height: 32px;
  width: 32px;
  position: absolute;
  display: block;
  top: 0;
}
#search button span {
  visibility: hidden;
}
#search .extended-search {
  clear: both;
  float: none;
}
#search .extended-search > li {
  margin: 5px 10px 0 0;
  padding-right: 2px;
  padding-left: 5px;
}
#search .extended-search a {
  float: none;
}
#search .extended-search li:before {
  width: 0;
  height: 0;
  vertical-align: middle;
  border-left: 5px solid #000;
  border-right: 5px solid transparent;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
  content: "";
  display: inline-block;
}
#search .extended-search li.expanded {
  background: #f0f2f5;
}
#search .extended-search li.expanded:before {
  width: 0;
  height: 0;
  vertical-align: middle;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-top: 5px solid #000;
  margin: 2px 2px 0 0;
}
@media only screen and (max-width: 980px) {
  #search {
    position: absolute;
    top: 0;
    right: 34px;
    left: 200px;
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 400;
  }
  #search input,
  #search button {
    height: 40px;
  }
  #search input {
    float: none;
    display: block;
    background: #f0f2f5;
    color: #58768b;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 0 10px;
    box-sizing: border-box;
  }
  #search button {
    font-size: 18px;
    width: 40px;
    height: 40px;
    margin: 0;
  }
  #search button:before {
    background-position: -79px 10px;
  }
  #search .extended-search {
    display: none;
  }
  .no-flexbox.no-flexboxlegacy #search {
    left: 220px;
    /* navigation space */
    right: 0;
  }
  .no-flexbox.no-flexboxlegacy #search button,
  .no-flexbox.no-flexboxlegacy #search input {
    width: 360px;
    float: left;
  }
  .no-flexbox.no-flexboxlegacy #search button {
    width: 40px;
  }
}
@media only screen and (max-width: 700px) {
  #search {
    right: -10px;
    left: -10px;
    top: 40px;
  }
  #search input {
    width: auto;
  }
  #search button {
    width: 110px;
  }
  #search button span {
    visibility: visible;
    color: #fff;
    padding-left: 20px;
  }
  .no-flexbox.no-flexboxlegacy #search {
    left: -10px;
    right: -10px;
  }
  .no-flexbox.no-flexboxlegacy #search button,
  .no-flexbox.no-flexboxlegacy #search input {
    width: 230px;
    float: left;
  }
  .no-flexbox.no-flexboxlegacy #search button {
    width: 110px;
  }
}

#search .more {
  float: left;
  display: block;
  clear: both;
  padding-top: 5px;
}

#search label.more {
  padding-top: 8px;
}
#search label.more input {
  width: 12px;
  margin-right: 5px;
  display: inline-block;
}

#search a.more {
  padding-left: 10px;
}
#search a.more:before {
  position: absolute;
  bottom: 0.4em;
  top: auto;
}

#skiplinks a:focus {
  clip: auto;
  height: auto;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: auto;
  margin: 10px 0 0 14px;
  color: #211261;
}

@media only screen and (max-width: 980px) {
  #search .more {
    display: none;
  }
}
@media only screen and (max-width: 980px) {
  #header {
    /* We tell all items to be 100% width */
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }

  #header {
    width: auto;
    position: static;
    height: auto;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  #skiplinks a:focus {
    top: 40px;
  }
}
@media only screen and (max-width: 700px) {
  #header {
    padding-left: 0;
    padding-right: 0;
  }

  #skiplinks a:focus {
    top: 80px;
    margin: 10px 0 0 5px;
  }

  .no-flexbox.no-flexboxlegacy #header {
    margin-top: 40px;
    background-position: -175px 0;
  }
}
/* ========== */
/* = Footer = */
/* ========== */
.page-footer {
  margin: 30px 0 0 0;
  color: #fff;
  background: #211261;
  padding: 20px 0 0 0;
}
.page-footer a,
.page-footer a:link {
  color: #fff;
  text-decoration: none;
}
.page-footer a:hover {
  text-decoration: underline;
}
.page-footer .footer__sitemap > ul, .page-footer .footer__disclaimer {
  margin: 0 auto;
  padding: 0 10px;
  width: 940px;
}
.page-footer .footer__sitemap {
  background: #1226AA;
  margin-top: -20px;
}
.page-footer .footer__sitemap > ul {
  margin-top: -30px;
  padding: 30px 0;
}
.page-footer .footer__disclaimer {
  margin-top: 20px;
  height: 40px;
}
.page-footer .footer__disclaimer:first-child {
  margin-top: 0;
}
.page-footer .copyright {
  float: left;
}
.page-footer .links {
  float: right;
}
.page-footer .links a {
  float: left;
  padding: 0 15px;
  text-decoration: underline;
}
.page-footer .links a:last-child {
  padding-right: 0;
}
.page-footer .links a:hover {
  text-decoration: none;
}
@media only screen and (max-width: 980px) {
  .page-footer {
    margin: 0;
    padding: 5px 10px;
  }
  .page-footer .footer__sitemap {
    display: none;
  }
  .page-footer .footer__disclaimer {
    margin: 0 -10px;
    height: 100%;
    width: 100%;
  }
}

.sitemap .show-subitems-handle {
  display: none;
}
.sitemap .sitemap__title {
  display: block;
  margin-bottom: 40px;
}
.sitemap .sitemap__row {
  margin: 0 0 40px -20px;
}
.sitemap .sitemap__row > li {
  float: left;
  margin: 0 0 0 20px;
  width: 172px;
}
.sitemap .sitemap__row > li > a {
  font-weight: bold;
}

ul.news {
  border-top: 1px solid #e0e5ea;
}

ul.news li {
  padding: 0;
  border-bottom: 1px solid #e0e5ea;
}
ul.news li a,
ul.news li a:link {
  color: #353535;
  display: inline-block;
  text-decoration: none;
}
ul.news li a:hover {
  color: #410099;
}

.link-list li a:visited {
  color: #353535;
}
.link-list li a:hover:visited, .link-list li a:hover {
  color: #410099;
}

.link-list li a .meta {
  float: right;
  color: #7B98AC;
}

ul.link-list .link-list__more a:before {
  content: none;
}

ul.link-list .link-list__more a {
  text-decoration: underline;
  color: #410099;
  margin-top: 5px;
}

/* ======== */
/* = Text = */
/* ======== */
.text {
  clear: left;
}

.text ul,
.toc ul {
  list-style-type: square;
  margin: 0 0 0 15px;
}

.text ul,
.text ol {
  margin-bottom: 16px;
}

.text ul ul,
.text ul ol,
.text ol ul,
.text ol ol {
  margin-bottom: 0;
}

.text ol {
  list-style: decimal outside;
  padding-left: 20px;
}

.text ol ol {
  list-style-type: lower-alpha;
}

.links li,
.link-list li,
.text li {
  word-wrap: break-word;
  word-break: break-word;
}

/* ============ */
/* = Overview = */
/* ============ */
ul.overview {
  margin: 20px 0;
}

ul.overview li {
  border-bottom: 1px solid #e0e5ea;
  margin: 0 0 20px;
  padding: 0 0 10px;
}
ul.overview li:last-child {
  border: 0;
  margin-bottom: 0;
  padding: 0;
}

ul.overview dt,
ul.overview dt a {
  color: #410099;
  text-decoration: underline;
}

ul.overview dd.meta {
  margin-bottom: 10px;
}

ul.overview dd.tags {
  margin-top: 5px;
}

ul.overview dd.meta:last-child {
  margin-bottom: 0;
}

ul.overview dd.more a {
  display: block;
}

/* ========= */
/* = Links = */
/* ========= */
ul.links,
ul.link-list {
  margin-bottom: 20px;
}

ul.links > dd dl dt,
dl.links > dd dl dt,
ul.link-list > dd dl dt {
  padding: 0;
}
ul.links > dd dl dd,
dl.links > dd dl dd,
ul.link-list > dd dl dd {
  margin-bottom: 5px;
}
ul.links li a,
dl.links li a,
ul.link-list li a {
  text-decoration: none;
}

ul.links,
dl.links ul,
ul.link-list {
  list-style: none;
  margin-left: 0;
}

/* Links should never be next to something else */
dl.links {
  clear: left;
  margin-bottom: 23px;
}

dl.links dd {
  padding: 0;
  border: 0 none;
}

dl.links dd dd {
  margin-top: 0;
}

dl.links dd dl {
  margin-bottom: 16px;
}

dl.links dd dd.text {
  margin-top: -5px;
  margin-bottom: 5px;
}

dl.links dd dd.text p {
  margin-bottom: 0;
}

dl.links ul {
  margin-bottom: 10px;
  margin-top: 5px;
}

ul.links.spaced {
  margin-bottom: 16px;
}

ul.links.spaced li {
  margin-bottom: 6px;
}

.links .links__meta-data {
  color: #211261;
}

#rightcolumn .links {
  margin-bottom: 30px;
}

#rightcolumn .links dt {
  font-family: "Fedra Sans Book", sans-serif;
  color: #211261;
  border: 0;
}

#rightcolumn .links li .links__meta-data {
  font-size: 10px;
}

.links--three-columns {
  -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;
}

@media only screen and (max-width: 980px) {
  .links--three-columns {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
}
@media only screen and (max-width: 700px) {
  .links--three-columns {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
  }
}
dl.toc dt {
  border-top: 1px solid #58768b;
  border-bottom: 1px solid #58768b;
  padding: 3px 0 0 1px;
  margin-bottom: 5px;
}
dl.toc dd > ul li {
  background: none;
  padding: 0;
  font-weight: normal;
  color: #410099;
}

dl.toc {
  margin: 0 0 16px;
  clear: both;
}

dl.toc dt {
  margin-top: 20px;
}

dl.toc li a,
dl.toc .links li a {
  text-decoration: none;
}
dl.toc li a:before,
dl.toc .links li a:before {
  top: 0.5em;
}

dl.toc .links.splitted-left {
  float: left;
  width: 49%;
}

dl.toc .links.splitted-right {
  float: right;
  width: 49%;
}

/* Expandable ToC */
dl.toc--expanding {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
dl.toc--expanding dt {
  position: relative;
  cursor: pointer;
}
dl.toc--expanding dt:after {
  width: 0;
  height: 0;
  vertical-align: middle;
  border-left: 5px solid #000;
  border-right: 5px solid transparent;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
  content: '';
  position: absolute;
  top: 7px;
  right: 5px;
}
dl.toc--expanding dd {
  display: none;
}

dl.toc--expanding.toc--expanded dt:after {
  width: 0;
  height: 0;
  vertical-align: middle;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-top: 5px solid #000;
  right: 8px;
}
dl.toc--expanding.toc--expanded dd {
  display: block;
}

/* ============== */
/* = Navigation = */
/* ============== */
#navigation {
  position: absolute;
  right: 10px;
  left: 10px;
  top: 150px;
  z-index: 500;
  /* Overlap the header and carrousel */
  clear: both;
  border-top: 1px solid #e0e5ea;
  border-bottom: 1px solid #e0e5ea;
  /* Multiple level */
}
#navigation a {
  text-decoration: none;
}
#navigation > a {
  display: none;
}
#navigation ul {
  vertical-align: middle;
  margin: 0;
}
#navigation > ul {
  min-width: 760px;
  max-width: 940px;
}
#navigation li {
  float: left;
}
#navigation li a {
  float: left;
  text-align: center;
  padding: 2px 7px 0;
  /* two pixels to improve alignment */
  color: #211261;
}
#navigation li.active > a,
#navigation li:hover > a,
#navigation li.hover > a,
#navigation li > a:hover {
  background: #58768b;
  color: #fff;
  text-decoration: none;
}
#navigation .navigation__list__item--has-subitems > a {
  position: relative;
}
#navigation .navigation__list__item--has-subitems > a:after {
  width: 0;
  height: 0;
  vertical-align: middle;
  border-left: 6px solid #410099;
  border-right: 6px solid transparent;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  content: "";
  display: block;
  height: 0;
  width: 0;
  right: 0;
  top: 10px;
  position: absolute;
}
#navigation .navigation__list__item--has-subitems:hover > a:after, #navigation .navigation__list__item--has-subitems.hover > a:after {
  width: 0;
  height: 0;
  vertical-align: middle;
  border-left: 6px solid #fff;
  border-right: 6px solid transparent;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
}
#navigation .navigation__list__item--has-subitems ul {
  display: none;
  position: absolute;
  left: 199px;
  width: 199px;
  height: auto;
  min-height: 100%;
  top: 0;
  border-left: 1px solid #fff;
}
#navigation li ul {
  line-height: 1.8;
  display: none;
  position: absolute;
  width: 200px;
  height: auto;
  margin: 0;
  top: 99%;
  background: #f0f2f5;
  text-align: left;
}
#navigation li ul li {
  float: none;
}
#navigation li ul a {
  float: none;
  text-align: left;
  display: block;
  padding: 0;
  border-top: 1px solid #e0e5ea;
  padding: 5px 30px 5px 10px;
  color: #353535;
}
#navigation li:hover > ul {
  display: block;
}
#navigation li.open > ul {
  display: block;
}
#navigation li:hover .nested-navigation,
#navigation li .show-subitems-handle,
#navigation li .nested-navigation {
  display: none;
}

@media only screen and (max-width: 980px) {
  #navigation {
    background: #e0e5ea;
    border: 0;
    height: 40px;
    position: static;
    padding-left: 10px;
    margin-left: -10px;
    z-index: 399;
  }

  #navigation .home-menu,
  #navigation .lang-menu,
  #navigation .open-menu {
    display: inline-block;
    float: left;
    height: 40px;
    overflow: hidden;
    color: #410099;
  }
  #navigation .home-menu:hover,
  #navigation .lang-menu:hover,
  #navigation .open-menu:hover {
    text-decoration: none;
  }
  #navigation .home-menu:visited,
  #navigation .lang-menu:visited,
  #navigation .open-menu:visited {
    color: #410099;
  }

  #navigation .open-menu {
    background: #e0e5ea;
    border-right: 1px solid #fff;
    padding-right: 15px;
  }

  #navigation .open-menu:before {
    content: '';
    position: relative;
    display: inline-block;
    height: 30px;
    width: 32px;
    padding-right: 15px;
    vertical-align: middle;
    background: url("/system/images/backgrounds/sprite.svg") 0 0 no-repeat;
    background-size: auto;
  }

  #navigation .lang-menu {
    position: absolute;
    background: #e0e5ea;
    display: inline-block;
    right: -10px;
    top: 0;
    padding: 0 10px 0 20px;
    width: auto;
    text-align: right;
    z-index: 401;
  }

  #navigation .lang-menu.disabled {
    color: #999;
    pointer-events: none;
  }

  #navigation .home-menu {
    height: 0;
    width: 20px;
    padding: 40px 0 0 25px;
    overflow: hidden;
    position: relative;
    margin-left: 10px;
  }

  #navigation .home-menu:before {
    background: url("/system/images/backgrounds/sprite.svg") -38px -1px no-repeat;
    content: '';
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 45px;
    height: 25px;
  }

  #navigation > ul {
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    background: #211261;
    bottom: 0;
    box-sizing: content-box;
    color: #fff;
    display: block;
    min-width: auto;
    min-width: initial;
    overflow-y: auto;
    position: absolute;
    top: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
    left: -10px;
    width: 250px;
    z-index: 1001;
    display: none;
    padding-top: 30px;
  }

  .csstransforms3d #navigation > ul {
    display: block;
  }

  #navigation li,
  #navigation li a {
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    float: none;
    background: none;
    display: block;
    text-align: left;
    border: 0;
  }

  #navigation li {
    padding-left: 10px;
  }

  #navigation li ul li a,
  #navigation li:hover ul li a,
  #navigation li a {
    padding: 10px 0 10px 10px;
    margin-left: -10px;
    display: block;
    box-sizing: border-box;
    float: left;
    width: 80%;
    text-decoration: none;
    color: #fff;
  }

  #navigation li:hover .show-subitems-handle,
  #navigation li .show-subitems-handle {
    display: block;
    text-align: center;
    width: 20%;
    float: right;
  }

  #navigation li ul {
    display: none;
    position: static;
    width: auto;
    clear: both;
    margin-left: -10px;
    padding-left: 10px;
  }

  #navigation li:hover ul {
    display: none;
  }

  #navigation li:after {
    content: ' ';
    display: table;
    clear: both;
  }

  #navigation li.show-subitems ul {
    display: block;
  }

  #navigation li.show-subitems .nested-navigation + ul {
    display: none;
  }

  #navigation li a,
  #navigation li ul li a {
    padding: 10px 0 10px 10px;
    margin-left: -10px;
    border: 0;
  }

  #navigation li.active a,
  #navigation li:hover a,
  #navigation li.hover a,
  #navigation li a:hover,
  #navigation li ul,
  #navigation li ul li,
  #navigation li ul li a:hover {
    background: none;
  }

  #navigation li.open.show-subitems ul > li a,
  #navigation li.open.show-subitems ul li.open.show-subitems > div a, #navigation li.open.show-subitems ul > li.open.show-subitems ul {
    background: url("/system/images/navigation/subnavigation_mobile.png") 0 -1px no-repeat;
  }
  #navigation li.open.show-subitems ul > li.open.show-subitems ul {
    background-position: -330px -1px;
  }
  #navigation li.open.show-subitems ul > li.open.show-subitems ul li:first-child a {
    background-position: -630px 18px;
  }
  #navigation li.open.show-subitems ul li.open > div a,
  #navigation li.open.show-subitems ul li.last a {
    background-position: -914px -1px;
  }
  #navigation li.open.show-subitems ul > li.open > div a.show-subitems-handle, #navigation li.open.show-subitems ul > li.nopath a, #navigation li.open.show-subitems ul > li a.show-subitems-handle {
    background: none;
  }

  #navigation li.nopath a {
    background: none;
  }

  #navigation .with-deeper-navigation > ul {
    display: none;
  }

  #navigation .with-deeper-navigation.show-subitems .nested-navigation,
  #navigation .with-deeper-navigation.show-subitems > .nested-navigation {
    display: block;
  }

  #navigation .with-deeper-navigation.show-subitems .nested-navigation ul {
    display: none;
  }

  #navigation .with-deeper-navigation.show-subitems .nested-navigation .show-subitems > ul {
    display: block;
  }

  #navigation ul > li.active.with-deeper-navigation.overwrite-active,
  #navigation ul > li.active.with-deeper-navigation.show-subitems.overwrite-active {
    background: none;
  }

  #page.js-move-right {
    -webkit-transform: translate3d(250px, 0, 0);
            transform: translate3d(250px, 0, 0);
  }

  .no-csstransforms3d #page.js-move-right {
    left: 250px;
    -webkit-transform: none;
            transform: none;
  }
  .no-csstransforms3d #page.js-move-right #navigation {
    z-index: 800;
  }
  .no-csstransforms3d #page.js-move-right #search {
    z-index: 801;
  }
  .no-csstransforms3d #navigation > ul {
    display: none;
  }
  .no-csstransforms3d #page.js-move-right #navigation > ul {
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
    bottom: 0;
    height: auto;
    min-width: auto;
    overflow: visible;
    z-index: 800;
  }
  .no-csstransforms3d #navigation ul > li.active:first-child,
  .no-csstransforms3d #navigation li.active {
    margin-left: 0;
    padding-left: 10px;
  }
  .no-csstransforms3d #navigation li ul {
    margin-left: 0;
    padding-left: 10px;
  }
  .no-csstransforms3d #navigation li.active ul {
    margin-left: -20px;
    padding-left: 30px;
  }

  .no-csstransforms3d.no-flexboxlegacy #page.js-move-right {
    left: 0;
  }
  .no-csstransforms3d.no-flexboxlegacy #page.js-move-right #navigation > ul {
    top: 40px;
    bottom: auto;
  }

  #page {
    position: relative;
    -webkit-transition: -webkit-transform 500ms ease;
    transition: -webkit-transform 500ms ease;
    transition: transform 500ms ease;
    transition: transform 500ms ease, -webkit-transform 500ms ease;
    z-index: 5;
  }
}
@media only screen and (max-width: 700px) {
  #navigation {
    margin-bottom: 40px;
  }

  #navigation .open-menu {
    width: auto;
    float: none;
    margin-right: 100px;
    border-right: 0;
  }

  #navigation .home-menu {
    padding: 0;
    height: 40px;
    width: 45px;
    position: absolute;
    right: 55px;
    top: 0;
    text-align: center;
    border-left: 1px solid #fff;
  }

  #navigation .lang-menu {
    height: 40px;
    width: auto;
    text-align: center;
    border-left: 1px solid #fff;
    padding-left: 15px;
  }

  #navigation .home-menu:before {
    display: inline-block;
    position: static;
    height: 30px;
    width: 45px;
    vertical-align: middle;
    background-position: -38px 0;
  }

  .no-flexbox.no-flexboxlegacy .with-title#header ~ #navigation,
  .no-flexbox.no-flexboxlegacy #navigation {
    left: 0;
    width: 320px;
  }
  .no-flexbox.no-flexboxlegacy #page.js-move-right #navigation > ul {
    top: 80px;
  }
}
#subnavigation {
  padding: 0 0 0 10px;
  /* Level 2 */
  /* All lower levels below 2 */
  /* Level 2 only */
  /* The first element, but also the only element if it's open */
  /* If it's the only child, don't show hark */
  /* Level 3 */
}
#subnavigation li.active > div > a,
#subnavigation li li.active > div > a {
  background-color: #e0e5ea;
}
#subnavigation li.active li a {
  font-weight: normal;
}
#subnavigation li a {
  display: block;
  color: #353535;
}
#subnavigation li.referral a {
  position: relative;
  padding-right: 40px;
}
#subnavigation li.referral .referral-logo {
  position: absolute;
  right: 4px;
  top: 2px;
  max-width: 40px;
}
#subnavigation li a:hover {
  text-decoration: none;
  background-color: #e0e5ea;
}
#subnavigation li li.open div {
  margin-left: -10px;
  padding-left: 10px;
}
#subnavigation li li.open ul {
  margin-left: -10px;
  padding-left: 10px;
  background: url(/system/images/navigation/subnavigation.png) -911px -3px no-repeat;
}
#subnavigation li li.open ul li:first-child {
  background: url(/system/images/navigation/subnavigation.png) -600px 11px no-repeat;
}
#subnavigation li.last {
  background: url(/system/images/navigation/subnavigation.png) -300px -3px no-repeat;
}
#subnavigation li.nopath {
  background: #fff !important;
}
#subnavigation li li.open {
  background: none;
}
#subnavigation li li {
  padding-left: 10px;
  background: url(/system/images/navigation/subnavigation.png) 0px -3px no-repeat;
}
#subnavigation > li > ul > li.open.last:first-child, #subnavigation > li > ul > li.open.last, #subnavigation > li > ul > li.open {
  background: url(/system/images/navigation/subnavigation.png) -300px -3px no-repeat;
}
#subnavigation > li > ul li.open.active > div, #subnavigation > li > ul li.open > div, #subnavigation > li > ul > li.open > div {
  background: url(/system/images/navigation/subnavigation.png) 0 -3px no-repeat;
}
#subnavigation > li > ul > li.last:first-child {
  background: none;
}
#subnavigation li ul li ul li {
  margin-left: 0px;
}

.navcolumn #subnavigation {
  margin-bottom: 20px;
}

/* =========== */
/* = Columns = */
/* =========== */
/* Kolommen gebaseerd op: http://www.alistapart.com/articles/holygrail */
#navcolumn {
  position: relative;
  float: left;
  width: 260px;
  margin-left: -100%;
  right: 280px;
}

#contentcolumn {
  float: left;
  width: 100%;
  margin-right: 0;
  /* Leaves room for the to-top button */
  padding-bottom: 16px;
}

#rightcolumn {
  float: left;
  margin-right: -200px;
  width: 180px;
  margin-left: 20px;
}

/* Home */
body#home #contentcolumn {
  padding-bottom: 0;
  border-bottom: 0 none;
}

/* Iframe */
#content.layout-iframe {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 10px;
  min-height: 0;
}

/* Full */
#content.layout-full {
  padding-left: 10px;
  padding-right: 10px;
}

#content.layout-full .text-wrap {
  max-width: 760px;
}

/* Wide-content */
#content.layout-wide-content #contentcolumn {
  margin-right: 0;
}

#content.layout-wide-content {
  padding-right: 10px;
}

/* Related */
#content.layout-related {
  padding-left: 10px;
  padding-right: 210px;
}

#content.layout-related #contentcolumn {
  width: 500px;
  margin-right: 0;
}

#content.layout-related #contentcolumn .colspan {
  margin-right: -240px;
}

#content.layout-related #relatedcolumn {
  float: left;
  width: 220px;
  position: relative;
  margin-left: 20px;
  margin-right: 0;
}

#content.layout-related #rightcolumn {
  float: right;
  width: 180px;
  position: relative;
}

@media only screen and (max-width: 980px) {
  #content > form,
  #content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    padding: 20px 10px;
  }

  #content > form {
    padding: 0;
  }

  #contentcolumn {
    float: none;
    width: auto;
    margin: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    min-width: 0;
  }

  #content.layout-related #contentcolumn {
    width: auto;
    padding-bottom: 0;
  }

  #content.layout-related #rightcolumn,
  #rightcolumn {
    float: none;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 180px;
            flex: 0 0 180px;
    margin: 0 0 0 20px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    position: static;
  }

  #navcolumn,
  #navcolumn.js-hide-subnavigation {
    display: none;
  }

  #content.layout-related #relatedcolumn,
  #navcolumn.js-show-for-other-content {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 200px;
            flex: 0 0 200px;
    margin: 0 0 0 20px;
    padding-left: 0;
    right: 0;
    float: none;
    width: 200px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  #content.layout-related {
    padding-left: 15px;
    padding-right: 15px;
  }

  #content.layout-related #contentcolumn .colspan {
    margin-right: 0;
  }

  #content.layout-full .sharing {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  .no-flexbox.no-flexboxlegacy #content.layout-related #contentcolumn,
  .no-flexbox.no-flexboxlegacy #contentcolumn {
    width: 460px;
    float: left;
  }
  .no-flexbox.no-flexboxlegacy #content.layout-related #relatedcolumn,
  .no-flexbox.no-flexboxlegacy #navcolumn.js-show-for-other-content,
  .no-flexbox.no-flexboxlegacy #content.layout-related #rightcolumn,
  .no-flexbox.no-flexboxlegacy #rightcolumn {
    float: right;
    width: 180px;
    padding-left: 10px;
  }
  .no-flexbox.no-flexboxlegacy #navcolumn.js-show-for-other-content + #rightcolumn {
    clear: right;
  }
}
@media only screen and (max-width: 890px) {
  .flexbox #navcolumn.js-show-for-other-content + #rightcolumn {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    margin: 0;
  }
}
@media only screen and (max-width: 700px) {
  #content > form,
  #content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

  #content > form,
  #content,
  #content.layout-related {
    padding-left: 0;
    padding-right: 0;
  }

  #contentcolumn {
    -webkit-box-flex: 1;
        -ms-flex: 1 auto;
            flex: 1 auto;
  }

  #content.layout-related #contentcolumn,
  .flexbox #navcolumn.js-show-for-other-content + #rightcolumn,
  #content.layout-related #relatedcolumn,
  #navcolumn.js-show-for-other-content,
  #content.layout-related #rightcolumn,
  #rightcolumn {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    margin: 20px 0 0;
    width: auto;
  }

  #content.layout-related #contentcolumn {
    margin-top: 0;
    border-bottom: 1px solid #58768b;
  }

  .no-flexbox.no-flexboxlegacy #content.layout-related #contentcolumn,
  .no-flexbox.no-flexboxlegacy #content.layout-related #relatedcolumn,
  .no-flexbox.no-flexboxlegacy #navcolumn.js-show-for-other-content,
  .no-flexbox.no-flexboxlegacy #content.layout-related #rightcolumn,
  .no-flexbox.no-flexboxlegacy #rightcolumn,
  .no-flexbox.no-flexboxlegacy #contentcolumn {
    width: auto;
    float: none;
    padding-left: 0;
  }
}
/* ================== */
/* = Default button = */
/* ================== */
a.button--add:before,
button.button--add:before {
  content: '+';
  display: inline-block;
  margin-right: 10px;
}

button.enter,
button.button {
  font-family: verdana, helvetica, arial, sans-serif;
}

a.button:hover,
a.button:visited,
a.button:link {
  text-decoration: none;
  color: #fff;
}

a.button--inactive:hover,
a.button--inactive:visited,
a.button--inactive:link,
a.button--inactive,
button.button--inactive {
  border: 1px solid #58768b;
  background-color: #fff;
  color: #353535;
  box-sizing: border-box;
  padding-top: 4px;
  padding-bottom: 4px;
}

.button--invalid {
  opacity: 0.4;
}

.button--disabled {
  opacity: 0.4;
  pointer-events: none;
}

.button.button--right {
  float: right;
}

a.button--twitter {
  background: #1b95e0;
  font: 11px/18px 'Helvetica Neue', Arial, sans-serif;
  font-weight: 500;
  padding: 0 8px 1px 26px;
  border-radius: 3px;
  margin: 0;
}
a.button--twitter:before {
  background-position: -4px -101px;
  content: '';
  display: inline-block;
  vertical-align: baseline;
  height: 14px;
  margin-right: 2px;
  margin-left: -20px;
  width: 14px;
}

/* ======================= */
/* = Rightcolumn actions = */
/* ======================= */
#rightcolumn .button {
  margin: 0;
  text-align: center;
  display: block;
}

#rightcolumn .button--twitter {
  text-align: left;
  display: inline-block;
}

#readspeaker a.readspeak-button {
  text-decoration: none;
  color: #fff;
  display: block;
  background: #211261;
  padding: 4px 10px 6px 30px;
  position: relative;
  width: 140px;
  text-overflow: ellipsis;
}

#readspeaker a.readspeak-button:before {
  content: '';
  background-position: -190px -44px;
  height: 16px;
  width: 16px;
  position: absolute;
  top: 8px;
  left: 7px;
}

#rightcolumn .action {
  margin: 10px 0;
}

.action.inactive .body {
  display: none;
}

.action .body {
  border: 1px solid #cfd0d4;
  padding: 4px;
}
.action .body ul.links {
  margin: 0;
}

.action__text {
  margin-bottom: 10px;
  line-height: 1.35;
}

.action__footer {
  margin-top: 10px;
  border-top: 1px solid #58768b;
}

.action__logo {
  width: 100%;
  max-width: 180px;
  box-sizing: border-box;
  margin-bottom: 10px;
}

.action--sign-in {
  padding: 10px;
  background-color: #f0f2f5;
}
.action--sign-in h2 {
  margin-top: 0;
}
.action--sign-in .action__level {
  width: auto;
  height: 25px;
  margin: 10px 0;
}
#rightcolumn .action--sign-in .links,
.action--sign-in .links {
  margin-bottom: 0;
}

@media only screen and (max-width: 700px) {
  #rightcolumn .button.download,
  #rightcolumn .button.send-to-print,
  .button.download,
  .button.send-to-print {
    display: none;
  }
}
.sharing {
  overflow: hidden;
}
.sharing a {
  display: block;
  float: left;
  height: 0;
  margin-left: 2px;
}
.sharing a:first-child {
  margin-left: 0px;
}
@media only screen and (max-width: 700px) {
  .sharing a {
    margin-right: 10px;
  }
}
.sharing p {
  margin-bottom: 5px;
}

body#home .sharing {
  position: absolute;
  bottom: 0;
  right: 10px;
  left: 10px;
  padding: 10px;
  background-color: #f4f4f4;
  margin: 0;
}
@media only screen and (max-width: 980px) {
  body#home .sharing {
    right: 10px;
    left: 10px;
  }
}

#rightcolumn .sharing,
.rightcolumn .sharing {
  padding: 5px 8px 8px;
  background-color: #f4f4f4;
  margin-bottom: 12px;
}

.layout-full .sharing {
  padding: 8px;
  background-color: #f4f4f4;
  width: 100%;
}
.layout-full .sharing p {
  font-family: verdana, helvetica, arial, sans-serif;
  float: left;
  margin: 0 5px 0 0;
}
.layout-full .sharing a {
  display: inline-block;
  margin-left: 5px;
}

.follow {
  overflow: hidden;
}
.follow a {
  display: block;
  float: left;
  height: 0;
  margin-left: 2px;
}
.follow a:first-child {
  margin-left: 0px;
}
@media only screen and (max-width: 700px) {
  .follow a {
    margin-right: 10px;
  }
}
.follow p {
  margin-bottom: 5px;
}

#rightcolumn .follow,
.rightcolumn .follow {
  padding: 5px 8px 8px;
  background-color: #f4f4f4;
  margin-bottom: 12px;
}

dl.meta a.more {
  line-height: 1.75;
  color: #353535;
  background: none;
  position: relative;
}
dl.meta a.more::before {
  content: '>';
  position: absolute;
  left: 0;
  border: 0;
  margin: 0;
}

h2 + .meta-block dl.meta {
  margin-top: 0;
}

dl.meta dt {
  width: 8.5em;
  float: left;
  margin-right: 0.5em;
}

dl.meta dt {
  width: 10em;
  float: left;
  margin-right: 0.5em;
}

dl.meta a.more {
  padding-left: 12px;
}

.meta-block.with-two-cols {
  margin-left: -2%;
  margin-bottom: 20px;
}

.meta-block.with-two-cols .meta {
  margin-bottom: 0;
}

.meta-block.with-two-cols:after {
  content: '';
  display: block;
  width: 100%;
  clear: both;
}

.meta-block.with-two-cols .meta {
  width: 35%;
  margin-left: 4%;
  float: left;
}

.meta-block.with-two-cols .meta:first-child {
  width: 59%;
  margin-left: 2%;
}

.meta-block.with-two-cols .meta dt {
  width: 6em;
}

.meta-block.with-two-cols .meta:first-child dt {
  width: 8.5em;
}

.meta-block.with-two-cols .meta dd {
  overflow: hidden;
}

/* Full width col in with-two-cols block */
.meta-block.with-two-cols .meta-col-full-width.meta {
  clear: left;
  display: block;
  float: none;
  width: auto;
  margin-left: 2%;
}

.meta-block.with-two-cols .meta-col-full-width.meta dt {
  width: 8.5em;
}

@media only screen and (max-width: 700px) {
  .meta-block.with-two-cols .meta-col-full-width.meta,
  .meta-block.with-two-cols {
    margin-left: 0;
  }

  .meta-block.with-two-cols .meta:first-child,
  .meta-block.with-two-cols .meta {
    width: auto;
    float: none;
    margin-left: 0;
  }

  .meta-block.with-two-cols .meta + .meta {
    clear: both;
  }

  .meta-block.with-two-cols .meta dt {
    width: 8.5em;
  }
}
/* ============== */
/* = Extra data = */
/* ============== */
table.extra,
dl.extra {
  color: #5a657f;
  margin-bottom: 16px;
}

.extra th {
  padding-right: 8px;
}

/* ================== */
/* = Content footer = */
/* ================== */
#content .footer {
  color: #353535;
  display: block;
  margin: 30px 0 0;
}

#content div.footer {
  padding-top: 4px;
  margin-bottom: 10px;
  border-top: 1px solid #e0e5ea;
}

#content .footer + .footer {
  margin-top: 5px;
}

#content a.footer {
  color: #410099;
  text-decoration: underline;
}

.teaser {
  background: #f0f2f5;
  color: #353535;
  margin-bottom: 20px;
  padding: 10px;
  /* Undo autoclearing */
  /* Colspan variant  | DNBulletin start */
}
.teaser h2 {
  margin: 0;
}
.teaser > .wrapper {
  margin: 0 -10px;
  padding: 5px 10px 0;
}
.teaser > .wrapper h2 {
  padding: 0;
  margin: 0;
  background: 0 none;
}
.teaser .text {
  clear: none;
  margin-bottom: -20px;
  /* Compensate for paragraph bottom margin */
}
.teaser .wrapper h2,
.teaser .wrapper .text,
.teaser .wrapper > a.more,
.teaser .wrapper > dl {
  width: 100%;
  float: right;
}
.teaser .wrapper a.more {
  margin-top: 20px;
}
.teaser .wrapper {
  padding: 0 0 0 10px;
  position: relative;
}
.teaser .wrapper > .meta {
  margin: 5px 0;
}
.teaser .wrapper .text p {
  margin: 0;
}
.teaser dl.meta dt {
  width: auto;
  float: none;
  display: inline;
  margin-right: 0;
}
.teaser dl.meta dd {
  color: #000;
  float: none;
  display: inline;
  padding-right: 2em;
}
.teaser dl.meta {
  font-size: 1.1em;
  margin: 0;
  margin-bottom: 6px;
}
.teaser dl.meta:after {
  clear: none;
}
.teaser.with-visual {
  padding: 0;
  margin: 0;
  background: #fff;
}
.teaser.with-visual .wrapper {
  margin: 0 0 30px 0;
  padding: 0 0 0 37.83784%;
}
.teaser.with-visual .wrapper > .visual {
  float: left;
  width: 54.16667%;
  margin: 0 0 0 -60.86957%;
}
.teaser .text {
  margin-bottom: 20px;
}
.teaser .text:last-child,
.teaser .links:last-child,
.teaser .link-list:last-child {
  margin-bottom: 0;
}
.teaser p:last-of-type {
  margin-bottom: 0;
}

.teaser__row {
  margin: 0 0 20px;
}

.teaser__column {
  float: left;
  clear: none;
  box-sizing: border-box;
}
.teaser__column:first-child {
  width: 51.4%;
}
.teaser__column:last-child {
  width: 48.6%;
  padding: 0 0 0 20px;
}
.teaser__column:only-child {
  width: 100%;
  display: block;
  float: none;
  margin: 0 0 20px;
  padding: 0;
}

.teaser--highlighted {
  padding: 20px;
}

.teaser--transparant {
  margin-top: 20px;
  background-color: transparent;
  padding: 0;
}
.teaser--transparant h2 {
  margin-bottom: 10px;
}

@media only screen and (max-width: 520px) {
  .layout-related #contentcolumn .colspan .teaser.with-visual > .wrapper {
    padding-left: 0;
    margin-left: 0;
  }

  .layout-related #contentcolumn .colspan .teaser.with-visual .visual {
    float: none;
    margin: 5px 0;
    width: auto;
  }
}
@media only screen and (max-width: 980px) {
  .teaser__column:first-child,
  .teaser__column:last-child {
    width: 50%;
  }

  .teaser__column:only-child {
    width: 100%;
  }
}
@media only screen and (max-width: 700px) {
  .teaser__column:first-child,
  .teaser__column:last-child {
    width: 100%;
    display: block;
    float: none;
    margin: 0 0 20px;
    padding: 0;
  }

  .teaser__column:last-child {
    padding: 0;
    margin: 0;
  }
}
.timeline {
  width: 100%;
}

.timeline #contentcolumn {
  margin-left: 221px;
  float: none;
  width: auto;
  margin-right: 0;
  padding-bottom: 0;
}

.timeline h1 {
  font-size: 45px;
  color: #fff;
  background: #211261;
  text-align: center;
  width: 300px;
  margin: 0 auto;
  padding-top: 30px;
}

.timeline h2 {
  font-size: 65px;
  text-align: center;
  margin-bottom: 20px;
}

.timeline h3 {
  display: block;
  text-align: center;
  color: #fff;
  background: #9B9000;
  position: relative;
  padding: 10px;
  width: 99px;
  margin: -17px auto;
}

.timeline h4 {
  color: #211261;
  font-weight: normal;
  position: relative;
  text-align: right;
}

.timeline h4:after {
  content: '';
  position: relative;
  display: block;
  float: right;
  margin-left: 5px;
  top: 11px;
  width: 5px;
  height: 2px;
  color: #fff;
  background-clip: padding-box;
  background: #211261;
}

.timeline a.close,
.timeline .content {
  display: none;
}

.timeline ul.entries-list {
  list-style: none;
  position: relative;
  margin-top: 10px;
  width: 200%;
}

/* Quarter */
.timeline .stage {
  margin: 35px 0 30px -1px;
  width: 50%;
  border-right: 2px solid #211261;
  overflow: visible;
}

/* Timeline item */
.timeline .entries-list li.timelineitem {
  width: 50%;
  position: absolute;
  float: none;
  clear: none;
  padding: 0 20px;
  box-sizing: border-box;
}

.timeline ul.entries-list li.absolute-left {
  left: 0;
}

.timeline .timelineitem .header {
  font-family: "Fedra Sans Book", sans-serif;
  padding: 10px;
  cursor: pointer;
}

.timeline h5 {
  font-family: verdana, helvetica, arial, sans-serif;
}

.timeline ul.entries-list div.article {
  background: #e0e5ea;
  position: relative;
}

.timeline ul.entries-list div.article:after {
  width: 0;
  height: 0;
  vertical-align: middle;
  border-left: 8px solid #e0e5ea;
  border-right: 8px solid transparent;
  border-bottom: 7px solid transparent;
  border-top: 7px solid transparent;
  pointer-events: none;
  content: '';
  position: absolute;
  left: 100%;
  top: 18px;
}

.timeline ul.entries-list .absolute-right div.article:after {
  width: 0;
  height: 0;
  vertical-align: middle;
  border-left: 8px solid transparent;
  border-right: 8px solid #e0e5ea;
  border-bottom: 7px solid transparent;
  border-top: 7px solid transparent;
  right: 100%;
  left: auto;
}

.timeline ul.entries-list li.timelineitem:after {
  width: 4px;
  height: 4px;
  border-radius: 4px;
  pointer-events: none;
  content: '';
  position: absolute;
  top: 27px;
  right: 69px;
  margin-top: -6px;
  border: 2px solid transparent;
  text-align: center;
  color: #fff;
  z-index: 10;
  background-clip: padding-box;
  background: #211261;
}

.timeline ul.entries-list li.absolute-left:after {
  right: -5px;
  content: '';
}

.timeline ul.entries-list li.absolute-right {
  right: 0;
}
.timeline ul.entries-list li.absolute-right header {
  padding-left: 27px;
}
.timeline ul.entries-list li.absolute-right:after {
  left: -3px;
}

/* Timeline theme colors */
.timeline .quarter--one h3 {
  background: #554800;
}
.timeline .quarter--one .timelineitem.open:after,
.timeline .quarter--one .timelineitem.open .header {
  background: #554800;
}
.timeline .quarter--one .timelineitem.open:after {
  border: 2px solid #554800;
}
.timeline .quarter--one .timelineitem:hover div.article,
.timeline .quarter--one .timelineitem.open div.article {
  background: #554800;
}
.timeline .quarter--one .timelineitem:hover div.article:after,
.timeline .quarter--one .timelineitem.open div.article:after {
  border-left-color: #554800;
}
.timeline .quarter--one .absolute-right.open div.article:after,
.timeline .quarter--one .absolute-right:hover div.article:after {
  border-right-color: #554800;
  border-left-color: transparent;
}
.timeline .quarter--one .timelineitem:hover:after {
  background: #554800;
}
@media only screen and (max-width: 700px) {
  .timeline .quarter--one .timelineitem.open .article:after,
  .timeline .quarter--one .timelineitem:hover .article:after {
    border-right-color: #554800;
    border-left-color: transparent;
  }
}

.timeline .quarter--two h3 {
  background: #594746;
}
.timeline .quarter--two .timelineitem.open:after,
.timeline .quarter--two .timelineitem.open .header {
  background: #594746;
}
.timeline .quarter--two .timelineitem.open:after {
  border: 2px solid #594746;
}
.timeline .quarter--two .timelineitem:hover div.article,
.timeline .quarter--two .timelineitem.open div.article {
  background: #594746;
}
.timeline .quarter--two .timelineitem:hover div.article:after,
.timeline .quarter--two .timelineitem.open div.article:after {
  border-left-color: #594746;
}
.timeline .quarter--two .absolute-right.open div.article:after,
.timeline .quarter--two .absolute-right:hover div.article:after {
  border-right-color: #594746;
  border-left-color: transparent;
}
.timeline .quarter--two .timelineitem:hover:after {
  background: #594746;
}
@media only screen and (max-width: 700px) {
  .timeline .quarter--two .timelineitem.open .article:after,
  .timeline .quarter--two .timelineitem:hover .article:after {
    border-right-color: #594746;
    border-left-color: transparent;
  }
}

.timeline .quarter--three h3 {
  background: #B8450E;
}
.timeline .quarter--three .timelineitem.open:after,
.timeline .quarter--three .timelineitem.open .header {
  background: #B8450E;
}
.timeline .quarter--three .timelineitem.open:after {
  border: 2px solid #B8450E;
}
.timeline .quarter--three .timelineitem:hover div.article,
.timeline .quarter--three .timelineitem.open div.article {
  background: #B8450E;
}
.timeline .quarter--three .timelineitem:hover div.article:after,
.timeline .quarter--three .timelineitem.open div.article:after {
  border-left-color: #B8450E;
}
.timeline .quarter--three .absolute-right.open div.article:after,
.timeline .quarter--three .absolute-right:hover div.article:after {
  border-right-color: #B8450E;
  border-left-color: transparent;
}
.timeline .quarter--three .timelineitem:hover:after {
  background: #B8450E;
}
@media only screen and (max-width: 700px) {
  .timeline .quarter--three .timelineitem.open .article:after,
  .timeline .quarter--three .timelineitem:hover .article:after {
    border-right-color: #B8450E;
    border-left-color: transparent;
  }
}

.timeline .quarter--four h3 {
  background: #9B9000;
}
.timeline .quarter--four .timelineitem.open:after,
.timeline .quarter--four .timelineitem.open .header {
  background: #9B9000;
}
.timeline .quarter--four .timelineitem.open:after {
  border: 2px solid #9B9000;
}
.timeline .quarter--four .timelineitem:hover div.article,
.timeline .quarter--four .timelineitem.open div.article {
  background: #9B9000;
}
.timeline .quarter--four .timelineitem:hover div.article:after,
.timeline .quarter--four .timelineitem.open div.article:after {
  border-left-color: #9B9000;
}
.timeline .quarter--four .absolute-right.open div.article:after,
.timeline .quarter--four .absolute-right:hover div.article:after {
  border-right-color: #9B9000;
  border-left-color: transparent;
}
.timeline .quarter--four .timelineitem:hover:after {
  background: #9B9000;
}
@media only screen and (max-width: 700px) {
  .timeline .quarter--four .timelineitem.open .article:after,
  .timeline .quarter--four .timelineitem:hover .article:after {
    border-right-color: #9B9000;
    border-left-color: transparent;
  }
}

/* Default gray */
.timeline ul.entries-list li.open div.article {
  background: #9B9000;
}

.timeline ul.entries-list li.open:after,
.timeline .open .header {
  background: #9B9000;
}

.timeline ul.entries-list li:hover div.article {
  color: #fff;
  background: #9B9000;
}

.timeline ul.entries-list li:hover h5,
.timeline ul.entries-list li:hover div.article h5 {
  color: #fff;
}

.timeline ul.entries-list li:hover {
  color: #fff;
}
.timeline ul.entries-list li:hover:after {
  top: 23px;
  width: 11px;
  height: 11px;
  border-radius: 11px;
}

.timeline ul.entries-list li.open.timelineitem:after {
  top: 23px;
  width: 11px;
  height: 11px;
  border-radius: 11px;
}

.timeline ul.entries-list li.absolute-left:hover:after,
.timeline ul.entries-list li.open.absolute-left:after {
  right: -8px;
}

.timeline ul.entries-list li.absolute-right:hover:after,
.timeline ul.entries-list li.open.absolute-right:after {
  left: -6px;
}

.timeline li.open {
  z-index: 100;
}

.timeline .open,
.timeline .open h5 {
  color: #fff;
}

.timeline .open .content {
  color: #fff;
  display: block;
  position: relative;
}

.timeline div.content {
  margin: 0 10px 10px;
  padding-bottom: 1px;
  /* prevent margin collapse*/
  border-radius: 0 0 10px 10px;
  border-top: 1px solid #fff;
  padding-top: 6px;
  /* making up for some line-height*/
}

.timeline .content p {
  margin-bottom: 8px;
}

.timeline .content a {
  color: #fff;
}

.timeline img.content {
  max-width: 100%;
  margin-bottom: 10px;
}

.timeline .open span.close {
  background-position: -89px -43px;
  display: block;
  float: right;
  margin-left: 10px;
  width: 16px;
  height: 16px;
  color: #fff;
  z-index: 10;
}

.timeline .links a:hover:before,
.timeline .links a:visited:before,
.timeline .links a:before {
  width: 0;
  height: 0;
  vertical-align: middle;
  border-left: 5px solid #fff;
  border-right: 5px solid transparent;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
}

.timeline .leftcolumn ul li {
  line-height: 1.556;
  color: #410099;
}

.timeline .leftcolumn {
  width: 200px;
  float: left;
  padding: 0 0 30px 10px;
}

.timeline .leftcolumn.sticky.fixed {
  position: fixed;
  top: 20px;
}

.timeline .leftcolumn.sticky.bottom {
  position: absolute;
  bottom: 0;
}

.timeline .leftcolumn ul li {
  padding: 10px 0;
}

.timeline .leftcolumn ul li a {
  color: #410099;
  text-decoration: none;
}

.timeline .leftcolumn ul li a:hover {
  text-decoration: none;
}

.timeline .leftcolumn ul.submenu li {
  border: 0;
  padding: 0;
}

.timeline .leftcolumn ul.submenu li a {
  font-weight: normal;
  color: #353535;
}

.timeline .leftcolumn ul.submenu li.active a {
  font-weight: bold;
  color: #410099;
}

.timeline .leftcolumn ul.submenu li a:hover {
  color: #039;
  font-weight: bold;
}

.timeline .leftcolumn ul li.active ul {
  display: block;
}

.timeline .leftcolumn div.actions {
  margin-bottom: 10px;
}

.timeline .leftcolumn .actions .button {
  color: #fff;
  position: relative;
}

@media only screen and (max-width: 980px) {
  .timeline .rightcolumn {
    position: static;
    margin: 20px 20px 20px 221px;
  }

  .timeline #readspeaker {
    float: left;
  }

  .timeline .sharing {
    float: right;
  }
}
@media only screen and (max-width: 700px) {
  .timeline .rightcolumn {
    margin-left: 0;
  }

  .timeline .leftcolumn {
    float: none;
    width: auto;
  }

  .timeline .leftcolumn ul li.active ul,
  .timeline .leftcolumn ul li ul {
    display: none;
  }

  .timeline #contentcolumn {
    margin-left: 0;
  }

  .timeline h2 {
    margin-bottom: 10px;
  }

  .timeline h3 {
    display: inline-block;
    margin: 10px 0 -17px;
    width: auto;
  }

  .timeline .quarter {
    padding-left: 10px;
  }

  .timeline .stage {
    width: auto;
    border-left: 2px solid #666f96;
    border-right: 0;
    margin: 20px 0 20px -1px;
  }

  .timeline h4 {
    width: auto;
    text-align: left;
    padding-left: 20px;
  }

  .timeline h4:after {
    content: none;
  }

  .timeline ul.entries-list {
    width: auto;
  }

  .timeline ul.entries-list li.timelineitem {
    position: relative;
    width: auto;
    margin-bottom: 10px;
  }

  .timeline ul.entries-list li.timelineitem .article:after {
    left: -16px;
    border-right-color: #e0e5ea;
    border-left-color: transparent;
  }

  .timeline ul.entries-list li.timelineitem:after {
    left: -5px;
  }
  .timeline ul.entries-list li.timelineitem.open:after, .timeline ul.entries-list li.timelineitem:hover:after {
    left: -8px;
  }

  .timeline .leftcolumn .actions {
    display: none;
  }

  /* overwriting fixed class */
  .timeline .leftcolumn.sticky.fixed {
    position: static;
  }

  .timeline ul.entries-list li.absolute-right:after {
    left: -70px;
  }
}
.tabs {
  border-bottom: 1px solid #58768b;
  box-sizing: border-box;
  margin-bottom: 10px;
}
.tabs li {
  border: 1px solid #e0e5ea;
  border-bottom: none;
  display: block;
  float: left;
  margin: 0 10px 0 0;
  position: relative;
  width: 138px;
}
.tabs.compact li {
  width: auto;
}
.tabs li a {
  display: block;
  margin-bottom: -1px;
  padding: 5px 10px;
  position: relative;
  width: auto;
  text-decoration: none;
  color: #353535;
}
.tabs li:hover {
  background: #f0f2f5;
}
.tabs li:hover a {
  text-decoration: none;
}
.tabs li.active {
  border: 1px solid #58768b;
  background-color: #fff;
  border-bottom: none;
}
.tabs li.active a {
  border: none;
  background-color: #fff;
  color: #151f6d;
}
.tabs li:first-child {
  padding-left: 0px;
}

.interactive-tabs .tabs {
  border: none;
  margin-bottom: 10px;
}
.interactive-tabs .tabs li,
.interactive-tabs .tabs li.active {
  padding: 5px 5px;
  margin: 0 2px 2px 0;
  border: 1px solid #e0e5ea;
}
.interactive-tabs .tabs a {
  padding: 0;
}
.interactive-tabs .tabs li.active,
.interactive-tabs .tabs li.active a {
  background: #58768b;
  color: #fff;
}
.interactive-tabs .tabbed {
  margin-top: 10px;
  border: none;
}

body div.filter.tabbed {
  color: #151f6d;
  padding: 5px 10px;
  border: 1px solid #58768b;
  border-top: 0 none;
  background: none;
  margin-top: -10px;
}

/* Interaction classes */
.interactive-tabs .tabbed {
  display: none;
}

.interactive-tabs .tabbed.active {
  display: block;
}

.interactive-tabs .tabs li.break {
  clear: left;
  /*tiny hack to start tabs on new line to avoid gap at bottom*/
}

#content .tabbed .faq > dd {
  margin-bottom: 0;
}

#content .tabbed .faq > dt {
  padding: 10px 8px 0;
}

#contentcolumn .interactive-tabs .tabbed .faq {
  margin-top: -10px;
}

#contentcolumn .interactive-tabs .tabbed .table {
  overflow: visible;
}

@media only screen and (max-width: 980px) {
  #contentcolumn .interactive-tabs .tabbed .table {
    overflow: scroll;
  }
}
@media only screen and (max-width: 550px) {
  .tabs {
    border-bottom: 0;
  }

  .tabs li {
    margin: 0 0 3px;
    border-bottom: 1px solid #e0e5ea;
  }

  .tabs li.active {
    border-bottom: 1px solid #58768b;
  }
  .tabs li.active a {
    background: none;
  }

  .tabs li,
  .tabs li a,
  .tabs.compact li,
  .tabs.compact li a {
    width: auto;
    margin-right: 0;
    float: none;
    display: block;
  }
}
form.filter,
div.filter,
dl.filter {
  background: #f0f2f5;
  padding: 10px 10px;
  margin: 10px 0 16px 0;
  position: relative;
  /* Pagination results */
  /* Kolommen in filter */
  /* Filter with heading */
}
form.filter fieldset.left,
div.filter fieldset.left,
dl.filter fieldset.left {
  margin-top: 5px;
}
form.filter .filter__field--small,
div.filter .filter__field--small,
dl.filter .filter__field--small {
  width: 55px;
}
form.filter .filter__field--medium,
div.filter .filter__field--medium,
dl.filter .filter__field--medium {
  width: 100px;
}
form.filter .filter__field--large,
div.filter .filter__field--large,
dl.filter .filter__field--large {
  width: 155px;
}
form.filter input.search,
div.filter input.search,
dl.filter input.search {
  display: block;
  margin-top: 4px;
  width: 100%;
  height: 23px;
  border: 1px solid #e0e5ea;
}
form.filter input.search.left,
div.filter input.search.left,
dl.filter input.search.left {
  width: 350px;
}
form.filter label.inline,
div.filter label.inline,
dl.filter label.inline {
  margin-right: 20px;
}
form.filter p.spaced,
div.filter p.spaced,
dl.filter p.spaced {
  padding-top: 5px;
}
form.filter p.spaced .enter.right,
div.filter p.spaced .enter.right,
dl.filter p.spaced .enter.right {
  margin-top: 0;
}
form.filter button.enter,
div.filter button.enter,
dl.filter button.enter {
  background-color: #211261;
  line-height: 1.1;
}
form.filter fieldset p,
div.filter fieldset p,
dl.filter fieldset p {
  margin-bottom: 5px;
}
form.filter fieldset p:last-child,
div.filter fieldset p:last-child,
dl.filter fieldset p:last-child {
  margin-bottom: 0;
}
form.filter fieldset p.last,
div.filter fieldset p.last,
dl.filter fieldset p.last {
  margin-bottom: 0;
}
form.filter .pagination-results,
div.filter .pagination-results,
dl.filter .pagination-results {
  color: #353535;
  margin-bottom: 15px;
}
form.filter ul.column li,
div.filter ul.column li,
dl.filter ul.column li {
  margin: 0;
  padding: 0 !important;
  background: none;
}
form.filter ul.column li a,
div.filter ul.column li a,
dl.filter ul.column li a {
  text-decoration: none;
}
form.filter ul.column,
div.filter ul.column,
dl.filter ul.column {
  width: 50%;
  padding-right: 10px;
  float: left;
  box-sizing: border-box;
}
form.filter ul.column .active,
div.filter ul.column .active,
dl.filter ul.column .active {
  font-weight: bold;
}
@media only screen and (max-width: 980px) {
  form.filter input.search,
  form.filter input.search.left,
  div.filter input.search,
  div.filter input.search.left,
  dl.filter input.search,
  dl.filter input.search.left {
    width: 100%;
  }
}
form.filter dt,
div.filter dt,
dl.filter dt {
  font-family: "Fedra Sans Medium", sans-serif;
  color: #211261;
}

/* ============== */
/* = Pagination = */
/* ============== */
.pagination {
  margin: 0 -10px 0;
  padding: 0 100px;
}
.pagination .current {
  font-weight: bold;
}
.pagination .pages {
  float: left;
}
.pagination .pages {
  width: 100%;
  text-align: center;
}
.pagination li {
  display: inline-block;
  margin: 0 5px;
  cursor: pointer;
}
.pagination .pages a,
.pagination .pages a:link {
  color: #353535;
  text-decoration: none;
}
.pagination .next,
.pagination .previous,
.pagination .next:link,
.pagination .previous:link {
  color: #410099;
  text-decoration: none;
  display: inline-block;
}
.pagination .next {
  padding-right: 10px;
  position: absolute;
  display: inline-block;
  right: 10px;
}
.pagination .next:after {
  width: 0;
  height: 0;
  vertical-align: middle;
  border-left: 5px solid #410099;
  border-right: 5px solid transparent;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
  content: "";
  margin: -2px -25px 0 5px;
  text-align: left;
  display: inline-block;
  padding-right: 10px;
}
.pagination .previous {
  float: left;
  margin-right: 0;
  margin-left: -90px;
  padding-left: 10px;
}
.pagination .previous:before {
  width: 0;
  height: 0;
  vertical-align: middle;
  border-left: 5px solid transparent;
  border-right: 5px solid #410099;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
  content: "";
  margin: -2px 5px 0 -25px;
  text-align: left;
  display: inline-block;
  padding-right: 10px;
}
.pagination .disabled {
  display: none;
}
.pagination.without-pagenumbers .next {
  float: right;
}
.pagination:after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (max-width: 980px) {
  .pagination .next,
  .pagination .previous {
    padding: 10px 12px;
    margin-bottom: -5px;
  }
  .pagination .pages {
    border-left: 1px solid #e0e5ea;
    border-right: 1px solid #e0e5ea;
  }
  .pagination .pages a {
    padding: 10px 8px;
    display: inline-block;
  }
  .pagination .pages .gap {
    padding: 10px 3px;
  }
}
.pagination .pagination-results + .pagination {
  border-top: 1px solid #cfd0d4;
  margin-top: 5px;
}
@media only screen and (max-width: 700px) {
  .pagination .pages a {
    display: none;
    margin: 0;
  }
  .pagination .pages a.current,
  .pagination .pages a:first-child,
  .pagination .pages a:last-child {
    display: inline-block;
  }
}
@media only screen and (max-width: 420px) {
  .pagination .pages .gap {
    display: inline-block;
  }
}

.stone {
  background: #211261;
  display: block;
  box-sizing: border-box;
  color: #fff;
  position: relative;
  text-align: center;
  overflow: hidden;
  padding-bottom: 1.1em;
}

.stone:hover .stone__body,
.stone:visited .stone__body {
  text-decoration: underline;
  color: #fff;
}

.stone__body {
  background: #211261;
  font-family: "Fedra Sans Book", sans-serif;
  line-height: 1.14;
  font-weight: normal;
  padding: 5px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: left;
}

.stone__image {
  max-width: 100%;
  height: auto;
  width: auto;
}

.navigation-stones {
  margin-right: -10px;
}

.navigation-stones .navigation-stones__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
}

#home .navigation-stones__list li {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 13.333%;
          flex: 1 0 13.333%;
}

.navigation-stones__list li {
  list-style: none;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 33.33%;
          flex: 1 0 33.33%;
  padding: 0 10px 10px 0;
  box-sizing: border-box;
  max-width: 33.33%;
}

.navigation-stones__list .stone {
  height: 100%;
}

@media only screen and (max-width: 800px) {
  #home .navigation-stones__list li,
  .navigation-stones__list li {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
}
.organogram {
  overflow: hidden;
}

.organogram--board {
  padding: 15px 20px;
  text-align: center;
  background-color: #211261;
  color: #fff;
  margin: 0 auto;
}
.organogram--board h3 {
  font-family: "Fedra Sans Book", sans-serif;
  color: #fff;
  font-weight: normal;
}

.organogram__member {
  display: inline-block;
  margin: 5px;
}

.organogram__link,
.organogram__link:link,
.organogram__link:visited {
  color: #fff;
  text-decoration: none;
}
.organogram__link span,
.organogram__link:link span,
.organogram__link:visited span {
  text-decoration: underline;
}

.organogram__meta,
.organogram__legend {
  box-sizing: border-box;
  display: block;
  padding: 0 20px;
}

.organogram__caption {
  margin: 0 -20px 16px;
}

.organogram__list {
  padding-top: 10px;
  position: relative;
  border-left: 2px solid #211261;
}
.organogram__list.organogram__list--sublist, .organogram__list.organogram__list--subsublist, .organogram__list.organogram__list--subsubsublist {
  margin-left: 9px;
}

.organogram__item {
  padding-left: 9px;
  margin-bottom: 10px;
  display: inline-block;
  float: left;
  clear: both;
  position: relative;
  z-index: 4;
}
.organogram__item span {
  background: #e0e5ea;
  padding: 17px 13px;
  display: block;
  position: relative;
  width: 240px;
  max-width: 100%;
  box-sizing: border-box;
}
.organogram__item span:before {
  box-sizing: border-box;
  content: '';
  position: absolute;
  display: block;
  top: 50%;
  left: -9px;
  width: 9px;
  height: 2px;
  background: #211261;
}

.organogram--lower {
  margin-top: -10px;
}

.organogram__item--children .organogram__slide {
  display: none;
}
.organogram__item--children.organogram__item--empty > .organogram__slide {
  display: block !important;
}

.organogram--lower .organogram__list--toplist:last-of-type,
.organogram__list:not(.organogram__list--toplist) .organogram__item--last {
  margin-bottom: 0;
}

.organogram__item--last:after {
  content: '';
  display: block;
  position: absolute;
  border-left: 2px solid #fff;
  top: 50%;
  left: -2px;
  height: 100%;
  padding-bottom: 8px;
  z-index: 2;
  margin-top: 2px;
}

.organogram__item--last > span:after,
.organogram__item--last > a > span:after {
  content: '';
  display: block;
  position: absolute;
  border-left: 2px solid #fff;
  top: 50%;
  margin-top: 2px;
  left: -11px;
  height: 300px;
  z-index: 3;
}

.organogram--upper > .organogram__list > .organogram__item--last:after, .organogram--upper > .organogram__list > .organogram__item--last > span:after, .organogram--upper > .organogram__list > .organogram__item--last > a > span:after,
.organogram--upper > .organogram__list > .organogram__item--last:after,
.organogram--upper > .organogram__list > .organogram__item--last > span:after,
.organogram--upper > .organogram__list > .organogram__item--last > a > span:after {
  content: none;
}

.organogram__toggle {
  text-decoration: none !important;
  color: #353535 !important;
  display: inline-block;
  position: relative;
}
.organogram__toggle:after {
  color: #353535;
  width: 0;
  height: 0;
  vertical-align: middle;
  border-left: 5px solid #211261;
  border-right: 5px solid transparent;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
  content: '';
  display: inline-block;
  position: absolute;
  right: -1px;
  top: 3px;
}

.organogram__item--children.organogram__item--service > .organogram__slide {
  display: block;
}

.organogram__item--open > .organogram__toggle > span,
.organogram__item--open > span {
  color: #fff;
}
.organogram__item--open > .organogram__toggle {
  color: #fff !important;
}
.organogram__item--open > .organogram__toggle:before {
  background-position: -89px -43px;
  content: '';
  display: block;
  position: absolute;
  right: 3px;
  top: 3px;
  width: 16px;
  height: 16px;
  color: #fff;
  z-index: 10;
}
.organogram__item--open > .organogram__toggle:after {
  display: none;
}

.organogram__item--open.organogram__item--division > span, .organogram__item--open.organogram__item--division > .organogram__toggle > span,
.organogram__item--children:hover.organogram__item--division > span,
.organogram__item--children:hover.organogram__item--division > .organogram__toggle > span {
  background: #6A2400;
  color: #fff;
}
.organogram__item--open.organogram__item--department > span, .organogram__item--open.organogram__item--department > .organogram__toggle > span,
.organogram__item--children:hover.organogram__item--department > span,
.organogram__item--children:hover.organogram__item--department > .organogram__toggle > span {
  background: #B8450E;
  color: #fff;
}
.organogram__item--open.organogram__item--section > span, .organogram__item--open.organogram__item--section > .organogram__toggle > span,
.organogram__item--children:hover.organogram__item--section > span,
.organogram__item--children:hover.organogram__item--section > .organogram__toggle > span {
  background: #554800;
  color: #fff;
}
.organogram__item--open > .organogram__toggle,
.organogram__item--children:hover > .organogram__toggle {
  color: #fff !important;
}
.organogram__item--open > .organogram__toggle:after,
.organogram__item--children:hover > .organogram__toggle:after {
  border-left: 5px solid #fff;
}

.organogram__item.organogram__item--department > span, .organogram__item.organogram__item--department > .organogram__toggle > span {
  background: #B8450E;
  color: #fff;
}
.organogram__item.organogram__item--section > span, .organogram__item.organogram__item--section > .organogram__toggle > span {
  background: #554800;
  color: #fff;
}
.organogram__item.organogram__item--department > .organogram__toggle:after, .organogram__item.organogram__item--section > .organogram__toggle:after {
  border-left: 5px solid #fff;
}

.organogram__item--empty > span,
.organogram__item--empty > .organogram__toggle {
  display: none;
}

.organogram__item--empty > .organogram__slide > .organogram__list {
  padding-top: 0;
}
.organogram__item--empty > .organogram__slide > .organogram__list > .organogram__item:first-child {
  position: relative;
}
.organogram__item--empty > .organogram__slide > .organogram__list > .organogram__item:first-child:before {
  content: '';
  display: block;
  position: absolute;
  border-left: 2px solid #211261;
  top: -2px;
  padding-bottom: 2px;
  left: -22px;
  height: 50%;
  z-index: 2;
  margin-top: 2px;
}
.organogram__item--empty > .organogram__slide > .organogram__list > .organogram__item:first-child > a > span:after,
.organogram__item--empty > .organogram__slide > .organogram__list > .organogram__item:first-child > span:after {
  content: '';
  display: block;
  position: absolute;
  border-left: 4px solid #fff;
  top: -1px;
  left: -13px;
  height: 50%;
  z-index: 2;
  padding-bottom: 1px;
  margin: 0;
}
.organogram__item--empty > .organogram__slide > .organogram__list > .organogram__item:first-child > a > span:before,
.organogram__item--empty > .organogram__slide > .organogram__list > .organogram__item:first-child > span:before {
  content: '';
  position: absolute;
  display: block;
  top: 50%;
  left: -29px;
  width: 29px;
  border-top: 2px solid #211261;
}
.organogram__item--empty > .organogram__slide > .organogram__list > .organogram__item:first-child:last-child > a > span > .organogram__item-type:after, .organogram__item--empty > .organogram__slide > .organogram__list > .organogram__item:first-child:last-child > span > .organogram__item-type:after {
  content: '';
  display: block;
  position: absolute;
  border-left: 3px solid #fff;
  top: 50%;
  margin-top: 2px;
  left: -12px;
  height: 300px;
  z-index: 3;
}
.organogram__item--empty > .organogram__slide > .organogram__list > .organogram__item:not(.organogram__item--open).organogram__item--department > span, .organogram__item--empty > .organogram__slide > .organogram__list > .organogram__item:not(.organogram__item--open).organogram__item--department > .organogram__toggle > span {
  background: #e0e5ea;
  color: #353535;
}
.organogram__item--empty > .organogram__slide > .organogram__list > .organogram__item:not(.organogram__item--open).organogram__item--department > .organogram__toggle:after {
  border-left: 5px solid #353535;
}

.organogram__item--last.organogram__item--empty > .organogram__slide > .organogram__list > .organogram__item:first-child:after {
  content: '';
  display: block;
  position: absolute;
  border-left: 3px solid #fff;
  top: 50%;
  margin-top: 2px;
  left: -22px;
  height: 300px;
  z-index: 3;
}
.organogram__item--last.organogram__item--empty > .organogram__slide > .organogram__list > .organogram__item--children:first-child > span > .organogram__item-type:before,
.organogram__item--last.organogram__item--empty > .organogram__slide > .organogram__list > .organogram__item--children:first-child > a > span > .organogram__item-type:before {
  content: '';
  display: block;
  position: absolute;
  border-left: 3px solid #fff;
  top: 50%;
  margin-top: 2px;
  left: -31px;
  height: 300px;
  z-index: 3;
}

.organogram__item-type {
  display: block;
}

@media only screen and (min-width: 980px) {
  .organogram--board {
    max-width: 420px;
  }

  .organogram__meta,
  .organogram__legend {
    width: 50%;
    float: left;
  }

  .organogram--upper > .organogram__list {
    border: 0;
    padding-top: 38px;
    padding-bottom: 38px;
    width: 50%;
  }
  .organogram--upper > .organogram__list:before {
    content: '';
    display: block;
    height: 100%;
    border: 1px solid #211261;
    width: 0;
    position: absolute;
    top: 0;
    left: 100%;
    margin-left: -1px;
  }

  .organogram--upper > .organogram__list > .organogram__item {
    width: 100%;
    box-sizing: border-box;
  }
  .organogram--upper > .organogram__list > .organogram__item:first-child {
    position: absolute;
    top: 38px;
    left: 100%;
    z-index: 2;
  }
  .organogram--upper > .organogram__list > .organogram__item:first-child > .organogram__slide > .organogram__list {
    padding-top: 60px;
  }
  .organogram--upper > .organogram__list > .organogram__item.organogram__item--service:not(:first-child) span {
    float: right;
    margin-right: 9px;
  }
  .organogram--upper > .organogram__list > .organogram__item.organogram__item--service:not(:first-child) span:before {
    left: auto;
    right: -9px;
  }

  .organogram--lower {
    margin-top: 2px;
  }

  .organogram--lower > .organogram__list {
    padding-top: 20px;
  }
  .organogram--lower > .organogram__list:before {
    content: '';
    display: block;
    height: 0;
    width: 50%;
    border-bottom: 2px solid #211261;
    position: absolute;
    top: 0;
    left: 0;
  }
}
/* =============== */
/* = ReadSpeaker = */
/* =============== */
#readspeaker {
  margin-bottom: 10px;
}

#readspeaker .rsbtn {
  margin-bottom: 0;
}

/* Vendor styles */
.rsbtn_classic .rsimg {
  background: transparent url(/system/images/readspeaker/ReadSpeakerClassic.png) no-repeat scroll 0 0;
}

.rsbtn_classic .rsbtn_pause .rsbtn_btnlabel,
.rsbtn_classic .rsbtn_stop .rsbtn_btnlabel,
.rsbtn_classic .rsbtn_volume .rsbtn_btnlabel,
.rsbtn_classic .rsbtn_settings .rsbtn_btnlabel,
.rsbtn_classic .rsbtn_dl .rsbtn_btnlabel,
.rsbtn_classic .rsbtn_closer .rsbtn_btnlabel {
  display: none;
}

.rsbtn_classic.rsfloating {
  display: inline-block;
}

.rsbtn_classic .rsbtn_play {
  display: inline;
}

.rsbtn_classic .rsbtn_left .rsbtn_text {
  background: transparent url(http://f1.eu.readspeaker.com/graphic/default/buttons/icon_16px.gif) no-repeat scroll 0 0;
  padding-left: 20px;
  padding-top: 1px;
}

.rsbtn_classic .rsbtn_left.rsimg,
.rsbtn_classic .rsbtn_right.rsimg {
  background: none;
}

.rsbtn_classic .rsbtn_play {
  font-family: sans-serif;
  text-decoration: none;
  color: #33a;
}

.rsbtn_classic {
  position: relative;
}

.rsbtn_classic .rsbtn_exp span,
.rsbtn_classic .rsbtn_exp a {
  display: block;
  text-decoration: none;
}

#readspeaker .rsbtn_exp span.rsbtn_status_overlay {
  width: 180px;
  height: 39px;
}

/* EXPANDING CONTAINER */
.rsbtn_classic .rsbtn_exp {
  position: relative;
  display: none;
}

.rsbtn_classic.rsexpanded .rsbtn_exp.rsimg {
  display: block;
  background: #fff;
}

/* PLAYER AREA */
.rsbtn_classic .rsbtn_playerarea {
  position: relative;
  float: left;
  border: 1px solid #aeaeae;
  padding: 3px 3px 0px 3px;
  width: 172px;
}

.rsbtn_classic.rspopup .rsbtn_playerarea {
  border: 0;
}

/******************************************************** TOP BAR */
/* BUTTONS */
.rsbtn_classic .rsbtn_pause.rsimg,
.rsbtn_classic .rsbtn_stop.rsimg,
.rsbtn_classic .rsbtn_volume.rsimg,
.rsbtn_classic .rsbtn_closer.rsimg {
  position: relative;
  width: 13px;
  height: 13px;
}

/* PAUSE BUTTON */
.rsbtn_classic .rsbtn_topbar .rsbtn_pause.rsimg.rspart {
  margin-left: 0;
}

.rsbtn_classic.rsplaying .rsbtn_pause.rsimg {
  background-position: 0 -13px;
}

/* STOP BUTTON */
.rsbtn_classic.rsplaying .rsbtn_stop.rsimg,
.rsbtn_classic.rspaused .rsbtn_stop.rsimg {
  background-position: 0 -26px;
}

.rsbtn_classic.rsstopped .rsbtn_stop.rsimg {
  background-position: -13px -26px;
}

/* PROGRESSBAR */
.rsbtn_classic .rsbtn_progress_container.rsimg {
  position: relative;
  border: 1px solid #3380cc;
  width: 80px;
  height: 11px;
  background-position: 0 -78px;
  background-repeat: repeat-x;
  border-radius: 2px;
}

.rsbtn_classic .rsbtn_progress_container.rsimg .rsbtn_progress_played.rsimg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 1%;
  background-position: 0 -91px;
  background-repeat: repeat-x;
}

.rsbtn_classic .rsbtn_progress_container.rsimg .rsbtn_progress_handle.rsimg {
  position: absolute;
  left: -1px;
  top: 0px;
  width: 2px;
  height: 100%;
  background: #3380cc;
}

/**
 * Time labels
 */
.rsbtn_classic .rsbtn_progress_container .rsbtn_current_time,
.rsbtn_classic .rsbtn_progress_container .rsbtn_time_separator,
.rsbtn_classic .rsbtn_progress_container .rsbtn_total_time {
  display: none;
  font-size: 11px;
  font-weight: bold;
  font-family: Helvetica, sans-serif;
  z-index: 10;
}

/* VOLUME */
.rsbtn_classic .rsbtn_volume.rsimg {
  background-position: 0 -65px;
}

.rsbtn_classic .rsbtn_topbar .rsbtn_volume_container {
  position: absolute;
  height: 70px;
  width: 20px;
  top: 20px;
  margin-left: -5px;
  border: 1px solid #3380cc;
  background: #fff;
  box-shadow: 0 0 5px #333;
  display: none;
  z-index: 100;
}

.rsbtn_classic .rsbtn_volume_container .rsbtn_volume_slider {
  border: none;
  position: absolute;
  top: 5px;
  left: 5px;
  width: 10px;
  height: 60px;
  background: #a4cbff;
}

.rsbtn_classic .rsbtn_volume_slider .rsbtn_volume_handle.rsimg {
  position: absolute;
  top: -2px;
  left: -2px;
  width: 14px;
  height: 5px;
  background: #3380cc;
}

/* READSPEAKER ICON */
.rsbtn_classic .rsbtn_icon {
  background: transparent url(http://f1.eu.readspeaker.com/graphic/default/buttons/icon_16px.gif) no-repeat scroll 0 0;
  width: 16px;
  height: 16px;
  margin-top: -1px;
}

/* CLOSEBUTTON */
/******************************************************** BOTTOM LINKS */
.rsbtn_classic .rsbtn_topbar .rspart,
.rsbtn_classic .rsbtn_bottomlinks .rspart {
  float: left;
  margin-left: 4px;
}

.rsbtn_classic .rsbtn_bottomlinks {
  font-size: 12px;
}

.rsbtn_classic .rsbtn_bottomlinks span {
  display: inline;
}

.rsbtn_classic .rsbtn_bottomlinks {
  margin-top: 2px;
  margin-bottom: 2px;
}

/* BOTTOM LINKS BUTTONS */
.rsbtn_classic .rsbtn_settings,
.rsbtn_classic .rsbtn_dl,
.rsbtn_classic .rsbtn_powered {
  position: relative;
  padding: 2px;
}

/* BOTTOM LINKS LABELS */
.rsbtn_classic .rsbtn_settings .rsbtn_btnlabel.rsimg,
.rsbtn_classic .rsbtn_dl .rsbtn_btnlabel,
.rsbtn_classic .rsbtn_powered .rsbtn_btnlabel {
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #039;
  height: 13px;
}

/* SETTINGS */
.rsbtn_classic .rsbtn_bottomlinks .rsbtn_settings.rspart {
  margin-left: 0;
}

.rsbtn_classic .rsbtn_settings .rsbtn_btnlabel.rsimg {
  background-position: 0 -52px;
  padding: 0 0 0 16px;
}

/* NO SOUND */
.rsbtn_classic .rsbtn_bottomlinks .rsbtn_dl {
  margin-left: 0;
}

/* POWERED BY READSPEAKER */
.rsbtn_classic .rsbtn_powered .rsbtn_btnlabel a {
  display: inline;
  color: #000;
  padding: 2px 0;
  z-index: -1;
}

.rsbtn_classic .rsbtn_dl,
.rsbtn_classic .rsbtn_closer {
  padding-left: 0;
  float: left;
  font-size: 11px;
}

.rsbtn_classic .rsbtn_dl:hover,
.rsbtn_classic .rsbtn_closer:hover {
  text-decoration: underline;
}

.rsbtn_classic .rsbtn_closer {
  float: right;
  margin-top: 2px;
}

/******************************************************** POPUP BUTTON */
.rsbtn_classic.rspopup {
  visibility: hidden;
  position: absolute;
  background: #fff;
  border: 1px solid #3380cc;
  padding: 3px 3px 3px 3px;
  display: none;
  box-shadow: 0 0 5px #333;
}

/* COMPACT BUTTON */
.rsbtn_classic.rspopup.rscompact .rsbtn_play .rsbtn_left .rsbtn_text {
  display: block;
  position: relative;
  margin: 2px 2px 2px;
  width: 16px;
  height: 16px;
  padding: 0;
}

.rsbtn_classic.rspopup.rscompact .rsbtn_play .rsbtn_left .rsbtn_text span {
  display: none;
}

.rsbtn_classic.rspopup.rsexpanded .rsbtn_play {
  display: none;
}

/******************************************************** POPUP PLAYER */
.rsbtn_classic.rspopup .rsbtn_exp .rspart {
  float: left;
  margin-left: 4px;
}

/* PLAY/PAUSE BUTTON */
.rsbtn_classic.rspopup .rsbtn_exp .rsbtn_pause.rspart {
  margin-left: 0;
}

/* READSPEAKER ICON */
.rsbtn_classic.rspopup .rsbtn_icon {
  margin-right: 0;
}

/* SETTINGS BUTTON */
.rsbtn_classic.rspopup .rsbtn_settings {
  width: 13px;
  height: 13px;
  padding: 0;
  background-position: 0 -52px;
  margin-right: 17px;
}

.rsbtn_classic.rspopup .rsbtn_settings:hover {
  background-color: transparent;
}

/* CLOSE BUTTON */
.rsbtn_classic.rspopup .rsbtn_closer.rsimg {
  right: -10px;
  top: 1px;
}

/******************************************************** MISC */
.rsbtn_classic .defloater {
  clear: both;
}

@media only screen and (max-width: 980px) {
  .layout-related #rightcolumn #readspeaker {
    margin-top: 0;
  }
}
@media only screen and (max-width: 700px) {
  .js-readspeaker #contentcolumn h1:first-of-type {
    padding-bottom: 40px;
  }

  .js-readspeaker-open #contentcolumn h1:first-of-type {
    padding-bottom: 80px;
  }

  .js-readspeaker #readspeaker {
    position: absolute;
    padding-top: 5px;
  }
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  content: '';
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.carousel {
  width: auto;
  height: 310px;
  padding: 0;
  background: none;
  margin: 0 0 20px;
  position: relative;
  max-width: 460px;
}

#home .carousel {
  height: 254px;
  max-width: 740px;
}

.working-at .carousel {
  max-width: 460px;
}

.carousel .pictures,
.carousel .pictures li {
  top: 0;
  left: 0;
  position: absolute;
}

.carousel .pictures {
  left: auto;
  top: auto;
  width: auto;
  position: relative;
  height: auto;
  margin: 0;
  overflow: visible;
}

.carousel .pictures a,
.carousel .pictures li,
.carousel .pictures li img {
  right: 0;
  width: auto;
  height: auto;
  display: block;
}

.carousel .pictures li {
  visibility: hidden;
}

.carousel .pictures li.show {
  visibility: visible;
}

.carousel .video .lightbox-content {
  display: none;
}

.carousel .pictures li img {
  width: 100%;
}

#home .carousel--extended {
  height: 360px;
}
#home .carousel--extended .pictures .caption {
  background: #211261;
}
#home .carousel--extended .menu .carousel__pagination > li {
  background: #211261;
}
#home .carousel--extended .carousel__pause-play {
  background: #211261;
}
#home .carousel--extended .menu .carousel__pagination > li.active a {
  border-color: #211261;
}
#home .carousel--extended .carousel__progress .inner {
  background-color: #211261;
}
#home .carousel--extended .carousel__navigation > li {
  background: #211261;
  height: 179px;
}

.carousel .pictures .caption {
  position: absolute;
  width: 408px;
  padding: 10px;
  min-height: 128px;
  height: auto;
  color: #fff;
  font-size: 14px;
  font-family: "Fedra Sans Book", sans-serif;
  line-height: 1.067;
  overflow: hidden;
  background: #410099;
  left: 20px;
  bottom: 35px;
}

.working-at .carousel .pictures .caption {
  max-width: 460px;
}

#home .carousel .pictures .caption {
  left: 20px;
  bottom: 45px;
  min-height: 136px;
  max-height: 280px;
  max-width: 100%;
  display: table;
  table-layout: fixed;
  padding: 0;
}

#home .carousel .pictures .caption .title,
#home .carousel .pictures .caption p {
  vertical-align: bottom;
  display: table-cell;
  padding: 10px 10px 15px;
}

.carousel .pictures .caption .title {
  font-size: 24px;
  line-height: 1.053;
  width: 50%;
}

.carousel .pictures .caption p {
  width: 30%;
  color: #d1c2e6;
  font-size: 13px;
}

.working-at .carousel .pictures span.play {
  position: absolute;
  top: 50px;
  left: 0;
  height: 100px;
  width: 100px;
  z-index: 410;
  background: rgba(255, 255, 255, 0.7);
}
.working-at .carousel .pictures span.play:before {
  width: 0;
  height: 0;
  vertical-align: middle;
  border-left: 26px solid #58768b;
  border-right: 26px solid transparent;
  border-bottom: 25px solid transparent;
  border-top: 25px solid transparent;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -9px;
  z-index: 500;
}
.working-at .carousel .pictures span.play:after {
  content: '';
  position: absolute;
  visibility: visible;
  top: 10px;
  left: 10px;
  width: 80px;
  height: 80px;
  border-radius: 80px;
  background: #fff;
}

.working-at .caption.event {
  width: 270px;
  height: 108px;
  padding: 10px;
}

.working-at .caption.event .title,
.working-at .caption.event .subtitle,
.working-at .caption.event p,
.working-at .caption.event a {
  color: #fff;
  font-family: verdana, helvetica, arial, sans-serif;
  position: static;
  display: inline-block;
  width: 100%;
  margin: 5px 0;
  padding: 0;
}

.working-at .caption.event p {
  display: block;
}

.working-at .caption.event .title,
.working-at .caption.event .subtitle {
  font-family: "Fedra Sans Book", sans-serif;
}

.working-at .caption.event .title {
  margin: 5px 0 0;
}
.working-at .caption.event .subtitle {
  margin: 0;
}

.carousel .carousel__pagination {
  position: relative;
  width: auto;
  top: auto;
  margin-left: -5px;
  left: 20px;
  bottom: 25px;
}

#home .carousel .carousel__pagination {
  bottom: 15px;
  position: absolute;
}

.carousel .menu .carousel__pagination > li {
  float: left;
  border-top: 0;
  padding-bottom: 0;
  width: 15px;
  height: 15px;
  overflow: hidden;
  padding: 0;
  margin-left: 5px;
  background: #410099;
}

.carousel .menu .carousel__pagination > li.active a {
  background: #fff;
  border: 3px solid #410099;
  box-sizing: border-box;
}

.carousel .menu .carousel__pagination > li a {
  display: block;
  height: 15px;
  width: 15px;
  overflow: hidden;
  padding: 0;
}

.menu .carousel__navigation {
  position: absolute;
  width: 30px;
  height: auto;
  top: 0;
  right: 0;
  z-index: 401;
  margin-top: -2px;
  display: none;
}

#home .carousel .menu .carousel__navigation {
  display: block;
}

.carousel__navigation > li {
  height: 126px;
  margin-top: 2px;
  background-color: #410099;
}

.carousel__navigation > li a {
  display: block;
  height: 100%;
  width: auto;
  position: relative;
}

.carousel__navigation > li span {
  background-position: -151px 0;
  width: 100%;
  display: inline-block;
  padding-top: 20px;
  overflow: hidden;
  height: 0;
  position: absolute;
  top: 50%;
  margin-top: -10px;
}

.carousel__navigation > li.navigation__button--previous span {
  background-position: -185px 0;
}

.carousel .carousel__progress {
  position: absolute;
  background: #fff;
  width: 120px;
  height: 5px;
  overflow: hidden;
  bottom: 18px;
  left: 307px;
}

.carousel .carousel__progress .inner {
  -webkit-transition: -webkit-transform 0.2s linear;
  transition: -webkit-transform 0.2s linear;
  transition: transform 0.2s linear;
  transition: transform 0.2s linear, -webkit-transform 0.2s linear;
  background: #410099;
  position: relative;
  left: -100%;
  width: 100%;
  height: 0;
  padding-top: 5px;
  overflow: hidden;
}

.carousel .carousel__pause-play {
  position: absolute;
  top: 15px;
  left: 20px;
  z-index: 402;
  background: #410099;
  width: 15px;
  height: 15px;
  overflow: hidden;
}
.carousel .carousel__pause-play .play,
.carousel .carousel__pause-play .pause {
  display: block;
  width: 15px;
  height: 0;
  padding-top: 15px;
  overflow: hidden;
  position: relative;
}
.carousel .carousel__pause-play .pause:after, .carousel .carousel__pause-play .pause:before {
  content: '';
  position: absolute;
  display: block;
  top: 3px;
  bottom: 3px;
  width: 3px;
  background: #fff;
  left: 3px;
}
.carousel .carousel__pause-play .pause:after {
  left: auto;
  right: 3px;
}
.carousel .carousel__pause-play .play {
  display: none;
}
.carousel .carousel__pause-play .play:before {
  content: ' ';
  width: 0;
  height: 0;
  vertical-align: middle;
  border-left: 6px solid #fff;
  border-right: 6px solid transparent;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  position: absolute;
  top: 2px;
  left: 5px;
  z-index: 500;
}

.carousel.js--paused .carousel__pause-play .pause {
  display: none;
}

.carousel.js--paused .carousel__pause-play .play {
  display: block;
}

@media only screen and (max-width: 980px) {
  .carousel,
  #home .carousel {
    height: auto;
    display: block;
    overflow: visible;
    margin-bottom: 45px;
  }

  #home .carousel .pictures .caption {
    top: auto;
    bottom: 15px;
  }

  .carousel .carousel__pagination,
  .carousel .carousel__pause-play {
    position: relative;
    top: auto;
    left: 10px;
    bottom: 25px;
    float: left;
  }

  .carousel .carousel__pause-play {
    float: right;
    left: -10px;
  }

  .carousel .carousel__progress {
    left: auto;
    right: 10px;
    width: 10%;
    top: 10px;
  }

  #home .carousel .menu .carousel__navigation {
    display: none;
  }
  #home .carousel .menu .carousel__pagination {
    left: 0;
    bottom: -25px;
    height: auto;
  }
}
@media only screen and (max-width: 700px) {
  .carousel {
    margin: 0 0 135px;
  }

  #home .carousel {
    margin: 0 -10px 160px;
    height: auto;
  }

  #home .carousel .pictures,
  #home .carousel .pictures li {
    position: static;
    height: 0;
  }

  .working-at .carousel .pictures .caption,
  #home .carousel .pictures .caption {
    position: absolute;
    left: 0;
    top: auto;
    bottom: -136px;
    width: 100%;
    max-width: 740px;
  }
  .working-at .carousel .pictures .caption .title,
  #home .carousel .pictures .caption .title {
    width: 50%;
  }
  .working-at .carousel .pictures .caption p,
  #home .carousel .pictures .caption p {
    width: 40%;
  }

  .working-at .carousel .pictures .caption {
    position: absolute;
    bottom: -128px;
    min-height: 128px;
    width: 100%;
    box-sizing: border-box;
  }
  .working-at .carousel .pictures .caption p {
    width: 100%;
  }

  #home .carousel .menu .carousel__pagination {
    position: absolute;
    width: auto;
    top: auto;
    bottom: -155px;
    left: 10px;
  }
  #home .carousel .menu .carousel__pause-play {
    position: absolute;
    top: 10px;
    left: 10px;
  }
}
.image-library {
  margin: 20px 0 0 -20px;
  overflow: hidden;
  list-style-type: none;
}
.image-library > li {
  float: left;
  width: 100px;
  margin: 0 0 20px 20px;
}
.image-library .image-holder {
  position: relative;
  display: block;
  height: 100px;
  margin: 0;
  padding: 0px;
  background-color: #f0f2f5;
  line-height: 100px;
  text-align: center;
}
.image-library .image-holder img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.image-library .caption {
  padding-top: 5px;
  position: relative;
  padding-bottom: 37px;
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-word;
}
.image-library .caption .file {
  display: block;
  height: 60px;
  overflow: hidden;
}
.image-library .caption span {
  display: block;
  margin-bottom: 5px;
}
.image-library .caption span,
.image-library .caption a {
  font-weight: normal;
  text-decoration: none;
}
.image-library .caption > .button.download {
  text-align: center;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0;
}
.image-library .button.view {
  position: absolute;
  right: 0px;
  bottom: 0px;
  display: block;
  width: 25px;
  height: 25px;
  background: #58768b;
  border-radius: 0;
}
.image-library .button.view:before {
  background-position: -84px 4px;
  content: "";
  height: 25px;
  width: 25px;
  position: absolute;
  display: block;
  top: 0;
}

@media only screen and (max-width: 700px) {
  .image-library > li {
    width: 33%;
  }
}
@media only screen and (max-width: 420px) {
  .image-library > li {
    width: 50%;
  }
}

/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  border-radius: 4px;
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-opened .fancybox-skin {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px 'Helvetica Neue',Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url("fancybox_sprite.png");
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url("fancybox_loading.gif") center center no-repeat;
}

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url("blank.gif");
  /* helps IE */
  -webkit-tap-highlight-color: transparent;
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

/* Overlay helper */
.fancybox-lock {
  overflow: hidden;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url("fancybox_overlay.png");
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px 'Helvetica Neue',Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}

.fancybox-wrap {
  min-width: 160px;
}

.fancybox-skin {
  background: #fff;
  border-radius: 0;
}

.fancybox-opened .fancybox-skin {
  box-shadow: none;
}

.fancybox-error {
  padding: 10px;
}

#fancybox-loading div {
  background: url("/system/images/fancybox/fancybox_loading.gif") center center no-repeat;
}

.fancybox-close {
  top: 0;
  right: 0;
  width: 22px;
  height: 22px;
  background: #fff url("/system/images/fancybox/lightbox-close.gif") no-repeat 50% 50%;
  border: 3px solid #fff;
}

/* Overlay helper */
.fancybox-overlay {
  background: url("/system/images/fancybox/fancybox_overlay.png");
}

/* Title helper */
.fancybox-title {
  font: 10px/1.2 verdana, tahoma, arial, helvetica, sans-serif;
}

.fancybox-title span.file {
  font-weight: bold;
}

.fancybox-title span {
  display: block;
}

/* Video in fancybox */
.fancybox-opened .video {
  padding: 5px;
}

.image-grid {
  margin: 0 -10px;
}
.image-grid .image-grid__link {
  display: block;
  text-decoration: none;
  line-height: 1;
}
.image-grid .image-grid__title {
  font-family: "Fedra Sans Medium", sans-serif;
  color: #211261;
  font-weight: normal;
  line-height: 1.1;
}
.image-grid .image-grid__subtitle {
  line-height: 1.167;
  color: #353535;
}
.image-grid .image-grid__header {
  min-height: 45px;
}
.image-grid .image-grid__header + .image-grid__img {
  margin-top: 5px;
}
.image-grid .image-grid__img {
  width: 100%;
}

.image-grid__item {
  padding: 10px;
  box-sizing: border-box;
  width: 33.333%;
}
.image-grid__item.image-grid--col2 {
  width: 66%;
}
.image-grid__item.image-grid--col3 {
  width: 100%;
}

.image-grid--highlighted-header .image-grid__header {
  background: #211261;
  color: #fff;
  padding: 10px 5px;
  margin: -5px 0 0;
  min-height: 2.2em;
  position: relative;
}
.image-grid--highlighted-header .image-grid__header:hover {
  text-decoration: underline;
}
.image-grid--highlighted-header .image-grid__title,
.image-grid--highlighted-header .image-grid__subtitle {
  color: #fff;
}
.image-grid--highlighted-header .image-grid__title {
  font-family: "Fedra Sans Book", sans-serif;
  line-height: 1.14;
}

.image-grid--top-header .image-grid__item a {
  background-color: #f0f2f5;
  border: 1px solid #e0e5ea;
}
.layout-full .image-grid--top-header .image-grid__item {
  width: 25%;
}
.image-grid--top-header .image-grid__header {
  padding: 10px;
  min-height: 2.2em;
  position: relative;
}
.image-grid--top-header .image-grid__header:hover {
  text-decoration: underline;
}
.image-grid--top-header .image-grid__title {
  color: #353535;
  font-family: "Fedra Sans Book", sans-serif;
  line-height: 1.14;
}

@media only screen and (max-width: 420px) {
  .image-grid__item.image-grid--col2,
  .image-grid__item {
    width: 100%;
  }
}
.text-grid {
  overflow: hidden;
  display: block;
  min-width: 100%;
  margin-right: -20px;
}
.text-grid .text-grid__item {
  float: left;
  position: relative;
  width: 27.5%;
  padding-bottom: 27.5%;
}
.text-grid .text-grid__item:nth-child(3n+1) {
  clear: left;
}
@media only screen and (max-width: 980px) {
  .text-grid .text-grid__item {
    width: 33.33%;
    padding-bottom: 33.33%;
  }
}
@media only screen and (max-width: 700px) {
  .text-grid .text-grid__item {
    width: 50%;
    padding-bottom: 50%;
  }
  .text-grid .text-grid__item:nth-child(3n+1) {
    clear: none;
  }
  .text-grid .text-grid__item:nth-child(2n+1) {
    clear: left;
  }
}
@media only screen and (max-width: 520px) {
  .text-grid .text-grid__item {
    width: 100%;
    padding-bottom: 100%;
  }
}
.text-grid .text-grid__item .text-grid__link {
  background-color: #f0f2f5;
  position: absolute;
  top: 10px;
  right: 20px;
  bottom: 10px;
  left: 0;
  padding: 15px 20px;
  text-decoration: none;
}
.text-grid .text-grid__item .text-grid__link:hover {
  background: #410099;
  color: #fff;
}
.text-grid .text-grid__item .text-grid__link:hover .text-grid__title {
  color: #fff;
}
.text-grid .text-grid__title {
  font-family: "Fedra Sans Book", sans-serif;
  color: #410099;
  line-height: 1.25em;
}
.text-grid .text-grid__content {
  position: absolute;
  top: 50%;
  left: 20px;
  right: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 0.85em;
  line-height: 1.6em;
}
.text-grid .text-grid__more {
  position: absolute;
  right: 20px;
  bottom: 15px;
  font-size: 0.7em;
}

a.banner,
a.banner:link {
  text-decoration: none;
}

.banner {
  line-height: 1.5;
  display: block;
  text-decoration: none;
}
.banner dl {
  margin: 0 0 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.banner dt {
  background: #410099;
  color: #fff;
  padding: 5px 10px;
  position: relative;
}
.banner dt:after {
  width: 0;
  height: 0;
  vertical-align: middle;
  border-left: 5px solid #fff;
  border-right: 5px solid transparent;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
  content: "";
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 10px;
}
.banner dd {
  background: #323E48;
  color: #fff;
  text-decoration: underline;
  padding: 5px 10px;
}
.banner dd.image {
  padding: 0;
  margin: 0;
  background: none;
  text-decoration: none;
}
.banner dd.image img {
  display: block;
}
.banner dt,
.banner dd {
  -webkit-box-flex: 1;
      -ms-flex: 1 auto;
          flex: 1 auto;
  margin: 0;
}
.banner dd.image {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin: 0;
  position: static;
}
.banner dt {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.banner dd {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.banner img {
  display: block;
}

.banner dd.image {
  padding: 0;
  background: none;
}

.banner--cta {
  background: #1226AA;
  display: block;
  margin: 30px 0;
  color: #fff;
}
.banner--cta, .banner--cta:hover, .banner--cta:visited {
  color: #fff;
}
.banner--cta .banner__body {
  font-family: "Fedra Sans Book", sans-serif;
  padding: 5px;
  display: block;
}

@media only screen and (max-width: 700px) {
  .banner {
    width: 180px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
  }
}
dl.related-news,
dl.related {
  margin-bottom: 30px;
  line-height: 1.5;
}

dl.related dt {
  font-family: "Fedra Sans Book", sans-serif;
  color: #211261;
}

.related li {
  padding: 2px 0 2px 10px;
  border-bottom: 1px solid #e0e5ea;
}

.related li a,
.related li.active > span {
  margin-left: -10px;
}

.related li.active > span:before,
.related li a:before {
  top: 0.5em;
}

.related li.active > span:hover {
  color: #353535;
}

.related li a,
.related li a span,
.related li:hover a,
.related li a:hover span {
  text-decoration: none;
}

.related li.active:hover {
  background-color: transparent;
}

dl.related-news dt {
  font-family: "Fedra Sans Book", sans-serif;
  color: #410099;
}

dl.related-news dd.more a,
dl.related dd.more a {
  color: #410099;
  line-height: 1.643;
  text-decoration: underline;
  display: inline-block;
  margin-top: 5px;
  padding-left: 10px;
}
dl.related-news dd.more a:before,
dl.related dd.more a:before {
  content: none;
}

@media only screen and (max-width: 980px) {
  dl.related,
  dl.related-news {
    clear: both;
  }
}
@media only screen and (max-width: 890px) {
  .flexbox #navcolumn.js-show-for-other-content + #rightcolumn .related,
  .flexbox #navcolumn.js-show-for-other-content + #rightcolumn .related-news {
    width: 200px;
    float: right;
  }
}
@media only screen and (max-width: 700px) {
  .flexbox #navcolumn.js-show-for-other-content + #rightcolumn .related,
  .flexbox #navcolumn.js-show-for-other-content + #rightcolumn .related-news {
    width: auto;
    float: none;
  }
}
#content dl.faq dt > a {
  color: #211261;
  text-decoration: none;
  line-height: 1.786;
}
#content dl.faq > dt {
  padding-left: 10px;
}
#content dl.faq dt a {
  position: relative;
  font-weight: bold;
}
#content dl.faq dt a:before {
  width: 0;
  height: 0;
  vertical-align: middle;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-top: 5px solid #410099;
  content: "";
  display: inline-block;
  position: absolute;
  left: -1px;
  top: 5px;
  margin: 0 0 0 -10px;
}
#content dl.faq dt.inactive a:before {
  width: 0;
  height: 0;
  vertical-align: middle;
  border-left: 5px solid #410099;
  border-right: 5px solid transparent;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
  content: "";
  display: inline-block;
  margin: 0 0 0 -10px;
  position: absolute;
  left: 0;
  top: 4px;
}
#content dl.faq > dd {
  padding: 5px 0 0 10px;
}
#content dl.faq dd.inactive {
  display: none;
}
@media only screen and (max-width: 980px) {
  #content dl.faq {
    max-width: 500px;
  }
}

.legend {
  margin-bottom: 16px;
}

.legend__item {
  position: relative;
  padding-left: 20px;
  display: inline-block;
  margin-left: 20px;
}
.legend__item::before {
  content: '';
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
  background: #6A2400;
  top: 5px;
  left: 0;
}
.legend__item:first-child {
  margin-left: 0;
}
.legend__item.legend__item--division::before {
  background: #6A2400;
}
.legend__item.legend__item--department::before {
  background: #B8450E;
}
.legend__item.legend__item--section::before {
  background: #554800;
}

ul.sitemap.tree {
  max-width: 500px;
}
ul.sitemap.tree a {
  color: #353535;
  text-decoration: none;
  display: block;
}

ul.sitemap.tree ul {
  margin-left: 10px;
}

ul.sitemap.tree > li > ul {
  margin-left: 0;
}
ul.sitemap.tree > li > ul > li, ul.sitemap.tree > li > ul > li.last {
  background: url("/system/images/backgrounds/sitemap.png") -980px -7px no-repeat;
}
ul.sitemap.tree > li > ul > li.last {
  background-color: #fff;
}

ul.sitemap.tree li#home,
ul.sitemap.tree > li {
  margin: 0 0 5px;
}

ul.sitemap.tree li#home,
ul.sitemap.tree > li > a {
  font-weight: bold;
}

ul.sitemap.tree li.last {
  padding-bottom: 5px;
}

ul.sitemap.tree li a:hover {
  background-color: #e0e5ea;
}

ul.sitemap.tree li ul {
  margin-bottom: 5px;
  background: url("/system/images/backgrounds/sitemap.png") 0 repeat-y;
}

ul.sitemap.tree li li {
  padding-left: 20px;
  background: url("/system/images/backgrounds/sitemap.png") -1000px 0 no-repeat;
}

ul.sitemap.tree li li,
ul.sitemap.tree li li.last {
  background-position: -500px -7px;
}

ul.sitemap.tree li li.last {
  background-color: #fff;
}

ul.sitemap.tree > li > ul > li li {
  padding-left: 10px;
}

@media only screen and (max-width: 980px) {
  ul.sitemap.tree {
    max-width: 500px;
  }
}
.chart-tool {
  clear: both;
  width: 100%;
}

/* ========= */
/* = Graph = */
/* ========= */
.chart {
  height: 400px;
  margin-left: -20px;
  width: 100%;
}
@media only screen and (max-width: 520px) {
  .chart {
    height: 320px;
  }
}

.chart2 {
  margin: 20px 0;
  padding: 20px 0;
  background-color: #f0f2f5;
  min-height: 400px;
  position: relative;
}

.chart2--indicator {
  padding: 0;
}
.chart2--indicator:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.chart2--stock-chart {
  min-height: 500px;
}

.chart2--with-description {
  overflow: hidden;
}

.chart2__description-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(240, 242, 245, 0.95);
  overflow: auto;
}

.chart2__description {
  opacity: 0;
  -webkit-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
  padding: 50px;
}

.chart2__embed {
  box-sizing: border-box;
  width: 100%;
  font-size: 0.875rem;
  padding: 7px;
}

.chart2__close {
  font-size: 14px;
  font-size: 0.875rem;
  position: absolute;
  right: 20px;
  top: 20px;
  display: block;
}
.chart2__close:before {
  content: '';
  background: url("/system/images/icons/close.svg") no-repeat;
  color: #fff;
  z-index: 10;
  width: 16px;
  height: 16px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: -20px;
  margin-top: -8px;
}

.chart2__dropdown-legend {
  padding: 0 10px 37px 20px;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
}

.chart2__dropdown-legend-select {
  display: block;
  width: 100%;
}

.image-grid__item .chart2,
.figure-cols__col .chart2,
.slider .chart2 {
  margin: 0;
  padding: 10px 0;
}
.image-grid__item .chart2--indicator,
.figure-cols__col .chart2--indicator,
.slider .chart2--indicator {
  padding: 0;
  min-height: 0;
  height: 175px;
}

.chart2--loading:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -2.5em;
  margin-top: -2.5em;
  text-indent: -9999em;
  border-top: 0.6em solid rgba(255, 255, 255, 0.92);
  border-right: 0.6em solid rgba(255, 255, 255, 0.92);
  border-bottom: 0.6em solid rgba(255, 255, 255, 0.92);
  border-left: 0.6em solid #211261;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: loader 1.1s infinite linear;
  animation: loader 1.1s infinite linear;
  box-sizing: border-box;
  border-radius: 50%;
  width: 5em;
  height: 5em;
}
@-webkit-keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.highcharts-button:hover {
  cursor: pointer !important;
}

.highcharts-tooltip span {
  width: 300px;
  white-space: normal !important;
}

@media only screen and (max-width: 700px) {
  .image-grid__item .chart2--indicator,
  .figure-cols__col .chart2--indicator {
    height: 200px;
  }
}
@media only screen and (max-width: 320px) {
  .image-grid__item .chart2--indicator,
  .figure-cols__col .chart2--indicator {
    height: 175px;
  }
}
/* ========== */
/* = Tables = */
/* ========== */
.table {
  margin: 0 0 20px;
  overflow: auto;
}
.table th,
.table td {
  padding: 7px 5px 5px;
  float: none;
}
.table thead th {
  background: #323E48;
  color: #fff;
}
.table tbody th {
  border: 1px solid #f0f2f5;
  background: #f0f2f5;
}
.table tbody td {
  border: 1px solid #f0f2f5;
}

table th.right,
table td.right {
  text-align: right;
}

table th.center,
table td.center {
  text-align: center;
}

table th.left,
table td.left {
  text-align: left;
}

/* ================ */
/* = Publications = */
/* ================ */
table.publications {
  width: 100%;
}

table.publications thead th {
  font-family: "Fedra Sans Book", sans-serif;
  color: #211261;
  padding: 0 4px;
}
table.publications thead th:first-child {
  padding: 0 4px 0 0;
}
table.publications thead th:last-child {
  padding: 0 0 0 4px;
}

table.publications tbody th {
  font-family: "Fedra Sans Medium", sans-serif;
  color: #211261;
  padding: 5px 0 0;
}

table.publications tbody td.date,
table.publications tbody th.title {
  border-top: 1px solid #e0e5ea;
}

table.publications tbody th.title {
  padding: 10px 4px 0 0;
}
table.publications tbody td.date {
  padding: 10px 0 0 4px;
}

table.publications tbody td {
  padding: 4px 4px 10px 0;
}

table.publications tbody tr + tr td {
  padding-top: 0;
}

td.date,
th.date,
table.publications td.date,
table.publications th.date {
  text-align: right;
  white-space: nowrap;
  padding-right: 0;
}

table.list {
  margin-bottom: 20px;
}
table.list tbody tr {
  border-bottom: 1px solid #f0f2f5;
}

table.list th,
table.list td {
  width: 140px;
  padding: 2px 0 2px 20px;
}
table.list th:first-child,
table.list td:first-child {
  padding: 2px 0;
}

table.list a {
  display: block;
  text-decoration: none;
  color: #353535;
}

table.list tr:hover a {
  text-decoration: underline;
  color: #410099;
}

table.matrix th {
  border: 1px solid #f0f2f5;
}

.table--scrollable {
  position: relative;
  border-right: 1px solid #e0e5ea;
  margin-bottom: 20px;
}
.table--scrollable .table__wrapper {
  overflow-x: scroll;
  max-width: 100%;
}
.table--scrollable table {
  min-width: 100%;
}
.table--scrollable table th,
.table--scrollable table td {
  padding: 6px;
}
.table--scrollable thead th {
  font-weight: bold;
  vertical-align: bottom;
  padding-top: 0;
  padding-bottom: 0;
}
.table--scrollable thead th:first-child {
  display: block;
  width: 95px;
}
.table--scrollable tbody .tbody__title {
  border-bottom: 2px solid #58768b;
}
.table--scrollable tbody .row__title {
  position: absolute;
  left: 0;
  border-right: 1px solid #e0e5ea;
  background: #fff;
  font-weight: bold;
  width: 80px;
  text-align: right;
}
.table--scrollable tbody tr:nth-child(even) {
  background: #f0f2f5;
}
.table--scrollable tbody tr:nth-child(even) .row__title {
  background: #e0e5ea;
}
.table--scrollable tbody tr:last-child {
  border-bottom: 1px solid #e0e5ea;
}

.statistics-table--loading {
  position: relative;
  width: 100%;
  height: 400px;
  background: #e0e5ea;
}
.statistics-table--loading:before {
  width: 120px;
  height: 120px;
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -60px;
  margin-top: -60px;
  border-radius: 50%;
  border-style: solid;
  border-color: #211261 #fff #fff;
  border-width: 11px;
  content: '';
  -webkit-animation: loading-spinner 1s infinite;
          animation: loading-spinner 1s infinite;
}
.statistics-table--loading:after {
  width: 100px;
  height: 100px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -50px;
  margin-top: -50px;
  text-align: center;
  line-height: 90px;
  border-radius: 50%;
  background: #211261;
  content: 'Loading...';
  font-size: 14px;
  color: #fff;
}

.nl .statistics-table--loading:after {
  content: 'Laden...';
}

@-webkit-keyframes loading-spinner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes loading-spinner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.tile {
  position: relative;
}
.tile:hover .tile__back {
  visibility: visible;
}

.tile__back {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 8px;
  color: #fff;
  background-color: #410099;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  visibility: hidden;
}

.tile__title {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0 0 10px;
  font-family: "Fedra Sans Book", sans-serif;
  color: #fff;
}

.tile__description {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10px;
}

.tile__more {
  font-size: 10px;
  text-align: right;
}

/* ========= */
/* = Forms = */
/* ========= */
form.data .row .fields input.large, form.form-fields .row .fields .field .field__input,
form.form-fields .row .fields .field .field__select, .timeframe input[type='text'] {
  background: #fff;
  box-sizing: border-box;
  border: 1px solid #e0e5ea;
  color: #353535;
  font-family: verdana, helvetica, arial, sans-serif;
  height: 30px;
  margin: 0 0 10px;
  padding: 5px;
  width: 100%;
}

form.form-fields .row .fields .field .field__textarea {
  background: #fff;
  border: 1px solid #e0e5ea;
  box-sizing: border-box;
  color: #353535;
  font-family: verdana, helvetica, arial, sans-serif;
  margin: 0 0 10px;
  padding: 5px;
  width: 100%;
}

form.form-fields .row .fields .field.field--radio,
form.form-fields .row .fields .field.field--checkbox {
  box-sizing: border-box;
  padding: 0 10px 0 20px;
}

fieldset {
  border: 0 none;
  margin: 0;
  padding: 0;
}

fieldset fieldset {
  margin-left: 20px;
}

form.data fieldset {
  border: none;
  padding: 10px;
  margin-bottom: 20px;
  background: #f0f2f5;
}
form.data fieldset.submit {
  background: none;
  padding: 0;
}
form.data fieldset.submit .button {
  float: right;
  background-color: #211261;
}
form.data .row .label {
  font-weight: bold;
}
form.data .row .fields input.small {
  width: 50px;
}
form.data .row .fields input.dd,
form.data .row .fields input.mm {
  width: 2em;
}
form.data .row .fields input.yyyy {
  width: 4em;
}
form.data .row .fields input.medium {
  width: 120px;
}
form.data .row .fields input.search {
  width: 300px;
}
form.data .row .fields input.search.with-placeholder {
  color: #353535;
}
form.data .row .fields input.large {
  width: 240px;
  background: #fff;
}
form.data .row .fields select.full,
form.data .row .fields input.full {
  width: 100%;
}
form.data .row .fields label.radio {
  display: block;
  padding-left: 20px;
  text-indent: -20px;
  position: relative;
}
form.data .row .fields label.radio input {
  width: 13px;
  height: 13px;
  padding: 0;
  margin: 0;
  margin-right: 5px;
}
form.data .row .fields label.radio.inline {
  float: left;
  margin-right: 20px;
  margin-bottom: 0;
}
form.data .row .fields label.radio.inline:last-of-type {
  margin-right: 5px;
}
form.data .row .fields .required {
  color: #f00;
  font-weight: normal;
}
@media only screen and (max-width: 980px) {
  form.data .row .fields input.large,
  form.data .row .fields select.full,
  form.data .row .fields input.full,
  form.data .row .fields input.medium {
    width: 85%;
  }
}

form.form-fields {
  margin-bottom: 20px;
}
form.form-fields fieldset {
  line-height: 1.5;
  border: 0;
  padding: 10px;
  margin-bottom: 20px;
  background: #f0f2f5;
  overflow: hidden;
}
form.form-fields fieldset legend {
  float: left;
}
form.form-fields fieldset legend h2 {
  margin: 0 0 15px;
}
form.form-fields fieldset legend p {
  margin: 0 0 15px;
}
form.form-fields .row {
  clear: both;
  margin-bottom: 10px;
}
form.form-fields .row:last-child {
  margin-bottom: 0;
}
form.form-fields .row__label {
  line-height: 1.5;
  display: block;
}
form.form-fields .row .fields .field .field__input,
form.form-fields .row .fields .field .field__select {
  background: #fff;
  width: calc(100% - 20px);
}
form.form-fields .row .fields .field .field__input[type='file'] {
  height: auto;
}
form.form-fields .row .fields .field .field__input[type='date'] {
  min-width: calc(95% - 20px);
}
form.form-fields .row .fields .field.field--radio,
form.form-fields .row .fields .field.field--checkbox {
  padding-left: 20px;
  padding-top: 5px;
  vertical-align: baseline;
}
form.form-fields .row .fields .field.field--radio:last-of-type,
form.form-fields .row .fields .field.field--checkbox:last-of-type {
  display: inline-block;
}
form.form-fields .row .fields .field__radio,
form.form-fields .row .fields .field__checkbox {
  width: 13px;
  height: 13px;
  padding: 0;
  position: absolute;
  margin: 4px 0 0 -20px;
}
form.form-fields .row .fields .field .field__textarea {
  resize: none;
  width: calc(100% - 20px);
}
form.form-fields .row .fields .field__label--radio,
form.form-fields .row .fields .field__label--checkbox {
  display: block;
  position: relative;
}
form.form-fields .row .fields input.search.with-placeholder {
  color: #353535;
}
form.form-fields .row .fields .field__input.field__input--invalid, form.form-fields .row .fields .field__input.field__input--required,
form.form-fields .row .fields .field__textarea.field__input--invalid,
form.form-fields .row .fields .field__textarea.field__input--required,
form.form-fields .row .fields .field__select.field__input--invalid,
form.form-fields .row .fields .field__select.field__input--required {
  border: 1px solid #c20016;
}
form.form-fields .row .fields .field__required {
  display: inline-block;
  color: #c20016;
  font-weight: normal;
  vertical-align: top;
}
form.form-fields .row .fields .fields__error {
  display: block;
  color: #c20016;
  margin-top: -5px;
  margin-bottom: 10px;
}
form.form-fields .row .fields .field--checkbox ~ .fields__error,
form.form-fields .row .fields .field--radio ~ .fields__error {
  margin-top: 0;
}
form.form-fields .fields--splitted .field {
  float: left;
  width: 50%;
}
form.form-fields .inline .link--copy-address {
  margin-left: calc(35% + 5px);
}
form.form-fields .inline .row__label {
  display: inline-block;
  vertical-align: top;
  width: 35%;
  padding-top: 5px;
}
form.form-fields .inline .fields {
  display: inline-block;
  width: calc(65% - 5px);
}
form.form-fields .inline .field__required {
  display: inline-block;
}
form.form-fields .inline .field--radio,
form.form-fields .inline .field--checkbox {
  display: inline-block;
  margin-bottom: 0;
  height: 30px;
}
form.form-fields .inline .field--radio:last-of-type,
form.form-fields .inline .field--checkbox:last-of-type {
  margin-right: 0;
}
form.form-fields .form-fields__actions .form-fields__action--submit {
  float: right;
  background-color: #211261;
}
@media only screen and (max-width: 700px) {
  form.form-fields .inline .row__label,
  form.form-fields .inline .fields {
    width: 100%;
  }
  form.form-fields .inline .field--radio:last-of-type,
  form.form-fields .inline .field--checkbox:last-of-type {
    width: auto;
  }
  form.form-fields .inline .link--copy-address {
    margin-left: 0;
  }
  form.form-fields .row .fields .field .field__input {
    font-size: 16px;
  }
}

label.adjecent {
  color: #353535;
  vertical-align: middle;
}

label.adjecent + input,
label.adjecent + select,
select + select {
  vertical-align: middle;
}

.filter .three {
  width: 154px;
  margin: 0 2px;
}

.filter select.full {
  margin-bottom: 5px;
  width: 100%;
}

/* Error */
p.error {
  color: #cc2026;
}

div.errors p {
  margin-bottom: 10px;
}

/* Button - Search/Filter*/
button.enter {
  margin: 0;
}

/* Dataform */
@media only screen and (max-width: 980px) {
  input.search {
    width: 100%;
    box-sizing: border-box;
  }

  input.search + button.enter {
    margin-top: 10px;
  }
}
.timeframe .timeframe__label {
  display: block;
}
.timeframe .timeframe__from,
.timeframe .timeframe__to {
  margin-bottom: 10px;
}
.timeframe input[type='text'] {
  height: 20px;
  margin-right: 8px;
  padding: 5px;
}
.timeframe input[type='text'].dd, .timeframe input[type='text'].mm {
  width: 10%;
}
.timeframe input[type='text'].yyyy {
  width: 30%;
}

.selection-box .timeframe input[type='text'].dd,
.selection-box .timeframe input[type='text'].mm,
.selection-box .timeframe input[type='text'].yyyy {
  background: #fff;
}

.selection-box {
  padding: 16px;
  margin-top: 20px;
  background: #f4f4f4;
  clear: both;
}
.selection-box .selection-box__selected {
  margin-bottom: 16px;
}
.selection-box .selection-box__selected li {
  display: inline;
}
.selection-box .selection-box__selected li:after {
  content: ', ';
}
.selection-box .selection-box__selected li:last-child:after {
  content: '';
}
.selection-box .selection-box__select {
  display: block;
  width: 100%;
  margin-bottom: 20px;
}
.selection-box .selection-box__actions .button {
  background-color: #211261;
}
.selection-box .selection-box__actions .link--cancel,
.selection-box .selection-box__actions .button {
  margin-right: 9px;
}
.selection-box .selection-box__actions .link--cancel {
  display: inline-block;
  color: #c20016;
}

.form-summary {
  padding: 10px;
  margin-bottom: 20px;
  background: #f0f2f5;
}
.form-summary h2 {
  margin-top: 0;
}
.form-summary dl {
  margin-bottom: 20px;
}
.form-summary dd {
  margin-bottom: 15px;
}

div.ui-datepicker {
  line-height: 1.75;
  background: #fff;
  width: 175px;
  height: 145px;
  display: none;
}
div.ui-datepicker th,
div.ui-datepicker td {
  border: 0 none;
  height: 20px;
  text-align: center;
  width: 25px;
  vertical-align: middle;
}
div.ui-datepicker td.active {
  font-weight: bold;
  color: #000;
  background: #f00;
}
div.ui-datepicker th {
  background: #e0e5ea;
}
div.ui-datepicker td {
  cursor: pointer;
}
div.ui-datepicker td a {
  text-decoration: none;
  color: #353535;
}
div.ui-datepicker td.ui-datepicker-today, div.ui-datepicker td:hover {
  background: #e0e5ea;
}
div.ui-datepicker td.ui-datepicker-current-day {
  background: #58768b;
}
div.ui-datepicker td.ui-datepicker-current-day a {
  color: #fff;
}
div.ui-datepicker .ui-datepicker-header {
  background: #211261;
  padding: 0 7px;
  color: #fff;
  height: 20px;
  position: static;
}
div.ui-datepicker .ui-datepicker-header .month {
  margin-right: 1em;
}
div.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  text-align: center;
}
div.ui-datepicker .ui-datepicker-header a span {
  color: #fff;
  cursor: pointer;
  display: block;
  height: 20px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 10px;
  width: 10px;
}
div.ui-datepicker .ui-datepicker-header a.ui-datepicker-next span {
  right: 4px;
  left: auto;
}
div.ui-datepicker .ui-datepicker-header a.ui-state-disabled {
  display: none;
}
div.ui-datepicker .ui-datepicker-calendar tbody {
  background: #f0f2f5;
}

button.ui-datepicker-trigger {
  background-position: -125px -1px;
  background-color: #fff;
  vertical-align: middle;
  width: 16px;
  height: 0;
  overflow: hidden;
  padding-top: 16px;
}

/* ========== */
/* = Images = */
/* ========== */
div.image.left,
div.media.left {
  margin: 4px 16px 16px 0;
}

div.image.right,
div.media.right {
  margin: 4px 0 16px 16px;
}

div.image.center,
div.image.block,
div.media.center,
div.media.block {
  float: none;
  margin: 0 0 16px;
}

div.block.right {
  text-align: right;
}

div.block.left {
  text-align: left;
}

div.image.center,
div.media.center {
  text-align: center;
  float: none;
}

div.media img,
div.media .figure,
div.media .video {
  padding: 4px;
  border: 1px solid #cfd0d4;
}

div.media .audio img,
div.media .video img,
div.media .figure img {
  border: 0;
  padding: 0;
}

div.image img,
div.media img,
div.media .audio img,
div.media .video img,
div.media .figure img {
  width: auto;
  max-width: 100%;
}

div.media .video {
  display: block;
  float: left;
}

.figure-cols {
  overflow: hidden;
  margin-left: -10px;
  margin-right: -10px;
  clear: both;
}

.figure-cols__col {
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 20px;
  width: 50%;
  float: left;
}

.figure-cols--three .figure-cols__col {
  width: 33%;
}

.figure-cols__col img {
  max-width: 100%;
}

@media only screen and (max-width: 700px) {
  div.media {
    padding: 4px;
  }

  div.media .figure {
    width: auto !important;
  }

  .text > img {
    max-width: 100%;
  }

  div.media .video.youtube {
    position: relative;
    padding: 0 0 56.25%;
    height: 0;
    overflow: hidden;
    float: none;
  }
  div.media .video.youtube iframe,
  div.media .video.youtube object,
  div.media .video.youtube embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .figure-cols {
    margin-left: 0;
    margin-right: 0;
  }

  .figure-cols__col {
    width: auto;
    float: none;
    padding: 0;
    margin-top: 20px;
  }

  .figure-cols--three .figure-cols__col {
    width: auto;
  }

  .figure-cols__col:first-child {
    margin-top: 0;
  }
}
div.media p.caption {
  margin-bottom: 0;
}

#rightcolumn div.media img {
  padding: 1px;
}

.pivot-table-icon {
  padding: 2px 3px 3px;
  background-color: #58768b;
  color: #fff;
  text-decoration: none;
  margin-left: 5px;
  font-style: normal;
  display: inline-block;
  text-align: center;
  width: 14px;
  height: 18px;
  font-size: 14px;
  line-height: 17px;
}

/* Since generic link styles are defined at the bottom of general.scss, we
   have to overwrite some here... */
a.pivot-table-icon {
  color: #fff;
}

a.pivot-table-icon:link {
  text-decoration: none;
}

.dashboard {
  width: 100%;
  margin-top: 25px;
}

.statistics-form hr {
  border: none 0;
  border-top: 1px solid #58768b;
  margin: 32px 0;
}
.statistics-form .fields {
  margin-bottom: 15px;
}
.statistics-form .fields li {
  position: relative;
}
.statistics-form .fields input[type='checkbox'] + label,
.statistics-form .fields input[type='radio'] + label {
  display: block;
  padding: 5px 10px;
  padding-left: 31px;
}
.statistics-form .fields input[type='checkbox']:checked + label,
.statistics-form .fields input[type='radio']:checked + label {
  background: #e0e5ea;
}
.statistics-form .fields input[type='checkbox'],
.statistics-form .fields input[type='radio'] {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 10px;
}

.slider {
  clear: both;
  position: relative;
  margin-bottom: 20px;
}

.slides {
  background-color: #f0f2f5;
  height: 170px;
  overflow: hidden;
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
}

.slide {
  float: left;
  color: #353535;
  height: 100%;
  margin-right: 5px;
}

.slides--with-text .slide {
  max-width: 490px;
}
.slides--with-text .slide__content {
  display: block;
  padding-left: 175px;
}
.slides--with-text .slide__text {
  float: left;
  margin-top: 10px;
}
.slides--with-text .slide__visual {
  float: left;
  margin: 0 0 0 -175px;
}

.slider img {
  display: inline-block;
}

.slides--indicator .slide {
  width: 200px;
}

.slider__button--prev,
.slider__button--next {
  position: absolute;
  display: block;
  background-color: #58768b;
  color: #fff;
  width: 20px;
  height: 170px;
  cursor: pointer;
  z-index: 5;
}
.slider__button--prev:before,
.slider__button--next:before {
  content: '';
  display: inline-block;
  height: 20px;
  width: 100%;
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -10px;
}

.slider__button--next {
  right: 0;
  top: 0;
  bottom: 0;
  left: auto;
}
.slider__button--next:before {
  background-position: -151px 0;
}

.slider__button--prev {
  left: 0;
  top: 0;
  bottom: 0;
  right: auto;
}
.slider__button--prev:before {
  background-position: -185px 0;
}

.slider__button--transparent {
  background-color: rgba(88, 118, 139, 0.3);
}

.slider-menu {
  position: relative;
  background-color: #f0f2f5;
  height: 20px;
  width: 100%;
  text-align: center;
}

.slider__toggle-pause {
  float: left;
  position: relative;
  margin-top: 3px;
  margin-right: 20px;
  margin-left: 40%;
  background: #333;
  width: 15px;
  height: 15px;
  overflow: hidden;
}
.slider__toggle-pause:after, .slider__toggle-pause:before {
  content: '';
  position: absolute;
  display: block;
  top: 3px;
  bottom: 3px;
  width: 3px;
  background: #fff;
  left: 3px;
}
.slider__toggle-pause:after {
  left: auto;
  right: 3px;
}
.slider__toggle-pause .toggle-pause__button-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.slider__toggle-pause.js--paused:before {
  width: 0;
  height: 0;
  vertical-align: middle;
  border-left: 6px solid #fff;
  border-right: 6px solid transparent;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  content: '';
  position: absolute;
  background: transparent;
  top: 2px;
  left: 4px;
}
.slider__toggle-pause.js--paused:after {
  display: none;
}

.slider__progressbar {
  float: left;
  background: #fff;
  width: 120px;
  height: 5px;
  overflow: hidden;
  margin-top: 6px;
}
.slider__progressbar .slider__progressbar--inner {
  -webkit-transition: -webkit-transform 0.2s linear;
  transition: -webkit-transform 0.2s linear;
  transition: transform 0.2s linear;
  transition: transform 0.2s linear, -webkit-transform 0.2s linear;
  background: #333;
  position: relative;
  width: 0%;
  height: 0;
  padding-top: 5px;
  overflow: hidden;
}

@media only screen and (max-width: 700px) {
  .slides--indicator .slide {
    width: 300px;
  }

  .slider__toggle-pause {
    margin-left: 25%;
  }
}
/* Styles specifcly for twitter display in the slider*/
.twitter-feed-container > h2 {
  margin: 0;
  padding-bottom: 0.18em;
}

.slider--twitter,
.feed--twitter {
  position: relative;
  clear: both;
  overflow: hidden;
  border: 1px solid #e0e5ea;
  margin: 5px 0 20px;
  padding: 0;
  box-sizing: border-box;
}
.slider--twitter .slider__button--prev,
.slider--twitter .slider__button--next,
.feed--twitter .slider__button--prev,
.feed--twitter .slider__button--next {
  background-color: #410099;
}
.slider--twitter .slides,
.feed--twitter .slides {
  background-color: #f0f2f5;
  overflow: hidden;
}
.slider--twitter .slide,
.feed--twitter .slide {
  position: relative;
  display: inline-block;
  max-width: 490px;
  overflow: hidden;
  background-color: #fff;
  height: 170px;
  margin-right: 0;
  padding-right: 10px;
  box-sizing: border-box;
}
.slider--twitter .slide__content,
.feed--twitter .slide__content {
  display: block;
  padding-left: 175px;
}
.slider--twitter .slide__visual,
.feed--twitter .slide__visual {
  float: left;
  margin: 0 0 0 -175px;
}
.slider--twitter .slide__meta,
.feed--twitter .slide__meta {
  float: left;
  margin: 10px 0 20px;
  width: 100%;
}
.slider--twitter .slide__meta .name,
.feed--twitter .slide__meta .name {
  float: left;
  color: #211261;
  text-decoration: none;
  width: 80%;
}
.slider--twitter .slide__meta .timestamp,
.feed--twitter .slide__meta .timestamp {
  float: right;
  text-decoration: none;
  width: 20%;
  overflow: hidden;
  text-align: right;
}
.slider--twitter .slide__meta .handle,
.feed--twitter .slide__meta .handle {
  color: #353535;
  margin-top: 10px;
}
.slider--twitter .slide__body,
.feed--twitter .slide__body {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.slider--twitter .slide__body a,
.slider--twitter .slide__body a:link,
.feed--twitter .slide__body a,
.feed--twitter .slide__body a:link {
  color: #410099;
  text-decoration: underline;
}
.slider--twitter .slide__actions,
.feed--twitter .slide__actions {
  position: absolute;
  right: 10px;
  bottom: 10px;
  max-width: 300px;
}
.slider--twitter .slide__actions .slide__retweeted-indicator,
.feed--twitter .slide__actions .slide__retweeted-indicator {
  text-decoration: none;
  float: left;
  background: url("/system/images/backgrounds/retweet-indicator.png") no-repeat 0 4px;
  padding-left: 25px;
}
.slider--twitter .slide__actions .slide__retweeted-indicator,
.slider--twitter .slide__actions .timestamp,
.slider--twitter .slide__actions .twitter-actions a,
.feed--twitter .slide__actions .slide__retweeted-indicator,
.feed--twitter .slide__actions .timestamp,
.feed--twitter .slide__actions .twitter-actions a {
  color: #353535;
}
.slider--twitter .slide__actions .slide__reply-action,
.slider--twitter .slide__actions .slide__retweet-action,
.slider--twitter .slide__actions .slide__favorite-action,
.feed--twitter .slide__actions .slide__reply-action,
.feed--twitter .slide__actions .slide__retweet-action,
.feed--twitter .slide__actions .slide__favorite-action {
  background: url("/system/images/backgrounds/everything-spritev2.png") no-repeat 0 0;
  width: 16px;
  height: 0;
  padding-top: 16px;
  display: block;
  overflow: hidden;
  float: left;
  margin-left: 5px;
}
.slider--twitter .slide__actions .slide__reply-action:hover,
.feed--twitter .slide__actions .slide__reply-action:hover {
  background-position: -16px 0;
}
.slider--twitter .slide__actions .slide__favorite-action,
.feed--twitter .slide__actions .slide__favorite-action {
  background-position: -32px 0;
}
.slider--twitter .slide__actions .slide__favorite-action:hover,
.feed--twitter .slide__actions .slide__favorite-action:hover {
  background-position: -48px 0;
}
.slider--twitter .slide__actions .slide__retweet-action,
.feed--twitter .slide__actions .slide__retweet-action {
  background-position: -80px 0;
}
.slider--twitter .slide__actions .slide__retweet-action:hover,
.feed--twitter .slide__actions .slide__retweet-action:hover {
  background-position: -96px 0;
}

.feed--twitter {
  margin-bottom: 20px;
}
.feed--twitter .slider__button--prev,
.feed--twitter .slider__button--next,
.feed--twitter .slider-menu {
  display: none;
}
.feed--twitter .slides {
  width: 100%;
  height: auto;
  margin: 0;
}
.feed--twitter .slide {
  background-color: #fff;
  width: 100%;
  max-width: 100%;
  border-bottom: 1px solid #e0e5ea;
}
.feed--twitter .slide:last-child {
  border-bottom: 0;
}

#rightcolumn .slide__meta .name,
#rightcolumn .slide__meta .timestamp {
  display: block;
  float: none;
  text-align: left;
  width: auto;
}
#rightcolumn .slide__retweeted-indicator,
#rightcolumn .slide__visual {
  display: none;
}
#rightcolumn .slide__content {
  padding: 0 10px;
}
#rightcolumn .slide__meta {
  margin-bottom: 10px;
  width: auto;
  display: block;
  float: none;
}
#rightcolumn .slide__meta .name,
#rightcolumn .slide__meta .timestamp {
  line-height: 1.25;
}
#rightcolumn .slide__body {
  margin-bottom: 10px;
}
#rightcolumn .slide__actions {
  position: static;
  clear: both;
  float: none;
}
#rightcolumn .slide {
  height: auto;
  padding-right: 0;
}
#rightcolumn .slide__reply-action {
  clear: both;
  margin: 0 0 10px;
  overflow: hidden;
}
#rightcolumn .slide__body,
#rightcolumn .slide__actions,
#rightcolumn .slide__retweeted-indicator {
  font-size: 92.5%;
}

@media only screen and (max-width: 700px) {
  .slider.slider--twitter .slides,
  .slider.slider--twitter .slider__button--prev,
  .slider.slider--twitter .slider__button--next {
    height: 455px;
  }
  .slider.slider--twitter .slide {
    width: 230px;
    height: 455px;
    padding: 10px;
  }
  .slider.slider--twitter .slide__content {
    display: block;
    padding-left: 0;
  }
  .slider.slider--twitter .slide__visual {
    display: block;
    margin: 0;
  }
  .slider.slider--twitter .slide__meta,
  .slider.slider--twitter .slide__body {
    clear: both;
  }
  .slider.slider--twitter .slide__actions {
    bottom: 30px;
    right: 10px;
  }

  .feed--twitter .slide {
    height: auto;
    padding: 10px;
  }
  .feed--twitter .slide .slide__content {
    padding-left: 95px;
  }
  .feed--twitter .slide .slide__visual {
    width: 85px;
    height: 85px;
    margin: 0 0 0 -95px;
  }
  .feed--twitter .slide .slide__meta {
    margin: 0 0 10px;
  }
  .feed--twitter .slide .slide__actions {
    position: relative;
    float: right;
  }
}
@media only screen and (max-width: 320px) {
  .slider--twitter .slide {
    width: 100%;
  }
}
.summary {
  background: #f0f2f5;
  margin: 10px 0 20px;
  padding: 10px 10px 10px 0;
}

.summary table {
  table-layout: fixed;
  width: 100%;
}

.summary td.label {
  padding: 0 5px 0 20px;
  font-weight: bold;
  width: 150px;
}

/* Clearfix */
.summary dl:after {
  content: '';
  visibility: hidden;
  clear: both;
  display: block;
  height: 0;
}

.summary dl {
  *zoom: 1;
}

@media only screen and (max-width: 890px) {
  .summary {
    padding-top: 10px;
  }

  .summary table td {
    display: block;
    padding: 0 5px 0 20px;
    width: auto;
  }
  .summary table td.label {
    margin-top: 10px;
  }
}
.chart-display {
  height: 100%;
  overflow: auto;
}
.chart-display > div {
  height: 100%;
}
.chart-display :global .toc {
  display: none;
}

.chart-main-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.chart-main-split {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.chart-main-splitLeft {
  composes: split;
  text-align: left;
}
.chart-main-splitLeft button {
  margin-right: 20px;
}
.chart-main-splitLeft button:last-child {
  margin-right: 0;
}

.chart-main-splitRight {
  composes: split;
  text-align: right;
}
.chart-main-splitRight button {
  margin-left: 20px;
}
.chart-main-splitRight button:first-child {
  margin-left: 0;
}

.chart-main-languageToggle {
  font-size: 0.8em;
  text-align: right;
  position: relative;
  top: -10px;
}
.chart-main-languageToggle a {
  padding: 10px 5px;
  margin: 0 5px;
}
.chart-main-languageToggle a:last-child {
  margin-right: 0;
}

.chart-main-activeLanguage {
  cursor: default;
  pointer-events: none;
  background: #f0f2f5;
  color: #353535 !important;
  text-decoration: none !important;
}

.config-opener__config_query {
  position: absolute;
  left: 10px;
  right: 150px;
}
.config-opener__config_query input {
  width: 100%;
  display: block;
  box-sizing: border-box;
  padding: 5px;
  font: inherit;
  min-height: 20px;
  background: #f0f2f5;
  border: 1px solid #e0e5ea;
  z-index: 5;
}

.config-opener__toggle_mine {
  position: relative;
  float: right;
  padding: 2px 10px 10px;
  line-height: 1.5em;
  z-index: 5;
}

.config-opener__configs {
  position: relative;
  clear: both;
}

.config-opener__list {
  min-width: 450px;
  margin-top: 20px;
  min-height: 50px;
  max-height: 400px;
  overflow: hidden;
  overflow-y: auto;
  -webkit-transition: opacity 400ms;
  transition: opacity 400ms;
}

.config-opener__result {
  font: inherit;
  background: none;
  display: block;
  text-align: left;
  border-bottom: 1px solid #e0e5ea;
  padding: 10px 0;
  text-decoration: none;
  color: #353535;
  width: 100%;
}
.config-opener__result.config-opener__yours .config-opener__result-author {
  color: #410099;
}
.config-opener__result span {
  display: inline;
}
.config-opener__result:hover .config-opener__result-title, .config-opener__result:focus .config-opener__result-title {
  color: #410099;
  text-decoration: underline;
}
.config-opener__result:hover .config-opener__result-meta, .config-opener__result:focus .config-opener__result-meta {
  opacity: 1;
}
.config-opener__result:hover .config-opener__result-copy, .config-opener__result:focus .config-opener__result-copy {
  display: inline;
}
.config-opener__result:hover .config-opener__result-author, .config-opener__result:focus .config-opener__result-author {
  display: none;
}
.config-opener__result:last-child {
  border-bottom: 0;
}
.config-opener__result .config-opener__result-title {
  display: block;
}
.config-opener__result .config-opener__result-meta {
  opacity: 0.7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.75em;
  margin-top: 10px;
}
.config-opener__result .config-opener__result-copy {
  display: none;
}
.config-opener__result .config-opener__result-date {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.config-opener__loading {
  opacity: 0.2;
  pointer-events: none;
}

.config-opener__loader_wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 3px;
  height: auto;
  margin-top: 10px;
}
.config-opener__loader_wrapper .loader {
  margin: 0 auto;
}

.input--disabled label {
  text-decoration: line-through;
}

.input__description {
  color: #58768b;
  font-size: 0.85em;
}

.options-general__labels {
  position: relative;
}
.options-general__labels h3 {
  margin-top: 20px;
}

.options-general__serie_color {
  height: 18px;
  width: 18px;
  position: absolute;
  top: 6px;
  left: 6px;
}

.options-general__serie {
  position: relative;
}
.options-general__serie input {
  padding-left: 30px !important;
}

.options-general__renamable_label {
  position: relative;
}

.options-general__check {
  position: absolute;
  height: 18px;
  width: 18px;
  top: 6px;
  right: 30px;
}

.options-general__has_translation_label {
  position: absolute;
  right: 30px;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  margin-top: -10px;
}

.options-general__has_translation input {
  width: calc(100% - 60px) !important;
}

.options-general__available path {
  fill: #7faa39;
}

.options-general__unavailable {
  opacity: 0.1;
}

.options-general__sortable .draggable {
  cursor: -webkit-grab;
  cursor: grab;
  position: relative;
}
.options-general__sortable .draggable:hover .options-general__sortable-handle {
  opacity: 1;
}
.options-general__sortable .dragged {
  opacity: 0.7;
}
.options-general__sortable .placeholder {
  opacity: 0.5;
}
.options-general__sortable .options-general__sortable-handle {
  opacity: 0.5;
  display: block;
  width: 16px;
  background: url("/system/images/icons/drag.svg") center no-repeat;
  background-size: contain;
  position: absolute;
  top: 30px;
  bottom: 15px;
  right: 0;
}
.options-general__sortable .options-general__sortable-handle.options-general__sortable-handle--small {
  top: 6px;
}

.options-general__description {
  color: #58768b;
  font-size: 0.85em;
}

.options-settings .field--checkbox {
  margin-top: 10px;
}

.options-settings__visual_selector {
  clear: both;
  overflow: hidden;
  margin: -5px;
}
.options-settings__visual_selector .options-settings__visual {
  float: left;
  background: #211261;
  width: 67px;
  height: 67px;
  margin: 5px;
  opacity: 0.2;
  color: #fff;
  pointer-events: none;
  overflow: hidden;
}
.options-settings__visual_selector .options-settings__available {
  opacity: 1;
  pointer-events: auto;
}
.options-settings__visual_selector .options-settings__check {
  border: 2px solid #fff;
  background: rgba(33, 18, 97, 0.7);
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.options-settings__visual_selector .options-settings__check svg {
  height: 30px;
  width: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.options-settings__visual_selector .options-settings__check path {
  fill: #fff;
}

.options-styling {
  clear: both;
  margin: -5px;
}

.options-styling__color {
  float: left;
  width: 67px;
  height: 67px;
  margin: 5px;
  border: 2px solid transparent;
  opacity: 0.05;
  pointer-events: none;
}

.options-styling__active {
  border-color: #211261;
}

.options-styling__checkmark {
  -ms-flex-item-align: center;
      align-self: center;
  height: 30px;
  width: 30px;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.options-styling__checkmark path {
  fill: #fff;
}

.options-styling__available {
  opacity: 1;
  pointer-events: auto;
}

.serie-search {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
      flex-flow: column;
  margin-top: 10px;
}
.serie-search label {
  font-size: 0.75em;
  margin-bottom: 5px;
}

.serie-search__query {
  padding: 5px;
  font: inherit;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 20px;
  background: #f0f2f5;
  border: 1px solid #e0e5ea;
}

.serie-search__results {
  margin-top: 10px;
  max-height: 400px;
  overflow: hidden;
  overflow-y: auto;
}
.serie-search__results .serie-search__result {
  display: block;
  text-align: left;
  border-bottom: 1px solid #e0e5ea;
  padding: 10px 0;
  text-decoration: none;
  color: #353535;
}
.serie-search__results .serie-search__result:last-child {
  border-bottom: 0;
}
.serie-search__results .serie-search__result .serie-search__result-title {
  color: #410099;
  display: block;
  text-decoration: underline;
}
.serie-search__results .serie-search__result .serie-search__result-date {
  display: block;
  font-size: 0.75em;
  margin-top: 10px;
}

.serie-selector {
  position: relative;
  margin-bottom: 20px;
}
.serie-selector:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: ' ';
  clear: both;
  height: 0;
}
.serie-selector > button {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.serie-selector .serie-selector__selected_serie {
  position: relative;
  width: 100%;
  margin: 20px 0 10px;
  z-index: 11;
}
.serie-selector .serie-selector__selected_serie:after {
  content: '';
  position: absolute;
  border: 6px solid transparent;
  border-color: #fff transparent transparent;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-30%);
          transform: translateY(-30%);
}
.serie-selector .serie-selector__popover {
  background: #fff;
  position: absolute;
  border: 1px solid #e0e5ea;
  padding: 52.5px 10px 10px;
  z-index: 10;
  left: -10px;
  right: -10px;
  top: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  display: none;
}
.serie-selector .serie-selector__series {
  max-height: 320px;
  overflow: auto;
  overflow-x: hidden;
}
.serie-selector.serie-selector__series--shown .serie-selector__selected_serie {
  background: #f0f2f5;
  color: #353535;
}
.serie-selector.serie-selector__series--shown .serie-selector__popover {
  display: block;
}
.serie-selector .serie-selector__add_new {
  border-top: 1px solid #e0e5ea;
  margin-top: 10px;
}
.serie-selector .serie-selector__add_new button {
  margin: 20px 0 10px;
}
.serie-selector .serie-selector__add_new button.serie-selector__add_new--disabled {
  opacity: 0.2;
  pointer-events: none;
}

.serie-selector__serie {
  margin: 0;
  position: relative;
}
.serie-selector__serie label {
  cursor: pointer;
  display: block;
  padding: 10px 10px 0 30px;
}
.serie-selector__serie .serie-selector__radio {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 10px;
}
.serie-selector__serie input.serie-selector__name {
  padding: 5px;
  border: 1px solid #e0e5ea;
  font: inherit;
}
.serie-selector__serie button {
  margin: 0;
  background: #e0e5ea;
}
.serie-selector__serie button:hover {
  background: #7faa39;
}
.serie-selector__serie.serie-selector__serie--active {
  background: #f0f2f5;
}
.serie-selector__serie.serie-selector__serie--hidden .serie-selector__serie-name {
  text-decoration: line-through;
}
.serie-selector__serie:hover .actions {
  opacity: 1;
}
.serie-selector__serie .serie-selector__actions {
  padding-left: 30px;
  opacity: 0.2;
  font-size: 0.875em;
}
.serie-selector__serie .serie-selector__actions button {
  background: none;
  color: #211261;
  text-decoration: underline;
  padding-left: 0;
  padding-top: 0;
}

.chart-tool-sidebar__tabs {
  opacity: 0.1;
  pointer-events: none;
}
.chart-tool-sidebar__tabs.chart-tool-sidebar__tabs--active {
  opacity: 1;
  pointer-events: auto;
}

.chart-tool-sidebar {
  max-width: 300px;
}

.chart-tool-tabs {
  padding: 10px 10px 0;
}
.chart-tool-tabs li:hover {
  border-color: #58768b;
}
.chart-tool-tabs li.chart-tool-tab--active a {
  cursor: default;
}

.chart-tool-tab {
  display: none;
}
.chart-tool-tab.chart-tool-tab--active {
  display: block;
}

.toolbar-tabs {
  padding: 10px 10px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  overflow-x: auto;
  border: 0;
  margin: 0;
  position: relative;
  z-index: 2;
}
.toolbar-tabs .toolbar-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.toolbar-tabs .toolbar-tab.toolbar-tab--active {
  margin-bottom: -1px;
}
.toolbar-tabs .toolbar-tab .toolbar-tab-title {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 150px;
}
.toolbar-tabs .toolbar-tab.toolbar-tab--closable .toolbar-tab-title {
  padding-right: 2px;
}
.toolbar-tabs .toolbar-tab .toolbar-tab-close {
  padding: 0 8px;
  margin: 0;
  line-height: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.toolbar-tabs .toolbar-tab .toolbar-tab-close:hover {
  background: #7B98AC;
}
.toolbar-tabs .toolbar-tab .toolbar-tab-close:hover svg path {
  fill: #fff;
}
.toolbar-tabs .toolbar-tab .toolbar-tab-close svg {
  width: 16px;
  height: 16px;
}
.toolbar-tabs .toolbar-tab .toolbar-tab-close svg path {
  fill: #211261;
}
.toolbar-tabs li:hover {
  border-color: #58768b;
}
.toolbar-tabs li.toolbar-tab--active a {
  cursor: default;
}

.toolbar-tabs__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.toolbar-tabs__actions .toolbar-tabs__actions--secondary,
.toolbar-tabs__actions .toolbar-tabs__actions--primary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.toolbar-tabs__actions .toolbar-tabs__actions--primary {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.toolbar-tabs__actions .toolbar-tabs__actions--primary > * {
  margin-left: 10px;
}
.toolbar-tabs__actions .toolbar-tabs__actions--secondary > * {
  margin-right: 10px;
}

.toolbar-tabs__divider {
  margin-top: -20px;
  content: '';
  right: 0;
  height: 1px;
  background: #58768b;
  left: 0;
  position: relative;
  z-index: 1;
}

.chart-tool-wysiwyg {
  background: #fff;
  border: 1px solid #e0e5ea;
  padding: 10px;
  margin-right: 20px;
}

.chart-tool-wysiwyg__editor {
  border-top: 1px solid #e0e5ea;
  cursor: text;
  margin-top: 10px;
  padding-top: 10px;
  max-height: 300px;
  min-height: 100px;
  overflow: auto;
}
.chart-tool-wysiwyg__editor .public-DraftEditor-content {
  min-height: 100px;
}

.chart-tool-wysiwyg__editor--hide_placeholder .public-DraftEditorPlaceholder-root {
  display: none;
}

.chart-tool-wysiwyg__controls {
  font-family: 'Helvetica', sans-serif;
  font-size: 14px;
  margin-bottom: 5px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.chart-tool-wysiwyg__style_button {
  color: #999;
  cursor: pointer;
  margin-right: 16px;
  padding: 2px 0;
  display: inline-block;
}

.chart-tool-wysiwyg__active_button {
  color: #5890ff;
}

.chart-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 10px 0;
}

form.chart-choose {
  text-align: center;
}
form.chart-choose button.chart-choose__button--inactive {
  pointer-events: none;
  opacity: 0.1;
}
form.chart-choose .row .fields .field select.field__select {
  margin-right: 10px;
  width: auto;
}
form.chart-choose .chart-choose__or {
  opacity: 0.7;
  margin: 10px;
}

.chart__input_group {
  text-align: left;
  max-width: 300px;
  margin: 20px auto;
}

.chart__resource_group {
  text-align: left;
  max-width: 400px;
  margin: 20px auto;
}

.chart__main {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 620px;
          flex: 0 0 620px;
  padding-right: 20px;
  max-width: 620px;
}
.chart__main.chart__main--full-width {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: none;
}
.chart__main form.form-fields fieldset {
  background: none;
}

.chart__sidebar {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 300px;
          flex: 0 1 300px;
  margin-top: 20px;
}

.chart__unsaved_changed {
  font-size: 0.7em;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  white-space: nowrap;
}

.chart__add.chart__add--disabled {
  pointer-events: none;
  opacity: 0.4;
}

.chart-tool-dashboard__layouts-popover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 500px;
}

.chart-tool-dashboard__add_block {
  position: relative;
  z-index: 22;
}

.chart-tool-dashboard__preview {
  background: #f0f2f5;
  padding: 10px;
  margin-left: 10px;
}
.chart-tool-dashboard__preview.chart-tool-dashboard__preview--sm {
  width: 100px;
}
.chart-tool-dashboard__preview.chart-tool-dashboard__preview--md {
  width: 150px;
}
.chart-tool-dashboard__preview.chart-tool-dashboard__preview--lg {
  width: 180px;
}
.chart-tool-dashboard__preview:first-child {
  margin-left: 0;
}
.chart-tool-dashboard__preview h4 {
  text-align: center;
  font-size: 0.75em;
  margin-bottom: 10px;
}
.chart-tool-dashboard__preview .chart-tool-dashboard__block {
  background: #58768b;
  color: #fff;
  position: relative;
  cursor: move;
}
.chart-tool-dashboard__preview .chart-tool-dashboard__block .chart-tool-dashboard__nr {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.chart-tool-dashboard__content {
  margin-top: 30px;
}

.chart-tool-dashboard__choose {
  text-align: center;
}

.chart-tool-dashboard__unsaved_changes {
  font-size: 0.7em;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  white-space: nowrap;
}

.dashboard-display__previewing h1 {
  margin-top: 20px;
}

.dashboard-item-block {
  height: 100%;
}
.dashboard-item-block.dashboard-item-block--with-background {
  background: #f0f2f5;
}
.dashboard-item-block .chart2 {
  margin: 0;
  min-height: 100%;
  max-height: none;
  padding: 10px 0;
  box-sizing: border-box;
}
.dashboard-item-block .chart2--indicator {
  padding: 0;
}

.dashboard-item-block--edit-text {
  overflow: auto;
  overflow-x: hidden;
}

.dashboard-item__chart_container {
  height: 100%;
}
.dashboard-item__chart_container.dashboard-item__chart_container--has_click {
  cursor: pointer;
}

.dashboard-item__form .dashboard-item__row {
  padding: 10px;
  min-height: 30px;
}
.dashboard-item__form .dashboard-item__row label {
  line-height: 1.5em;
}
.dashboard-item__form .dashboard-item__row .dashboard-item__field input,
.dashboard-item__form .dashboard-item__row .dashboard-item__field textarea,
.dashboard-item__form .dashboard-item__row .dashboard-item__field select {
  box-sizing: border-box;
  font: inherit;
  width: 100%;
}
.dashboard-item__form .dashboard-item__row .dashboard-item__field input,
.dashboard-item__form .dashboard-item__row .dashboard-item__field textarea {
  background: #fff;
  border: 1px solid #e0e5ea;
}
.dashboard-item__form .dashboard-item__row .dashboard-item__field textarea {
  height: 100px;
}

/**
 * Pivot Table - Auto Sizer Container
 */
.pivot-table__auto_sizer_container {
  height: 80vh;
  width: 100%;
  position: relative;
}

@media (min-width: 700px) {
  .pivot-table__auto_sizer_container {
    width: 94vw;
  }
}
@media (min-width: 980px) {
  .pivot-table__auto_sizer_container {
    left: calc((98vw - 980px) / 2 * -1);
    width: 95vw;
  }
}
/**
 * Pivot Table layout
 */
.pivot-table {
  width: 100%;
}

@media (min-width: 700px) {
  .pivot-table {
    width: 94vw;
  }
}
@media (min-width: 980px) {
  .pivot-table {
    width: 95vw;
  }
}
/**
 * Pivot Table - MultiGrid
 */
.pivot-table > div {
  margin: auto;
}

@media (min-width: 980px) {
  .pivot-table > div {
    min-width: 940px;
  }
}
/**
 * Pivot Table
 */
.pivot-table {
  position: relative;
  margin-bottom: 20px;
  font-size: 0.67rem;
  line-height: 19px;
}
.pivot-table .ReactVirtualized__Grid {
  outline: none;
}
.pivot-table .pivot-table-header,
.pivot-table .pivot-table-label,
.pivot-table .pivot-table-cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 3px 6px;
  box-sizing: border-box;
}
.pivot-table .pivot-table-header label,
.pivot-table .pivot-table-label label,
.pivot-table .pivot-table-cell label {
  overflow: hidden;
  display: inline-block;
  position: relative;
}
.pivot-table .pivot-table-label:not(.pivot-table-label--rowspan) label {
  white-space: nowrap;
  text-overflow: ellipsis;
}
.pivot-table .pivot-table-label:not(.pivot-table-label--rowspan).hover {
  z-index: 1;
  box-shadow: 0 0 6px #999;
  border: 1px solid #999 !important;
  height: auto !important;
  white-space: normal;
  padding: 2px 5px;
}
.pivot-table .pivot-table-label:not(.pivot-table-label--rowspan).hover label {
  white-space: normal;
}
.pivot-table .pivot-table-label--with-checkbox label {
  padding-left: 16px;
}
.pivot-table .pivot-table-label--with-checkbox .table-row__checkbox,
.pivot-table .pivot-table-label--with-checkbox #selectall-rows,
.pivot-table .pivot-table-label--with-checkbox .table-column__checkbox {
  position: absolute;
  top: 3px;
  left: 0;
}
.pivot-table .pivot-table-header {
  padding-right: 15px;
  font-style: italic;
}
.pivot-table .pivot-table-header--bottom {
  border-bottom: 2px solid #58768b;
}
.pivot-table .pivot-table-header--right {
  border-right: 2px solid #58768b;
  border-top: 1px solid #f0f2f5;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.pivot-table .pivot-table-header--right.pivot-table-header--top {
  border-top: 0;
}
.pivot-table .pivot-table-header--right.pivot-table-header--bottom {
  border-top: 0;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.pivot-table .pivot-table-label--column {
  background: #fff;
  border-left: 1px solid #f0f2f5;
  border-top: 1px solid #f0f2f5;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  white-space: nowrap;
}
.pivot-table .pivot-table-label--column.pivot-table-label--top {
  border-top: 0;
}
.pivot-table .pivot-table-label--column.pivot-table-label--bottom {
  border-bottom: 2px solid #58768b;
  border-top: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pivot-table .pivot-table-label--column.pivot-table-label--left {
  border-left: 0;
}
.pivot-table .pivot-table-label--column.pivot-table-label--colspan {
  border-left: 0;
}
.pivot-table .pivot-table-label--column.pivot-table-label--colspan-start {
  border-left: 1px solid #f0f2f5;
}
.pivot-table .pivot-table-label--row {
  background: #e0e5ea;
  border-right: 1px solid #f0f2f5;
  border-bottom: 1px solid #f0f2f5;
  color: #211261;
}
.pivot-table .pivot-table-label--row.pivot-table-label--bottom {
  border-bottom: 0;
}
.pivot-table .pivot-table-label--row.pivot-table-label--right {
  border-right: 0;
}
.pivot-table .pivot-table-cell {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.pivot-table .pivot-table-cell--even {
  background: #f0f2f5;
}
.pivot-table .pivot-table-cell--selected-column.pivot-table-cell--selected-row {
  background: #D7CCAF;
}
.pivot-table .pivot-table-cell--selected-column.pivot-table-cell--selected-row.pivot-table-cell--even {
  background: #cfc19e;
}

a.add-to-chart-tool-button {
  display: none;
}

.dnbNetwork a.add-to-chart-tool-button {
  display: inline-block;
}

.resource-explorer--chart .pivot-table__auto_sizer_container,
.resource-explorer--download .pivot-table__auto_sizer_container,
.resource-explorer--explanation .pivot-table__auto_sizer_container {
  display: none;
}

.statistics-filter {
  margin-bottom: 30px;
}

.statistics-filter-item {
  position: relative;
}
.statistics-filter-item input {
  position: absolute;
  top: 6px;
  left: 0;
}
.statistics-filter-item span {
  display: block;
  margin-left: 20px;
}
.statistics-filter-item.statistics-filter-item--active {
  font-weight: bold;
}

.statistics-filter__reset {
  margin-top: 5px;
}

.statistics-filter__no_filters {
  font-style: italic;
  color: #58768b;
}

.statistics-search-form .statistics-search-form__query.statistics-search-form__query {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 110px;
}
.statistics-search-form .statistics-search-form__query.statistics-search-form__query input {
  margin: 0;
  font: inherit;
  padding: 5px;
  width: 100%;
  height: auto;
}
.statistics-search-form select {
  font: inherit;
}
.statistics-search-form button {
  padding: 9px;
  margin: 1px 0;
}
.statistics-search-form .statistics-search-form__options {
  margin-top: 10px;
}

.statistics-search-form__sort_by {
  float: right;
}

ul.statistics-search-results {
  position: relative;
  background: #410099;
  z-index: 1;
}
ul.statistics-search-results.statistics-search-results--loading {
  opacity: 0.2;
  pointer-events: none;
}
ul.statistics-search-results .statistics-search-result {
  padding: 0;
  margin: 0;
  display: block;
}
ul.statistics-search-results .statistics-search-result a {
  display: block;
  text-decoration: none;
  color: #353535;
}
ul.statistics-search-results .statistics-search-result a dl {
  padding: 10px;
  background: #fff;
  display: block;
  -webkit-transition: -webkit-transform 200ms;
  transition: -webkit-transform 200ms;
  transition: transform 200ms;
  transition: transform 200ms, -webkit-transform 200ms;
}
ul.statistics-search-results .statistics-search-result a:hover dl {
  -webkit-transform: translateX(30px);
          transform: translateX(30px);
}
ul.statistics-search-results .statistics-search-result dt {
  text-decoration: none;
}
ul.statistics-search-results .statistics-search-result h4 {
  text-decoration: none !important;
  color: #410099;
}

.statistics-search-results-wrapper {
  position: relative;
}

.statistics-search-result__meta_icon {
  margin-right: 6.66667px;
}

.statistics-search-result__tags .tag {
  background-color: #f0f2f5;
  margin-top: 0;
  margin-right: 10px;
}
.statistics-search-result__tags .tag:last-child {
  margin-right: 0;
}

.statistics-search-results__icon {
  margin-top: -2px;
  display: inline-block;
  width: 23px;
  height: 21px;
}
.statistics-search-results__icon.statistics-search-results__icon--table {
  width: 21px;
}
.statistics-search-results__icon.statistics-search-results__icon--table path {
  fill: #B8450E;
}
.statistics-search-results__icon svg {
  vertical-align: middle;
  width: 100%;
}

.actionsBar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1em;
}
.actionsBar .left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.actionsBar .right {
  margin-left: auto;
}
.actionsBar .right,
.actionsBar .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.columnLayout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.columnLayout.layout-home .contentColumn {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 80%;
          flex: 1 1 80%;
}
.columnLayout.layout-home .asideColumn {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 20%;
          flex: 1 1 20%;
}
.columnLayout.layout-content .contentColumn {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.columnLayout.layout-content .asideColumn {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 180px;
          flex: 0 0 180px;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  margin-left: 20px;
}
.columnLayout.layout-content .navColumn {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 260px;
          flex: 0 0 260px;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-right: 20px;
}
.columnLayout.layout-wide .contentColumn {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.columnLayout.layout-wide .navColumn {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 260px;
          flex: 0 0 260px;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-right: 20px;
}
.columnLayout.layout-wide .navColumn--wide {
  -ms-flex-preferred-size: 300px;
      flex-basis: 300px;
}

@media only screen and (max-width: 700px) {
  .columnLayout {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

  .columnLayout.layout-home .contentColumn,
  .columnLayout.layout-content .contentColumn,
  .columnLayout.layout-wide .contentColumn {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .columnLayout.layout-home .navColumn,
  .columnLayout.layout-content .navColumn,
  .columnLayout.layout-wide .navColumn {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .columnLayout.layout-home .asideColumn,
  .columnLayout.layout-content .asideColumn,
  .columnLayout.layout-wide .asideColumn {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
.devInfo {
  display: none;
}

.loaderContainer {
  font-size: 10px;
  width: 40em;
  height: 40em;
  overflow: hidden;
  margin: 0 auto;
}

.loader {
  margin: 60px auto;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(240, 242, 245, 0.92);
  border-right: 1.1em solid rgba(240, 242, 245, 0.92);
  border-bottom: 1.1em solid rgba(240, 242, 245, 0.92);
  border-left: 1.1em solid #211261;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: loader 1.1s infinite linear;
  animation: loader 1.1s infinite linear;
}

.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}

@-webkit-keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.popover-container {
  position: relative;
}
.popover-container .popover-button {
  position: relative;
  width: 100%;
  margin: 0;
  z-index: 11;
  padding-right: 30px;
  text-align: left;
  float: left;
}
.popover-container .popover-button:after {
  content: '';
  position: absolute;
  border: 6px solid transparent;
  border-color: #fff transparent transparent;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-30%);
          transform: translateY(-30%);
}
.popover-container .popover-button span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.popover-container .popover {
  background: #fff;
  position: absolute;
  border: 1px solid #e0e5ea;
  padding: 52.5px 10px 10px;
  z-index: 10;
  top: -10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  visibility: hidden;
  pointer-events: none;
  left: -10px;
  min-width: 100%;
}
.popover-container.popover-container--right .popover {
  left: -10px;
  right: auto;
}
.popover-container.popover-container--left .popover {
  left: auto;
  right: -10px;
}
.popover-container.popover-container--shown .popover-button {
  background: #f0f2f5;
  color: #353535;
  box-shadow: 0 0 0 1px #323E48;
}
.popover-container.popover-container--shown .popover-button:after {
  border-color: #323E48 transparent transparent;
}
.popover-container.popover-container--shown .popover {
  visibility: visible;
  pointer-events: auto;
}

/* ============ */
/* = Printing = */
/* ============ */
.print {
  display: none !important;
}

.hidden {
  display: none !important;
}

/* ================= */
/* = Accessibility = */
/* ================= */
.acc, #skiplinks a, .carousel .menu .carousel__pagination > li a span,
table caption {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* =========== */
/* = General = */
/* =========== */
.left {
  float: left;
}

.right {
  float: right;
}

a.back,
a.back:link,
dl.faq dt,
dd.more a {
  color: #1226AA;
}

dd.faq a.more {
  margin-bottom: 16px;
  display: block;
}

a.back,
a.back:link {
  color: #410099;
  background-position: -4000px 4px;
}

a,
a:link {
  text-decoration: underline;
}

.tag {
  margin-top: 5px;
  margin-right: 5px;
  padding: 2px 8px;
  background: #e0e5ea;
  display: inline-block;
  color: #353535;
}

a.tag {
  text-decoration: none;
}

a.tag:hover {
  text-decoration: underline;
}

a.tag:hover,
a.tag:visited {
  color: currentColor;
}

.tag.tag--theme {
  padding: 4px 16px;
  margin-top: 10px;
  margin-right: 10px;
  background-color: #f0f2f5;
}

a.tag.tag--theme:hover {
  background-color: #410099;
  color: #fff;
}

/* ================ */
/* = Autoclearing = */
/* ================ */
#sitemap ul:after,
.teaser:after,
#service ul:after,
.row:after,
#readspeaker .body:after,
.tabs:after,
.filter fieldset p:after,
div.block:after,
.filter:after,
#footer:after,
#content div.footer:after,
dl.meta:after,
#content:after,
#navigation ul:after {
  content: ' ';
  visibility: hidden;
  clear: both;
  display: block;
  height: 0;
  width: 0;
}

/* ========== */
/* = Print! = */
/* ========== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  html {
    width: 100%;
  }

  #page {
    width: 100%;
  }

  body.staging #logo:after {
    content: 'Stagingomgeving NIET GEBRUIKEN';
    top: 0;
    right: 0;
    text-align: right;
    width: 50%;
    position: absolute;
    z-index: 100;
    font-weight: bold;
    font-size: 30px;
    text-decoration: none;
    border: 0 none;
  }

  .no-print,
  .cookiebar,
  .sharing,
  #readspeaker,
  .sitemap,
  #service,
  #navigation,
  #navcolumn,
  #relatedcolumn dl.related,
  #rightcolumn,
  .leftcolumn,
  .twitter-feed-container,
  a.footer,
  #totop,
  .pagination,
  #footer .links,
  form.filter,
  .carousel {
    display: none !important;
  }

  .print {
    display: block !important;
  }

  .wrapper,
  .column {
    padding: 0 !important;
    margin: 0 !important;
  }

  .adjecent {
    padding-top: 0.5cm !important;
  }

  #header {
    height: auto;
    position: static;
    border-bottom: 2px solid #000;
    padding: 20px 0;
  }

  #logo {
    float: none;
  }

  #sectionheader {
    position: static;
    height: auto;
    top: 0;
  }

  h1 {
    padding-top: 0.5cm;
  }

  #content,
  #content #contentcolumn,
  #content.section,
  #content.layout-related {
    font-size: 12pt !important;
    position: static;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none;
    min-height: 0;
  }

  #content a[href]:after {
    content: " (" attr(href) ")";
  }
  #content abbr[title]:after {
    content: " (" attr(title) ")";
  }
  #content table a[href]:after,
  #content .interactive-tabs .tabs a[href]:after {
    content: none;
  }

  #relatedcolumn {
    position: static;
    padding: 0;
    margin: 0 !important;
    float: none;
    width: 100% !important;
  }

  dl.links,
  dl.links dt {
    width: 100%;
  }

  .page-footer {
    margin: 40px 0 0;
    padding-top: 0;
  }

  .page-footer .footer__sitemap > ul,
  .page-footer .footer__disclaimer {
    width: 100%;
    max-width: none;
    padding: 0;
  }

  a.more:before,
  dd.more a:before,
  #content dl.faq dt.inactive a:before,
  ul.news li a:visited:before,
  ul.links li a:visited:before,
  dl.links li a:visited:before {
    border-left-color: #000;
  }

  #content dl.faq dt a:before {
    border-top-color: #000;
  }

  form.filter,
  div.filter,
  dl.filter {
    padding: 0;
  }

  /* Tabs styles */
  .interactive-tabs .tabbed {
    display: block;
  }

  .interactive-tabs .tabs li.break {
    clear: none;
  }

  .teaser {
    padding: 0;
  }

  .teaser.with-visual {
    margin: 20px 0;
  }

  .teaser.with-visual .wrapper > .visual {
    float: none;
    width: auto;
    max-width: 100%;
    margin: 0;
  }

  /* Timeline */
  .timeline h1,
  .timeline h2,
  .timeline h3 {
    text-align: left;
  }

  .timeline div.content,
  .timeline .quarter.dark,
  .timeline ul.entries-list div.article {
    position: auto;
    margin: 0;
    padding: 0;
    background: none;
  }

  .timeline h4,
  .timeline h3,
  .timeline .open.blue .header,
  .timeline .open.red .header,
  .timeline .open.green .header,
  .timeline .open.yellow .header,
  .timeline .open .header,
  .timeline .header {
    color: #000;
    position: auto;
    margin: 0;
    padding: 0;
    background: none;
  }

  .timeline,
  .timeline h4,
  .timeline h3,
  .timeline .stage,
  .timeline .quarter.dark,
  .timeline ul.entries-list,
  .timeline ul.entries-list li.timelineitem,
  .timeline ul.entries-list .open div.article,
  .timeline ul.entries-list .absolute-left .header,
  .timeline ul.entries-list .absolute-right .header,
  .timeline ul.entries-list .header {
    width: 100%;
    position: static;
    margin: 0;
    padding: 0;
    border: 0;
    box-shadow: none;
  }

  .timeline .quarter.dark:before,
  .timeline h4.with-divider:before,
  .timelineitem .article:before,
  .timelineitem .article:after,
  li.timelineitem:after,
  .timeline .open img.content,
  .timeline .links,
  .timeline .open span.close {
    display: none;
  }

  .timeline .quarter {
    overflow: auto;
  }

  .timeline div.content {
    display: block;
  }

  .timeline h3 {
    color: #000;
    padding: 10px 0;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
  }

  .timeline h4 {
    margin: 10px 0 15px;
    font-style: italic;
  }

  .timeline h5 {
    margin-bottom: 5px;
  }

  .timeline ul.entries-list li.timelineitem {
    float: left;
    padding: 10px 0;
    border-bottom: 1px solid #999;
  }

  .organogram__legend,
  .organogram__toggle:after,
  .organogram__toggle:before {
    display: none;
  }

  .organogram__item--children .organogram__slide {
    display: block !important;
  }

  #content .organogram__member a:after {
    content: none;
  }

  .organogram--board {
    border: 2px solid #211261;
  }

  .organogram__item span {
    width: 340px;
    border: 1px solid #211261;
  }

  .organogram__item span:before {
    border-top: 2px solid #211261;
    left: -10px;
  }
  .organogram__item span .organogram__item-type {
    display: inline;
  }
  .organogram__item span .organogram__item-type:before {
    content: '(';
  }
  .organogram__item span .organogram__item-type:after {
    content: ')';
  }

  .organogram__item--last > span:after,
  .organogram__item--last > a > span:after {
    left: -12px;
  }
}
/* ======================= */
/* = Stijlen DNB.nl      = */
/* ======================= */
/* ====================== */
/* = Version : 5.1.12   = */
/* = Date  : 2018-03-06 = */
/* ====================== */
/*
  Van toepassing op:
  IE7 en lager
*/
/* -------------------------------------------------------------------------------- */
.ie7 {
  /* Phantom whitespace */
  /* Whitespace around inputs */
  /* Somehow IE7 doesn't understand position: absolute on table caption*/
  /* IE7 shows a text select pointer */
  /* Drop shadow support */
  /* Reflow prevention */
  /* Cut-off bug */
  /* Doesn't show if we don't have layout */
  /* ================ */
  /* = Autoclearing = */
  /* ================ */
  /* OBT hack :( */
}
.ie7 .text ol li {
  display: list-item;
  zoom: 1;
  vertical-align: top;
}
.ie7 .overview li {
  zoom: 1;
}
.ie7 label.radio input {
  overflow: hidden;
  top: 1px;
}
.ie7 table caption {
  display: none;
}
.ie7 a.button,
.ie7 a.button span {
  cursor: pointer;
}
.ie7 .teaser .visual {
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=120, Color='#737373');
}
.ie7 #navigation ul li,
.ie7 .carousel li {
  zoom: 1;
}
.ie7 #content.layout-related .colspan {
  zoom: 1;
  position: relative;
}
.ie7 #subnavigation li ul,
.ie7 #subnavigation li {
  zoom: 1;
}
.ie7 #subnavigation li.active > div,
.ie7 #subnavigation li li.active > div {
  position: relative;
  zoom: 1;
  margin-right: -5px;
}
.ie7 #subnavigation li.active > div > a,
.ie7 #subnavigation li li.active > div > a {
  margin-right: 0;
}
.ie7 .working-at .carousel .pictures li.show .play {
  background: url("/system/images/buttons/play.png") #f4f4f4 no-repeat 50% 50%;
}
.ie7 #sitemap ul,
.ie7 .teaser,
.ie7 #service ul,
.ie7 .row,
.ie7 #readspeaker .body,
.ie7 .tabs,
.ie7 .filter fieldset p,
.ie7 #footer,
.ie7 #navigation,
.ie7 div.filter,
.ie7 dl.filter,
.ie7 div.block,
.ie7 #content div.footer,
.ie7 dl.meta,
.ie7 #content,
.ie7 #navigation ul {
  zoom: 1;
}
.ie7 div.calendar caption {
  display: block;
}

.ie8 .row .fields input {
  line-height: 24px;
}
.ie8 #search > input {
  line-height: 24px;
}
.ie8 .filter input.search {
  line-height: 24px;
}