@charset "UTF-8";
/*   *****************************************************
 *
 *   Platformsite
 *   Official website of the Government of the Netherlands
 *
 *   location: /presentation/responsive.css
 *   version:  0.1
 *   date:     22/02/2013
 *
 *   *****************************************************
 */
/*	*****************************************************
 *
 *	color overwrite css for site specific color sceme
 *	V 1.0
 *	*****************************************************
 */
/*   *****************************************************
 *
 *   Basic styling for platforms
 *   Official website of the Government of the Netherlands
 *
 *   *****************************************************
 */
/* general reset */
@font-face {
  font-family: "RijksSans";
  font-style: normal;
  font-weight: 200 800;
  src: url("shared-ro/webfonts/RijksSansWeb-Regular.woff2?") format("opentype"); }
@font-face {
  font-family: "RijksSansItalic";
  font-style: italic;
  font-weight: 200 800;
  src: url("shared-ro/webfonts/RijksSansWeb-Italic.woff2?") format("opentype"); }


/* -----------------------------------------------
   Restart
   -----------------------------------------------*/
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
ul,
ol,
li,
table,
tr,
th,
td,
form,
fieldset,
legend,
button,
div,
object,
img {
  margin: 0;
  border: 0;
  padding: 0;
  list-style: none;
  text-align: left;
  vertical-align: top; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal; }

input,
select,
textarea,
button {
  padding: 0.4em 0;
  font: normal 1em/1.8 Verdana,Geneva, sans-serif;
  background-color: #FFF; }

/* Overall layout elements */
/* -----------------------------------------------
   MAIN TYPOGRAPHY
   -----------------------------------------------*/
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  font: normal 1em/1.8 Verdana,Geneva, sans-serif;
  font-size: 87.5%;
  -webkit-text-size-adjust: 100%;
  /* Stops Mobile Safari from auto-adjusting font-sizes */
  background-color: #f3f3f3; }
  body:after {
    content: "mobile";
    display: none; }
  @media (min-width: 36em) {
    body {
      font-size: 75%; }
      body:after {
        content: "tablet";
        display: none; } }
  @media (min-width: 50em) {
    body:after {
      content: "desktop";
      display: none; } }

/*
a:active{
	outline:none;
}

img:focus{
	outline: 1px dotted $RO-lichtblauw;
	&:active{
		outline: none;
	}
}

input:focus, textarea:focus, select:focus, button:focus, #global-header input:focus{
	outline: 1px dotted $RO-lichtblauw;
	&:selected{
		outline: none;
	}
}
*/
h1 {
  padding: 0 0 0.3em 0;
  font: normal 1.833em/1.2 Arial, "Helvetica Neue", Helvetica, Univers, sans-serif; }
  @media (min-width: 36em) {
    h1 {
      font: normal 1.833em/1.2 Arial, "Helvetica Neue", Helvetica, Univers, sans-serif; } }

h2 {
  margin: 0.952em 0 0.2em;
  font: bold 1.25em/1.5 Arial, "Helvetica Neue", Helvetica, Univers, sans-serif; }
  @media (min-width: 36em) {
    h2 {
      margin: 2em 0 0.2em; } }

h3 {
  font-weight: bold; }

a h3 {
  font-weight: normal; }

h4 {
  font-weight: bold;
  font-style: italic; }

h5 {
  font-style: italic; }

p {
  margin-bottom: 1.2em;
  line-height: 1.8; }
  @media (min-width: 36em) {
    p {
      line-height: 1.8; } }

pre {
  overflow: auto;
  white-space: pre-line;
  word-break: break-all; }

em {
  font-style: normal; }

img {
  border: 0;
  -ms-interpolation-mode: bicubic; }

sub,
sup {
  font-size: 0.83333em;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ------------------------------------------------
   Definition lists
   ----------------------------------------------- */
dl {
  margin: .5em 0 20px; }
  @media (min-width: 36em) {
    dl {
      margin: .5em 0 30px; } }
  dl:after {
    content: " ";
    visibility: hidden;
    width: 0;
    height: 0;
    display: block;
    clear: left; }

dt {
  display: block;
  width: 6em;
  float: left;
  clear: left;
  font-weight: bold;
  line-height: 1.5; }

dd {
  margin: 0 0 .5em 6.9em;
  line-height: 1.5; }

/* ------------------------------------------------
   Links
   ----------------------------------------------- */
a {
  color: #154273; }

a:visited {
  color: #767676; }

a:focus,
a:hover {
  color: #0162CD; }

a:focus h3,
a:hover h3 {
  text-decoration: underline; }

a:focus h4,
a:hover h4 {
  text-decoration: underline; }

    a:focus {
        outline: 2px solid #066AD1;
        outline-offset: 0px;
    }

/* -----------------------------------
    table
   ----------------------------------*/
table {
  border-collapse: collapse;
  margin: 0 0 1.4em 0; }

form table {
  margin-left: 0;
  margin-bottom: 0;
  min-width: 100%; }
  form table caption {
    color: #000000;
    font: bold 1.25em/1.5 Arial, "Helvetica Neue", Helvetica, Univers, sans-serif;
    margin: 0;
    padding: 4px 10px; }
    @media (min-width: 50em) {
      form table caption {
        padding: 4px 20px; } }
  form table td:last-child {
    width: 100%; }

form fieldset table {
  margin-left: -10px; }

h2 + table {
  margin-top: .8em; }

td,
th {
  padding: 4px 5px 5px;
  border-collapse: collapse;
  vertical-align: top;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  background-color: #e6e6e6; }
  td:first-child,
  th:first-child {
    border-left: none;
    padding-left: 10px; }
  td:last-child,
  th:last-child {
    border-right: none; }

th {
  background-color: #cccccc;
  font-weight: bold; }

th p,
td p {
  line-height: 1.5; }
  th p:last-child,
  td p:last-child {
    margin-bottom: 0; }

caption {
  padding-left: 10px;
  margin: 1em 0;
  color: #767676;
  line-height: 1.5;
  text-align: left; }
  caption .cite {
    display: block;
    margin-top: 0.6em; }
  @media (min-width: 50em) {
    caption {
      padding-left: 20px; } }
  .ie7 caption {
    padding-top: 1em;
    padding-bottom: 1em; }

tfoot td {
  background-color: transparent; }

@media (min-width: 36em) {
  table {
    width: auto;
    margin: 0 0 20px -10px; }

  td,
  th {
    padding: 0.6em 5px 0.6em;
    line-height: 1.5; }

  td:first-child,
  th:first-child {
    padding-left: 10px; }

  form table {
    margin-left: 0; }

  table tbody th {
    width: 25%; } }
@media (min-width: 50em) {
  table {
    margin-left: -20px; }

  td:first-child,
  th:first-child {
    padding-left: 20px; } }
/* -----------------------------------
    HTML5
   ----------------------------------*/
time {
  display: inline-block; }

address {
  font-style: normal; }

/* -----------------------------------
    helper classes
    specific only for js enabled elements
   ----------------------------------*/
.js-content {
  display: none; }

.js .js-content {
  display: block; }

.assistive {
  position: absolute !important;
  display: inline-block !important;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  border: 0; }

img.lazy {
  display: none; }

.js img.lazy {
  display: inline; }

/* -----------------------------------
    custom classes
   ----------------------------------*/
.home h1 {
  padding: 0; }

.article h1 {
  margin-bottom: 0.7692em;
  padding-bottom: 1px;
  font: bold 1.5em/1.2 Arial, "Helvetica Neue", Helvetica, Univers, sans-serif; }
  @media (min-width: 36em) {
    .article h1 {
      margin-bottom: 1em; } }
  @media (min-width: 36em) {
    .article h1 {
      font: bold 1.5em/1.2 Arial, "Helvetica Neue", Helvetica, Univers, sans-serif; } }

.superheading,
.subheading {
  color: #767676;
  font: normal 1.5em/1.2 Arial, "Helvetica Neue", Helvetica, Univers, sans-serif; }

.superheading {
  margin: 0;
  margin-bottom: 0; }

.subheading {
  margin: -1em 0 1em; }

.intro {
  margin-bottom: 20px; }
  .intro p {
    font: bold 1.25em/1.6 Arial, "Helvetica Neue", Helvetica, Univers, sans-serif; }
    @media (min-width: 36em) {
      .intro p {
        font: bold 1.25em/1.6 Arial, "Helvetica Neue", Helvetica, Univers, sans-serif; } }

.lead p {
  font-weight: bold; }
  @media (min-width: 36em) {
    .lead p {
      font-weight: bold; } }

.article-meta {
  margin: 0 0 20px;
  color: #535353;
  font-style: normal;
  line-height: 1.64; }

h1 + .article-meta {
  margin-top: -0.6em; }

h1.activity {
  margin-bottom: 0.4em; }
  h1.activity + .article-meta {
    padding-left: 30px;
    margin-bottom: 1.8em;
    margin-top: 0; }
  h1.activity + .subheading {
    margin: 0.2em 0; }

.activity .meta strong {
  width: 5em;
  display: inline-block; }

.meta {
  margin-bottom: 0;
  color: #767676;
  font-size: 0.9167em;
  line-height: 1.5;
  margin-top: 0em; }
  @media (min-width: 36em) {
    .meta {
      margin-top: 0.5em; } }
  .meta + .meta {
    margin-top: 0; }

.article ul {
  clear: left;
  margin-bottom: 0.8em; }

.article li {
  margin: 0.4em 0;
  padding-left: 30px;
  background: url(shared-ro/images/sprite-bullet.png) no-repeat 10px 0.8em; }

.article ol {
  list-style-type: decimal; }
  .article ol.inside li {
    list-style-position: inside; }

.article ol li {
  list-style-type: decimal;
  margin-left: 30px;
  padding-left: 0;
  background: none; }

/* -----------------------------------------------
   Embedded content
   ----------------------------------------------- */
.article img {
  max-width: 100%;
  height: auto; }

.content-image-left,
.content-image {
  margin: 0.5em 0 0.5em;
  position: relative;
  clear: both;
  display: block;
  max-width: 100%; }
  .content-image-left img,
  .content-image img {
    max-width: 100%; }
  .content-image-left .caption,
  .content-image .caption {
    margin-top: 0.6em;
    margin-bottom: 1.8em;
    color: #767676;
    line-height: 1.5;
    font-size: 0.9167em; }
    @media (min-width: 36em) {
      .content-image-left .caption,
      .content-image .caption {
        margin-bottom: 1.8em; } }
    .content-image-left .caption .cite,
    .content-image .caption .cite {
      display: block;
      margin-top: 0.6em; }
  .content-image-left .photo-credit,
  .content-image .photo-credit {
    display: block;
    margin: 0.4063em 0 0;
    font-size: 0.8125em;
    line-height: 1.5;
    text-transform: uppercase; }
  .content-image-left + div,
  .content-image + div {
    clear: both; }
  .content-image-left + div.intro,
  .content-image + div.intro {
    clear: none; }

.content-image-left {
  float: none;
  clear: left;
  margin-right: 0; }

@media (min-width: 36em) {
  .article .content-image-left {
    float: left;
    margin-right: 20px; }
    .article .content-image-left img {
      width: auto; } }
/* ------------------------------------------------
   Tables
   ---------------------------------------------- */
.scrollcontainer {
  margin: 0 -8px 30px;
  overflow: auto;
  font-size: 0.9167em; }
  .scrollcontainer td:first-child, .scrollcontainer th:first-child {
    padding-left: 8px; }
  .scrollcontainer table {
    margin-bottom: 0; }
  .scrollcontainer::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 11px;
    height: 11px; }
  .scrollcontainer::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid #FFF;
    background-color: #e6e6e6; }

@media (min-width: 36em) {
  .scrollcontainer {
    font-size: 1.0em; }
    .scrollcontainer table {
      margin-left: 0; }

  td.no-indent:first-child {
    padding-left: 5px; }

  form table + fieldset.navigation {
    padding-left: 0; }
    form table + fieldset.navigation div {
      padding-left: 25%; }

  table th.col-wide {
    width: 40%; } }
@media (min-width: 50em) {
  .scrollcontainer {
    margin: 0 0 30px -20px; }
    .scrollcontainer td:first-child,
    .scrollcontainer th:first-child {
      padding-left: 20px; }

  td.no-indent:first-child {
    padding-left: 5px; } }
/* -----------------------------------
    Printing elements
   ----------------------------------*/
@media print {
  body {
    border: 0px;
    font-size: 8pt !important; }

  a {
    color: #000;
    text-decoration: none; }

  p,
  h1,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  h1,
  h2,
  h3 {
    page-break-after: avoid; }

  pre, blockquote, tr, img, figure {
    page-break-inside: avoid; }

  table {
    width: 100%;
    margin: 1.64em 0 .82em;
    border-collapse: separate; }

  th, td, tbody th {
    padding: .4em .8em;
    border-bottom: .1pt solid #d9d9d9; }

  th {
    border-bottom: .2pt solid #01689b;
    color: #01689b; }

  tbody th {
    color: #535353; }

  caption {
    margin: 1.64em 0 .41em;
    color: #767676;
    text-align: left; }

  ol {
    margin: 0;
    padding: 0; }
    ol li {
      list-style-type: none !important;
      margin: 0 !important;
      padding: 0 !important; }
      ol li ol {
        margin: 0;
        padding: 0; }
        ol li ol li {
          margin: 0 !important;
          padding: 0 !important; }

  #content h2,
  #content h3,
  #content h4,
  #content h5 {
    clear: left; }

  #content abbr {
    border: 0; }

  #content abbr:before {
    content: attr(title) " ("; }

  #content abbr:after {
    content: ") "; }

  #main a:after, #main a:visited:after {
    content: " [" attr(href) "] ";
    color: #154273;
    font: 8pt helvetica,arial,geneva,sans-serif;
    display: inline-block;
    max-width: 100%;
    word-break: break-all; }

  * #main a {
    color: #000;
    font-family: verdana, arial, geneva, sans-serif !important; }

  * + #main a {
    color: #000;
    font-family: verdana, arial, geneva, sans-serif !important; }

  #content ul {
    clear: left;
    margin: .82em 0 1.64em; }

  #content li ul {
    margin: 0 0 .82em; }

  #content ol {
    margin: .82em 0 1.64em; }

  #content li ol {
    margin: 0 0 .82em; }

  #content ol li, #content li ol li {
    margin: 0 0 .2em 3em;
    padding: 0;
    list-style: decimal outside;
    line-height: 1.64; }

  #content li ol li {
    list-style: lower-alpha outside; }

  #content li ol li ol li {
    list-style: lower-roman outside; }

  #content .block li h3 {
    margin-top: 0; }

  .content-image {
    margin: 2.4em 0; }

  .content-image-left {
    margin: .41em; }

  .content-image-left img, .content-image-left .caption {
    float: left;
    margin-right: 20px; }

  .content-image .caption, .content-image-left .caption {
    margin: .6em 0 1.64em;
    color: #767676;
    font: 85%/1.4 verdana; }

  .intro {
    color: #01689b;
    font-size: 18pt;
    line-height: 1.33; }

  #content .intro p,
  #content .intro li {
    margin-bottom: 0;
    color: #000;
    font-family: arial,helvetica,univers,sans-serif;
    font-size: 13pt;
    font-weight: bold;
    line-height: 1.2em; }

  #content .intro ol, #content .intro ul {
    margin: .2em 0 .5em; }

  .assistive {
    display: none !important; }

  .meta {
    color: #535353;
    font-style: normal;
    font-size: 85%;
    line-height: 1.64; }

  .article-meta {
    margin: 1.2em 0 .6em;
    color: #535353;
    font-style: normal;
    line-height: 1.64; }

  .superheading {
    margin: 0 0 .1em;
    color: #01689b;
    font: normal 167%/1.2 arial,helvetica,univers,sans-serif; }

  .subheading {
    margin: -.3em 0 .5em;
    color: #01689b;
    font: normal 167%/1.2 arial,helvetica,univers,sans-serif; }

  a.morelink,
  .morelink a,
  a.morelink:visited,
  .morelink a:visited {
    text-decoration: none; } }
/* -----------------------------------------------
    MAIN LAYOUT
    centerbox, site-message, mainbox, header, main, aside, footer, followup, content, payoff, navigation, skiplinks
   -----------------------------------------------*/
body {
  border-top: none; }

#centerbox,
#site-message {
  margin: 0 auto;
  max-width: 980px; }

#mainbox {
  position: relative;
  padding-bottom: 60px;
  border-bottom: 3px solid #4E4E4E;
  background-color: #FFF; }
  @media (min-width: 50em) {
    #mainbox {
      padding-bottom: 5em; } }
  #mainbox:after {
    content: " ";
    visibility: hidden;
    width: 0;
    height: 0;
    display: block;
    clear: both; }

#mainwrapper {
  position: relative; }

#header {
  position: relative; }

/* -----------------------------------------------
    LOGOTYPE AND PAY-OFF
   -----------------------------------------------*/
.logo {
  height: auto;
  display: inline-block;
  width: 100%;
  padding: 0;
  background-color: #ffffff;
  text-align: center; }
  .logo .wrapper {
    display: block;
    position: relative;
    max-width: 980px;
    margin: 0 auto 0 auto;
    background-color: #ffffff;
    padding: 0 0 10px 50%; }
    .logo .wrapper a {
      display: inline-block;
      margin-left: -22px; }
      .logo .wrapper a img {
        margin-left: 0px; }
    .logo .wrapper img {
      margin-left: -22px; }
  .logo.left .wrapper {
    padding: 0 0 10px 0; }
    .logo.left .wrapper img {
      margin-left: 10px; }
      @media (min-width: 50em) {
        .logo.left .wrapper img {
          margin-left: 20px; } }
    .logo.left .wrapper a {
      margin-left: 10px; }
      @media (min-width: 50em) {
        .logo.left .wrapper a {
          margin-left: 20px; } }
      .logo.left .wrapper a img {
        margin-left: 0px; }

/*
New logo definitions 2026
*/

.logo {
    --emblem-width: 40px;
    --logo-text-size: 12px;
    --logo-text-line-height: 14.08px;
    --padding-block-start: 41px;
    --padding-block-end: 20px;
    --padding-inline: 10px;
    /* display:flex; */
    /* flex-wrap:wrap; */
    /* justify-content:center; */
    width: 100%
}

@media(min-width: 576px) {
    .logo {
        --emblem-width: 45px;
        --logo-text-size: 13.5px;
        --logo-text-line-height: 15.85px;
        --padding-block-start: 48px;
        --padding-block-end: 22.5px
    }
}

@media(min-width: 992px) {
    .logo {
        --emblem-width: 50px;
		--gap: 12.5px;
		--logo-max-width-factor: 7;
        --logo-text-size: 15px;
        --logo-text-line-height: 17.6px;
        --padding-block-start: 53px;
        --padding-block-end: 25px;
      /*  --padding-inline: 12px; */
    }
}

.logo .wrapper {
    display: flex;
    flex-basis: 100%;
    flex-wrap: wrap;
    max-width: 1200px;
    align-items: flex-start;
    justify-content: flex-start;
    -webkit-margin-end: -16px;
    margin-inline-end:-16px;-webkit-margin-start: -16px;
    margin-inline-start:-16px;justify-content: center
}

.logo .wrapper img {
    width: inherit;
    max-width: 1168px
}

.logo .wrapper img {
    -webkit-margin-start: -50px;
    margin-inline-start:-50px;-webkit-transform: translateX(50%);
    transform: translateX(50%)
}

.logo .logo__wrapper {
    width: 100%;
    max-width: 1200px;
    -webkit-margin-start: calc(50% - 20px);
    margin-inline-start:calc(50% - 20px)}

@media(min-width: 768px) {
    .logo .logo__wrapper {
        -webkit-margin-start:calc(50% - 25px);
        margin-inline-start:calc(50% - 25px);}
}

.logo .logo__link {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.logo .logo__link:focus {
    outline: 2px dashed #000;
    z-index: 1010;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 2px #fff;
    box-shadow: 0 0 0 2px #fff
}

.logo .logo__link,.logo .logo__link:hover {
    text-decoration: none
}

.logo .logo__figure {
    display: flex;
    align-items: flex-start;
    margin: 0
}

.logo .logo__figure img {
    flex: 0;
    width: inherit
}

.logo .logo__figure:has(.logo__text) img {
    width: var(--emblem-width)
}

.logo .logo__text {
    font-family: RijksSans,Verdana,Arial;
    font-size: var(--logo-text-size);
    line-height: var(--logo-text-line-height);
    width: 100%;
    max-width: 200px;
    padding-block:var(--padding-block-start) var(--padding-block-end);padding-inline: var(--padding-inline);
    color: #154273
}

@media(min-width: 768px) {
.logo .logo__text {
    font-family: RijksSans,Verdana,Arial;
    font-size: var(--logo-text-size);
    line-height: var(--logo-text-line-height);
    width: 100%;
    max-width: 350px;
    padding-block:var(--padding-block-start) var(--padding-block-end);padding-inline: var(--padding-inline);
    color: #154273
}
}

.logo .logo__sender,.logo .logo__ministry {
    display: block
}

.logo .logo__sender {
    font-weight: 625
}

.logo .logo__ministry {
    font-weight: 400
}

.logo.left .wrapper {
    justify-content: flex-start
}

.logo.left .wrapper img {
    -webkit-margin-end: 16px;
    margin-inline-end:16px;-webkit-margin-start: 16px;
    margin-inline-start:16px;-webkit-transform: translateX(0);
    transform: translateX(0)
}

.logo.left .logo__wrapper {
    -webkit-margin-start: 16px;
    margin-inline-start:16px}

header a:focus .logo img {
    outline: 2px dashed #000;
    z-index: 1010;
    outline-offset: 0;
    -webkit-box-shadow: 0 0 0 2px #fff;
    box-shadow: 0 0 0 2px #fff
}


#main {
  position: relative;
  background-color: transparent;
  border-top: none; }
  #main .wrapper {
    max-width: 980px;
    margin: 0 auto;
    padding-bottom: 50px;
    background-color: #fff;
    overflow: hidden; }
    @media (min-width: 36em) {
      #main .wrapper {
        padding-bottom: 60px; } }
    #main .wrapper:after {
      content: " ";
      visibility: hidden;
      width: 0;
      height: 0;
      display: block;
      clear: both; }
  #main .header {
    background-color: #e5f0f9;
    padding: 0;
    margin: 0; }
    #main .header .wrapper {
      max-width: 960px;
      padding: 0 10px 0 10px;
      background-color: transparent; }
  @media (min-width: 50em) {
    #main .wrapper {
      max-width: 960px;
      padding: 0 20px 60px 0; }
    #main .header .wrapper {
      max-width: 940px;
      padding: 0 20px 0 20px; } }
  #main:after {
    content: " ";
    visibility: hidden;
    width: 0;
    height: 0;
    display: block;
    clear: both; }

#aside {
  margin: 0 10px; }
  @media (min-width: 36em) {
    #aside {
      margin-left: -10px; } }
  @media (min-width: 50em) {
    #aside {
      display: block;
      float: right;
      clear: right;
      margin: 40px 0 0 0;
      padding: 0 0 0 20px;
      max-width: 240px;
      width: 25%;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box; }
      .home #aside {
        width: 25%;
        max-width: 240px; } }

#follow-up {
  clear: left;
  margin: 0 10px; }
  #follow-up:after {
    content: " ";
    visibility: hidden;
    width: 0;
    height: 0;
    display: block;
    clear: left; }

.article {
  padding: 20px 0 0;
  margin: 0 10px 10px; }
  @media (min-width: 36em) {
    .article {
      margin: 0 10px 20px;
      padding: 40px 0 0;
      margin-bottom: 40px; } }
  @media (min-width: 50em) {
    .article {
      float: left;
      margin: 0;
      margin-top: 40px;
      padding: 0 0 0 20px;
      max-width: 640px;
      width: 66.7%;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box; } }
  .article:after {
    content: " ";
    visibility: hidden;
    width: 0;
    height: 0;
    display: block;
    clear: left; }

.overview #content {
  clear: both;
  float: none;
  width: 100%;
  margin: 0;
  padding: 0; }
  @media (min-width: 36em) {
    .overview #content {
      width: auto;
      padding-left: 10px; } }
  @media (min-width: 50em) {
    .overview #content {
      padding-left: 20px; } }
  .overview #content h1 {
    margin-top: 20px;
    font: bold 1.5em/1.2 Arial, "Helvetica Neue", Helvetica, Univers, sans-serif; }
    @media (min-width: 36em) {
      .overview #content h1 {
        margin-top: 40px; } }
    @media (min-width: 36em) {
      .overview #content h1 {
        font: bold 1.5em/1.2 Arial, "Helvetica Neue", Helvetica, Univers, sans-serif; } }
    .overview #content h1.titleNoHeader {
      padding-left: 10px; }
      @media (min-width: 36em) {
        .overview #content h1.titleNoHeader {
          padding-left: 0px; } }
  .overview #content .summary {
    padding-left: 10px; }
    @media (min-width: 36em) {
      .overview #content .summary {
        padding-left: 0px; } }

.overview #main .summary h2 {
  position: static; }

/* -----------------------------------------------
   Payoff
   -----------------------------------------------*/
#payoff span {
  position: absolute;
  top: -100000px; }

#payoff {
  display: none;
  max-width: 980px;
  margin: 0 auto;
  position: relative; }
  #payoff .wrapper {
    position: absolute;
    display: block;
    top: auto;
    bottom: 0;
    left: 50%;
    margin: 0 0 0 -22px;
    padding: 0;
    border-left: 44px solid #154273;
    width: 44px;
    height: 31px;
    background: none;
    z-index: 999; }
  #payoff.noref .wrapper {
    border-left: none; }

@media (min-width: 36em) {
  #payoff .wrapper {
    position: absolute;
    display: block;
    top: auto;
    bottom: 0;
    left: 50%;
    margin: 0 0 0 -22px;
    padding: 0;
    border-left: 44px solid #154273;
    width: 266px;
    height: 31px;
    background: none;
    z-index: 999; } }
/* -----------------------------------------------
	TITLEBLOCK
	-----------------------------------------------*/
.titlebar {
  background-color: #cce0f1; }
  .titlebar .wrapper {
    max-width: 980px;
    margin: 0 auto;
    font: bold 1.07143em Arial, "Helvetica Neue", Helvetica, Univers, sans-serif;
    line-height: 30px;
    height: 30px;
    padding: 0 10px;
    box-sizing: border-box; }
    @media (min-width: 36em) {
      .titlebar .wrapper {
        font-size: 1.5em; } }
    @media (min-width: 50em) {
      .titlebar .wrapper {
        padding: 0 20px; } }

/* -----------------------------------------------
    SEARCH form
   -----------------------------------------------*/
#search {
  font-size: 1em;
  background-color: #01689b; }
  #search .wrapper {
    max-width: 980px;
    position: relative;
    margin: 0 auto;
    height: 44px; }

#search form {
  position: absolute;
  right: 0px;
  z-index: 1;
  margin: 10px 10px 0;
  max-width: 70%; }
  @media (min-width: 50em) {
    #search form {
      margin-right: 20px; } }

#search label {
  position: absolute !important;
  display: inline-block !important;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  border: 0; }

#search p {
  margin: 0; }

#search input {
  display: block;
  float: left;
  margin: 0;
  padding: 0 0 2px 0.5em;
  width: 10em;
  height: 24px;
  border: 0;
  background-color: #ffffff;
  color: #111122;
  font-weight: normal;
  font-size: 0.92857em;
  border: 1px solid #ffffff;
  line-height: 1em; }
  @media (min-width: 36em) {
    #search input {
      font-size: 1.08333em; } }

#search input[type=submit] {
  width: auto;
  background: #e5f0f9 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAMAAABFNRROAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAxQTFRFAWibmcPXOImx////cMSuLgAAAAR0Uk5T////AEAqqfQAAABBSURBVHjabI5JDgAwCAKx/P/PtaBdknIwGRcQZCAVXAIHpCEK9V3ZS4km+uRL9+br0gmedbqwPMrvELH968spwABl+gExsfnwvAAAAABJRU5ErkJggg==") no-repeat 6px 5px;
  border: 1px solid;
  border-color: #e5f0f9;
  color: #01689b;
  font-weight: normal;
  cursor: pointer;
  line-height: 1em;
  padding: 0 4px 2px 20px;
  font-size: 1.08333em; }
  @media (min-width: 22em) {
    #search input[type=submit] {
      padding: 0px 8px 2px 26px; } }
  @media (min-width: 36em) {
    #search input[type=submit] {
      font-size: 1em; } }

/* -----------------------------------------------
   skiplinks
   -----------------------------------------------*/
.skiplinks p {
  margin: 0; }
.skiplinks a {
  position: absolute !important;
  display: inline-block !important;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  border: 0; }
.skiplinks #skip-to-menu span {
  display: none; }
@media (min-width: 58em) {
  .skiplinks #skip-to-menu, .hastitle .skiplinks #skip-to-menu, .skiplinks a {
    font-size: 1em;
    line-height: 1em;
    position: absolute;
    top: -1000px;
    left: 20px;
    clip: auto;
    margin: 0;
    padding: 10px !important;
    height: auto;
    width: auto;
    background: none;
    background-color: #cce0f1;
    border: 1px solid #01689b;
    color: #154273;
    text-decoration: none;
    text-transform: none;
    bottom: auto;
    z-index: 999; }
    .skiplinks #skip-to-menu:focus, .hastitle .skiplinks #skip-to-menu:focus, .skiplinks a:focus {
      top: 20px; }
    .skiplinks #skip-to-menu span, .hastitle .skiplinks #skip-to-menu span, .skiplinks a span {
      display: inline-block; } }

/* -----------------------------------------------
    SKIP TO MENU
   -----------------------------------------------*/
#skip-to-menu, #skip-to-menu:visited {
  position: absolute;
  bottom: 10px;
  top: auto;
  left: 10px;
  z-index: 1;
  display: block;
  float: left;
  clip: auto;
  margin: 0;
  padding: 3px 6px 5px 20px;
  width: auto;
  height: 16px;
  background: #cce0f1 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFAWib////rYYWUQAAAAJ0Uk5T/wDltzBKAAAAFUlEQVR42mJgwAoY4QCZSbFagAADAAkGACkXnxklAAAAAElFTkSuQmCC") no-repeat 6px 7px;
  color: #154273;
  text-decoration: none;
  text-indent: 0;
  text-transform: capitalize;
  font-size: 0.92857em;
  line-height: normal; }
  @media (min-width: 22em) {
    #skip-to-menu, #skip-to-menu:visited {
      padding: 3px 10px 5px 24px; } }
  @media (min-width: 36em) {
    #skip-to-menu, #skip-to-menu:visited {
      left: 10px;
      font-size: 1.08333em; } }
  @media (min-width: 50em) {
    #skip-to-menu, #skip-to-menu:visited {
      left: 20px; } }

#search input[type=submit]:active,
#skip-to-menu:active {
  background-color: #01689b; }

/* -----------------------------------------------
    MAIN NAVIGATION
   -----------------------------------------------*/
#navigation {
  clear: left;
  margin: 40px 10px 20px; }
  @media (min-width: 36em) {
    #navigation ul {
      margin-left: 0;
      margin-right: 0; }
    .js #navigation ul {
      margin-left: -20px;
      margin-right: 0; }
    #navigation li {
      display: block;
      width: 50%;
      clear: none;
      float: left;
      margin-left: 0;
      margin-right: 0; } }
  @media (min-width: 50em) {
    #navigation {
      margin-top: 40px;
      margin-left: 0px; } }
  @media (min-width: 58em) {
    .js #navigation ul {
      margin-left: 20px;
      margin-right: 0; } }

#navigation ul {
  background-color: #e6e6e6; }
  #navigation ul:after {
    content: " ";
    visibility: hidden;
    width: 0;
    height: 0;
    display: block;
    clear: left; }

#navigation li {
  margin: 0 0 2px 0px; }

#navigation a,
#navigation a:visited {
  display: block;
  padding: 0.4em 10px 0.4em 10px;
  font-family: Arial, "Helvetica Neue", Helvetica, Univers, sans-serif;
  font-size: 1.08333em;
  text-decoration: none;
  color: #154273; }

#navigation a:hover,
#navigation a:active,
#navigation .selected a {
  color: #0162CD; }

#navigation .selected a {
  color: #000;
  font-weight: bold; }

/* -----------------------------------------------
   SPECIAL CASES FOR MAIN NAVIGATION
   Dropdown up to wide canvas layout
   Gutter of 10px or 20px for tablet and up
   -----------------------------------------------*/
@media (max-width: 57.99em) {
  .js #navigation {
    width: 100%;
    max-width: none;
    margin: 0; }

  .js #navigation h2 {
    position: absolute;
    top: -100000px; }

  .js #navigation ul {
    background-color: #01689b;
    padding: 0 10px;
    margin-bottom: 0px; }

  .js #navigation li {
    margin: 0; }

  .js #navigation.hide {
    height: 0;
    overflow: hidden; }

  .js #navigation a,
  .js #navigation a:visited {
    display: block;
    padding: 0.4em 10px 0.4em 0;
    border-top: 1px solid #e5f0f9;
    font-size: 1.08333em;
    text-decoration: none;
    color: #FFFFFF; }

  .js #navigation a:hover {
    color: #cce0f1;
    background-color: #01689b; }

  .js #navigation a:active,
  .js #navigation .selected a {
    color: #FFFFFF;
    background-color: #01689b; } }
@media (min-width: 36em) and (max-width: 57.99em) {
  .js #navigation a {
    margin-left: 20px; } }
@media (min-width: 50em) and (max-width: 57.99em) {
  .js #navigation ul {
    padding: 0 20px; } }
/* -----------------------------------------------
	NAVIGATION POP IN
	Show normal main navigation if there's room
   -----------------------------------------------*/
@media (min-width: 58em) {
  #skip-to-menu, .hastitle #skip-to-menu {
    top: -10000px;
    text-transform: lowercase; }

  /* ---------------------------
     MAIN NAVIGATION
     ----------------------------*/
  #navigation h2 {
    position: absolute;
    top: -100000px; }

  #navigation {
    height: 44px;
    width: 100%;
    position: absolute;
    top: -44px;
    margin: 0; }
    #navigation .wrapper {
      max-width: 980px;
      margin: 0 auto;
      background-color: transparent;
      padding: 0; }

  #navigation ul {
    margin: 1.5em 0 0 20px;
    background-color: transparent;
    margin: 0 0 0 20px; }

  #navigation li {
    width: auto;
    float: left;
    margin: 0;
    border-bottom: 0; }

  #navigation a,
  #navigation a:visited {
    padding: 1px 10px;
    background-color: transparent;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 1.875em;
    padding: 0.76923em 10px 0.76923em 10px; }

  #navigation .selected a,
  #navigation .selected a:visited,
  #navigation .selected a:focus,
  #navigation a:active {
    background-color: #e5f0f9;
    color: #000000; }

  #navigation a:hover {
    background-color: #e5f0f9;
    color: #000000; } }
/* -----------------------------------------------
   #SITEMAP (block element) and .sitemap (sitemap page)
   -----------------------------------------------*/
#sitemap {
  clear: left;
  margin: 0 10px 0 0;
  padding: 1px 0 0 10px;
  background-color: #e6e6e6; }
  @media (min-width: 50em) {
    #sitemap {
      float: left;
      margin: 40px 0 0;
      padding: 1px 0 20px 20px;
      max-width: 640px;
      width: 66.7%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box; }
      #follow-up + #sitemap {
        margin-top: 0; } }
  #sitemap:after {
    content: " ";
    visibility: hidden;
    width: 0;
    height: 0;
    display: block;
    clear: left; }

#sitemap h2 {
  font: bold 1.25em/1.5 Arial, "Helvetica Neue", Helvetica, Univers, sans-serif;
  margin: 0.4em 0; }
  @media (min-width: 36em) {
    #sitemap h2 {
      margin: 1.2em 0; } }

#sitemap .two-columns {
  padding-bottom: 20px; }

#sitemap .common li ul {
  padding-top: 1px; }

#sitemap a:visited {
  color: #154273; }

#sitemap a:visited:hover {
  color: #0162CD; }

#sitemap h2 a:visited {
  color: #000; }

.sitemap {
  padding: 0 10px; }
  @media (min-width: 36em) {
    .sitemap {
      padding: 0; }
      .sitemap .column h2,
      .sitemap .column p {
        margin-left: 20px;
        padding-right: 10px; }
      .sitemap .column h2 {
        margin-top: 2.4em; } }

/* -----------------------------------------------
   FOLDED BLOCKS IN MOBILE VIEW
   -----------------------------------------------*/
#sitemap .hide {
  height: 0;
  padding-bottom: 0;
  overflow: hidden; }

.js #sitemap h2 {
  padding-right: 3em;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAHCAMAAAALbFwWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJ bWFnZVJlYWR5ccllPAAAAAZQTFRFAAAA////pdmf3QAAAAJ0Uk5T/wDltzBKAAAAKklEQVR42mJg ZGCEAgZGBiCAskEsKA/MhFBQAqoALM0AVw7jMEINAQgwAAllADXUNN/xAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  background-position: 98% .5em;
  cursor: pointer; }

.js #sitemap h2 {
  background-position: 95% .5em; }

.js #sitemap h2.active {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAHCAMAAAALbFwWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJ bWFnZVJlYWR5ccllPAAAAAZQTFRFAAAA////pdmf3QAAAAJ0Uk5T/wDltzBKAAAAKklEQVR42mJg BAEGBggFYUN4DFA2mMcAZsMIRpgSBga4cqhGKBukCCDAAAnNADW+Td05AAAAAElFTkSuQmCC"); }

.js #sitemap h2 a,
.js #sitemap h2 a:hover {
  text-decoration: none;
  color: #000; }

@media (min-width: 36em) {
  /* -----------------------------------
     OVERRIDE MOBILE FOLDED BLOCKS
     ----------------------------------*/
  #sitemap .hide {
    height: auto;
    overflow: visible; }

  #sitemap .two-columns.hide {
    padding-bottom: 20px; }

  .js #sitemap h2,
  .js #sitemap h2.active {
    padding-right: 0;
    background-image: none;
    cursor: default; }

  /* -----------------------------------------------
     UNDO MOBILE STRAPPED PAGING & SITEMAP
     -----------------------------------------------*/
  .js #sitemap h2 a {
    color: #000;
    text-decoration: underline; }

  .js #sitemap h2 a:hover,
  .js #sitemap h2 a:focus {
    color: #0162CD;
    text-decoration: underline; } }
/* -----------------------------------------------
    FOOTER NAVIGATION
   -----------------------------------------------*/
#footer {
  background-color: #e6e6e6;
  padding-bottom: 20px;
  position: relative; }
  #footer:after {
    content: " ";
    visibility: hidden;
    width: 0;
    height: 0;
    display: block;
    clear: both; }

#footer h2 {
  margin: 0;
  padding: 1em 0 0.41666em 0;
  color: #535353;
  font-weight: normal;
  font-size: 1.25em;
  border-bottom: 1px solid #b4b4b4; }
  @media (min-width: 36em) {
    #footer h2 {
      font-size: 1.5em;
      padding: 1.44em 10px 0.5em; } }

#footer ul {
  padding: 0; }
  @media (min-width: 36em) {
    #footer ul {
      padding: 0 10px 0 10px; } }
  #footer ul:after {
    content: " ";
    visibility: hidden;
    width: 0;
    height: 0;
    display: block;
    clear: left; }

#footer li {
  display: block;
  float: left;
  margin: 0 20px 0 0;
  padding: 0; }

#footer a,
#footer a:visited {
  display: block;
  padding: 0 0 0.2em 0;
  color: #535353;
  font-size: 0.9167em;
  text-decoration: none; }
  @media (min-width: 36em) {
    #footer a,
    #footer a:visited {
      padding: 0.2em 0 0.6em; } }

#footer a:focus,
#footer a:hover {
  color: #535353;
  text-decoration: underline; }

/* GRID */
#footer {
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 36em) {
    #footer {
      padding-left: 20px;
      padding-right: 20px; } }

#footer .column {
  clear: both;
  float: left;
  margin-left: 0;
  width: 100%;
  display: block; }

@media (min-width: 36em) {
  /* --------------------------
     FOOTER NAVIGATION
     -------------------------*/
  /* GRID */
  #footer .wrapper {
    max-width: 940px;
    margin: 0 auto; }

  #footer .column {
    clear: none;
    float: left;
    margin-left: 2.2727%;
    width: 31.8181%;
    display: block; }

  #footer .column:first-child {
    clear: both;
    float: left;
    margin-left: 0; }

  #footer li {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: 0;
    width: 100%; }

  #footer .column h2,
  #footer .column ul {
    margin-left: 0px; } }
@media (min-width: 50em) {
  /* --------------------------
     FOOTER NAVIGATION
     --------------------------*/
  #footer {
    padding: 0 20px 40px 20px; }

  /* GRID -- Other system than is in use throughout site */
  #footer .column {
    clear: none;
    float: left;
    margin-left: 1.6949%;
    width: 32.2033%;
    display: block; }

  #footer .column:first-child {
    clear: both;
    margin-left: 0; }

  /* children */
  #footer h2,
  #footer a {
    padding-left: 0;
    padding-right: 0; }

  #footer h2 {
    margin-bottom: 0.33em;
    font-size: 1.5em; }

  #footer a,
  #footer a:visited {
    font-size: 1.083em; }

  #footer ul {
    padding: 0; } }
/* -----------------------------------
    printing main blocks
   ----------------------------------*/
@media print {
  #navigation,
  #footer,
  #follow-up,
  #aside,
  #sitemap,
  #search,
  .skiplinks {
    display: none !important; }

  #main {
    border-top: 0px;
    padding-top: 10px; }

  #header {
    height: 87px;
    padding: 0; }
    #header h1, #header a, #header img {
      display: block;
      text-decoration: none; }
    #header a:after, #header a:visited:after {
      content: "";
      display: none; } }
/* -----------------------------------------------
    PAGE HEADER AND DECORATIVE TOPIC IMAGE
   -----------------------------------------------*/
.header {
  padding: 0 10px; }
  @media (min-width: 50em) {
    .header {
      padding-left: 20px;
      padding-right: 20px;
      margin-right: -20px; } }
  .header:after {
    content: " ";
    visibility: hidden;
    width: 0;
    height: 0;
    display: block;
    clear: left; }

.decorative {
  display: none; }
  @media (min-width: 50em) {
    .decorative {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 0 0 20px;
      display: block;
      width: 25%;
      max-width: 240px;
      float: right;
      clear: right;
      margin: 40px 0 0 0; } }
  .decorative .imgContainer {
    position: relative;
    display: inline-block; }

.decorative img {
  display: block;
  width: 100%; }

#topic-home,
.header h1 {
  font: normal 1.833em/1.2 Arial, "Helvetica Neue", Helvetica, Univers, sans-serif;
  display: block;
  float: left;
  padding-top: 0.2em;
  padding-bottom: 0.6em;
  text-decoration: none; }
  @media (min-width: 36em) {
    #topic-home,
    .header h1 {
      font: normal 1.833em/1.2 Arial, "Helvetica Neue", Helvetica, Univers, sans-serif; } }
  @media (min-width: 36em) {
    #topic-home,
    .header h1 {
      font-size: 1.833em; } }

a#topic-home {
  color: #154273; }

a#topic-home:hover,
a#topic-home:active {
  text-decoration: none; }

a#topic-home:hover span,
a#topic-home:active span {
  color: #0162CD;
  text-decoration: underline; }

.header h1 em,
#topic-home em,
a#topic-home:hover em,
a#topic-home:active em {
  display: block;
  color: #4E4E4E;
  font-size: 0.818em;
  line-height: 1.8; }

/* -----------------------------------------------
    TABBED SUBNAVIGATION
   -----------------------------------------------*/
.tabs {
  clear: left; }
  .tabs:after {
    content: " ";
    visibility: hidden;
    width: 0;
    height: 0;
    display: block;
    clear: left; }

.tabs li {
  border-top: 1px solid #e6e6e6; }

.tabs a,
.tabs strong {
  display: block;
  padding: 0.3125em 0;
  color: #154273;
  text-decoration: none;
  font-family: Arial, "Helvetica Neue", Helvetica, Univers, sans-serif;
  font-size: 1.08333em; }
  @media (min-width: 36em) {
    .tabs a,
    .tabs strong {
      padding: 0.4em 0; } }

.tabs a strong {
  font-size: 1em; }

.tabs a:visited {
  color: #154273; }

.tabs a:focus,
.tabs a:hover {
  color: #0162CD;
  text-decoration: underline; }

.tabs strong,
.tabs .selected a {
  color: #000;
  font-weight: bold; }

@media (min-width: 36em) {
  .tabs {
    margin-left: 0; }

  .tabs li {
    float: left;
    border-top: 0; }

  .tabs a,
  .tabs strong {
    display: block;
    padding: 0.3em 10px;
    text-decoration: none;
    font-size: 1.15em; }

  .tabs .selected a,
  .tabs .selected strong,
  .tabs .selected a:hover,
  .tabs .selected a:visited:hover,
  .tabs .selected a:focus,
  .tabs .selected a:visited:focus {
    background-color: #FFF;
    color: #000;
    font-weight: bold; } }
@media (min-width: 36em) {
  .tabs li {
    margin-right: 10px; }

  .tabs a,
  .tabs strong {
    font-size: 1.25em; } }
@media print {
  .tabs {
    display: none !important; } }
/* -----------------------------------------------
    BREADCRUMB
   -----------------------------------------------*/
#breadcrumb {
  margin-bottom: 0.4em;
  font-size: 0.9167em;
  padding-top: 0px; }
  @media (min-width: 36em) {
    #breadcrumb {
      padding-top: 5px; } }
  #breadcrumb a {
    display: inline-block;
    margin-right: 10px;
    padding: 0;
    color: #154273;
    text-decoration: none;
    background: none; }

#breadcrumb a + a {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHCAMAAAAYuxziAAAABlBMVEUVQnP///+tewiuAAAAAnRSTlP/AOW3MEoAAAAYSURBVAjXY2BgZGRkAEIIAvOgLAYIkxEAAZEAFktafNEAAAAASUVORK5CYII=") no-repeat 0 0.35em;
  padding-left: 15px; }
  @media (min-width: 36em) {
    #breadcrumb a + a {
      background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHCAMAAAAYuxziAAAABlBMVEUVQnP///+tewiuAAAAAnRSTlP/AOW3MEoAAAAYSURBVAjXY2BgZGRkAEIIAvOgLAYIkxEAAZEAFktafNEAAAAASUVORK5CYII=") no-repeat 0 0.636em; } }

#breadcrumb a:focus,
#breadcrumb a:hover {
  color: #0162CD;
  text-decoration: underline; }

@media print {
  #breadcrumb {
    margin-bottom: 1em;
    color: #767676;
    font-size: 85%; }

  #breadcrumb img {
    position: relative;
    top: -.35em;
    margin: 0 .3em;
    vertical-align: bottom; }

  #breadcrumb a:after, #breadcrumb a:visited:after {
    content: ""; } }
/* Overall content elements */
/* -----------------------------------------------
	COMMON BLOCK CLASSES
   -----------------------------------------------*/
/* -----------------------------------------------
	COMMON LISTS
   -----------------------------------------------*/
.common, .article .common {
  margin: 0;
  font-size: 1em; }
  .common:after, .article .common:after {
    content: " ";
    visibility: hidden;
    width: 0;
    height: 0;
    display: block;
    clear: left; }

.common + .common, .article .common + .common {
  margin-top: 0.5em; }
  @media (min-width: 36em) {
    .common + .common, .article .common + .common {
      margin-top: 0; } }

.common li {
  margin: 0 0 0.3125em 0;
  padding-left: 0;
  background-image: none; }
  .common li:after {
    content: " ";
    visibility: hidden;
    width: 0;
    height: 0;
    display: block;
    clear: left; }
  .common li > span:first-child {
    padding: 0 0 0.5em 0;
    line-height: 1.5;
    display: inline-block;
    padding-left: 30px;
    background: url(shared-ro/images/sprite-bullet.png) no-repeat 10px 0.539em; }
  @media (min-width: 36em) {
    .common li {
      margin: 0 0 0.5em 0; } }

@media (min-width: 36em) {
  .common li:last-child {
    margin-bottom: 0; } }
.common li a p {
  padding-left: 0; }

.common li ul {
  clear: left;
  margin: 0.4em 0 1.2em;
  padding-left: 30px; }

.common li li {
  margin: 0.4em 0;
  padding: 0; }

.common a,
a.more {
  float: left; }

.common a,
a.more {
  display: block;
  padding-bottom: 0.5em;
  padding-left: 30px;
  text-decoration: none;
  font-size: 1em;
  line-height: 1.5; }
  @media (min-width: 36em) {
    .common a,
    a.more {
      line-height: 1.5; } }

.common a h3,
.common a h4 {
  font-size: 1.1428em;
  line-height: 1.5;
  font-weight: normal;
  padding-bottom: 0.2em; }
  @media (min-width: 36em) {
    .common a h3,
    .common a h4 {
      padding-bottom: 0.3em;
      line-height: 1.5; } }

.common a p {
  font-size: 0.846em; }

.common a + p {
  clear: left;
  margin-bottom: 20px;
  padding-left: 30px; }

.common span.meta {
  display: block;
  margin-left: 30px;
  margin-bottom: 0.5em;
  position: relative;
  top: -0.5em;
  clear: left; }

.common span.meta.assistive {
  position: absolute !important;
  display: inline-block !important;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  border: 0; }

.common a:focus,
.common a:hover,
.more:focus,
.more:hover {
  text-decoration: underline;
  color: #0162CD; }

.more:after {
  content: " ";
  visibility: hidden;
  width: 0;
  height: 0;
  display: block;
  clear: left; }

#aside .more {
  margin-top: 10px; }
  @media (min-width: 36em) {
    #aside .more {
      margin-top: 20px; } }

#aside .more + .more {
  margin-top: 0; }

.common li li a {
  padding-left: 16px;
  font-size: 0.9167em; }

.common .more-topics {
  margin-top: 2em;
  padding-right: 20px; }

.common .more-topics:first-child {
  margin-top: 0; }

.article .two-columns > .more {
  margin-top: 10px; }
  @media (min-width: 36em) {
    .article .two-columns > .more {
      margin-top: 20px; } }

.results a.more:focus,
.results a.more:hover {
  text-decoration: underline; }

.anchors a .anchor {
  font-size: 1em;
  line-height: inherit;
  margin-bottom: 0.2em; }
.anchors a:focus, .anchors a:hover {
  text-decoration: none; }
  .anchors a:focus .anchor, .anchors a:hover .anchor {
    text-decoration: underline; }
.anchors p {
  color: #000;
  font-size: 1em; }

.anchors ~ .toplink {
  display: block;
  margin-bottom: -1em; }

.common li li a,
.news .other a {
  background-position: 0em 0.5em;
  background-repeat: no-repeat;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAMAAAACh/xsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJ bWFnZVJlYWR5ccllPAAAAAZQTFRFFUJz0NDAOhAcIwAAAAJ0Uk5T/wDltzBKAAAAHUlEQVR42mJg BAIGKAaTEAaQYoADuAiKGhABEGAABXMAK0OFNgoAAAAASUVORK5CYII="); }
  @media (min-width: 36em) {
    .common li li a,
    .news .other a {
      background-position: 0em 0.5em; } }

.bullet,
.external,
.rss-feed,
a.close,
a.down,
a.open,
a.up,
a.bullethighlight {
  background-repeat: no-repeat;
  background-image: url("shared-ro/images/sprites/inline.png");
  padding-left: 13px; }

.bullet {
  background-position: 0 -680px; }

.close {
  background-position: 0 -425px; }

.down {
  background-position: 0 -510px; }

.external {
  background-position: 0 -170px; }

.open {
  background-position: 0 -340px; }

.rss-feed {
  background-position: 0 0; }

.up {
  background-position: 0 -595px; }

.bullethighlight {
  background-position: 0 -765px; }

.common a,
a.more,
.thumbnail a.more,
a.faq.info-1400,
.faqs .common a.info-1400,
a.publication.info-1400,
.docs-pubs a,
h1.activity,
h1.faq,
h1.news,
h1.publication,
.spotlight a h3,
.notification a.faq,
.home .topics h3 a,
#priority .prio-arrow,
#priority h3 {
  background-repeat: no-repeat;
  background-image: url("shared-ro/images/linkblue-sprite-icons-xl-1.2.png");
  background-position: -102px -452px;
  padding-left: 30px; }
  @media (min-width: 36em) {
    .common a,
    a.more,
    .thumbnail a.more,
    a.faq.info-1400,
    .faqs .common a.info-1400,
    a.publication.info-1400,
    .docs-pubs a,
    h1.activity,
    h1.faq,
    h1.news,
    h1.publication,
    .spotlight a h3,
    .notification a.faq,
    .home .topics h3 a,
    #priority .prio-arrow,
    #priority h3 {
      background-position: -102px -452px; } }

h1.activity,
h1.faq,
h1.news,
h1.publication {
  background-image: url("shared-ro/images/black-sprite-icons-xl-1.2.png"); }

.actions .common .next a {
  background-repeat: no-repeat;
  background-position: 100% 0.23em;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAMCAMAAACKnBfWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFAWib////rYYWUQAAAAJ0Uk5T/wDltzBKAAAALUlEQVR42mJghAEGJBLEYGBA4UMFEHyIABIfLMBACKCrx2kemn2Y7gGTAAEGAC+YAH3uLVcWAAAAAElFTkSuQmCC"); }

.notifications a.faq,
.common a.faq.info-1400,
.faqs .common a.info-1400 {
  background-position: -402px -182px; }

h1.faq.info-1400 {
  background-position: -402px -182px; }

.results .common a.faq.info-1400,
.article .faqs.overview a.info-1400,
.common.results a.faq.info-1400 {
  background-position: -392px -177px; }

.notifications .common a.email {
  background-position: -452px -137px; }

.common a.publication,
.docs-pubs a {
  background-position: -502px -91px; }
  @media (min-width: 36em) {
    .common a.publication,
    .docs-pubs a {
      background-position: -502px -91px; } }

.spotlight a.publication h3 {
  background-position: -502px -92px; }
  @media (min-width: 36em) {
    .spotlight a.publication h3 {
      background-position: -502px -91px; } }

h1.publication {
  background-position: -502px -91px; }

.results .common a.publication.info-1400,
.common.results a.publication.info-1400 {
  background-position: -492px -87px; }

.common a.activity {
  background-position: -2px -542px; }
  @media (min-width: 36em) {
    .common a.activity {
      background-position: -2px -542px; } }

.spotlight a.activity h3 {
  background-position: -2px -542px; }
  @media (min-width: 36em) {
    .spotlight a.activity h3 {
      background-position: -2px -542px; } }

h1.activity {
  background-position: -2px -542px; }

.common a.email {
  background-position: -302px -272px; }
  @media (min-width: 36em) {
    .common a.email {
      background-position: -302px -272px; } }

.anchors .common a {
  background-position: -152px -407px; }

.common a.video {
  background-position: -602px -2px; }
  @media (min-width: 36em) {
    .common a.video {
      background-position: -602px -2px; } }

.spotlight a.video h3 {
  background-position: -602px -2px; }
  @media (min-width: 36em) {
    .spotlight a.video h3 {
      background-position: -602px -2px; } }

.common a.contactinfo {
  background-position: -102px -452px; }

.faqs .common a,
.common a.faq,
.spotlight a.faq h3 {
  background-position: -252px -317px; }

h1.faq {
  background-position: -252px -317px; }

.common a.external {
  background-position: -203px -362px; }

.spotlight a.external h3 {
  background-position: -203px -360px; }
  @media (min-width: 36em) {
    .spotlight a.external h3 {
      background-position: -203px -362px; } }

.common a.rss-feed {
  background-position: -552px -47px; }
  @media (min-width: 36em) {
    .common a.rss-feed {
      background-position: -552px -47px; } }

.common a.news,
.spotlight a.news h3 {
  background-position: -352px -227px; }
  @media (min-width: 36em) {
    .common a.news,
    .spotlight a.news h3 {
      background-position: -352px -227px; } }

h1.news {
  background-position: -352px -227px; }

.actions .common .previous a {
  background-position: -52px -499px; }

.secure {
  background-image: url("shared-ro/images/secure.png");
  background-repeat: no-repeat;
  padding-right: 15px;
  background-position: 100% 1px; }

/* -----------------------------------------------
    BLOCKS
   -----------------------------------------------*/
.block {
  margin: 0 0 20px; }
  @media (min-width: 36em) {
    .block {
      margin: 0 0 40px; } }
  .block:after {
    content: " ";
    visibility: hidden;
    width: 0;
    height: 0;
    display: block;
    clear: left; }

.article .block {
  margin-top: 20px; }

.article .intro + .block {
  margin-top: 25px; }
  @media (min-width: 36em) {
    .article .intro + .block {
      margin-top: 40px; } }

@media (min-width: 36em) {
  .article p + .block,
  .article ul + .block {
    margin-top: 40px;
    clear: left; } }
.article .two-columns .column {
  margin-top: 0; }
  .article .two-columns .column.odd {
    clear: left; }
  .article .two-columns .column li a.more {
    margin-top: 0;
    font-weight: bold; }

.article .block:first-child {
  margin-top: 0; }

.article > .block:last-child {
  margin-bottom: 0; }

.block h2 {
  margin: 0;
  margin-bottom: 0.8em;
  padding: 0;
  padding-top: 0.4em;
  border-top: 3px solid #01689b;
  font: bold 1.25em/1.5 Arial, "Helvetica Neue", Helvetica, Univers, sans-serif; }
  @media (min-width: 36em) {
    .block h2 {
      margin-bottom: 0.8em; } }
#aside .block ul.common .more {
  margin-top: 0;
  font-weight: bold; }
.block.spotlight {
  padding-top: 1.15em;
  border-top: 3px solid #01689b; }
  .block.spotlight h2 {
    border-top: none;
    padding-top: 0;
    margin-top: -10px; }
  .block.spotlight .spotlightitem {
    margin-bottom: 20px; }
    .block.spotlight .spotlightitem img {
      display: block;
      margin-bottom: 0.8em; }
      .block.spotlight .spotlightitem img:last-child {
        margin-bottom: 0; }
    .block.spotlight .spotlightitem:last-child {
      margin-bottom: 0; }

.block a {
  display: block;
  text-decoration: none; }

.block .mailto {
  display: inline;
  text-decoration: underline; }

.block a:focus,
.block a:hover,
.block a:focus h3,
.block a:hover h3 {
  text-decoration: underline; }

.block a img {
  display: block;
  margin-bottom: 0.8em; }

.block a p {
  color: #111122; }

.block p:last-child,
.block ul.common:last-child li:last-child,
.block dl:last-child {
  margin-bottom: 0; }

.block p:last-child.photo-credit {
  margin-bottom: 0.8125em; }

.block .meta {
  margin-bottom: 0;
  color: #767676;
  font-size: 0.9167em; }

.block .more {
  clear: left;
  margin-top: 30px;
  margin-bottom: 0; }

.block a:focus p,
.block a:hover p {
  text-decoration: none; }

.block + .meta {
  margin-top: -20px; }

.block + .infographic p a {
  display: inline; }

.two-columns:after,
.three-columns:after {
  content: " ";
  visibility: hidden;
  width: 0;
  height: 0;
  display: block;
  clear: left; }

@media (min-width: 36em) {
  /* ---------------------
     GRID COLUMNS
  ------------------------*/
  .two-columns,
  .three-columns {
    margin-left: -20px;
    margin-right: 0; }

  .two-columns .column {
    display: block;
    width: 50%;
    clear: none;
    float: left;
    margin-left: 0;
    margin-right: 0; }

  .two-columns > p,
  .two-columns > a,
  .column > h3,
  .column > p,
  #main .two-columns h2,
  .column li,
  .column dl {
    margin-left: 20px; }

  #aside > .block {
    display: block;
    width: 50%;
    clear: none;
    float: left;
    margin-left: 0;
    margin-right: 0; }

  #aside .block h2,
  #aside .block ul {
    margin-left: 20px; }

  #aside .block + .block:nth-of-type(2n+1) {
    clear: left; }

  #aside .block:last-of-type:nth-of-type(2n+1) {
    width: 100%; } }
@media (min-width: 50em) {
  #aside .block {
    width: auto;
    float: none; }

  #aside .block h2,
  #aside .block ul {
    margin-left: 0; }

  #aside .block > a:last-child, #aside .block > p:last-child, #aside .block ul:last-child, #aside .block ul:last-child li:last-child {
    margin-bottom: 0; } }
/* -----------------------------------------------
    BLOCK: SITEWIDE MESSAGES
   -----------------------------------------------*/
#site-message p {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 1.091em;
  font-weight: bold;
  line-height: 1.2;
  font-weight: normal;
  margin: 0;
  color: #000; }

.js #site-message {
  position: absolute;
  top: -100000px;
  left: 10px;
  z-index: 1001;
  margin: 0;
  padding-bottom: 16px;
  min-height: 53px; }

@media print {
  #main .three-columns .column {
    width: 95%;
    float: left;
    clear: none;
    padding: 0;
    margin: 0 0 0 5%; }

  #main .three-columns .column-first {
    margin-left: 0; }

  #main .three-columns .column li {
    padding-left: 0;
    margin: 0;
    list-style-type: none; }

  #content .block .more {
    display: none; } }
/* -----------------------------------------------
   WAYFINDER SPECIFICS
   -----------------------------------------------*/
.wayfinder {
  margin-top: 20px;
  margin-bottom: 20px;
  clear: left; }
  @media (min-width: 36em) {
    .wayfinder {
      margin-bottom: 40px; } }

@media print {
  #content .wayfinder {
    margin-top: 1em;
    margin-bottom: 1em; } }
/* -----------------------------------------------
   FAQ SPECIFICS
   -----------------------------------------------*/
h1.faq {
  color: #000000;
  margin-bottom: 0.4em; }
  h1.faq + .article-meta {
    padding-left: 30px;
    margin-bottom: 1.8em;
    margin-top: 0; }
  h1.faq + .subheading {
    margin: 0.2em 0; }

#aside .block.faqs h2,
.faqs h2 {
  border-top-color: #01689b; }

.faqs .common {
  margin-bottom: 20px; }
  .faqs .common li {
    margin-bottom: 1.25em; }
    @media (min-width: 36em) {
      .faqs .common li {
        margin-bottom: 1.5em; } }

.article .faqs.overview h3 {
  margin-bottom: 0.5em; }

.faqs .common a:focus,
.faqs .common a:hover,
a.faq:focus,
a.faq:hover,
.spotlight a.faq:focus h3,
.spotlight a.faq:hover h3 {
  color: #0162CD;
  text-decoration: underline; }

.faqs.answers .common a:focus,
.faqs.answers .common a:hover {
  text-decoration: none; }

.faqs .common p {
  margin-left: -30px;
  font-size: 0.9167em; }

.faqs .more {
  margin-top: 0; }

#aside .faqs a h3 {
  font-weight: normal;
  line-height: 1.625em;
  font-size: 1.125em; }

#aside .faqs .more {
  margin-top: 0;
  font-weight: bold;
  line-height: 1.625em;
  font-size: 1.125em; }

.block.faqs:after {
  content: " ";
  visibility: hidden;
  width: 0;
  height: 0;
  display: block;
  clear: left; }

.common a.faq {
  background-position: -252px -317px; }

@media (min-width: 36em) {
  .article .faqs {
    margin-top: 40px;
    clear: left; }

  .article .faqs li {
    display: block;
    width: 50%;
    clear: none;
    float: left;
    margin-left: 0;
    margin-right: 0; }

  .faqs .common {
    margin-left: -20px;
    margin-right: 0;
    margin-bottom: 20px; }

  #aside .faqs .more,
  .article .faqs a {
    margin-left: 20px; }

  .article .faqs a.more {
    margin-left: 0; }

  .faqs.answers li + li + li {
    clear: left; }

  .faqs.answers li + li + li + li {
    clear: none; }

  .article .faqs.overview {
    margin-bottom: 20px; }

  .article .faqs.long li,
  .article .faqs.overview li {
    width: 100%; } }
@media (min-width: 50em) {
  #aside .faqs .more {
    margin-left: 0; } }
@media print {
  #content .faqs a {
    display: block; }

  #content .faqs a:after {
    display: block;
    margin: 0 0 1em; } }
/* -----------------------------------------------
    DOCS EN PUBS SPECIFICS
   -----------------------------------------------*/
.article h1.publication {
  color: #535353; }

h1.publication {
  margin-bottom: 0.4em; }
  h1.publication + .article-meta {
    padding-left: 30px;
    margin-bottom: 1.8em;
    margin-top: 0; }
  h1.publication + .subheading {
    margin: 0.2em 0; }

.docs-pubs {
  margin: 20px 0; }

@media (min-width: 36em) {
  .docs-pubs.two-columns {
    margin-bottom: 0;
    margin-left: -20px; } }
.docs-pubs .common a {
  text-decoration: none; }

.docs-pubs .common li ul {
  padding-left: 0; }

.docs-pubs .common li li a {
  background-image: url("shared-ro/images/sprite-icons-xl-1.2.png");
  padding-left: 30px;
  font-size: 1em; }

.docs-pubs .common li li a.pdf {
  background-image: url(shared-ro/images/sprite-downloads-xl.png);
  background-position: -119px -310px; }

.docs-pubs h4 {
  font-weight: normal;
  font-style: normal; }

.docs-pubs a:hover h3,
.docs-pubs a:focus h3 {
  text-decoration: underline; }

.docs-pubs a p {
  padding-left: 0;
  color: #000;
  font-size: 84.615%;
  font-weight: normal;
  text-decoration: none;
  margin-bottom: 0; }

.article .docs-pubs a .meta {
  color: #767676;
  margin-top: 0.2em; }

@media (min-width: 36em) {
  .article .docs-pubs {
    margin-top: 40px;
    clear: left; } }
/* -----------------------------------------------
    Download
   -----------------------------------------------*/
div.download {
  margin: 10px 0 30px;
  padding: 0;
  background: none; }

h1.download {
  color: #000000; }

.download-chunk {
  display: block;
  position: relative;
  margin: 0 0 10px -20px;
  padding: 8px 80px 10px 50px;
  background-color: #e6e6e6;
  background-image: url(shared-ro/images/sprite-downloads-xl.png);
  background-repeat: no-repeat;
  background-position: 0 -400px;
  text-decoration: none;
  cursor: pointer; }

.download-chunk.rtf {
  background-position: -50px -350px; }

.download-chunk.pdf {
  background-position: -106px -300px; }

.download-chunk.ppt {
  background-position: -150px -250px; }

.download-chunk.xls {
  background-position: -200px -200px; }

.download-chunk.doc {
  background-position: -250px -150px; }

.download-chunk.odp {
  background-position: -306px -100px; }

.download-chunk.ods {
  background-position: -350px -50px; }

.download-chunk.odt {
  background-position: -400px 0; }

.download-chunk h2 {
  margin: 0;
  font-weight: normal;
  font-size: 1.125em;
  cursor: pointer;
  line-height: 1.2381em; }
  @media (min-width: 36em) {
    .download-chunk h2 {
      font-size: 1.25em; } }
  .download-chunk h2 span {
    display: block;
    font-weight: bold; }

.download-chunk:hover h2 span {
  text-decoration: underline; }

.download-chunk h2 em {
  display: block;
  position: absolute;
  right: 20px;
  top: 8px;
  color: #154273;
  font-style: normal;
  font-size: 1.38889em; }
  @media (min-width: 36em) {
    .download-chunk h2 em {
      font-size: 1.833em; } }

.download-chunk:hover h2 em {
  color: #0162CD; }

.download-chunk .meta {
  clear: left;
  margin: 0 0 .2em;
  color: #535353;
  font-size: 100%;
  cursor: pointer; }
  .travel-safety .download-chunk .meta {
    margin-bottom: 0.2em; }

/* -----------------------------------------------
    NEWS / SPOTLIGHT SPECIFICS
   -----------------------------------------------*/
h1.news {
  color: #000000;
  margin-bottom: 0.4em; }
  h1.news + .article-meta {
    padding-left: 30px;
    margin-bottom: 1.25em;
    margin-top: 0; }
    @media (min-width: 36em) {
      h1.news + .article-meta {
        margin-bottom: 1.8em; } }
  h1.news + .subheading {
    margin: 0.2em 0; }

.results a.news {
  margin-bottom: 1em; }

.common li a.news {
  margin-bottom: 0; }
  .common li a.news p {
    margin-bottom: 0.4em; }

.news .article {
  margin: 0;
  padding-top: 0; }

.block.news:after {
  content: " ";
  visibility: hidden;
  width: 0;
  height: 0;
  display: block;
  clear: left; }

.news .regulars {
  clear: left; }
  .news .regulars:after {
    content: " ";
    visibility: hidden;
    width: 0;
    height: 0;
    display: block;
    clear: left; }
  .news .regulars div {
    float: left;
    margin: 0 0 0px; }
    @media (min-width: 36em) {
      .news .regulars div {
        margin: 0 0 20px; } }
    .news .regulars div a {
      margin: 0 0 1em; }

.news div
.news div .visual a {
  margin-bottom: 0; }

.article .news.nomore {
  margin-bottom: -38px; }

.news .other a {
  margin-bottom: 0;
  padding-left: 18px;
  font-size: 1em; }

.news .other a:hover,
.news .other a:focus {
  text-decoration: underline; }

.news .other li {
  margin-bottom: 0; }

.news .other .more a {
  font-weight: bold; }

.news .more,
#aside .news .more,
.article .news .more {
  margin-top: 0; }

#aside .common .news {
  margin-bottom: 0; }

#aside .news a {
  margin-bottom: 1.25em; }
  @media (min-width: 36em) {
    #aside .news a {
      margin-bottom: 0em; } }

#aside .news a.more, #aside .news a.common {
  margin-bottom: 0em; }

.news a:focus,
.news a:hover {
  text-decoration: none; }

.news a h3 {
  padding-bottom: 0.3em;
  font-size: 1.14285em;
  line-height: 1.5em; }

.news p,
.spotlight p {
  margin-bottom: 0.4em;
  font-size: 0.9167em;
  line-height: 1.8em; }
  .news p + .meta,
  .spotlight p + .meta {
    line-height: 1.5em; }

.spotlight a {
  overflow: hidden;
  margin-bottom: 0px; }
  .spotlight a h3 {
    padding-bottom: 0.3em;
    font-size: 1.083em;
    line-height: 1.5;
    text-decoration: none; }
  .spotlight a:focus, .spotlight a:hover {
    text-decoration: none; }
  .spotlight a.external, .spotlight a.rss-feed {
    background-image: none;
    padding-left: 0; }
  @media (min-width: 36em) {
    .spotlight a {
      margin-left: 20px; } }

#aside .spotlight a {
  margin-bottom: 10px; }

@media (min-width: 36em) {
  .article .spotlight div a {
    margin-left: 0; } }
.spotlight img {
  max-width: 100%;
  width: 100%; }

.spotlight .common li a {
  margin-left: 0; }

/* -------------------------
   NEWS HEADLINE
   ------------------------*/
.news .headline {
  margin: 0 -10px 20px -10px;
  background-color: #f3f3f3; }
  .news .headline img {
    display: block;
    width: 100%;
    margin-bottom: 0; }
  .news .headline div {
    float: none;
    margin: 0;
    padding: 0 10px 10px; }
  .news .headline .visual {
    padding: 0; }
  .news .headline p {
    margin-bottom: 0.4em; }
  .news .headline .meta {
    color: #494949;
    margin-bottom: 0;
    padding-bottom: 0.5em; }
  .news .headline h3 {
    padding: 0.4em 0 0.2em;
    font: normal 1.833em/1.2 Arial, "Helvetica Neue", Helvetica, Univers, sans-serif; }
    @media (min-width: 36em) {
      .news .headline h3 {
        font: normal 1.833em/1.2 Arial, "Helvetica Neue", Helvetica, Univers, sans-serif; } }

.headline a:link .secure {
  padding-right: 20px;
  background-repeat: no-repeat;
  background-image: url("shared-ro/images/secure-big.png");
  background-position: 100% 0; }
.headline a:link:visited .secure {
  background-position: 100% -102px; }
.headline a:link:hover .secure, .headline a:link:focus .secure {
  background-position: 100% -51px; }

.other .common li {
  margin-bottom: 20px; }
  .other .common li a {
    float: none;
    background: none;
    padding-left: 0;
    line-height: inherit; }
  .other .common li a:hover,
  .other .common li a:focus {
    text-decoration: underline; }
  .other .common li .meta {
    display: block;
    font: normal 0.9167em/1.5 Verdana, Geneva, sans-serif;
    margin: 0.4em 0 0; }

/* -------------------------
   BREAKING NEWS
   ------------------------*/
.breaking {
  margin: 20px 10px 0 10px;
  background: #f3f3f3;
  overflow: auto; }
  .breaking a {
    text-decoration: none;
    display: block; }
    .breaking a:hover {
      text-decoration: none; }
      .breaking a:hover h2 {
        text-decoration: underline; }
      .breaking a:hover p {
        color: #111122; }
      .breaking a:hover .meta {
        color: #767676; }
    .breaking a h2 {
      margin: 0;
      padding: 0 0 0.2em;
      font-size: 1.625em;
      line-height: 1.15384em; }
      @media (min-width: 36em) {
        .breaking a h2 {
          font-size: 2em;
          line-height: 1.15em; } }
    .breaking a p {
      color: #000000; }
      .breaking a p.meta {
        color: #494949;
        font-size: 0.8em; }
  .breaking .article {
    padding: 10px;
    display: block; }
  .breaking .smallcontent {
    float: right;
    width: 100%;
    padding: 10px;
    box-sizing: border-box; }
    .breaking .smallcontent a {
      width: 100%;
      box-sizing: border-box;
      float: none; }
    .breaking .smallcontent h3 {
      padding-bottom: 5px; }
    .breaking .smallcontent .meta {
      margin-top: 0px; }
  .breaking.visualnews h2 {
    font-size: 1.625em;
    line-height: 1.15384em; }
    @media (min-width: 36em) {
      .breaking.visualnews h2 {
        font-size: 2em;
        line-height: 1.15em; } }
  .breaking.visualnews .visual {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 10px; }
    .breaking.visualnews .visual a {
      padding: 0px; }
    .breaking.visualnews .visual img {
      width: 100%; }
  .breaking.visualnews div {
    width: 100%;
    float: left; }
  .breaking.visualnews .newscontent {
    box-sizing: border-box; }
    .breaking.visualnews .newscontent h2, .breaking.visualnews .newscontent p {
      padding: 10px; }
    .breaking.visualnews .newscontent p {
      padding-bottom: 0.4em;
      margin-bottom: 0px; }
      .breaking.visualnews .newscontent p.meta {
        padding-left: 10px;
        padding-top: 0px; }
  .breaking.visualnews .regular {
    width: 50%;
    padding: 0px 10px 0px 10px;
    margin-top: 5px; }
    @media (min-width: 36em) {
      .breaking.visualnews .regular {
        margin-top: 10px; } }
    .breaking.visualnews .regular a {
      width: 100%;
      float: left;
      box-sizing: border-box;
      padding: 0px;
      margin-bottom: 0px; }
      @media (min-width: 36em) {
        .breaking.visualnews .regular a {
          margin-bottom: 10px; } }
    .breaking.visualnews .regular h3 {
      padding-bottom: 5px; }
    .breaking.visualnews .regular p {
      margin-bottom: 10px; }
      .breaking.visualnews .regular p.meta {
        margin-top: 0px;
        padding: 0px; }

@media (min-width: 36em) {
  .news .regulars {
    margin-left: -20px;
    margin-right: 0; }

  .news div > div {
    display: block;
    width: 50%;
    clear: none;
    float: left;
    margin-left: 0;
    margin-right: 0; }

  #aside .news div,
  #aside .news .more,
  #aside .other-news .more,
  .article .news div a,
  .news .other ul {
    margin-left: 20px; }

  /* -------------------------
     NEWS HEADLINE
     ------------------------*/
  .article .news .headline {
    width: 100%;
    float: left;
    clear: left;
    margin: 0 0 30px 0; }

  .article .news .headline a {
    margin-left: 0;
    padding: 0 10px; }

  .article .news .headline .visual a {
    margin: 0 10px 0 0;
    padding: 0; }

  .news .headline div {
    width: 50%;
    float: left;
    margin: 0;
    padding: 0; }

  #aside .news .headline {
    margin-left: 0;
    margin-right: 0;
    background-color: transparent; }
    #aside .news .headline div {
      width: auto;
      margin-right: 0; }
    #aside .news .headline h3 {
      font-family: Verdana, Geneva, sans-serif;
      font-size: 1.091em;
      font-weight: bold;
      line-height: 1.2;
      font-weight: normal; }

  .news .regulars .odd {
    clear: left; }

  #content .regular.odd {
    clear: left; }

  #content .regular {
    clear: none; }

  /* -----------------------------------
      aside spotlight
     ----------------------------------*/
  #aside .spotlight a {
    float: left; }

  #aside .spotlight .common {
    float: left; }

  /* -------------------------
     BREAKING NEWS
     ------------------------*/
  .breaking {
    min-height: 180px; }
    .breaking .smallcontent {
      padding-left: 20px; }
      .breaking .smallcontent a {
        width: 50%;
        float: left;
        margin-bottom: 10px; }
    .breaking .article {
      padding: 20px; }
    .breaking.visualnews .visual {
      width: 50%;
      margin-bottom: 0px;
      min-height: 300px;
      margin-bottom: 0px; }
    .breaking.visualnews .newscontent a h2, .breaking.visualnews .newscontent a p {
      width: 50%;
      float: right;
      box-sizing: border-box;
      padding-left: 20px;
      padding-right: 10px;
      padding-top: 0px; }
    .breaking.visualnews .newscontent a h2 {
      padding-top: 10px;
      padding-bottom: 0.2em; }
    .breaking.visualnews .newscontent a .meta {
      margin: 0px;
      padding-left: 20px; }
    .breaking.visualnews .regular {
      box-sizing: border-box;
      padding-left: 20px; }
      .breaking.visualnews .regular a {
        margin-top: 0px;
        padding-right: 10px;
        padding-left: 0px; }
        .breaking.visualnews .regular a .meta {
          width: 100%;
          padding-left: 0px; } }
@media (min-width: 50em) {
  .article .spotlight div a {
    margin-bottom: 0;
    padding-left: 120px;
    background: none; }

  .article .spotlight img {
    position: absolute;
    width: 100px;
    left: 0;
    top: 0; }

  #aside .news div,
  #aside .news .more,
  #aside .spotlight a {
    margin-left: 0; }

  /* -----------------------------------
     news items in aside
     ----------------------------------*/
  #aside .headline {
    margin: 0 0 30px;
    background-color: transparent; }

  #aside .headline div {
    width: auto; }

  #aside .spotlight a {
    float: none;
    margin-bottom: 20px; }

  #aside .spotlight .common {
    float: none; }

  #aside .spotlight a.more {
    margin-bottom: 0; }

  /* -------------------------
     BREAKING NEWS
     ------------------------*/
  .breaking {
    margin-left: 20px;
    margin-right: 0px; }
    .breaking .smallcontent {
      width: 25%;
      padding: 20px 10px 10px 20px; }
      .breaking .smallcontent a {
        width: 100%; }
    .breaking.visualnews .regular {
      margin-top: 15px; }
      .breaking.visualnews .regular a {
        width: 50%; } }
@media print {
  .news .headline div {
    position: static; } }
/* -----------------------------------------------
   BANNERS
   -----------------------------------------------*/
.banner {
  width: 100%;
  margin: 0 0 10px 0; }
  @media (min-width: 36em) {
    .banner {
      display: block;
      width: 50%;
      clear: none;
      float: left;
      margin: 0 0 20px 0; } }
  @media (min-width: 50em) {
    .banner {
      width: 100%;
      float: none;
      margin-bottom: 40px; } }

.banner a {
  display: block;
  float: left; }
  @media (min-width: 36em) {
    .banner a {
      margin-left: 20px; } }
  @media (min-width: 50em) {
    .banner a {
      margin-left: 0; } }

.banner img {
  max-width: 100%;
  image-rendering: optimizeQuality;
  -ms-interpolation-mode: bicubic; }
  @media (min-width: 50em) {
    .banner img {
      width: 100%; } }

.home .banner img {
  max-width: 100%; }

@media (min-width: 36em) {
  #aside .block + .banner:nth-of-type(2n+1) {
    clear: left; } }
/* -----------------------------------------------
    NOTIFICATIONS & RSS FEEDS
   -----------------------------------------------*/
#follow-up:after {
  content: " ";
  visibility: hidden;
  width: 0;
  height: 0;
  display: block;
  clear: left; }

#follow-up .block {
  margin-bottom: 0; }

.notifications,
.sharing {
  margin: 0 0 20px; }
  @media (min-width: 36em) {
    .notifications,
    .sharing {
      margin: 0 0 40px; } }

.sharing:after {
  content: " ";
  visibility: hidden;
  width: 0;
  height: 0;
  display: block;
  clear: left; }

.notifications h2,
.sharing h2 {
  clear: none;
  border-top-color: #01689b;
  color: #000; }

.notifications a {
  padding-right: 30px; }

#aside .notifications a {
  padding-right: 0px; }

.notifications a.email:focus,
.notifications a.rss-feed:focus,
.notifications a.email:hover,
.notifications a.rss-feed:hover {
  color: #0162CD; }

#follow-up .notifications li {
  display: block; }

/* -----------------------------------------------
     SOCIAL NETWORKS SHARING
   -----------------------------------------------*/
#follow-up .sharing li {
  display: block;
  width: 50%;
  float: left; }

@media (min-width: 36em) {
  #follow-up .notifications,
  #follow-up .sharing {
    display: block;
    width: 50%;
    clear: none;
    float: left;
    margin-left: 0;
    margin-right: 0; }

  /* sharing en notifications */
  #follow-up .block > div {
    width: 50%; }

  /* laatste oneven block */
  #follow-up .block > :nth-of-type(2n+1):last-of-type {
    width: 100%; }

  /* list items inside full with deel deze pagina */
  #follow-up .block > .sharing:nth-of-type(2n+1):last-of-type li {
    width: 25%; }

  #follow-up .block {
    margin-left: -20px;
    margin-right: 0; }

  #follow-up h2,
  #follow-up ul {
    margin-left: 20px; }

  #follow-up .sharing .common {
    margin-left: 0; }

  #follow-up .sharing .common li {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    padding-left: 20px; } }
@media (min-width: 50em) {
  #follow-up {
    float: left;
    margin: 40px 0 0 0;
    padding: 0 0 0 20px;
    max-width: 640px;
    width: 66.7%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; } }
.sharing .common a,
.sharing .common a:visited {
  padding-left: 30px;
  background-image: url(shared-ro/images/sprite-icons-sharing-xl-1.2.png);
  color: #154273; }

.sharing .twitter {
  background-position: -168px 0; }

.sharing .twitter:hover {
  color: #008ACA; }

.sharing .facebook {
  background-position: -144px -24px; }

.sharing .facebook:hover {
  color: #254b92; }

.sharing .linkedin {
  background-position: -96px -72px; }

.sharing .linkedin:hover {
  color: #006AAE; }

.sharing .youtube {
  background-position: -72px -96px; }

.sharing .youtube:hover {
  color: #C31C23; }

.sharing .google-plus {
  background-position: -48px -120px; }

.sharing .google-plus:hover {
  color: #BD3518; }

.sharing .flickr {
  background-position: -24px -144px; }

.sharing .flickr:hover {
  color: #C80970; }

.sharing .tumblr {
  background-position: 0 -168px; }

.sharing .tumblr:hover {
  color: #497392; }

.sharing .common a.external {
  background-image: url("shared-ro/images/sprite-icons-xl-1.2.png");
  background-position: -203px -362px; }

@media print {
  .sharing,
  h2 a.rss {
    display: none !important; } }
/* -----------------------------------------------
    INTRO SUMMARY
   -----------------------------------------------*/
.summary h1,
.summary h2,
.summary p {
  margin: 0 0 10px;
  color: #767676;
  font: bold 1.25em/1.5 Arial, "Helvetica Neue", Helvetica, Univers, sans-serif;
  vertical-align: baseline; }
  @media (min-width: 36em) {
    .summary h1,
    .summary h2,
    .summary p {
      margin: 0 0 30px; } }

.summary span {
  color: #000;
  font-size: 1.3333em;
  line-height: 1.1429em; }

/* -----------------------------------------------
    RESULTS LISTINGS
   -----------------------------------------------*/
.sorting {
  margin: 0 0 0 0; }
  @media (min-width: 36em) {
    .sorting {
      margin: 0 0 1em; } }

.sorting + .results {
  padding-top: 0.8em; }

.results a {
  clear: left;
  margin: 0;
  margin-bottom: 1em; }
  @media (min-width: 36em) {
    .results a {
      margin-bottom: 1em; } }

.results li a p {
  margin-bottom: 0.4em; }

.results li a {
  margin-bottom: 0; }

.results a:focus,
.results a:hover {
  text-decoration: none; }

.results h3 {
  margin-bottom: 0.2em;
  font-weight: normal;
  line-height: 1.5; }

.results a h3 {
  font-size: 1.1428em;
  line-height: inherit; }
  @media (min-width: 36em) {
    .results a h3 {
      line-height: inherit; } }

.results a:focus h3,
.results a:hover h3 {
  text-decoration: underline; }

.results p {
  margin: 0;
  color: #000000;
  font-size: 0.917em;
  font-weight: normal; }

.results .meta {
  margin-top: 0.2em;
  margin-bottom: 0;
  color: #767676;
  font-size: 0.9167em; }
  .results .meta + .meta {
    margin-top: 0; }

.results h3 + .meta {
  margin-top: 0; }

.results.contents .common li {
  margin-bottom: 1.25em; }
  @media (min-width: 36em) {
    .results.contents .common li {
      margin-bottom: 1.625em; } }
  .results.contents .common li li {
    margin: 0; }

/* -----------------------------------------------
    RESULTS OVER 200 MESSAGE
   -----------------------------------------------*/
.results-message {
  margin: 0 0 0 -20px;
  padding: 10px 20px 5px;
  background-color: #e6e6e6; }

.results-message p {
  margin: 0 0 0.6em;
  padding: 0; }

.results-message.search-top {
  margin: 0;
  padding: 0;
  background-color: transparent; }
  .results-message.search-top p {
    padding: 0; }

/* -----------------------------------------------
    PAGING
   -----------------------------------------------*/
ul.paging {
  margin: 0 0 15px -20px;
  padding-left: 20px;
  border-top: 3px solid #154273;
  font-size: 100%; }
  ul.paging:after {
    content: " ";
    visibility: hidden;
    width: 0;
    height: 0;
    display: block;
    clear: left; }
  @media (min-width: 36em) {
    ul.paging {
      margin: 0 0 20px -20px; } }

.paging li {
  display: block;
  float: left;
  margin: 0 10px 0 0;
  padding: 0;
  border: 0;
  background-image: none;
  font: normal 1.25em/1.2 Arial, "Helvetica Neue", Helvetica, Univers, sans-serif; }
  @media (min-width: 36em) {
    .paging li {
      font: normal 1.25em/1.2 Arial, "Helvetica Neue", Helvetica, Univers, sans-serif; } }

.paging a,
.paging a:visited,
.paging span {
  display: block;
  padding: .5em 8px;
  padding-top: 0.7em;
  color: #154273;
  text-decoration: none; }

.paging a:focus,
.paging a:hover {
  color: #0162CD;
  text-decoration: underline; }

.paging a,
.paging span {
  position: absolute;
  top: -100000px; }
  @media (min-width: 36em) {
    .paging a,
    .paging span {
      position: static;
      top: auto; } }

.paging .previous a,
.paging .next a {
  position: static;
  top: auto; }

.paging strong {
  display: block;
  padding: .5em 8px;
  padding-top: 0.7em;
  background-color: #154273;
  color: #FFFFFF; }

.paging em {
  display: block;
  padding: .5em 8px;
  padding-top: 0.7em;
  color: #767676;
  font-style: normal;
  line-height: 1; }

@media print {
  .paging {
    display: none; } }
/* Module-specific styles */
/* SITEWIDE MESSAGES */
.message, #site-message {
  padding: 30px 10px 5px;
  background-image: url(shared-ro/images/sprite-icons-messages.png);
  background-repeat: no-repeat;
  background-position: 10px 0; }

.message.site {
  max-width: 940px;
  margin: 0 auto;
  padding-bottom: 10px; }
  .message.site:after {
    content: " ";
    visibility: hidden;
    width: 0;
    height: 0;
    display: block;
    clear: both; }

.message p {
  margin: 0; }

.message.error {
  background-color: #F7D2DD; }

.message.alert {
  background-color: #FEF1BC;
  background-position: -990px 0; }

.message.info {
  background-color: #C5F2B2;
  background-position: -1990px 0; }

.message.cookie {
  padding-top: 5px;
  background-image: none;
  background-color: #EAEBEE; }
  .message.cookie a:visited {
    color: #666666; }

.message.survey {
  padding-bottom: 10px; }

.message.survey p {
  font-weight: normal; }

.message.survey p.invite {
  font-weight: bold; }

.message.survey a {
  display: block;
  float: right;
  clear: right;
  margin-left: 10px; }

.message.survey a[target=_blank] {
  background-repeat: no-repeat;
  background-image: url("shared-ro/images/sprites/inline.png");
  background-position: 0 -163px;
  padding-left: 13px; }

.message.survey #survey-no {
  float: right; }

.message.error li {
  background-position: -990px 0.75em; }

.message.login {
  padding-top: 0;
  padding-bottom: 0.2em;
  background: #F3F5F6;
  margin-right: 0;
  text-align: right;
  font-size: 0.85714em; }
  .message.login p {
    text-align: right; }
  .message.login a {
    margin-left: 10px; }
    .message.login a:visited {
      color: #666666; }
  @media (min-width: 36em) {
    .message.login {
      font-size: 1em;
      margin-right: auto; }
      .message.login p {
        display: inline; } }

@media (min-width: 36em) {
  /* survey */
  .message.survey a {
    display: inline-block;
    float: none;
    margin-left: 0; }

  .message.survey #survey-no {
    float: right; } }
@media (min-width: 50em) {
  /* ERROR MESSAGES */
  .message {
    padding-left: 20px;
    padding-right: 20px;
    background-position: 20px 0; }

  .message.alert {
    background-position: -980px 0; }

  .message.info {
    background-position: -1980px 0; } }
.article .alert.message {
  margin-left: -10px; }

@media (min-width: 50em) {
  .article .alert.message {
    margin-left: -20px; } }
@media print {
  .survey,
  .cookie {
    display: none !important; } }
/* -----------------------------------------------
    FORM ELEMENTS
   -----------------------------------------------*/
label {
  display: block;
  position: relative;
  margin: 0 0 0.4em;
  font-size: 1.083em;
  line-height: 1.5; }

select {
  padding: 0.3333em 0;
  -webkit-border-radius: 0; }

input,
select,
textarea,
button {
  line-height: normal;
  font-size: 1em;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

input[type="text"],
input[type="password"],
select {
  padding: 0.3333em 0;
  height: 30px;
  width: 100%; }
  @media (min-width: 36em) {
    input[type="text"],
    input[type="password"],
    select {
      padding: 0.3333em 0; } }

select {
  padding: 0.2142em 0; }

input[type="text"],
input[type="password"] {
  padding-left: 1%;
  width: 99%; }

button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="text"],
input[type="password"],
textarea {
  -webkit-border-radius: 0;
  -webkit-appearance: none; }

input[type="text"],
input[type="password"],
select,
textarea {
  border-top: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  border-bottom: 2px solid #154273;
  margin-top: 0px;
  margin-bottom: 0px; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  display: block;
  width: auto;
  float: left;
  margin: 0 20px 0 0;
  padding: 0.4em 10px;
  padding-bottom: 0.6em;
  border: 0;
  background-color: #154273;
  color: #FFFFFF;
  font-size: 1.083em;
  cursor: pointer;
  -webkit-appearance: button; }
    button:focus,
    input[type="button"]:focus,
    input[type="reset"]:focus,
    input[type="submit"]:focus {
        outline: none;
        box-shadow: 0 0 0 2px #3897F9 inset;
    }

textarea {
  width: 100%;
  height: 6em;
  line-height: 1.5; }

input[type="text"].autosize, select.autosize {
  width: auto; }

form:after {
  content: " ";
  visibility: hidden;
  width: 0;
  height: 0;
  display: block;
  clear: left; }

form h2 {
  margin: 0.67em 0 0.13em;
  color: #01689B;
  font: normal 1.5em/1.2 Arial, "Helvetica Neue", Helvetica, Univers, sans-serif; }

form h3 {
  padding-left: 10px;
  margin: 0.67em 0 0.13em; }
  @media (min-width: 50em) {
    form h3 {
      padding-left: 20px; } }

.form th[colspan] {
  background-color: white;
  padding-top: 1.2em; }

form h2.req {
  margin: 0.67em 0 -1em;
  padding-right: 6em; }

form h2.form-divider {
  border-top: 3px solid #e6e6e6;
  padding-top: 0.8em; }

form div p {
  margin: 0 0 1.2em; }

form p.req {
  text-align: right; }

fieldset {
  padding-left: 10px;
  background-color: #e6e6e6;
  overflow: hidden; }
  #country-search-form fieldset {
    background-color: #e6e6e6;
    padding-bottom: 0.5em; }
    #country-search-form fieldset p {
      margin: 1.2em 0 0.5em; }
  #country-search-form fieldset input.ui-autocomplete-input, #topic-search fieldset input.ui-autocomplete-input {
    margin-bottom: 0px;
    padding-left: 1%;
    width: auto; }
    @media (min-width: 36em) {
      #country-search-form fieldset input.ui-autocomplete-input, #topic-search fieldset input.ui-autocomplete-input {
        width: 20em; } }

fieldset div {
  display: block;
  position: relative;
  margin: 0.9375em 0 0;
  padding-bottom: 5px;
  overflow: hidden; }
  @media (min-width: 36em) {
    fieldset div {
      margin: 1.2em 0 0; } }

fieldset p:after {
  content: " ";
  visibility: hidden;
  width: 0;
  height: 0;
  display: block;
  clear: left; }

fieldset .field {
  margin: 0;
  padding: 0 10px 0 0;
  min-height: 2.3333em; }
  fieldset .field:after {
    content: " ";
    visibility: hidden;
    width: 0;
    height: 0;
    display: block;
    clear: left; }

form td p {
  margin-bottom: 1.2em;
  line-height: 1.8; }

form td p:last-child {
  margin-bottom: 0; }

.article form {
  margin-left: -10px; }
  .article form h2 {
    padding-left: 10px;
    margin-left: 0; }
  .article form > p {
    padding-left: 10px; }
  .article form fieldset.radio-subfields {
    padding-left: 30px; }

.navigation {
  background-color: #e6e6e6;
  margin: 0 0 1.875em; }
  @media (min-width: 36em) {
    .navigation {
      margin: 0 0 3em; } }

.navigation div {
  margin: 1.25em 0 0;
  padding-bottom: 0; }
  @media (min-width: 36em) {
    .navigation div {
      margin: 1.8em 0 0; } }

.divider {
  display: inline-block;
  width: 15%;
  max-width: 2em;
  text-align: center; }

/* FORM HINTS */
.hint p, .hint ol, .hint ul {
  margin: 0;
  padding-bottom: 0;
  padding-right: 40px;
  line-height: 1.5;
  min-height: 2.3333em; }

.hint li {
  line-height: 1.5; }

.hint dl {
  margin-bottom: 0; }

.hint h3 {
  line-height: 1.5; }

.js .fancy .hint {
  position: absolute;
  top: -100000px; }

.fancy .field {
  padding-right: 60px; }

form a.open,
form a.close {
  position: absolute;
  right: 0;
  top: 0;
  background: #154273;
  color: #FFF;
  font-size: 1.0833em;
  text-decoration: none;
  font-weight: normal;
  padding: 0 14px 0 14px;
  height: 30px;
  line-height: 2; }
    form a.open:focus,
    form a.close:focus {
        outline: none;
        box-shadow: 0 0 0 2px #3897F9 inset;
    }
  @media (min-width: 36em) {
    form a.open,
    form a.close {
      padding: 0.6153em 14px 0 14px;
      height: 22px;
      line-height: 1; } }

form a.close {
  top: 0;
  z-index: 100;
  font-size: 1em; }

form a.open:focus,
form a.open:hover,
form a.close:focus,
form a.close:hover {
  color: #FFF; }

.form .hint div {
  padding: 0 30px 0 10px;
  margin: 0; }
.form .hint dt {
  width: 9em; }
.form .hint dd {
  margin-left: 9.9em;
  line-height: 1.5; }

/* -----------------------------------
    radiobutton and checkboxes
   ----------------------------------*/
/* -----------------------------------
    checklist / optionlist
   ----------------------------------*/
input[type="checkbox"],
input[type="radio"] {
  position: absolute;
  left: 0;
  vertical-align: middle;
  padding: 0;
  /*margin: 0.25em 0 0 1px; */
  border: 2px solid #f3f3f3; }

input[type="checkbox"] {
  -webkit-border-radius: 0;
  background-color: transparent;
  border-color: transparent; }
  .touch input[type="checkbox"] {
    border-color: #999999; }

input[type="radio"] {
  color: #01689B;
  background-color: transparent;
  border-color: transparent; }
  .touch input[type="radio"] {
    border-color: #999999; }

.disabled + label {
  cursor: default;
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
  opacity: 0.4; }

.checklist,
.optionlist {
  padding: 1.2em 0 0.8em 10px;
  position: relative; }
  .checklist > div,
  .optionlist > div {
    padding: 0;
    margin: 0;
    overflow: visible; }
  .checklist .hint,
  .optionlist .hint {
    padding-left: 30px; }
  .checklist label,
  .optionlist label {
    color: #154273;
    font-weight: bold; }
  .checklist div.field,
  .optionlist div.field {
    min-height: 1.67em;
    padding: 0 60px 0 30px;
    overflow: visible; }
  .checklist input,
  .optionlist input {
    position: absolute;
    left: 0;
    top: 0; }
  .checklist .subchecklist,
  .optionlist .subchecklist {
    padding-left: 0; }
    .checklist .subchecklist div.field,
    .optionlist .subchecklist div.field {
      padding-right: 0; }
    .checklist .subchecklist label,
    .optionlist .subchecklist label {
      color: black;
      font-weight: normal; }
  .checklist + .navigation div,
  .optionlist + .navigation div {
    padding-left: 0; }

label.radio {
  padding-left: 30px;
  position: relative; }

label.inline-label {
  float: none;
  margin: 0 0 0.8em;
  position: static;
  display: inline;
  width: auto; }

label.radio.inline-label {
  float: left;
  margin-right: 0;
  margin-left: 0; }

.radio-subfields {
  margin: 0 0 0.8em 0; }
  .radio-subfields fieldset, .radio-subfields .field {
    margin: 0 0 0.8em 0;
    padding: 0 10px 0.8em; }
  .radio-subfields:after {
    content: " ";
    visibility: hidden;
    width: 0;
    height: 0;
    display: block;
    clear: left; }

span.radio-subfields {
  padding: 0;
  float: none;
  display: inline; }
  span.radio-subfields label {
    position: static;
    margin-top: 0; }

label.choice {
  margin: 0 1em 0.8em 0;
  width: auto;
  float: left;
  padding-top: 0.25em;
  left: 0;
  top: 0;
  padding-left: 30px;
  position: relative; }
  label.choice input {
    left: 3px;
    top: 0; }

fieldset .message,
fieldset .hint {
  min-height: 0;
  margin-top: 0; }

fieldset div.message.error, fieldset div.message.alert, fieldset div.message.info {
  display: block;
  padding: 0 20px 0 30px;
  background-color: transparent;
  background-position: 0 0; }

fieldset div.message.alert {
  background-color: #FEF1BC;
  background-position: -1000px 0; }

fieldset div.message.info {
  background-color: #C5F2B2;
  background-position: -2000px 0; }

fieldset .message.error p {
  margin-top: 0;
  padding: 0; }

.error label {
  /* color: #CC003D; */ }

form .error {
  padding-bottom: 0; }

form .message.error {
  padding-bottom: 5px; }

.error input, .error textarea {
  border-color: #f7d2dd;
  border-bottom-color: #CC003D; }

.period.custom {
  display: none; }

.period select {
  width: 6.0em; }
  @media (min-width: 36em) {
    .period select {
      width: 6.6em; } }

@media (min-width: 36em) {
  /* --------------------------
     FORM ELEMENTS
     -------------------------*/
  fieldset div {
    padding-left: 11em; }

  fieldset .message {
    margin-bottom: 1em;
    margin-left: 11em; }

  .fancy .hint {
    overflow: visible; }

  label {
    position: relative;
    top: 0.25em;
    left: -11em;
    float: left;
    margin: 0;
    margin-right: -11em;
    width: 10.5em;
    font-size: 1em; }

  .checklist, .optionlist {
    padding-left: 20px; }
    .checklist label, .optionlist label {
      float: none;
      position: static;
      width: auto;
      margin-top: 0.8em; }
    .checklist:first-child label, .optionlist:first-child label {
      margin-top: 0; }
    .checklist .subchecklist, .optionlist .subchecklist {
      padding: 0.8em 10px 0.4em; }
      .checklist .subchecklist div.field, .optionlist .subchecklist div.field {
        margin-left: 0;
        padding-right: 0; }
      .checklist .subchecklist span, .optionlist .subchecklist span {
        padding-left: 3px; }

  label.radio {
    margin-bottom: 0.8em;
    margin-right: 0;
    position: relative;
    width: auto;
    float: none;
    padding-top: 0.25em;
    left: 0;
    top: 0; }
    label.radio input[type="checkbox"] {
      top: 4px;
      left: 3px; }
    label.radio input[type="radio"] {
      left: 3px; }

  select + label.inline-label, input + label.inline-label {
    margin-left: 20px; }

  label.inline-label-second {
    float: left;
    width: auto;
    position: static;
    padding-top: 0.25em; }

  .radio-subfields fieldset, .radio-subfields .field {
    padding-left: 11em; }

  span.radio-subfields {
    margin: 0; }
    span.radio-subfields label {
      padding-top: 0.25em;
      margin: 0; } }
@media (min-width: 50em) {
  /* --------------------------
     FORM ELEMENTS
     -------------------------*/
  .article form {
    margin-left: -20px; }
    .article form h2, .article form fieldset, .article form > p, .article form > h3 {
      padding-left: 20px;
      margin-left: 0; }
    .article form + .navigation {
      padding-left: 0; }

  form fieldset table {
    margin-left: -20px; }

  /* FORM HINTS */
  form a.open,
  form a.close {
    padding-right: 9px;
    padding-left: 9px; }

  /* --------------------------
     DATEPICKER
     -------------------------*/
  .js input.date {
    padding-right: 1em; } }
/* --------------------------
	   DATEPICKER
-------------------------*/
.ui-datepicker {
  display: none; }

input.date {
  display: inline-block;
  width: 40%;
  max-width: 10em;
  margin-bottom: 0; }
  @media (min-width: 22em) {
    input.date {
      margin-bottom: 0; } }

/* IE10 specific */
input.date::-ms-clear {
  width: 0;
  height: 0; }

/* Added without media query due to invisibility at 400% at 1280-1024 */
.js form .ui-datepicker-trigger {
    position: relative;
    top: 4px;
    left: -22px;
    display: inline-block;
    margin-right: -15px;
    padding: 0;
    width: 15px;
    height: 16px;
    border: 0;
    background: url(shared-ro/images/icon-calendar.png) no-repeat; }
    .js form .ui-datepicker-trigger:after {
      display: none; }


@media (min-width: 36em) {
  .js input.date {
    width: 32%;
    max-width: 10em;
    padding-right: 8%; }

/* disabled due to invisibility at 400% at 1280-1024
  .js form .ui-datepicker-trigger {
    position: relative;
    top: 4px;
    left: -22px;
    display: inline-block;
    margin-right: -15px;
    padding: 0;
    width: 15px;
    height: 16px;
    border: 0;
    background: url(shared-ro/images/icon-calendar.png) no-repeat; }
    .js form .ui-datepicker-trigger:after {
      display: none; }
*/
  .js .ui-datepicker {
    display: none;
    padding: 0;
    overflow: visible; }

  .js .ui-datepicker div {
    margin: 0;
    padding: 0;
    overflow: hidden; }

  .js .ui-datepicker .ui-datepicker-header {
    padding: 0;
    overflow: visible;
    background-color: #cccccc;
    position: relative; }

  .js .ui-datepicker .ui-datepicker-header:before {
    content: "";
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom-color: #e6e6e6;
    position: absolute;
    top: -16px;
    left: 10px; }

  .js .ui-datepicker-buttonpane {
    position: static; }

  .js .ui-datepicker .ui-datepicker-header-period-to:before,
  .js .ui-datepicker .ui-datepicker-header.ui-datepicker-caret-right:before {
    left: 16em; }

  .js .form table.ui-datepicker-calendar {
    width: 100%;
    margin: 0 0 1em; }

  .js .ui-datepicker-calendar {
    margin: 0 0 1em; }

  .js .ui-datepicker-calendar th {
    width: auto;
    border-right: 0;
    border-left: 0;
    background-color: #f3f3f3;
    font-weight: bold;
    font-size: 0.9167em;
    text-align: center;
    padding: 0; }

  .js .ui-datepicker-calendar th span {
    display: block;
    padding: 0.7em .4em .4em; }

  .js .ui-datepicker-calendar tbody td {
    border-right: 0;
    border-left: 0;
    text-align: center;
    padding: 0; }

  .js .ui-datepicker-calendar a {
    color: #000;
    text-decoration: none;
    padding: 0.2em 0.4em 0.3em;
    display: block;
    border: 2px solid #f3f3f3; }

  .js .ui-datepicker-calendar .ui-datepicker-week-col {
    color: #01689B;
    font-style: italic;
    padding: 0.7em 0.7em 0;
    font-size: 0.75em;
    width: 55px;
    text-align: left; }

  .js .ui-datepicker-other-month a {
    color: #4E4E4E; }

  .js .ui-datepicker-prev,
  .js .ui-datepicker-next,
  .js .ui-datepicker-prev-yr,
  .js .ui-datepicker-next-yr {
    margin: 0.3em 12px 0;
    padding: 0;
    background-image: none;
    letter-spacing: -0.2em;
    font-weight: bold;
    cursor: pointer; }

  .js .ui-datepicker-prev,
  .js .ui-datepicker-prev-yr {
    float: left; }

  .js .ui-datepicker-next,
  .js .ui-datepicker-next-yr {
    float: right; }

  .js .ui-datepicker-next-yr {
    margin-right: 60px; }

  .js .ui-datepicker-current {
    display: none; }

  .js .ui-datepicker .ui-datepicker-close {
    position: absolute;
    right: 0;
    top: 0;
    background: #01689b;
    color: #FFF;
    font-size: 1.0833em;
    text-decoration: none;
    font-weight: normal;
    padding: 0.3333em 14px;
    height: 25px;
    line-height: 2; } }
  @media (min-width: 36em) and (min-width: 36em) {
    .js .ui-datepicker .ui-datepicker-close {
      padding: 0.5em 14px 0 14px;
      line-height: 1; } }

@media (min-width: 36em) {
  .js .ui-datepicker-close,
  .js .ui-datepicker-close:hover,
  .js .ui-datepicker-close:focus {
    color: #FFF; }

  .js .ui-datepicker .ui-datepicker-title {
    text-align: center;
    font-weight: bold;
    padding: 0.4em 0;
    letter-spacing: -0.05em; }

  .js .ui-datepicker-calendar .ui-datepicker-current-day {
    font-weight: bold;
    background-color: #e6e6e6; }

  .js .ui-datepicker-calendar .ui-datepicker-current-day a {
    border: 2px solid #e6e6e6; }

  .js .ui-datepicker-calendar .ui-datepicker-days-cell-over a,
  .js .ui-datepicker-calendar .ui-state-hover {
    border: 2px solid #cccccc;
    display: block; } }
@media (min-width: 50em) {
  .js .ui-datepicker .ui-datepicker-close {
    padding-right: 9px;
    padding-left: 9px; } }
/* --------------------------
   PORTRAITS
   -------------------------*/
.people ul {
  margin-left: -20px; }

.people li {
  min-height: 100px;
  position: relative;
  margin-bottom: 30px;
  padding-left: 0;
  background-image: none; }
  @media (min-width: 36em) {
    .people li {
      display: block;
      width: 50%;
      clear: none;
      float: left;
      margin-left: 0;
      margin-right: 0; }
      .people li:nth-child(odd) {
        clear: left; } }

.people li a {
  display: block;
  padding-left: 140px;
  text-decoration: none; }

.people li h2 {
  margin: 0;
  padding: 0;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 1.091em;
  font-weight: bold;
  line-height: 1.2; }

.people li a:hover h2 {
  text-decoration: underline; }

.people li p {
  margin: .4em 0;
  color: #535353;
  font-size: 0.917em; }

.people li img {
  display: block;
  position: absolute;
  left: 20px;
  top: 0; }

/* -----------------------------------------------
    BLOCK LIST OF MINISTERS & SECRETARIES OF STATE
	 Ministers and secretaries of state list on
	departments landing pages
   -----------------------------------------------*/
.article .thumbnail {
  margin-bottom: 20px; }

@media (min-width: 50em) {
  .article .spotlight.thumbnail {
    position: relative; } }
.article .thumbnail div.column {
  padding-left: 0;
  margin-bottom: 0; }

.thumbnail li {
  position: relative;
  margin: 0 0 20px;
  padding: 0; }

.thumbnail a {
  display: block;
  min-height: 56px;
  position: relative;
  padding: 0 0 0 66px;
  background-image: none; }
  .thumbnail a.more {
    padding-left: 30px;
    min-height: 0; }
    #aside .thumbnail a.more {
      margin-top: 0; }

.thumbnail a:focus,
.thumbnail a:hover {
  text-decoration: none; }

.thumbnail ul {
  margin-bottom: 0; }
  .thumbnail ul:after {
    content: " ";
    visibility: hidden;
    width: 0;
    height: 0;
    display: block;
    clear: left; }

.thumbnail a h3 {
  font-size: 1em;
  font-weight: normal;
  line-height: inherit; }

.thumbnail a:hover h3,
.thumbnail a:focus h3 {
  text-decoration: underline; }

.thumbnail p {
  margin-bottom: 0;
  line-height: inherit; }

.thumbnail img {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  margin: 0; }

.thumbnail .meta {
  margin-bottom: 0;
  text-decoration: none; }

.article .spotlight.thumbnail div {
  min-height: 100px;
  position: relative;
  margin-bottom: 30px;
  padding-left: 120px; }

.article .spotlight.thumbnail div > a {
  margin-left: -120px; }

.article .spotlight.thumbnail ul + ul {
  clear: left;
  margin-top: 20px; }

.spotlight.thumbnail a {
  min-height: 100px;
  padding: 0 10px 0 120px; }
  .spotlight.thumbnail a img {
    width: 100px; }
  .spotlight.thumbnail a h3 {
    margin-top: -0.3em;
    padding-left: 0;
    background-image: none;
    font-weight: normal;
    font-size: 1.1428em;
    line-height: 1.5em; }

#aside .thumbnail.large img {
  position: inherit;
  max-width: 100%;
  width: 100%; }
#aside .thumbnail.large h3 {
  padding-bottom: 0.3em;
  font-weight: bold; }
#aside .thumbnail.large a {
  padding: 0; }

@media (min-width: 36em) {
  /* -----------------------------------
  	Spotlight.thumbnail two columns
     ----------------------------------*/
  .article .spotlight.thumbnail li {
    display: block;
    margin: 0;
    margin-right: 0;
    background: none; }

  .article .spotlight.thumbnail .two-column li {
    width: 50%;
    clear: none;
    float: left; }

  .spotlight.thumbnail li a {
    margin-left: 0;
    background: none; }

  #aside .spotlight.thumbnail a {
    margin-left: 0; }

  #aside .thumbnail > a.more {
    margin-left: 20px; } }
@media (min-width: 50em) {
  #aside .thumbnail > a.more {
    margin-left: 0; } }
.results.thumbnail a {
  padding: 0 10px 0 120px;
  margin-bottom: 20px; }

/* -----------------------------------------------
    CALENDAR
   -----------------------------------------------*/
.calendar {
  border-top: 3px solid #cce0f1; }
  .calendar:after {
    content: " ";
    visibility: hidden;
    width: 0;
    height: 0;
    display: block;
    clear: left; }

.calendar.overview {
  border-top: 0;
  margin-bottom: 30px; }

.calendar img {
  display: block;
  width: 100%;
  margin-bottom: 30px;
  border-top: 3px solid #01689b; }

.calendar p {
  display: block;
  float: left;
  position: relative;
  margin: -3px 0 0;
  border-top: 3px solid #01689b;
  padding-top: 2.4em;
  padding-right: 1.6em; }

.calendar .date {
  font: 1.5714em/1 Arial, HelveticaNeue, Helvetica, Univers, sans-serif; }

.calendar .time {
  margin-left: .2em;
  color: #535353;
  font: normal 1.25em/1.2 Arial, "Helvetica Neue", Helvetica, Univers, sans-serif; }

.calendar abbr,
.calendar .up-to {
  position: absolute;
  left: 0;
  top: 6px;
  color: #535353;
  font: 0.591em/1.6 Verdana, Geneva, sans-serif;
  text-transform: uppercase;
  border-bottom: 0; }

.calendar .up-to {
  font-weight: bold;
  font-size: 0.857em;
  line-height: 1.7; }

.calendar abbr {
  color: #535353; }

.calendar .end {
  padding-left: 3em; }

.calendar .end abbr {
  left: 3em; }

.calendar.overview .end {
  margin-left: -1em;
  padding-left: 1.8em; }

.calendar.overview .end abbr {
  left: 1.8em; }

.calendar ul {
  clear: none;
  margin: .5em 0 0 3.6em; }

.calendar li {
  background: none;
  margin-bottom: 1em;
  padding: 0;
  font-size: 1.091em;
  line-height: 1.4; }

.column .calendar li {
  margin-left: 0; }

.calendar a {
  text-decoration: none; }

.calendar a:hover,
.calendar a:focus {
  text-decoration: underline; }

@media (min-width: 36em) {
  .overview .calendar {
    margin-left: 20px; }

  /* -----------------------------------------------
  	CALENDAR BLOCK
     -----------------------------------------------*/
  .calendar .date {
    font-size: 1.8333em; }

  .calendar .time {
    font-size: 1.5em; }

  .calendar abbr {
    font-size: 0.5455em; }

  .calendar .up-to {
    font-size: 1em; } }
.location {
  margin: 0 0 60px; }

.location h3 {
  margin-top: .4em;
  font-size: 1em;
  font-weight: normal; }

.location address {
  font-size: 1em;
  font-style: normal;
  line-height: 1.625; }

.location address span {
  display: block; }

/* -----------------------------------------------
    ALPHABETICAL OR THEMATICAL INDEX OF TOPICS
   -----------------------------------------------*/
.index {
  margin: 10px;
  padding: 10px;
  border-bottom: 2px solid #F3F5F6;
  display: none; }
  .index:after {
    content: " ";
    visibility: hidden;
    width: 0;
    height: 0;
    display: block;
    clear: left; }
  .index p {
    clear: left;
    margin: 0 0 .6em;
    font-weight: bold; }
  .index li {
    float: left;
    margin: 0 25px 20px 0;
    padding: 0;
    background-image: none;
    line-height: 1.5;
    list-style: none; }
    @media (min-width: 50em) {
      .index li {
        margin: 5px 1.5em 15px 0; } }
  .index a,
  .index span {
    padding: .3em .1em .4em;
    font-weight: bold; }
  .index .column li {
    display: block;
    float: none;
    margin: 0 20px 0.5em 0;
    line-height: inherit; }
  .index .column a {
    display: block;
    padding: 0 0 .1em 15px;
    font-weight: normal;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJ bWFnZVJlYWR5ccllPAAAAAZQTFRFFUJz////rXsIrgAAAAJ0Uk5T/wDltzBKAAAAH0lEQVR42mJg ZGRkYIQSuBgMYAYDHIIRAwOyGoAAAwAHmgAzctFjqAAAAABJRU5ErkJggg==") no-repeat 0 0.4em;
    text-decoration: none; }
  @media (min-width: 36em) {
    .index .column {
      width: 50%;
      float: left; } }
  @media (min-width: 50em) {
    .index .column {
      width: 25%; } }
  @media (min-width: 36em) {
    .index {
      display: block;
      margin: 10px 0 0 -10px;
      padding: 10px 0 10px 10px; }
      .wrapper .index {
        margin-top: 0px;
        padding-top: 20px; }
      .index:after {
        content: " ";
        visibility: hidden;
        width: 0;
        height: 0;
        display: block;
        clear: left; } }
  @media (min-width: 50em) {
    .index {
      margin: 10px -20px 0;
      padding: 10px 0 10px 20px; } }

.index .four-columns .column a:hover,
.index .four-columns .column a:focus {
  text-decoration: underline; }

/*---------------------------------
	SEARCHBOX RELATED 
---------------------------------*/
.header .search .seeMore {
  display: none;
  margin-left: 10px;
  margin-bottom: 15px; }
  @media (min-width: 36em) {
    .header .search .seeMore {
      margin-left: 10px;
      padding-top: 13px; } }

/* -----------------------------------------------
   ALPHABETICAL OR THEMATICAL LISTING
   -----------------------------------------------*/
.topicsList {
  margin: 20px 0 0 10px; }
  @media (min-width: 36em) {
    .topicsList {
      margin: 30px 0 0 0px; }
      .topicsList .common.column li {
        margin: 0 0 6px 0; } }

.thematic .topic {
  border-bottom: 2px solid #F3F5F6; }

@media (min-width: 36em) {
  .alphabetical .topic {
    padding: 10px 0 0px 0; } }
@media (min-width: 50em) {
  .alphabetical .topic {
    padding: 0px 20px 20px 20px; } }

.topic {
  clear: both;
  padding: 10px; }
  @media (min-width: 36em) {
    .topic {
      padding: 10px 0 20px 0; } }
  @media (min-width: 50em) {
    .topic {
      border-bottom: none;
      position: relative;
      margin: 0 -20px;
      padding: 10px 20px 20px 20px; } }
  .topic h2 {
    font: bold 1.25em/1.5 Arial, "Helvetica Neue", Helvetica, Univers, sans-serif;
    font-size: 1.2381em; }
    @media (min-width: 36em) {
      .topic h2 {
        margin: 0.6em 0;
        font-size: 1.75em; } }
    @media (min-width: 50em) {
      .topic h2 {
        padding: 0; } }
  @media (min-width: 50em) {
    .topic h3 {
      padding: 0; } }

.topics h2 {
  margin: 0;
  color: #000000;
  font-size: 1.2381em; }
  @media (min-width: 36em) {
    .topics h2 {
      margin: 0.6em 0;
      font-size: 1.75em; } }
  @media (min-width: 50em) {
    .topics h2 {
      padding: 0; } }
@media (min-width: 36em) {
  .topics > h2, .topics > p {
    margin-left: 0; } }
.topics h3 {
  margin: 0;
  font-size: 1.125em; }
  @media (min-width: 36em) {
    .topics h3 {
      margin: 0.6em 0;
      font-size: 1.125em; } }
.topics p {
  margin-top: 10px; }
.topics.common {
  margin-bottom: 15px; }
.topics a,
.topics a:visited {
  color: #154273;
  text-decoration: none; }
  .topics a:hover,
  .topics a:visited:hover {
    color: #0162CD;
    text-decoration: underline; }
.topics li {
  margin: 0;
  padding-left: 0;
  background-image: none;
  border-bottom: 2px solid #FFF;
  background-color: #e5f0f9; }
  @media (min-width: 36em) {
    .topics li {
      background-color: transparent; } }
  .topics li a {
    display: block;
    float: none;
    margin: 0;
    padding: .4em 10px; }
    @media (min-width: 36em) {
      .topics li a {
        display: inline-block;
        padding: 0 0 0 18px;
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAMAAAACh/xsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJ bWFnZVJlYWR5ccllPAAAAAZQTFRFFUJz0NDAOhAcIwAAAAJ0Uk5T/wDltzBKAAAAHUlEQVR42mJg BAIGKAaTEAaQYoADuAiKGhABEGAABXMAK0OFNgoAAAAASUVORK5CYII=") no-repeat 0 0.65em;
        font-size: 1em;
        line-height: 1.8; } }
.topics .toplink {
  position: absolute;
  bottom: 0px; }
  @media (min-width: 36em) {
    .topics .toplink {
      display: block;
      top: auto;
      bottom: -4.7em;
      right: 20px;
      z-index: 100;
      margin: 0;
      font-size: 0.9167em; } }
.topics .three-columns .toplink {
  display: none; }
  @media (min-width: 36em) {
    .topics .three-columns .toplink {
      display: block;
      bottom: 0px;
      right: 10px; } }
  @media (min-width: 36em) and (min-width: 50em) {
    .topics .three-columns .toplink {
      right: 10px; } }

.topics .results-message {
  padding-left: 10px; }
  @media (min-width: 36em) {
    .topics .results-message {
      padding-left: 0; } }
@media (min-width: 36em) {
  .topics.alphabetical {
    margin-left: 0; } }
.topics.alphabetical .topic h2 {
  color: #154273; }
  @media (min-width: 36em) {
    .topics.alphabetical .topic h2 {
      color: #98BAD9; } }
.topics.alphabetical h2 {
  font-size: 1.5em;
  color: #000000; }
  @media (min-width: 36em) {
    .topics.alphabetical h2 {
      height: 1em;
      margin: 0 0 -1em 0;
      padding: 0;
      color: #98BAD9;
      background-color: transparent;
      font-size: 7.3125em;
      line-height: 1.19; } }
  @media (min-width: 50em) {
    .topics.alphabetical h2 {
      margin: 0; } }
@media (min-width: 36em) {
  .topics.alphabetical h3 {
    height: 1em;
    margin: 0 0 -1em 0;
    padding: 0;
    font-size: 2.5em;
    line-height: 1.5;
    color: #98BAD9; } }
.topics.alphabetical ul {
  margin: 0; }
  @media (min-width: 36em) {
    .topics.alphabetical ul {
      position: relative;
      z-index: 20;
      min-height: 0; } }
  @media (min-width: 50em) {
    .topics.alphabetical ul {
      padding-bottom: 20px; } }
@media (min-width: 36em) {
  .topics.alphabetical li {
    border-bottom: 0;
    padding-left: 0;
    background-image: none; } }
.topics.alphabetical.two-columns .topic, .topics.alphabetical.three-columns .topic,
.topics.alphabetical .three-columns .topic {
  border-bottom: 2px solid #F3F5F6; }
@media (min-width: 36em) {
  .topics.alphabetical.two-columns, .topics.alphabetical.three-columns,
  .topics.alphabetical .three-columns {
    margin-left: 0; }
    .topics.alphabetical.two-columns ul, .topics.alphabetical.three-columns ul,
    .topics.alphabetical .three-columns ul {
      border-bottom: 2px solid #F3F5F6;
      margin-bottom: 0px;
      padding-bottom: 20px;
      min-height: 7em; }
    .topics.alphabetical.two-columns .topic, .topics.alphabetical.three-columns .topic,
    .topics.alphabetical .three-columns .topic {
      margin-left: -10px;
      border-bottom: none; }
    .topics.alphabetical.two-columns .column h3, .topics.alphabetical.two-columns .column h2, .topics.alphabetical.three-columns .column h3, .topics.alphabetical.three-columns .column h2,
    .topics.alphabetical .three-columns .column h3,
    .topics.alphabetical .three-columns .column h2 {
      height: auto;
      margin-left: 10px; }
    .topics.alphabetical.two-columns .column li, .topics.alphabetical.three-columns .column li,
    .topics.alphabetical .three-columns .column li {
      margin-left: 0;
      padding-left: 20%; } }
@media (min-width: 50em) {
  .topics.alphabetical.two-columns h2, .topics.alphabetical.two-columns h3, .topics.alphabetical.three-columns h2, .topics.alphabetical.three-columns h3,
  .topics.alphabetical .three-columns h2,
  .topics.alphabetical .three-columns h3 {
    height: auto;
    margin: 0;
    color: #98BAD9; }
  .topics.alphabetical.two-columns ul, .topics.alphabetical.three-columns ul,
  .topics.alphabetical .three-columns ul {
    border-bottom: none;
    min-height: 0; }
  .topics.alphabetical.two-columns .topic, .topics.alphabetical.three-columns .topic,
  .topics.alphabetical .three-columns .topic {
    border-bottom: none;
    margin-left: -20px; }
  .topics.alphabetical.two-columns .subtopics, .topics.alphabetical.three-columns .subtopics,
  .topics.alphabetical .three-columns .subtopics {
    min-height: 0; }
  .topics.alphabetical.two-columns .subtopics ul, .topics.alphabetical.three-columns .subtopics ul,
  .topics.alphabetical .three-columns .subtopics ul {
    border-bottom: none; }
  .topics.alphabetical.two-columns .subtopics li,
  .topics.alphabetical.two-columns .column li, .topics.alphabetical.three-columns .subtopics li,
  .topics.alphabetical.three-columns .column li,
  .topics.alphabetical .three-columns .subtopics li,
  .topics.alphabetical .three-columns .column li {
    padding-left: 0;
    margin-left: 0;
    padding-right: 20px; }
  .topics.alphabetical.two-columns .column h2, .topics.alphabetical.three-columns .column h2,
  .topics.alphabetical .three-columns .column h2 {
    margin-left: 0px; } }
.topics.alphabetical.two-columns h2, .topics.alphabetical.two-columns h3 {
  border-top: none;
  font: bold 1.5em/1.2 Arial, "Helvetica Neue", Helvetica, Univers, sans-serif; }
  @media (min-width: 36em) {
    .topics.alphabetical.two-columns h2, .topics.alphabetical.two-columns h3 {
      font: bold 1.5em/1.2 Arial, "Helvetica Neue", Helvetica, Univers, sans-serif; } }
  @media (min-width: 50em) {
    .topics.alphabetical.two-columns h2, .topics.alphabetical.two-columns h3 {
      height: auto;
      margin: 0 0 0 0; } }
.topics.alphabetical.two-columns li {
  padding-left: 0; }
  @media (min-width: 36em) {
    .topics.alphabetical.two-columns li {
      padding-left: 25%; } }
.article .topics.alphabetical.two-columns {
  margin-left: 0px; }
.topics.alphabetical.two-columns .topic {
  clear: both; }
  @media (min-width: 36em) {
    .article .topics.alphabetical.two-columns .topic {
      margin-left: -20px; } }
.topics.alphabetical.two-columns .column {
  width: 100%;
  float: none; }
  .topics.alphabetical.two-columns .column ul {
    margin-bottom: 10px; }
  @media (min-width: 36em) {
    .topics.alphabetical.two-columns .column ul {
      border-bottom: 2px solid #F3F5F6;
      margin-bottom: 10px;
      min-height: 7em; } }
  @media (min-width: 50em) {
    .topics.alphabetical.two-columns .column {
      width: 50%;
      float: left;
      margin-top: -10px; }
      .topics.alphabetical.two-columns .column ul {
        margin-right: 10px;
        padding-bottom: 10px;
        border-bottom: none; } }
.topics.alphabetical.three-columns h2,
.topics.alphabetical .three-columns h2 {
  font: bold 1.5em/1.2 Arial, "Helvetica Neue", Helvetica, Univers, sans-serif; }
  @media (min-width: 36em) {
    .topics.alphabetical.three-columns h2,
    .topics.alphabetical .three-columns h2 {
      font: bold 1.5em/1.2 Arial, "Helvetica Neue", Helvetica, Univers, sans-serif; } }
  @media (min-width: 36em) {
    .topics.alphabetical.three-columns h2,
    .topics.alphabetical .three-columns h2 {
      font-size: 2.5em;
      line-height: 1; } }
  @media (min-width: 50em) {
    .topics.alphabetical.three-columns h2,
    .topics.alphabetical .three-columns h2 {
      font-size: 2.5em;
      line-height: 1.5; } }
@media (min-width: 36em) {
  .topics.alphabetical.three-columns .subtopics,
  .topics.alphabetical .three-columns .subtopics {
    padding-left: 0; } }
@media (min-width: 36em) {
  .topics .column h3, .topics .column h2, .topics .column li {
    margin-left: 0; } }
@media (min-width: 36em) {
  .topics .subtopics {
    min-height: 80px;
    padding-left: 0; }
    .topics .subtopics h2 {
      height: auto;
      margin-bottom: 0; }
    .topics .subtopics ul.column li {
      padding-left: 20px; }
    .topics .subtopics ul {
      min-height: 0; } }
    @media (min-width: 36em) and (min-width: 50em) {
      .topics .subtopics ul {
        padding-bottom: 0; } }

@media (min-width: 50em) {
  .topics .subtopics li {
    padding: 0;
    border-bottom: 0;
    background-position: 0 0.9em; } }
@media (min-width: 36em) {
  .topics .form {
    margin: 0 0 40px -20px;
    padding-left: 20px; }
    .topics .form fieldset.topic {
      border-bottom: 0; }
    .topics .form .subtopics,
    .topics .form fieldset.navigation {
      padding-left: 20px; }
    .topics .form .topic h2 {
      margin: 40px 0 0;
      color: #98BAD9;
      color: #287DAB;
      color: #4e92bb;
      font: bold 1.5em/1.2 Arial, "Helvetica Neue", Helvetica, Univers, sans-serif; } }
    @media (min-width: 36em) and (min-width: 36em) {
      .topics .form .topic h2 {
        font: bold 1.5em/1.2 Arial, "Helvetica Neue", Helvetica, Univers, sans-serif; } }
@media (min-width: 36em) {
    .topics .form input.show-topics {
      float: right;
      margin-right: 0; } }
@media (min-width: 50em) {
  .topics .topic:first-child .three-columns .toplink {
    display: none; } }

@media (min-width: 50em) {
  .three-columns .column {
    display: block;
    width: 33.3%;
    float: left;
    margin-left: 0;
    margin-right: 0; } }

@media (min-width: 36em) {
  #main .topics.alphabetical.two-columns h2, #main .topics.alphabetical.two-columns h3 {
    font-size: 2.5em;
    line-height: 1;
    height: 1em;
    margin: 0 0 -1em 0; }
    .topic #main .topics.alphabetical.two-columns h2, .topic #main .topics.alphabetical.two-columns h3 {
      margin-left: 20px; } }
@media (min-width: 50em) {
  #main .topics.alphabetical.two-columns h2, #main .topics.alphabetical.two-columns h3 {
    font-size: 2.5em;
    line-height: 1;
    margin: 0; }
    .article #main .topics.alphabetical.two-columns h2, .article #main .topics.alphabetical.two-columns h3 {
      margin-left: 20px; } }
#main .topics.alphabetical.two-columns .topic {
  padding: 10px 0 10px 0; }
  #main .topics.alphabetical.two-columns .topic ul {
    margin-bottom: 0px; }
  @media (min-width: 36em) {
    #main .topics.alphabetical.two-columns .topic {
      padding: 10px 0 0 0; }
      #main .topics.alphabetical.two-columns .topic ul {
        margin-bottom: 10px; }
      #main .topics.alphabetical.two-columns .topic h2, #main .topics.alphabetical.two-columns .topic h3 {
        margin-left: 20px; } }
  @media (min-width: 50em) {
    #main .topics.alphabetical.two-columns .topic {
      padding: 0 20px 20px 20px; }
      #main .topics.alphabetical.two-columns .topic h2, #main .topics.alphabetical.two-columns .topic h3 {
        margin-left: 0px; } }

/* -----------------------------------------------
   FOLDED BLOCKS IN MOBILE VIEW
   -----------------------------------------------*/
.subtopics:after {
  content: " ";
  visibility: hidden;
  width: 0;
  height: 0;
  display: block;
  clear: left; }
.subtopics.hide {
  height: 0;
  padding-bottom: 0;
  overflow: hidden; }
  @media (min-width: 36em) {
    .subtopics.hide {
      height: auto;
      overflow: visible; } }

.topics.thematic .subtopics .more {
  display: none; }

.js .topic h2 {
  padding-right: 3em;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAHCAMAAAALbFwWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJ bWFnZVJlYWR5ccllPAAAAAZQTFRFAAAA////pdmf3QAAAAJ0Uk5T/wDltzBKAAAAKklEQVR42mJg ZGCEAgZGBiCAskEsKA/MhFBQAqoALM0AVw7jMEINAQgwAAllADXUNN/xAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  background-position: 98% .5em;
  cursor: pointer; }
  .js .topic h2.active {
    margin-bottom: 10px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAHCAMAAAALbFwWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJ bWFnZVJlYWR5ccllPAAAAAZQTFRFAAAA////pdmf3QAAAAJ0Uk5T/wDltzBKAAAAKklEQVR42mJg BAEGBggFYUN4DFA2mMcAZsMIRpgSBga4cqhGKBukCCDAAAnNADW+Td05AAAAAElFTkSuQmCC"); }
@media (min-width: 36em) {
  .js .topic h2,
  .js .topic h2.active {
    padding-right: 0;
    background-image: none;
    cursor: default; } }
@media (min-width: 36em) {
  .js .thematic h2 a {
    color: #154273;
    text-decoration: underline; } }
.js .thematic h2 a:focus,
.js .thematic h2 a:hover {
  text-decoration: none; }
  @media (min-width: 36em) {
    .js .thematic h2 a:focus,
    .js .thematic h2 a:hover {
      color: #0162CD;
      text-decoration: underline; } }
@media (min-width: 36em) {
  .js .overview .choose-xl {
    display: block; } }

@media print {
  .index,
  .morelink,
  .toplink {
    display: none !important; }

  .topics h2 {
    clear: left; }
  .topics li a {
    display: inline-block;
    padding: 0 0 0 18px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAMAAAACh/xsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJ bWFnZVJlYWR5ccllPAAAAAZQTFRFFUJz0NDAOhAcIwAAAAJ0Uk5T/wDltzBKAAAAHUlEQVR42mJg BAIGKAaTEAaQYoADuAiKGhABEGAABXMAK0OFNgoAAAAASUVORK5CYII=") no-repeat 0 0.65em;
    font-size: 1em;
    line-height: 1.8; }

  #main .topics .column li a:after,
  #main .topics .column li a:visited:after {
    display: inline-block;
    position: relative;
    top: -.2em;
    padding-left: .6em; }

  .topics.alphabetical h2,
  .topics.alphabetical h3 {
    height: auto;
    margin: 0;
    padding: 0;
    font-size: 7.3125em;
    line-height: 1.2;
    background-color: transparent;
    color: #98BAD9; }

  .subtopics.hide {
    height: auto;
    overflow: visible; }

  .js .topic h2 {
    background-image: none; } }
/* -----------------------------------------------
   AUDIO / VIDEO SKIN
   -----------------------------------------------*/
.block-audio-video {
  clear: left;
  margin: 0 0 20px;
  padding-bottom: 0;
  width: 100%;
  max-width: 100%; }

.block-audio-video div img {
  width: 100%; }

.block-audio-video ul {
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #f3f3f3; }

.block-audio-video a {
  color: #154273;
  text-decoration: none; }
  .block-audio-video a:hover, .block-audio-video a:active {
    text-decoration: underline; }

.block-audio-video li.toggle {
  margin: 0;
  padding: 10px 0;
  border-top: 1px solid #FFF;
  background-image: none; }
  .block-audio-video li.toggle .close {
    display: none; }
  .block-audio-video li.toggle .open {
    display: block;
    border: none; }
  .block-audio-video li.toggle h2 {
    margin: 0;
    padding: 8px 10px;
    border-top: 0;
    color: #000; }
    @media (min-width: 36em) {
      .block-audio-video li.toggle h2 {
        padding: 8px 20px; } }
    .block-audio-video li.toggle h2 a {
      padding: 5px 20px;
      background: #f3f3f3 url(shared-ro/images/sprite-topic-toggle.png) no-repeat 98% 8px; }
      .block-audio-video li.toggle h2 a.close {
        display: block; }
      .block-audio-video li.toggle h2 a:link {
        text-decoration: none; }
      .block-audio-video li.toggle h2 a.open {
        background-position: 98% -92px; }
      .block-audio-video li.toggle h2 a:hover, .block-audio-video li.toggle h2 a:active {
        background-color: #e6e6e6;
        text-decoration: none; }
  .block-audio-video li.toggle h3 {
    margin: 0;
    padding: 0;
    color: #000;
    font: normal 1em/1.8 Verdana, Geneva, sans-serif; }
  .block-audio-video li.toggle ul.open {
    padding: 0px; }
    .block-audio-video li.toggle ul.open li.download a {
      padding: 0.2em 20px; }
  .block-audio-video li.toggle ul.common {
    padding-left: 10px; }
    @media (min-width: 36em) {
      .block-audio-video li.toggle ul.common {
        padding-left: 20px; } }
    .block-audio-video li.toggle ul.common li.download a {
      padding-left: 30px; }
  .block-audio-video li.toggle li.download {
    margin: 0;
    padding: 0;
    background-image: none; }
    .block-audio-video li.toggle li.download a {
      display: block;
      padding: 0.2em 30px; }
    .block-audio-video li.toggle li.download .meta {
      display: block;
      color: #494949;
      margin: 0;
      top: 0; }
      .block-audio-video li.toggle li.download .meta img {
        display: inline;
        vertical-align: top;
        margin: 0 3px; }
  .block-audio-video li.toggle div {
    padding: 1em 20px 0.5em; }
  .js .block-audio-video li.toggle {
    padding: 0; }
    .js .block-audio-video li.toggle h2 {
      padding: 0;
      font: normal 1em/1.8 Verdana, Geneva, sans-serif; }
    .js .block-audio-video li.toggle li.download a:hover, .js .block-audio-video li.toggle li.download a:active {
      background-color: #e6e6e6;
      text-decoration: none; }

@media print {
  .block-audio-video .meta img {
    position: relative;
    top: -.3em;
    margin: 0;
    vertical-align: bottom; }

  #content .block-audio-video {
    width: auto !important; }

  #content .block-audio-video ul li.toggle {
    margin-left: 0;
    padding-left: 0;
    list-style: none; }

  #content .block-audio-video h2 a:after, #content .block-audio-video h2 a:visited:after {
    content: ""; } }
.block-audio-video + .news h2 {
  margin-top: 40px; }

/* -----------------------------------------------
    Photo Gallery
   -----------------------------------------------*/
.block-photo-gallery {
  overflow: hidden;
  margin-bottom: 0; }

.block-photo-gallery h2 span {
  color: #4E4E4E;
  font-weight: normal; }

.block-photo-gallery p a {
  display: inline; }

.block-photo-gallery ul {
  margin: 0 0 0 -20px;
  padding: 0;
  list-style: none; }
  .block-photo-gallery ul:after {
    content: " ";
    visibility: hidden;
    width: 0;
    height: 0;
    display: block;
    clear: left; }

.block-photo-gallery li {
  width: 50%;
  /*max-width: 160px;*/
  float: left;
  margin: 0 0 20px 0;
  padding: 0;
  list-style: none;
  background: none; }

.block-photo-gallery li:nth-child(odd) {
  clear: left; }

.block-photo-gallery li a {
  display: block;
  margin: 0 0 0 20px;
  padding: 10px;
  background: #f2f2f2;
  position: relative;
  /* for positioning caption */
  text-decoration: none;
  text-align: center; }

.block-photo-gallery li a:focus,
.block-photo-gallery li a:hover {
  color: #535353; }

.block-photo-gallery img {
  display: inline-block;
  margin: 0 auto; }
  @media (max-width: 30em) {
    .block-photo-gallery img {
      width: 100%;
      height: auto; } }

.block-photo-gallery .caption {
  display: block;
  position: relative;
  bottom: 0;
  left: 0;
  z-index: 100;
  margin: 0;
  padding: 5px 5px 0;
  background: #f2f2f2;
  color: #535353;
  font: 0.75em/1.2 Verdana, Geneva, sans-serif;
  text-align: left;
  text-decoration: none; }
  .block-photo-gallery .caption span {
    padding-left: 22px;
    background: url(shared-ro/images/icon-highres.png) no-repeat 0 4px;
    color: #535353; }

.photo-credit {
  font-weight: normal;
  display: block;
  margin-top: 0.5em;
  text-transform: uppercase;
  font-size: 0.8125em;
  line-height: 1.5; }

@media (min-width: 36em) {
  /* -----------------------------------------------
  	PHOTO GALLERY
     -----------------------------------------------*/
  .block-photo-gallery {
    margin-bottom: 0; }

  .block-photo-gallery li {
    width: 25%;
    height: 132px;
    overflow: hidden;
    position: relative; }

  .block-photo-gallery li:nth-child(odd) {
    clear: none; }

  .block-photo-gallery li:nth-child(4n+1) {
    clear: left; }

  .block-photo-gallery li a:first-child {
    padding: 5px;
    text-align: center; }

  .block-photo-gallery li img {
    vertical-align: middle; }

  .block-photo-gallery .caption {
    position: absolute;
    padding: 5px;
    font-size: 0.9167em;
    line-height: 1.2em; } }
.photo-gallery-detail-navigation {
  position: relative;
  margin-bottom: 10px;
  color: #535353;
  text-align: center; }

.photo-gallery-detail-navigation .previous {
  position: absolute;
  top: 0;
  left: 0; }

.photo-gallery-detail-navigation .next {
  position: absolute;
  top: 0;
  right: 0; }

.photo-gallery-detail-navigation a {
  text-decoration: none; }

/* -----------------------------------------------
		PHOTO GALLERY DEFENSIE TODO
   -----------------------------------------------*/
.block-photo-gallery li {
  width: 100%;
  height: auto;
  clear: none;
  overflow: visible; }
  .block-photo-gallery li > img {
    display: block;
    margin: 0 0 10px 20px;
    padding: 10px;
    position: relative;
    /* for positioning caption */
    text-decoration: none;
    text-align: center; }
  .block-photo-gallery li > img + .caption {
    margin-left: 20px;
    padding-top: 10px;
    padding-left: 10px;
    background-color: transparent; }
  .block-photo-gallery li a {
    display: none; }
  .block-photo-gallery li a.caption {
    position: relative;
    display: block;
    margin: 0 0 0 20px;
    padding: 5px 10px;
    background: none;
    color: #154273;
    text-align: center;
    text-decoration: none;
    font: 0.85714em; }
    .block-photo-gallery li a.caption:hover, .block-photo-gallery li a.caption:active {
      text-decoration: underline; }
    .block-photo-gallery li a.caption span {
      padding-left: 0;
      background: none;
      color: inherit; }
    .block-photo-gallery li a.caption .size {
      color: #666; }
  .block-photo-gallery li noscript div {
    display: block;
    margin: 0 0 0 20px;
    padding: 10px;
    background: #f2f2f2;
    text-align: center; }
  .js .block-photo-gallery li {
    width: 50%; }
    .js .block-photo-gallery li:nth-child(odd) {
      clear: left; }
    @media (min-width: 36em) {
      .js .block-photo-gallery li {
        width: 25%; }
        .js .block-photo-gallery li:nth-child(odd) {
          clear: none; }
        .js .block-photo-gallery li:nth-child(4n+1) {
          clear: left; } }
    .js .block-photo-gallery li a {
      display: block; }

/* -----------------------------------------------
	single picture javascript disabled version of lightbox
-----------------------------------------------*/
.picture {
  margin-top: 30px; }

.picture .block-photo-gallery {
  background: #F2F2F2 none repeat scroll 0 0;
  text-align: center;
  border: 0;
  padding: 5px 10px 10px;
  margin-bottom: 5px; }

.picture .block-photo-gallery a {
  line-height: 1em;
  padding: 0; }

.picture .block-photo-gallery img {
  display: inline; }

.picture .block-photo-gallery p {
  margin-bottom: .82em; }

.picture .superheading {
  margin: 0 0 .1em;
  color: #01689b;
  font: normal 1.5em/1.2 Arial, "Helvetica Neue", Helvetica, Univers, sans-serif; }

@media (min-width: 50em) {
  .picture {
    margin-right: 20px; }

  .picture .block-photo-gallery {
    padding: 10px 20px 10px; }

  .picture .block-photo-gallery a {
    padding: 10px; } }
/* -----------------------------------------------
    SWIPEBOX lightbox voor smartphone en desktop
   -----------------------------------------------*/
.swipebox-overflow-hidden {
  overflow: hidden !important; }

#swipebox-overlay img {
  border: none !important; }

#swipebox-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  z-index: 9999;
  overflow: hidden;
  display: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

#swipebox-slider {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  white-space: nowrap;
  position: absolute; }

#swipebox-slider .slide {
  background: url(shared-ro/images/swipebox-loader-dark.gif) no-repeat center center;
  height: 100%;
  line-height: 1px;
  text-align: center;
  width: 100%;
  display: inline-block; }

#swipebox-slider .slide:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px; }

#swipebox-slider .slide img {
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  vertical-align: middle; }

#swipebox-caption {
  position: absolute;
  left: 0;
  padding: 46px 20px 20px 20px;
  z-index: 999;
  height: auto;
  right: 0;
  top: 0px; }

#swipebox-caption p {
  margin-bottom: 0; }

#swipebox-caption p.meta {
  color: #4E4E4E; }

#swipebox-caption p.hres a {
  color: #154273; }

#swipebox-caption p.hres a:focus,
#swipebox-caption p.hres a:hover {
  color: #154273; }

#swipebox-caption.visible-bars {
  top: 0;
  overflow: visible; }

#swipebox-caption.force-visible-bars {
  top: 0 !important; }

#swipebox-action {
  position: absolute;
  left: 0;
  z-index: 999;
  height: 36px;
  width: 100%;
  top: 3px; }

#swipebox-action.visible-bars {
  top: 3px; }

#swipebox-action.force-visible-bars {
  top: 3px !important; }

#swipebox-hres {
  display: block;
  top: -.5em;
  position: relative; }

#swipebox-prev,
#swipebox-next,
#swipebox-close {
  background-color: #01689b;
  background-image: url(shared-ro/images/swipebox-sprite-icons.png);
  background-repeat: no-repeat;
  border: none !important;
  text-decoration: none !important;
  cursor: pointer;
  position: absolute;
  width: 50px;
  height: 36px;
  bottom: 0; }

#swipebox-close {
  background-position: 15px 8px;
  left: 50%;
  margin-left: -25px; }

#swipebox-prev {
  background-position: -35px 8px;
  left: 10px; }

#swipebox-next {
  background-position: -85px 8px;
  right: 10px; }

#swipebox-prev.disabled,
#swipebox-next.disabled {
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  cursor: default; }

/* -----------------------------------
    Skin swipebox
   ----------------------------------*/
#swipebox-overlay {
  background: #ffffff;
  background-color: rgba(255, 255, 255, 0.8); }

#swipebox-action,
#swipebox-caption {
  color: #000;
  font-size: 1em;
  line-height: 1.5;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1; }

#swipebox-caption {
  border-top: 3px solid #4E4E4E;
  background-color: #f3f3f3; }

#swipebox-action {
  background-color: transparent;
  text-align: center; }

#swipebox-action a {
  color: #FFF; }

.swbox {
  position: relative;
  margin: 0;
  padding: 0;
  max-width: 100%;
  display: inline-block; }
  .swbox .dlImg {
    display: none; }
  .swbox .iconOpenBox {
    display: none;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 30px;
    height: 30px;
    background-color: #01689b;
    background-image: url("shared-ro/images/swipebox-sprite-icons.png");
    background-repeat: no-repeat;
    background-position: 5px -53px; }
  @media (min-width: 36em) {
    .swbox:hover .iconOpenBox, .swbox:focus .iconOpenBox, .swbox:active .iconOpenBox {
      display: block; } }

.imgContainer {
  position: relative;
  display: inline-block;
  overflow: hidden;
  max-width: 100%; }

.content-image-left, .content-image, .decorative {
  position: relative;
  display: inline-block;
  overflow: hidden;
  max-width: 100%; }
  .content-image-left .dlimg, .content-image .dlimg, .decorative .dlimg {
    display: none;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 30px;
    height: 25px;
    max-width: 100%;
    background-color: #01689b;
    background-image: url("shared-ro/images/swipebox-sprite-icons.png");
    background-repeat: no-repeat;
    background-position: 6px -21px;
    overflow: hidden;
    text-indent: 30px;
    color: #fff;
    text-decoration: none;
    font-size: 0.8em;
    padding: 5px 0 0 0px;
    -moz-transition-property: width;
    -o-transition-property: width;
    -webkit-transition-property: width;
    transition-property: width;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s; }
    @media (min-width: 36em) {
      .content-image-left .dlimg, .content-image .dlimg, .decorative .dlimg {
        max-width: 230px; } }
    .content-image-left .dlimg:hover, .content-image .dlimg:hover, .decorative .dlimg:hover {
      width: 100%; }
      .touch .content-image-left .dlimg:hover, .touch .content-image .dlimg:hover, .touch .decorative .dlimg:hover {
        width: 30px; }
    .touch .content-image-left .dlimg, .touch .content-image .dlimg, .touch .decorative .dlimg {
      display: block; }
      .touch .content-image-left .dlimg.hover, .touch .content-image .dlimg.hover, .touch .decorative .dlimg.hover {
        width: 100%; }
  .content-image-left:hover .dlimg, .content-image:hover .dlimg, .decorative:hover .dlimg {
    display: block; }

.decorative {
  display: none; }
  @media (min-width: 50em) {
    .decorative {
      display: inline-block; } }

@media (min-width: 36em) {
  /* -----------------------------------------------
     SWIPEBOX lightbox voor smartphone en desktop
     -----------------------------------------------*/
  #swipebox-slider .slide {
    background: url(shared-ro/images/swipebox-loader-light.gif) no-repeat center center; }

  #swipebox-caption p.hres {
    position: absolute;
    right: 35px;
    bottom: 20px;
    font-size: 0.8em; }

  #swipebox-caption p.meta {
    color: #4E4E4E; }

  #swipebox-caption p.hres a {
    color: #154273; }

  #swipebox-caption p.hres a:focus,
  #swipebox-caption p.hres a:hover {
    color: #0162CD; }

  #swipebox-action a {
    color: #000; }

  #swipebox-prev,
  #swipebox-next,
  #swipebox-close {
    bottom: auto;
    top: 0; }

  #swipebox-prev {
    left: 20px; }

  #swipebox-next {
    right: 20px; } }
/* -----------------------------------
   thumbnail and Video's  GALLERY overzicht
   ----------------------------------*/
.block.gallery ul {
  margin-top: 20px; }

.block.gallery {
  margin-bottom: 10px; }

.gallery ul {
  margin: 0 0 0 -20px;
  padding: 0; }
  @media (min-width: 36em) {
    .gallery ul {
      margin-left: -20px;
      margin-right: 0; } }
  .gallery ul:after {
    content: " ";
    visibility: hidden;
    width: 0;
    height: 0;
    display: block;
    clear: left; }
.gallery p {
  margin-bottom: 0;
  color: inherit; }
.gallery li {
  display: block;
  padding: 0;
  background-image: none;
  clear: none;
  float: left;
  width: 50%;
  margin: 0 0 20px; }
  .gallery li:nth-child(2n+1) {
    clear: left; }
  @media (min-width: 36em) {
    .gallery li {
      width: 25%;
      clear: none;
      float: left;
      margin-left: 0;
      margin-right: 0; }
      .gallery li:nth-child(2n+1) {
        clear: none; }
      .gallery li:nth-child(4n+1) {
        clear: left; } }
.gallery a {
  overflow: hidden;
  position: relative;
  display: block;
  margin: 0 0 0 20px;
  position: relative;
  text-align: center;
  text-decoration: none; }
  .gallery a .duration {
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 100;
    padding: 2px .4em;
    background-color: #154273;
    color: #FFF;
    font-family: arial, helvetica, sans-serif;
    font-weight: bold; }
  .gallery a:focus, .gallery a:hover {
    text-decoration: none; }
    .gallery a:focus .duration, .gallery a:hover .duration {
      background-color: #0162CD; }
    .gallery a:focus h3, .gallery a:focus img + p, .gallery a:hover h3, .gallery a:hover img + p {
      text-decoration: underline; }
  .gallery a:visited img + p {
    color: #767676; }
  .gallery a h3 {
    margin-top: .5em;
    font-weight: normal; }
  .gallery a img {
    display: block;
    width: 100%;
    margin-bottom: 0.8em; }
.gallery .meta {
  font-size: 0.9167em;
  margin-top: 0;
  margin-bottom: 0; }
@media (max-width: 36em) {
  .gallery.video li {
    width: 100%;
    clear: left; } }
@media (min-width: 36em) {
  .gallery.video li {
    width: 50%; }
    .gallery.video li:nth-child(2n+1) {
      clear: left; } }
.gallery.folder li {
  padding: 0;
  overflow: visible;
  width: 100%; }
  @media (min-width: 22em) {
    .gallery.folder li {
      width: 50%; }
      .gallery.folder li:nth-child(2n+1) {
        clear: left; } }
  @media (min-width: 36em) {
    .gallery.folder li {
      width: 33.33%;
      clear: none; }
      .gallery.folder li:nth-child(2n+1) {
        clear: none; }
      .gallery.folder li:nth-child(3n+1) {
        clear: left; } }
.gallery.folder a {
  display: block;
  margin: 0 0 0 20px;
  padding: 0;
  position: relative;
  /* for positioning caption */
  text-decoration: none; }
.gallery.folder img {
  display: inline-block;
  margin: 0 auto; }
  @media (min-width: 36em) {
    .gallery.folder img {
      vertical-align: middle; } }
.gallery .caption {
  display: block;
  margin: 5px 0 0;
  text-align: center;
  padding: 0;
  font-size: 1.07143em;
  line-height: 1.2; }
  @media (min-width: 36em) {
    .gallery .caption {
      font-size: 1.08333em; } }
.gallery a .caption {
  padding-left: 30px;
  color: #154273;
  text-align: left;
  text-decoration: none;
  background-image: url("shared-ro/images/sprite-icons-xl-1.2.png");
  background-position: -102px -453px; }
.gallery a:hover .caption, .gallery a:active .caption {
  text-decoration: underline; }
.gallery .figure {
  text-align: center;
  /* 2 and 4 thumbnail space between images */
  padding: 0 0 0 20px;
  -moz-box-sizing: border-box;
  /* fix for IE7 needed*/
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .gallery .figure .caption {
    position: static;
    background: none;
    height: auto; }
  .gallery .figure img {
    margin: 0 auto;
    max-width: 90%; }

.common.gallery-result {
  margin-left: -20px; }
  .common.gallery-result li {
    padding: 0 0 20px;
    overflow: visible;
    float: left;
    margin: 0;
    display: block;
    background-image: none;
    width: 100%; }
    .common.gallery-result li > .no-image {
      padding-top: 1em;
      border-top: 2px solid #f3f5f6; }
    .common.gallery-result li p {
      line-height: 1.3em; }
    .common.gallery-result li:first-child > .no-image {
      border-top: none;
      padding-top: 0; }
    @media (min-width: 30em) {
      .common.gallery-result li {
        width: 50%; }
        .common.gallery-result li:nth-child(2n+1) {
          clear: left; } }
    @media (min-width: 36em) {
      .common.gallery-result li {
        width: 33.33%; }
        .common.gallery-result li:nth-child(2n+1) {
          clear: none; }
        .common.gallery-result li:nth-child(3n+1) {
          clear: left; }
        .common.gallery-result li:nth-child(2) > .no-image, .common.gallery-result li:nth-child(3) > .no-image {
          border-top: none;
          padding-top: 0; } }
    .common.gallery-result li a {
      display: block;
      margin: 0 0 0 20px;
      padding: 0;
      position: relative;
      text-decoration: none;
      font-size: 1em;
      background: none; }
      @media (min-width: 30em) {
        .common.gallery-result li a:-moz-any-link {
          width: calc(100% - 20px); } }
    .common.gallery-result li img {
      display: inline-block;
      margin: 0 auto 0.5em; }
      @media (min-width: 36em) {
        .common.gallery-result li img {
          vertical-align: middle;
          width: 100%; } }
  .common.gallery-result h3 {
    font-size: 1.33333em;
    line-height: 1.3125em; }
  .common.gallery-result h3 + p {
    font-size: 1em;
    margin-bottom: 0;
    font-weight: bold; }
  .common.gallery-result a h3 {
    color: #336699; }
  .common.gallery-result .meta {
    font-weight: normal;
    font-size: 0.9167em; }

@media print {
  .meta-light {
    clear: left;
    color: #767676;
    font-style: normal;
    line-height: 1.64; } }
.profiledetail h1 {
  margin: 0 0 1em;
  font: bold 1.5em/1.2 Arial, "Helvetica Neue", Helvetica, Univers, sans-serif; }
  @media (min-width: 36em) {
    .profiledetail h1 {
      font: bold 1.5em/1.2 Arial, "Helvetica Neue", Helvetica, Univers, sans-serif; } }
.profiledetail .headline {
  margin: 0 0 20px 0;
  padding-top: 10px; }
  @media (min-width: 30em) {
    .profiledetail .headline {
      background-color: #f3f3f3; } }
  .profiledetail .headline:after {
    content: " ";
    visibility: hidden;
    width: 0;
    height: 0;
    display: block;
    clear: left; }
  .profiledetail .headline .visual {
    margin: -10px 0 0 0; }
    .profiledetail .headline .visual img {
      width: 100%;
      margin-bottom: 20px; }
    @media (min-width: 30em) {
      .profiledetail .headline .visual {
        float: left;
        width: 50%; }
        .profiledetail .headline .visual + div {
          float: left;
          width: 50%; }
          .profiledetail .headline .visual + div p, .profiledetail .headline .visual + div h1 {
            padding: 0 20px; }
        .profiledetail .headline .visual img {
          margin-bottom: 0; } }
  .profiledetail .headline h1 {
    margin: 0.5em 0 1em;
    font: normal 1.833em/1.2 Arial, "Helvetica Neue", Helvetica, Univers, sans-serif; }
    @media (min-width: 36em) {
      .profiledetail .headline h1 {
        font: normal 1.833em/1.2 Arial, "Helvetica Neue", Helvetica, Univers, sans-serif; } }
  .profiledetail .headline dl {
    margin-bottom: -0.5em; }
    @media (min-width: 30em) {
      .profiledetail .headline dl {
        margin-bottom: 0.5em; } }
  @media (min-width: 30em) {
    .profiledetail .headline dt {
      display: none; }
    .profiledetail .headline dd {
      padding: 0 20px;
      margin: 0;
      border-bottom: none; } }
.profiledetail dl dt {
  float: left;
  text-align: left;
  clear: left;
  width: 100%;
  margin-bottom: 0.2em; }
  @media (min-width: 30em) {
    .profiledetail dl dt {
      width: 15em;
      margin-right: -10em; } }
  .profiledetail dl dt:after {
    content: ": "; }
.profiledetail dl dd {
  clear: left;
  float: none;
  display: block;
  margin: 0 0 1em 0;
  box-sizing: border-box;
  border-bottom: 1px solid #F3F5F6;
  padding-bottom: 0.5em; }
  @media (min-width: 30em) {
    .profiledetail dl dd {
      clear: none;
      padding-left: 15em; } }
.profiledetail dl:after {
  content: " ";
  visibility: hidden;
  width: 0;
  height: 0;
  display: block;
  clear: left; }

/* -----------------------------------
	Default Attention item  voor mobile
   ----------------------------------*/
#priority {
  position: relative;
  margin: 10px 10px 0 10px;
  padding: 0 0 0 0;
  overflow: hidden; }
  #priority a {
    text-decoration: none;
    display: block;
    color: #154273; }
  #priority h2 {
    margin: 0.4231em 0 0.2111em 0;
    border-top: 3px solid #01689b;
    padding: 0.4231em 0 0; }
  #priority h3 {
    display: block;
    padding-left: 30px;
    font-size: 1.1428em;
    line-height: 1.375em;
    text-decoration: none;
    padding-left: 30px; }
    @media (min-width: 36em) {
      #priority h3 {
        font-size: 0.83333em;
        line-height: 1.5em; } }
  #priority .carousel-toggle {
    right: 0;
    display: none;
    width: 220px;
    position: absolute;
    top: 0px;
    z-index: 110;
    padding: 0.1em 27px 0.4em 0;
    background-image: url(shared-ro/images/sprite-carrousel-toggle.png);
    background-repeat: no-repeat;
    color: #154273;
    font-size: 1.0909em;
    text-align: right;
    line-height: 1.5;
    cursor: pointer; }
    #priority .carousel-toggle.play {
      background-position: 203px -48px; }
      #priority .carousel-toggle.play:hover {
        background-position: 227px -72px;
        color: #0162CD; }
    #priority .carousel-toggle.pause {
      background-position: 155px 0; }
      #priority .carousel-toggle.pause:hover {
        background-position: 179px -24px;
        color: #0162CD; }
  #priority .prio-arrow {
    display: none;
    width: 24px;
    height: 24px;
    position: absolute;
    bottom: 4px;
    z-index: 110; }
  #priority ul {
    position: relative; }
    #priority ul li {
      margin-bottom: 0px; }
      #priority ul li .priorityImage {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: auto;
        z-index: 0; }
        #priority ul li .priorityImage img {
          display: none;
          width: 100%;
          height: auto;
          background-color: #fff; }
      #priority ul li:nth-of-type(1) .priorityImage {
        position: relative; }
        #priority ul li:nth-of-type(1) .priorityImage img {
          position: static;
          display: block;
          max-width: 100%;
          height: auto;
          margin-bottom: 10px; }
      #priority ul li .priorityBlock {
        z-index: 2; }
        #priority ul li .priorityBlock p {
          display: none; }
      #priority ul li.current .priorityImage {
        z-index: 1; }

.js #priority.carousel .carousel-toggle {
  top: 25px;
  display: block; }
.js #priority.carousel .priorityImage img {
  display: block; }

/* -----------------------------------
	Default Attention item  classes
   ----------------------------------*/
@media (min-width: 36em) {
  #priority {
    position: relative;
    margin: 20px 10px 0 10px;
    padding: 0 0 0 0; }
    #priority h2 {
      position: absolute;
      top: -100000px; }
    #priority h3 {
      font-weight: bold;
      font-size: 1.25em;
      line-height: 1.2em;
      margin: 0;
      padding-bottom: 0.3em; }
    #priority ul li {
      overflow: hidden;
      position: relative;
      margin-bottom: 20px; }
      #priority ul li .priorityImage {
        position: relative;
        left: auto;
        top: auto; }
        #priority ul li .priorityImage img {
          display: block;
          height: 100%;
          width: auto;
          margin-bottom: 0px; }
      #priority ul li .priorityBlock {
        width: 250px;
        margin-left: 0;
        left: 0px;
        position: absolute;
        bottom: 0;
        padding: 10px 24px 10px 10px;
        background: #fff;
        cursor: pointer;
        z-index: 100;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        -moz-opacity: 0.9;
        -khtml-opacity: 0.9;
        opacity: 0.9; }
        #priority ul li .priorityBlock p {
          margin: 0;
          padding: 0;
          color: #000;
          line-height: 1.375em;
          font-size: 0.91666em;
          display: block; }

  .js #priority {
    overflow: hidden; }
    .js #priority h3 {
      background-image: none;
      padding-left: 0px; }
    .js #priority .prio-arrow {
      display: block; }
    .js #priority ul {
      background-color: #f3f3f3; }
      .js #priority ul li {
        overflow: hidden;
        position: static;
        margin-bottom: 0px; }
        .js #priority ul li .priorityImage {
          display: none;
          position: absolute;
          left: 0px;
          top: 0px;
          z-index: 0;
          height: 300px;
          width: 940px; }
          .js #priority ul li .priorityImage img {
            height: auto;
            max-width: 100%; }
        .js #priority ul li.current .priorityImage {
          z-index: 1; }
        .js #priority ul li .priorityBlock {
          width: 32.2033%; }
        .js #priority ul li .priorityBlock:focus {
          bottom: 0px !important; }
        .js #priority ul li:nth-of-type(1) {
          position: relative;
          height: 300px;
          max-width: 100%; }
          .js #priority ul li:nth-of-type(1) .priorityImage {
            display: block; }
          .js #priority ul li:nth-of-type(1) .priorityBlock {
            left: 0;
            margin-left: 0px; }
        .js #priority ul li:nth-of-type(2) .priorityBlock {
          left: 50%;
          margin-left: -16.1565%; }
        .js #priority ul li:nth-of-type(3) .priorityBlock {
          right: 0;
          left: auto; }
    .js #priority.smallTabs ul li .priorityBlock {
      width: 24%; }
    .js #priority.smallTabs ul li:nth-of-type(1) .priorityBlock {
      left: 0; }
    .js #priority.smallTabs ul li:nth-of-type(2) .priorityBlock {
      left: 50%;
      margin-left: -24.75%; }
    .js #priority.smallTabs ul li:nth-of-type(3) .priorityBlock {
      left: 50%;
      margin-left: 0.75%; }
    .js #priority.smallTabs ul li:nth-of-type(4) .priorityBlock {
      left: 100%;
      margin-left: -24%; }
    .js #priority.carousel {
      margin-top: 10px; }
      .js #priority.carousel ul {
        margin-top: 30px; }
        .js #priority.carousel ul li .priorityImage {
          display: block; }
      .js #priority.carousel .carousel-toggle {
        top: 0px;
        display: block; } }
@media (min-width: 50em) {
  #priority {
    position: relative;
    margin: 20px 0 0 20px; } }
/* google of leaflet map */
.map .spotlight.thumbnail {
  min-height: 100px; }
  .map .spotlight.thumbnail > a {
    text-decoration: none; }
    .map .spotlight.thumbnail > a.external {
      background: none; }
      .map .spotlight.thumbnail > a.external h3 {
        background: url("shared-ro/images/sprites/inline.png") no-repeat 0 -167px;
        padding-left: 15px; }
    .map .spotlight.thumbnail > a h3 {
      text-decoration: underline; }
    .map .spotlight.thumbnail > a h3 + p {
      text-decoration: none; }
  .map .spotlight.thumbnail > h3 {
    margin-left: 20px;
    padding-left: 120px;
    font-weight: normal;
    margin-top: -0.3em; }
    .map .spotlight.thumbnail > h3 + img {
      margin-left: 20px; }
      .map .spotlight.thumbnail > h3 + img + p {
        margin-left: 20px;
        padding-left: 120px; }
  .js .map .spotlight.thumbnail {
    position: absolute !important;
    display: inline-block !important;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    border: 0; }

@media (min-width: 36em) {
  .map.two-columns {
    margin: 0; } }
.js .map {
  border: 1px solid #ccc; }

.js .map:focus {
  border-color: #3b7fc4; }

/* -----------------------------------------------
	Weblog CLASSES
   -----------------------------------------------*/
.weblog + h1 {
  padding-left: 30px;
  margin: 0; }
  .weblog + h1 + .article-meta {
    padding-left: 30px;
    margin-bottom: 1.25em;
    margin-top: 0; }
    @media (min-width: 36em) {
      .weblog + h1 + .article-meta {
        margin-bottom: 1.8em; } }
  .weblog + h1 + .subheading {
    margin: 0.2em 0; }

.common a.weblog,
.superheading.weblog + h1,
.spotlight a.weblog h3 {
  background-repeat: no-repeat;
  background-image: url("shared-ro/images/icon-blog.png");
  background-position: 0 0;
  padding-left: 30px; }

.spotlight a.weblog h3 {
  background-position: 0 0; }

.superheading.weblog {
  margin-bottom: 5px; }
  .superheading.weblog + h1 {
    color: #000000;
    margin: 0; }

/* --------------------------
   ACTIONS: PREV/NEXT PAGING
   -------------------------*/
.actions {
  clear: both;
  margin: 40px 0 0;
  padding-top: 20px; }
  .actions:after {
    content: " ";
    visibility: hidden;
    width: 0;
    height: 0;
    display: block;
    clear: both; }

.actions .common li {
  display: block;
  float: right;
  margin: 0;
  padding: 0;
  text-align: right; }

.actions .common .previous {
  float: left;
  text-align: left; }

.actions .common a {
  display: block;
  margin: 0 0 20px; }

.actions .common .next a {
  padding: 0 30px 0 0;
  margin-top: 1.6em;
  margin-left: 1em; }
  @media (min-width: 36em) {
    .actions .common .next a {
      margin-top: 0; } }

.actions .common a,
.actions .common a:hover span.meta,
.actions .common a:focus span.meta {
  text-decoration: none; }

.actions .common a:hover span,
.actions .common a:focus span {
  text-decoration: underline; }

.actions .common span.meta {
  position: relative;
  top: -1.75em;
  margin: 0 0 -1.75em;
  text-decoration: none;
  font-size: 0.9167em; }

@media print {
  .actions {
    display: none; } }
/* -----------------------------------------------
    BLOCK LIST OF DEPARTMENTS
   List of all organisation/miniteries (departments)
   -----------------------------------------------*/
@media (min-width: 36em) {
  .departments {
    padding: 0 20px 0 0;
    margin-bottom: 20px; } }

.overview .departments {
  padding-top: 20px; }
  @media (min-width: 36em) {
    .overview .departments {
      padding-top: 40px; } }

.departments ul {
  margin-bottom: 0; }

.departments li {
  display: block;
  clear: left;
  margin-top: 0;
  margin-bottom: 20px;
  padding: 0;
  background-image: none;
  list-style: none; }
  @media (min-width: 36em) {
    .departments li {
      margin-bottom: 20px; } }
  .departments li:after {
    content: " ";
    visibility: hidden;
    width: 0;
    height: 0;
    display: block;
    clear: left; }
  .departments li h2 {
    padding-right: 0;
    font: normal 1.25em/1.2 Arial, "Helvetica Neue", Helvetica, Univers, sans-serif;
    clear: none;
    font-weight: normal;
    cursor: pointer; }
  .departments li h2, .departments li .visual {
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    float: left;
    margin: 0;
    padding: 0 10px 0 0;
    border-top: 0; }

.departments a {
  display: block;
  width: 100%;
  text-decoration: none;
  font-size: 1em; }
  @media (min-width: 36em) {
    .departments a {
      font-size: 1em; } }
  .departments a img {
    margin-bottom: 0.8em; }

.departments a:hover h2,
.departments a:focus h2 {
  text-decoration: underline; }

.departments li img {
  width: 100%; }

@media (min-width: 36em) {
  #main .departments .column h2 {
    margin: 0;
    padding: 0 0 0 10px;
    font-size: 1.5em; } }
/* missies statistieken dl */
.statistics dt {
  width: auto;
  float: none; }

.statistics dd {
  float: none;
  margin-left: 0; }

@media (min-width: 36em) {
  .statistics dt {
    width: 14em;
    float: left; }

  .statistics dd {
    float: left;
    margin-left: 0.9em; } }
/* -----------------------------------------------
    BIG SEARCH BOX: SEARCH, TOPICS, HOMEPAGE
   -----------------------------------------------*/
.header .search {
  clear: both; }
  .header .search h2 {
    position: absolute;
    top: -100000px; }
  .header .search p {
    min-height: 2em;
    position: relative;
    margin: 0 0 2em;
    padding: 0; }
  .header .search fieldset {
    padding: 0;
    background: transparent; }
  .header .search input {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    float: left;
    display: block;
    margin: 0 0 1em;
    border: 1px solid #e6e6e6;
    border-bottom: 2px solid #01689b;
    padding: 3px 3px 3px 1%;
    background: #FFF;
    font: normal 1.333em/1 Arial, "Helvetica Neue", Helvetica, Univers, sans-serif;
    line-height: 1.19;
    height: 1.19em;
    -webkit-box-sizing: content-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: content-box;
    /* Firefox, other Gecko */
    box-sizing: content-box;
    /* Opera/IE 8+ */ }
  .header .search button {
    display: block;
    margin: 0 10px 0 0;
    padding: 3px 15px;
    border-top: 1px solid #01689b;
    border-bottom: 2px solid #01689b;
    font: normal 1.333em/1 Arial, "Helvetica Neue", Helvetica, Univers, sans-serif;
    text-align: center;
    line-height: 1.19;
    height: 1.19em;
    cursor: pointer;
    -webkit-box-sizing: content-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: content-box;
    /* Firefox, other Gecko */
    box-sizing: content-box;
    /* Opera/IE 8+ */ }

@media (min-width: 36em) {
  /* -----------------------------------------------
     BIG SEARCH BOX: SEARCH, TOPICS, HOMEPAGE
     -----------------------------------------------*/
  .header .search input {
    width: 16em;
    float: left;
    border-right: 0; }

  .header .search button {
    width: auto;
    margin-right: 20px; }

  .header .search a {
    padding-top: 2px; } }
.reactions, .mourning {
  clear: both;
  margin: 0; }
  .reactions p, .mourning p {
    font-size: 1em; }
  .reactions ul, .mourning ul {
    margin-bottom: 0;
    margin-left: -10px;
    padding-left: 10px;
    background: #e6e6e6; }
    @media (min-width: 36em) {
      .reactions ul, .mourning ul {
        margin-left: -20px;
        padding-left: 20px; } }
    .reactions ul > li, .mourning ul > li {
      background: none;
      padding: 1.5em 10px 1.5em 0;
      margin: 0;
      border-bottom: 2px solid #FFF; }
      .reactions ul > li:last-child, .mourning ul > li:last-child {
        border-bottom: none; }

/* ============ TIMELINE ============= */
.timeline {
  padding: 20px 0 20px 10px;
  margin: 0 -10px 40px -10px;
  width: 100%;
  background-color: #e6e6e6; }
  .timeline:after {
    content: " ";
    visibility: hidden;
    width: 0;
    height: 0;
    display: block;
    clear: both; }
  .timeline > h2 {
    margin-top: 0;
    margin-bottom: 20px; }
  @media (min-width: 36em) {
    .timeline {
      padding-left: 20px;
      margin-left: -20px; } }
  .timeline .timelineToggle {
    float: right; }
    .timeline .timelineToggle p {
      margin: 0; }
  .timeline a.expandAll {
    color: #154273;
    cursor: pointer;
    margin-right: 10px;
    font-size: 1.083em;
    display: none; }
  .js .timeline a.expandAll {
    display: inline; }
  .timeline a.expandAll:hover {
    text-decoration: underline;
    cursor: pointer; }
  .timeline a:focus:before, .timeline a:active:before {
    outline: none; }
  .timeline .timelineMajor {
    clear: left;
    float: left;
    margin: 0;
    padding-bottom: 20px;
    width: 100%;
    border-left: 3px solid #01689b;
    box-sizing: border-box;
    -moz-box-sizing: border-box; }
    .timeline .timelineMajor:after {
      content: " ";
      visibility: hidden;
      width: 0;
      height: 0;
      display: block;
      clear: both; }
  .timeline .timelineMajorMarker {
    position: relative;
    cursor: pointer;
    margin: 0 0 10px;
    padding: 4px 4px 4px 2em;
    font-size: 1.28571em;
    font-weight: normal;
    float: left; }
    .timeline .timelineMajorMarker:before {
      content: "—";
      display: inline-block;
      position: absolute;
      font-size: 2em;
      line-height: 0.5em;
      left: 0;
      color: #01689b;
      text-decoration: none;
      outline: none; }
    .timeline .timelineMajorMarker a {
      background-color: #01689b;
      color: #fff;
      padding: 5px 0.5em; }
  .timeline .timelineMinor {
    clear: left;
    float: none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%; }
    @media (min-width: 36em) {
      .timeline .timelineMinor {
        float: left; } }
    .timeline .timelineMinor .timelineEventHead {
      clear: left;
      float: none;
      width: auto;
      font-weight: normal;
      font-size: 1.14286em;
      list-style-type: none;
      line-height: 1.2em;
      margin: 0.5em 0 0.5em;
      padding: 0 1em 0 2.25em;
      position: relative; }
      .timeline .timelineMinor .timelineEventHead h3 {
        color: #154273;
        clear: both;
        padding-left: 0.5625em;
        line-height: 1.5;
        font-weight: normal;
        margin: 0; }
      .timeline .timelineMinor .timelineEventHead:before {
        font-size: 0.875em;
        line-height: 2em;
        letter-spacing: -2px;
        content: "———";
        display: inline-block;
        position: absolute;
        left: -3px;
        color: #01689b;
        text-decoration: none; }
      .timeline .timelineMinor .timelineEventHead a {
        cursor: pointer;
        display: block;
        text-decoration: none; }
        .timeline .timelineMinor .timelineEventHead a span:first-child {
          display: block;
          color: #01689b;
          font-size: 1.125em; }
        .timeline .timelineMinor .timelineEventHead a span + span {
          color: #154273; }
        .timeline .timelineMinor .timelineEventHead a:hover:before, .timeline .timelineMinor .timelineEventHead a:active:before {
          text-decoration: none; }
        .timeline .timelineMinor .timelineEventHead a:hover span, .timeline .timelineMinor .timelineEventHead a:active span {
          text-decoration: underline; }
      .timeline .timelineMinor .timelineEventHead a.closed {
        font-size: 1em;
        margin-left: 0; }
      .timeline .timelineMinor .timelineEventHead a.open {
        padding-left: 0;
        background: none; }
    .timeline .timelineMinor .timelineEvent {
      margin-left: 0;
      padding-left: 3.21429em;
      clear: both; }
      @media (min-width: 36em) {
        .timeline .timelineMinor .timelineEvent {
          clear: left;
          float: left;
          width: 100%;
          box-sizing: border-box;
          -moz-box-sizing: border-box; } }
  .js #timelineContainer .timeline .timelineEvent {
    display: none; }
  .timeline .timelineEvent p {
    margin: 6px 10px 10px 0; }
  .timeline .timelineEvent h4 {
    clear: left; }
  .timeline .timelineEvent div.media {
    float: right;
    padding: 0 0 12px;
    margin-left: 20px; }
  .timeline .timelineEvent .media {
    display: none;
    float: none; }
    @media (min-width: 36em) {
      .timeline .timelineEvent .media {
        display: block;
        padding: 0 0 1em;
        float: right;
        max-width: 40%; }
        .timeline .timelineEvent .media img {
          margin: 0;
          width: 100%;
          max-width: 230px; } }

@media (min-width: 36em) {
  .timeline a.expandAll {
    font-size: 1.33333em; }
  .timeline .timelineMajorMarker {
    font-size: 1.5em; }
  .timeline .timelineMinor .timelineEventHead {
    font-size: 1.33333em;
    padding-left: 2.25em; }
    .timeline .timelineMinor .timelineEventHead h3 {
      padding-left: 0.5625em; }
    .timeline .timelineMinor .timelineEventHead a span:first-child {
      font-size: 1.125em; }
  .timeline .timelineMinor .timelineEvent {
    padding-left: 3.75em; } }
#source-list {
  margin-left: 0; }
  #source-list .list h2 {
    padding-right: 3em;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAHCAMAAAALbFwWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJ bWFnZVJlYWR5ccllPAAAAAZQTFRFAAAA////pdmf3QAAAAJ0Uk5T/wDltzBKAAAAKklEQVR42mJg ZGCEAgZGBiCAskEsKA/MhFBQAqoALM0AVw7jMEINAQgwAAllADXUNN/xAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
    background-position: 98% .5em;
    cursor: pointer;
    color: #000;
    margin: 0;
    font-size: 1.625em;
    line-height: 1.1538em; }
    @media (min-width: 36em) {
      #source-list .list h2 {
        color: #4d95b9;
        height: auto;
        padding-left: 0px;
        font-size: 3.5em;
        line-height: 1.5;
        border-top: 0px;
        clear: left;
        background-image: none;
        cursor: default; } }
    #source-list .list h2.active {
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAHCAMAAAALbFwWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJ bWFnZVJlYWR5ccllPAAAAAZQTFRFAAAA////pdmf3QAAAAJ0Uk5T/wDltzBKAAAAKklEQVR42mJg BAEGBggFYUN4DFA2mMcAZsMIRpgSBga4cqhGKBukCCDAAAnNADW+Td05AAAAAElFTkSuQmCC"); }
      @media (min-width: 36em) {
        #source-list .list h2.active {
          background-image: none;
          padding-right: 0; } }
  #source-list ul {
    width: 100%;
    float: none;
    margin-bottom: 0px; }
    @media (min-width: 36em) {
      #source-list ul {
        float: left;
        margin-bottom: 20px; } }
    #source-list ul li {
      background: none;
      padding-left: 0px;
      margin-right: 3%;
      margin: 0;
      background-image: none;
      border-bottom: 2px solid #FFF; }
      @media (min-width: 36em) {
        #source-list ul li {
          float: left;
          width: 30.3%; } }
      #source-list ul li a {
        text-decoration: none;
        display: block;
        float: none;
        margin: 0;
        padding: .4em 10px;
        background: #f3f3f3; }
        @media (min-width: 36em) {
          #source-list ul li a {
            display: inline-block;
            padding: 0 0 0 18px;
            background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAMAAAACh/xsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJ bWFnZVJlYWR5ccllPAAAAAZQTFRFFUJz0NDAOhAcIwAAAAJ0Uk5T/wDltzBKAAAAHUlEQVR42mJg BAIGKAaTEAaQYoADuAiKGhABEGAABXMAK0OFNgoAAAAASUVORK5CYII=") no-repeat 0 0.65em;
            font-size: 1em;
            line-height: 1.8; } }
        #source-list ul li a:hover {
          color: #0162CD;
          text-decoration: underline; }
  #source-list .list {
    clear: both;
    padding: 10px;
    border-bottom: 2px solid #F3F5F6; }
    @media (min-width: 36em) {
      #source-list .list {
        padding: 10px 0px;
        border: none; } }
    #source-list .list .sublist {
      border-bottom: none; }
      @media (min-width: 36em) {
        #source-list .list .sublist {
          border-bottom: 2px solid #F3F5F6;
          padding-bottom: 20px; } }
      #source-list .list .sublist.hide {
        height: 0;
        padding-bottom: 0px;
        overflow: hidden; }
        @media (min-width: 36em) {
          #source-list .list .sublist.hide {
            height: auto;
            overflow: visible;
            padding-bottom: 20px; } }

.overviewform {
  display: none;
  width: 100%;
  margin-left: -20px; }
  .overviewform fieldset {
    padding-left: 20px; }
    .overviewform fieldset div {
      margin-bottom: 1.2em; }
    .overviewform fieldset .field {
      margin: 0; }
  @media (min-width: 50em) {
    .overviewform {
      width: 66%; } }

@media (min-width: 36em) {
  .js .overviewform {
    display: block; } }

a.source {
  display: inline-block;
  padding: 0 0 0 18px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAMAAAACh/xsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJ bWFnZVJlYWR5ccllPAAAAAZQTFRFFUJz0NDAOhAcIwAAAAJ0Uk5T/wDltzBKAAAAHUlEQVR42mJg BAIGKAaTEAaQYoADuAiKGhABEGAABXMAK0OFNgoAAAAASUVORK5CYII=") no-repeat 0 0.65em;
  font-size: 1em;
  line-height: 1.8; }

/* Contactdetail*/
.contactdetail {
  margin-bottom: 20px; }
  .contactdetail dl {
    margin: 0 0 0.8125em 0; }
    .contactdetail dl dt {
      float: left;
      text-align: left;
      font-weight: normal;
      clear: left;
      width: 100%; }
      @media (min-width: 30em) {
        .contactdetail dl dt {
          width: 8em;
          margin-right: -10em; } }
      .contactdetail dl dt:after {
        content: ": "; }
    .contactdetail dl dd {
      clear: left;
      float: none;
      display: block;
      margin: 0;
      box-sizing: border-box; }
      @media (min-width: 30em) {
        .contactdetail dl dd {
          clear: none;
          padding-left: 8em; } }
    .contactdetail dl:after {
      content: " ";
      visibility: hidden;
      width: 0;
      height: 0;
      display: block;
      clear: left; }
  .contactdetail li {
    background: none;
    padding-left: 0;
    margin: 0; }
  .contactdetail pre {
    font: normal 1em/1.8 Verdana,Geneva, sans-serif;
    margin-top: 0;
    white-space: normal;
    overflow: auto; }

/* -----------------------------------------------
   TWITTERFEED SPECIFICS
   -----------------------------------------------*/
.twitterfeed h2 a {
  display: inline; }
.twitterfeed ul {
  display: block;
  margin: 0 0 30px 0; }
  .twitterfeed ul li {
    display: block;
    position: relative;
    margin: 0 0 20px 0;
    padding: 0 0 20px 0; }
    .twitterfeed ul li p {
      line-height: 1.25em; }
    .twitterfeed ul li a {
      display: inline; }
    .twitterfeed ul li .tweetaccount {
      position: relative;
      margin: 0 0 10px 0;
      min-height: 36px; }
      .twitterfeed ul li .tweetaccount .tweetavatar {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 36px;
        height: 36px; }
      .twitterfeed ul li .tweetaccount .tweetdisplayname {
        display: inline-block;
        font-weight: bold;
        font-size: 1em;
        line-height: 1em;
        margin: 0 0 1.1em 44px;
        vertical-align: top; }
      .twitterfeed ul li .tweetaccount .tweetname {
        position: absolute;
        font-size: 0.8125em;
        line-height: 1em;
        left: 44px;
        bottom: 3px;
        color: #767676; }
    .twitterfeed ul li .retweetnotice {
      color: #767676;
      font-size: 0.75em;
      padding: 0 0 0 20px;
      background: url("shared-ro/images/sprite-twitter-feed.png") 0px -35px no-repeat; }
    .twitterfeed ul li .tweetage {
      position: absolute;
      left: 0px;
      bottom: 0px;
      color: #767676;
      font-size: 0.8125em;
      line-height: 1em; }
    .twitterfeed ul li .tweetactions {
      position: absolute;
      right: 0px;
      bottom: 0px;
      height: 16px; }
      .twitterfeed ul li .tweetactions a {
        display: inline-block;
        width: 16px;
        height: 16px;
        overflow: hidden;
        text-indent: -9999px;
        margin: 0 0 0 3px;
        background: url("shared-ro/images/sprite-twitter-feed.png") 0 0 no-repeat; }
        .twitterfeed ul li .tweetactions a.reply {
          background-position: 0px 2px; }
          .twitterfeed ul li .tweetactions a.reply:hover {
            background-position: 0px -18px; }
        .twitterfeed ul li .tweetactions a.retweet {
          background-position: 0px -36px; }
          .twitterfeed ul li .tweetactions a.retweet:hover {
            background-position: 0px -56px; }
        .twitterfeed ul li .tweetactions a.favorite {
          background-position: 0px -80px; }
          .twitterfeed ul li .tweetactions a.favorite:hover {
            background-position: 0px -100px; }
.twitterfeed a.tweetfollowbtn {
  position: relative;
  display: inline-block;
  height: 16px;
  padding: 2px 3px 2px 20px;
  border: 1px solid #ccc;
  font-size: 11px;
  color: #333;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  font-weight: bold;
  background-color: #F8F8F8;
  background: url("shared-ro/images/sprite-twitter-feed.png") 3px -115px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#DEDEDE));
  background: url("shared-ro/images/sprite-twitter-feed.png") 3px -115px no-repeat, -moz-linear-gradient(top, #FFF, #DEDEDE);
  background: url("shared-ro/images/sprite-twitter-feed.png") 3px -115px no-repeat, -o-linear-gradient(top, #FFF, #DEDEDE);
  background: url("shared-ro/images/sprite-twitter-feed.png") 3px -115px no-repeat, -ms-linear-gradient(top, #FFF, #DEDEDE);
  border: #CCC solid 1px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  overflow: hidden; }
  .twitterfeed a.tweetfollowbtn:hover {
    text-decoration: none;
    border-color: #BBB;
    background-color: #F8F8F8;
    background: url("shared-ro/images/sprite-twitter-feed.png") 3px -115px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#F8F8F8), to(#D9D9D9));
    background: url("shared-ro/images/sprite-twitter-feed.png") 3px -115px no-repeat, -moz-linear-gradient(top, #F8F8F8, #D9D9D9);
    background: url("shared-ro/images/sprite-twitter-feed.png") 3px -115px no-repeat, -o-linear-gradient(top, #F8F8F8, #D9D9D9);
    background: url("shared-ro/images/sprite-twitter-feed.png") 3px -115px no-repeat, -ms-linear-gradient(top, #F8F8F8, #D9D9D9);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

/* -----------------------------------------------
   GRAPHS
   -----------------------------------------------*/
.hchart ul {
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none; }
.hchart a {
  color: #154273;
  text-decoration: none; }
  .hchart a:hover, .hchart a:active {
    text-decoration: underline; }
.hchart .label {
  z-index: 1 !important; }
.hchart .highcharts-tooltip span {
  z-index: 9999 !important; }
.hchart .tooltip {
  padding: 5px; }
.hchart .innerTooltip {
  z-index: 9999 !important;
  background-color: #fff;
  padding: 8px 8px 8px 8px;
  margin: -1px 0 2px 1px; }
.hchart .descriptionText, .hchart .description {
  background: transparent; }
  .hchart .descriptionText p, .hchart .description p {
    padding: 0px 0px 20px 10px; }
.hchart .source {
  display: block;
  text-align: left;
  font-size: 0.8125em;
  color: #535353;
  margin: 0 0 10px 0; }
.hchart text tspan {
  cursor: default; }
.hchart .graph {
  margin-bottom: 20px;
  height: auto;
  width: 100%; }
.hchart .graphImg {
  margin: 8px 0 20px 0;
  width: 100%; }
  .hchart .graphImg h1 {
    text-align: center;
    font-size: 1.125em;
    line-height: 1.3em;
    display: block;
    margin: 0; }
    .hchart .graphImg h1 span {
      display: block;
      font-size: 0.7777em;
      color: #535353; }
  .hchart .graphImg .source {
    display: block;
    text-align: right;
    font-size: 0.8125em;
    color: #535353; }
.hchart li.toggle {
  margin: 0;
  padding: 0;
  border-top: 1px solid #FFF;
  background-image: none;
  background-color: #f3f3f3; }
  .hchart li.toggle h2 {
    margin: 0;
    padding: 0;
    border-top: 0;
    color: #000;
    font: normal 1em/1.8 Verdana, Geneva, sans-serif; }
    .hchart li.toggle h2 a {
      padding: 5px 20px;
      background: #f3f3f3 url(shared-ro/images/sprite-topic-toggle.png) no-repeat 98% 8px; }
      .hchart li.toggle h2 a:link {
        text-decoration: none; }
      .hchart li.toggle h2 a:hover, .hchart li.toggle h2 a:active {
        background-color: #e6e6e6;
        text-decoration: none; }
  .hchart li.toggle h3 {
    margin: 0;
    padding: 0;
    color: #000;
    font: normal 1em/1.8 Verdana, Geneva, sans-serif; }
  .hchart li.toggle ul {
    margin: 0;
    padding: 0; }
    .hchart li.toggle ul li {
      margin: 0;
      padding: 0;
      border-bottom: 1px solid #fff;
      background-image: none; }
      .hchart li.toggle ul li a {
        padding: 0.2em 20px; }
        .hchart li.toggle ul li a.current {
          color: #000;
          pointer-events: none;
          cursor: pointer;
          font-weight: bold; }
        .hchart li.toggle ul li a:hover, .hchart li.toggle ul li a:active {
          background-color: #e6e6e6;
          text-decoration: none; }
  .hchart li.toggle.close .panel {
    display: none; }
    .hchart li.toggle.close .panel.current {
      display: none; }
  .hchart li.toggle.open .panel {
    display: block;
    border: none; }
    .hchart li.toggle.open .panel.current {
      display: block; }
  .hchart li.toggle.open h2 a {
    background-position: 98% -92px;
    background-color: #e6e6e6; }
  .hchart li.toggle.table.close .panel {
    display: none; }
    .hchart li.toggle.table.close .panel.current {
      display: none; }
  .hchart li.toggle.table.open .panel {
    display: none; }
    .hchart li.toggle.table.open .panel.current {
      display: block; }
  .hchart li.toggle.downloads li {
    display: none; }
    .hchart li.toggle.downloads li.current {
      display: block; }
  .hchart li.toggle .dataSet {
    display: block;
    padding: 0 20px 10px 20px;
    overflow: auto; }
    .hchart li.toggle .dataSet table {
      margin-left: 0px;
      width: auto; }
      .hchart li.toggle .dataSet table caption {
        padding: 0;
        margin-bottom: 0.6em; }
        .hchart li.toggle .dataSet table caption .title {
          color: #000000;
          display: block;
          font-size: 1.125em;
          line-height: 1.3em;
          font-weight: bold;
          margin: 0 0 0.2em 0; }
        .hchart li.toggle .dataSet table caption .subtitle {
          display: block;
          font-size: 0.875em;
          color: #535353; }
      .hchart li.toggle .dataSet table td {
        text-align: right;
        width: auto; }
      .hchart li.toggle .dataSet table th {
        width: auto;
        text-align: right; }
      .hchart li.toggle .dataSet table th:first-child {
        text-align: left; }

/* -----------------------------------------------
   GRAPHS
   -----------------------------------------------*/
.hmap ul {
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none; }
.hmap a {
  color: #154273;
  text-decoration: none; }
  .hmap a:hover, .hmap a:active {
    text-decoration: underline; }
.hmap .descriptionText, .hmap .description {
  background: transparent; }
  .hmap .descriptionText p, .hmap .description p {
    padding: 0px 0px 20px 10px; }
.hmap .label {
  z-index: 1 !important; }
.hmap .highcharts-tooltip span {
  z-index: 9999 !important; }
.hmap .tooltip {
  padding: 5px; }
.hmap .innerTooltip {
  z-index: 9999 !important;
  background-color: #fff;
  padding: 8px 8px 8px 8px;
  margin: -1px 0 2px 1px; }
.hmap .mapAreaDark {
  color: #01689b; }
.hmap .mapAreaLight {
  color: #d9f2ff; }
.hmap .mapAreaHover {
  color: #F3F3F3; }
.hmap .source {
  display: block;
  text-align: left;
  font-size: 0.8125em;
  color: #535353;
  margin: 0 0 10px 0; }
.hmap .thematicmap {
  margin-bottom: 20px;
  height: auto;
  width: 100%; }
.hmap li.toggle {
  margin: 0;
  padding: 0;
  border-top: 1px solid #FFF;
  background-image: none;
  background-color: #f3f3f3; }
  .hmap li.toggle h2 {
    margin: 0;
    padding: 0;
    border-top: 0;
    color: #000;
    font: normal 1em/1.8 Verdana, Geneva, sans-serif; }
    .hmap li.toggle h2 a {
      padding: 5px 20px;
      background: #f3f3f3 url(shared-ro/images/sprite-topic-toggle.png) no-repeat 98% 8px; }
      .hmap li.toggle h2 a:link {
        text-decoration: none; }
      .hmap li.toggle h2 a:hover, .hmap li.toggle h2 a:active {
        background-color: #e6e6e6;
        text-decoration: none; }
  .hmap li.toggle h3 {
    margin: 0;
    padding: 0;
    color: #000;
    font: normal 1em/1.8 Verdana, Geneva, sans-serif; }
  .hmap li.toggle ul {
    margin: 0;
    padding: 0; }
    .hmap li.toggle ul li {
      margin: 0;
      padding: 0;
      border-bottom: 1px solid #fff;
      background-image: none; }
      .hmap li.toggle ul li a {
        padding: 0.2em 20px; }
        .hmap li.toggle ul li a.current {
          color: #000;
          pointer-events: none;
          cursor: pointer;
          font-weight: bold; }
        .hmap li.toggle ul li a:hover, .hmap li.toggle ul li a:active {
          background-color: #e6e6e6;
          text-decoration: none; }
  .hmap li.toggle.close .panel {
    display: none; }
    .hmap li.toggle.close .panel.current {
      display: none; }
  .hmap li.toggle.open .panel {
    display: block;
    border: none; }
    .hmap li.toggle.open .panel.current {
      display: block; }
  .hmap li.toggle.open h2 a {
    background-position: 98% -92px;
    background-color: #e6e6e6; }
  .hmap li.toggle.table.close .panel {
    display: none; }
    .hmap li.toggle.table.close .panel.current {
      display: none; }
  .hmap li.toggle.table.open .panel {
    display: none; }
    .hmap li.toggle.table.open .panel.current {
      display: block; }
  .hmap li.toggle.downloads li {
    display: none; }
    .hmap li.toggle.downloads li.current {
      display: block; }
  .hmap li.toggle .dataSet {
    display: block;
    padding: 0 20px 10px 20px;
    overflow: auto; }
    .hmap li.toggle .dataSet table {
      margin-left: 0px;
      width: auto; }
      .hmap li.toggle .dataSet table caption {
        padding: 0;
        margin-bottom: 0.6em; }
        .hmap li.toggle .dataSet table caption .title {
          color: #000000;
          display: block;
          font-size: 1.125em;
          line-height: 1.3em;
          font-weight: bold;
          margin: 0 0 0.2em 0; }
        .hmap li.toggle .dataSet table caption .subtitle {
          display: block;
          font-size: 0.875em;
          color: #535353; }
      .hmap li.toggle .dataSet table td {
        text-align: right;
        width: auto; }
      .hmap li.toggle .dataSet table th {
        width: auto;
        text-align: right; }
      .hmap li.toggle .dataSet table th:first-child {
        text-align: left; }

/* -----------------------------------------------
    BIG SEARCH BOX: SEARCH, TOPICS, HOMEPAGE
   -----------------------------------------------*/
.touch.js .choose-xl .summary, .touch.js .choose-xl #topic-search {
  display: none; }
.choose-xl .summary, .choose-xl #topic-search {
  display: none; }
.js .choose-xl .summary, .js .choose-xl #topic-search {
  display: block; }
.choose-xl fieldset {
  padding-left: 10px;
  background: transparent; }
.choose-xl label {
  position: absolute;
  top: -100000px; }
.choose-xl select {
  width: 80%;
  float: left;
  margin-right: 10px; }
.choose-xl h2 {
  margin: 1em 0 .15em;
  color: #767676;
  font: bold 1.25em/1.6 Arial, "Helvetica Neue", Helvetica, Univers, sans-serif; }
  @media (min-width: 36em) {
    .choose-xl h2 {
      font: bold 1.25em/1.6 Arial, "Helvetica Neue", Helvetica, Univers, sans-serif; } }
.choose-xl p {
  min-height: 2em;
  position: relative;
  margin: 0.5em 0 2em;
  padding: 0; }
.choose-xl input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  float: left;
  display: block;
  margin: 0 0 1em;
  border: 1px solid #d7d7d7;
  border-bottom: 2px solid #01689b;
  padding: 3px 0;
  background: #fff;
  font: normal 1.333em/1 Arial, "Helvetica Neue", Helvetica, Univers, sans-serif;
  line-height: 1.19;
  height: 1.19em;
  -webkit-box-sizing: content-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: content-box;
  /* Firefox, other Gecko */
  box-sizing: content-box;
  /* Opera/IE 8+ */ }
.choose-xl input[type=text]::-ms-clear {
  display: none; }
.choose-xl button {
  display: block;
  margin: 0 10px 0 0;
  padding: 4px 15px 5px 15px;
  border-top: none;
  border-bottom: none;
  font: normal 1.333em/1 Arial, "Helvetica Neue", Helvetica, Univers, sans-serif;
  text-align: center;
  line-height: 1.19;
  height: 1.19em;
  cursor: pointer;
  -webkit-box-sizing: content-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: content-box;
  /* Firefox, other Gecko */
  box-sizing: content-box;
  /* Opera/IE 8+ */ }

@media (min-width: 36em) {
  .choose-xl input {
    width: 20em;
    float: left;
    border-right: 0; }
  .choose-xl button {
    width: auto;
    margin-right: 20px; } }
/* -----------------------------------------------
   AUTOCOMPLETE
   -----------------------------------------------*/
.ui-autocomplete {
  position: absolute;
  max-height: 150px;
  overflow: auto;
  margin-top: 0;
  border-top: 0;
  background-color: #e6e6e6;
  border-bottom: 2px solid #01689b; }

.choose-xl .ui-autocomplete {
  margin-left: 10px; }

.ui-autocomplete li {
  margin: 0;
  padding: 0;
  background-image: none;
  background-color: #FFF;
  border-top: 1px solid #d7d7d7; }

.ui-autocomplete li a {
  display: block;
  padding: .2em 4px;
  cursor: pointer; }

.choose-xl .ui-autocomplete li a {
  padding: .3em 6px; }

.ui-autocomplete li a:hover,
.ui-autocomplete li a:focus,
.ui-autocomplete li a.ui-state-hover {
  background-color: #cce0f1;
  color: #000; }

.js .ui-autocomplete {
  top: auto; }

.poll {
  margin-bottom: 40px; }
  .poll h2 {
    margin: 0 0 0.2em 0;
    border-top: none; }
  .poll p {
    margin-bottom: 30px; }
  .article .poll fieldset {
    padding: 1.2em 10px 0 10px; }
    @media (min-width: 50em) {
      .article .poll fieldset {
        padding: 1.2em 20px 0 20px; } }
  .article .poll input[type="radio"] {
    left: 5px; }
  .article .poll label {
    margin-bottom: 0px;
    padding: 5px 10px 5px 30px; }
    .article .poll label:hover {
      background-color: #154273;
      color: #FFFFFF; }
  .poll label {
    display: block;
    background: transparent;
    float: none;
    clear: both;
    position: relative;
    cursor: pointer; }
  .poll input {
    display: block;
    position: absolute; }
    .poll input[type="submit"] {
      border: 0;
      padding: 10px;
      position: static;
      margin-top: 1.25em;
      background-color: #154273;
      color: #FFFFFF; }
      @media (min-width: 36em) {
        .poll input[type="submit"] {
          margin-top: 1.8em; } }
      .js .poll input[type="submit"] {
        cursor: default;
        background-color: #999999; }
        .js .poll input[type="submit"].enabled {
          cursor: pointer;
          background-color: #154273; }
    .poll input[type="radio"] {
      margin-top: 4px;
      background-color: transparent;
      border-color: transparent; }
      .touch .poll input[type="radio"] {
        margin-top: 2px;
        width: 18px;
        height: 18px;
        border-radius: 100%;
        background-color: #e6e6e6;
        border-color: #999999; }
        .touch .poll input[type="radio"]:checked {
          background-color: #666666;
          border-color: #767676; }

.poll-results {
  background: #e6e6e6;
  padding: 10px; }
  .poll-results p {
    margin-bottom: 0px; }
  .poll-results li {
    list-style-type: none;
    background: none;
    padding-left: 0px;
    display: inline-block;
    width: 100%;
    margin-left: 0px;
    margin-bottom: 15px;
    position: relative; }
    .poll-results li span.fullbar {
      border: 1px solid #000;
      width: 79%;
      margin: 5px 0 0 0;
      display: block;
      height: 20px;
      float: left;
      border: none;
      background: #FFFFFF; }
      @media (min-width: 30em) {
        .poll-results li span.fullbar {
          width: 87%; } }
      @media (min-width: 36em) {
        .poll-results li span.fullbar {
          width: 90%; } }
      @media (min-width: 50em) {
        .poll-results li span.fullbar {
          width: 89%; } }
      @media (min-width: 58em) {
        .poll-results li span.fullbar {
          width: 91%; } }
      .poll-results li span.fullbar .resultbar {
        background: #01689b;
        display: block;
        height: 20px;
        width: 0%;
        -webkit-animation: progress-bar 2s;
        animation: progress-bar 2s; }
@-webkit-keyframes progress-bar {
  0% {
    width: 0; } }
@keyframes progress-bar {
  0% {
    width: 0; } }
  .poll-results span.resultnumber {
    float: right;
    display: inline-block;
    margin-left: 10px;
    margin-top: 7px;
    line-height: 1em; }

/* specific for defensie */
/* todo typography */