/* CSS: base */
/*
* Senses v1.0
* Copyright 2013, Clemens Sagmeister
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 3/15/2013
*/


/* Table of Content
==================================================

    #Reset & Basics
    #Basic Styles
    #Site Styles
    #Typography
    #Links
    #Lists
    #Images
    #Buttons
    #Forms
    #Misc */


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */

    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline; }
    article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
        display: block; }
    body {
        line-height: 1; }
    ol, ul {
        list-style: none; }
    blockquote, q {
        quotes: none; }
    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none; }
    table {
        border-collapse: collapse;
        border-spacing: 0; }


/* #Basic Styles
================================================== */

    body {
        background: #fff;
        font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 87.5%; /* 14px */
        color: #444;
        line-height: 1.5em; /* 21px */
        -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
        -webkit-text-size-adjust: 100%;
    }


/* #Typography
================================================== */

    h1, h2, h3, h4, h5, h6 {
        color: #003b7d;
        font-family: "Gill Sans W01 for OeNB Light", "Gill Sans Light", "Gill Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        /* font-weight: lighter; */ }
    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
    h1 { font-size: 2.5em; line-height: 1.15em; margin-bottom: 0.7em; }
    h2 { font-size: 2.05em; line-height: 1.42em; margin-bottom: 0.57em; }
    h3 { font-size: 1.5em; line-height: 1.2em; margin-bottom: 0.68em; }
    h4 { font-size: 1.21em; line-height: 1.5em; }
    h5,h6 { font-size: 1em; line-height: 1.5em; }
    .subheading { color: #666; display: block; }

    p { margin: 0 0 20px 0; }
    p img { margin: 0; }
    p.lead { font-size: 21px; line-height: 27px; color: #777;  }

    em { font-style: italic; }
    strong { font-weight: bold; color: #333; }
    small { font-size: 80%; }

/*    Blockquotes  */
    blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
    blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
    blockquote cite { display: block; font-size: 12px; color: #555; }
    blockquote cite:before { content: "\2014 \0020"; }
    blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

    hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }


/* #Links
================================================== */

    a, a:visited { color: #194481; text-decoration: none; outline: 0; }
    a:hover, a:focus { color: #3776b4; text-decoration: underline; }
    p a, p a:visited, .textblock a, .textblock a:visited { line-height: inherit; text-decoration: underline; }
    sup a { text-decoration: none; vertical-align: super; }

    a.combo:hover {
      text-decoration: none;
    }

    a.combo:hover .label {
      text-decoration: underline;
    }

    a > .meta {
      font-size: .9em;
      color: #444;
      display: block;
      text-decoration: none;
    }
/* #Lists
================================================== */

    ul, ol, dl { margin-bottom: 20px; }
    ul { list-style: none outside; }
    ol { list-style: decimal; }
    ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
    ul.square { list-style: square outside; }
    ul.circle { list-style: circle outside; }
    ul.disc { list-style: disc outside; }
    ul ul, ul ol,
    /* ol ol, ol ul { margin: 4px 0 5px 30px; } */
    ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%; }
    ul ul li, ul ol li,
    ol ol li, ol ul li { margin-bottom: 6px; }
    li { line-height: 18px; margin-bottom: 12px; }
    ul.large li { line-height: 21px; }
    li p { line-height: 21px; }
    dt { display: block; float: left; font-weight: bold; width: 7em; }
    dd { display: block; padding-left: 7em; }

/* #Images
================================================== */

    img.scale-with-grid {
        max-width: 100%;
        height: auto; }

    figure {
        margin: 0 0 1.4286em 0;
        position: relative;
    }

    figure img {
        max-width: 100%;
    }
    
    figure.boxed img {
        display: block;
    }

    figcaption {
        -moz-transition: height 1.8s ease-in-out;
        -webkit-transition: height 1.8s ease-in-out;
        transition: height 1.8s ease-in-out;

        font-size: .85em;
        line-height: 1.4;
        margin: -4px 0 0 0;
        overflow: hidden;
        padding: .5em;
    }

    figure .toggle-figcaption {
        background: transparent url('../images/icons/sprites_small/icon_small_doc.png') left center no-repeat;
        bottom: 0;
        display: none;
        font-size: .9em;
        padding-left: 20px;
        position: absolute;
        right: 0;
    }



/* #Buttons
================================================== */

    .button,
    button,
    input[type="submit"],
    input[type="reset"],
    input[type="button"] {
        background: #eee; /* Old browsers */
        background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
        background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
        background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
        background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
        background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
        background: #eee linear-gradient(to bottom, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
      border: 1px solid #aaa;
      border-top: 1px solid #ccc;
      border-left: 1px solid #ccc;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      color: #444;
      display: inline-block;
      font-size: 11px;
      font-weight: bold;
      text-decoration: none;
      text-shadow: 0 1px rgba(255, 255, 255, .75);
      cursor: pointer;
      margin-bottom: 20px;
      line-height: normal;
      padding: 8px 10px;
      font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

    .button:hover,
    button:hover,
    input[type="submit"]:hover,
    input[type="reset"]:hover,
    input[type="button"]:hover {
        color: #222;
        background: #ddd; /* Old browsers */
        background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
        background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
        background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
        background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
        background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
        background: #ddd linear-gradient(to bottom, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
      border: 1px solid #888;
      border-top: 1px solid #aaa;
      border-left: 1px solid #aaa; }

    .button:focus,
    .button:active,
    button:focus,
    button:active,
    input[type="submit"]:focus,
    input[type="submit"]:active,
    input[type="reset"]:focus,
    input[type="reset"]:active,
    input[type="button"]:focus,
    input[type="button"]:active {
        border: 1px solid #666;
        background: #ccc; /* Old browsers */
        background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
        background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
        background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
        background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
        background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
        background: #ccc linear-gradient(to bottom, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ }

    .button.full-width,
    button.full-width,
    input[type="submit"].full-width,
    input[type="reset"].full-width,
    input[type="button"].full-width {
        width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center; }

    /* Fix for odd Mozilla (FF19+) border & padding issues */
    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }


/* #Forms
================================================== */

    form {
        margin-bottom: 20px; }
    fieldset {
        margin-bottom: 20px; }
    input[type="text"],
    input[type="password"],
    input[type="email"],
    input[type="date"],
    input[type="time"],
    input[type="tel"],
    input[type="number"],
    textarea,
    select {
        border: 1px solid #ccc;
        padding: 6px 4px;
        outline: none;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #777;
        margin: 0;
        width: 210px;
        max-width: 100%;
        display: block;
        margin-bottom: 20px;
        background: #fff; }

    input[type="date"],
    input[type="time"],
    input[type="text"].datepicker,
    input[type="text"].timepicker {
        width: 85px;
    }

    select {
        padding: 0; }
    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="email"]:focus,
    input[type="date"]:focus,
    input[type="time"]:focus,
    input[type="tel"]:focus,
    input[type="number"]:focus,
    textarea:focus {
        border: 1px solid #aaa;
         color: #444;
         -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
        -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
        box-shadow:  0 0 3px rgba(0,0,0,.2); }
    textarea {
        min-height: 60px; }
    label,
    legend {
        display: block;
        font-weight: bold;
        font-size: 13px;
        margin: 0; }
    select {
        width: 220px; }
    input[type="checkbox"] {
        display: inline; }
    label span,
    legend span {
        font-weight: normal;
        font-size: 13px;
        color: #444; }

    input::-webkit-input-placeholder { color: #777; } /* FF19+ */
    input:-moz-placeholder { color: #777; }
    input::-moz-placeholder { color: #777; } /* FF19+ */
    input:-ms-input-placeholder { color: #777; }
    input:focus::-webkit-input-placeholder { color: #777; } /* FF19+ */
    input:focus:-moz-placeholder { color: #777; }
    input:focus::-moz-placeholder { color: #777; } /* FF19+ */
    input:focus:-ms-input-placeholder { color: #777; }


/* #Misc
================================================== */

    .remove-bottom { margin-bottom: 0 !important; }
    .half-bottom { margin-bottom: 10px !important; }
    .add-bottom { margin-bottom: 20px !important; }
    
    sup { font-size: 0.85em; line-height: 1em; padding-left: 0.1em; }

    .hidden { display: none !important; }
    .visuallyHidden {
        display: block;
        height: 0;
        left: -999em;
        overflow: hidden;
        position: absolute;
        width: 0;
    }

    .fl { float: left; }
    .fr { float: right; }
    .cl { clear: left; }
    .cr { clear: right; }
    .cb { clear: both; }
    .hidey { overflow: hidden; }

    .boxed {
        border: 1px solid #d6d6d6;
        border-bottom: 1px solid #b7b7b7;
        border-right: 1px solid #b7b7b7;
        display: block;
    }

    .shadow {
        -webkit-box-shadow:  0px 5px 5px 0px rgba(0, 0, 0, 0.15);
                box-shadow:  0px 5px 5px 0px rgba(0, 0, 0, 0.15);
    }

    .eyecatcher {
        color: #003b7d !important;
        font-family: "Gill Sans W01 for OeNB Light", "Gill Sans Light", "Gill Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
        font-size: 3em !important;
        line-height: 1.2em !important;
        padding: 0.3em 0;
        text-align: center;
    }

    .eyecatcher.medium {
        font-size: 2.5em !important;
    }

    .eyecatcher.small {
        font-size: 1.75em !important;
    }

    .emptybox {
        background-color: #f2f2f2;
        display: block;
        position: absolute;
        top: 2px;
        bottom: 0px;
        left: 2px;
        right: 2px;
    }

    .expander {
        background-color: #f2f2f2;
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }
    
    .expander--transparent {
      background-color: transparent;
    }
    .disclaimer {
        font-style: italic;
    }
/* CSS: senses */
/*
* Senses v1.0
* Copyright 2013, Clemens Sagmeister
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 3/15/2013
*/


/* Table of Contents
==================================================

    #Base 5 Column Grid
    #Large Screen
    #Standard Screen (fluid)
    #Mobile (Landscape)
    #Mobile (Portrait)
    #Clearing */


/* #Base 5 Column Grid
================================================== */

    .container                                  { position: relative; min-width: 1270px; width: 90.7142em; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin: 0.7143em; }
    .row                                        { margin-bottom: 1.4286em; }
    .fluidContainer,
    .column.left-fixed,
    .column.right-fixed                         { float: left; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 16.4286em; }
    .container .two.columns                     { width: 34.2857em; }
    .container .three.columns                   { width: 52.1429em; }
    .container .four.columns                    { width: 70em; }
    .container .five.columns                    { width: 87.8571em; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 16.4286em; }
    .container .offset-by-two                   { padding-left: 34.2857em; }
    .container .offset-by-three                 { padding-left: 52.1429em; }
    .container .offset-by-four                  { padding-left: 70em; }
    .container .offset-by-five                  { padding-left: 87.8571em; }

    /* Fluid Structures
       (1) fluid - fixed
       (2) fixed - fluid
       (3) fixed - fluid - fixed */
    .fluidContainer.left-fixed                  { margin-left: 17.8571em; }
    .fluidContainer.right-fixed                 { margin-right: 17.8571em; }
    .fluidContainer.left-right-fixed            { margin-left: 17.8571em; margin-right: 17.8571em; }
    .column.left-fixed                          { margin-right: -100%; }
    .column.right-fixed                         { margin-left: -17.1429em; }

    .container .mobile                          { display: none; }


/* #Large Screen
================================================== */

    /* Note: Design for a width of 1020px */

    @media only screen and (min-width: 1061px) and (max-width: 1300px) {
        .container { position: relative; min-width: 1020px; width: 72.8571em; margin: 0 auto; padding:  0; }
    }


/* #Standard Screen (fluid till Mobile)
================================================== */

    @media only screen and (min-width: 481px) and (max-width: 1060px) {
        .container { position: relative; min-width: 0; width: 95%; margin: 0 auto; padding: 0; }
    }

    @media only screen and (max-width: 580px) {}

    /* Note: break fixed structures */

    @media only screen and (max-width: 870px) {
        .container { width: 90%; }
        .column.right-fixed { margin-left: 0.7143em; }
        .column.left-fixed { margin-right: 0; }
        .fluidContainer.right-fixed { margin-right: 0; }
        .fluidContainer.left-fixed { margin-left: 0; }
        .fluidContainer.left-right-fixed { margin-left: 0; margin-right: 0; }
    }
    @media only screen and (max-width: 1060px) {
        .column.right-fixed { margin-left: 0.7143em; }
        .fluidContainer.right-fixed { margin-right: 0; }
        .fluidContainer.left-right-fixed { margin-right: 0; }
        .fluidContainer.left-right-fixed + .column.right-fixed { margin-left: 17.8571em; }
    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 321px) and (max-width: 480px) {

        .container { position: relative; min-width: 0; width: auto; margin: 0 6.25%; padding: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns { margin: 0.7143em 0; width: auto; }

        .notmobile { display: none !important; }
        .mobile { display: block !important; }
    }


/* #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 320px) {

        .container { position: relative; min-width: 0; width: auto; margin: 0 6.25%; padding: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns { margin: 0.7143em 0; width: auto; }

        .notmobile { display: none !important; }
        .mobile { display: block !important; }
    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after,
    .textblock:before,
    .textblock:after,
    .section:before,
    .section:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after,
    .textblock:after,
    .section:after {
      clear: both; }
    .row,
    .clearfix,
    .textblock,
    .section {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }

/* CSS: layout */
searchfield/*
* Senses v1.0
* Copyright 2013, Clemens Sagmeister
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 3/15/2013
*/


/* Table of Content
==================================================

    #Site Styles (basic layout eg. background, header, menus, search, footer)
    #Page Styles (content layout eg. sections, breadcrumbs, pagination, images)
    #Transitions
    #Media Queries
    #No-JS Styles
    #Font-Face */


/* #Site Styles
================================================== */

    body,
    body.bg5,
    body.bg10,
    body.bg20,
    body.bg50,
    body.bg200,
    body.bg500,
    body.bgnone,
    body.bgintranet {
        background: white;
        background-attachment: fixed;
        background-position: top center;
        background-repeat: no-repeat;
    }

    .contentWrapper {
        background-color: white;
        padding: 1.4286em 0.7143em 0.7143em 0.7143em;
        position: relative;
    }

    .navWrapper {
        background-color: white;
        padding: 0.7143em 1.4286em;
    }

    .topnavbg {
        background-color: white; /* fallback */
        background-color: rgba(255, 255, 255, 0.3);

        -webkit-box-shadow:  0px 5px 8px 0px rgba(4, 3, 5, 0.05);
                box-shadow:  0px 5px 8px 0px rgba(4, 3, 5, 0.05);

        left: 0;
        height: 2em;
        position: absolute;
        top: 0;
        width: 100%;
    }

    #topnav {
        background-color: white;
        min-height: 2em;
        padding: 0 1.4286em;
    }

    #contentinfo {
        font-size: 0.8571em;
        padding-bottom: 0.71429em;
    }

    #breadCrumbs {
        border-top: 1px solid #d6d6d6;
        font-size: 0.7143em;
        left: 1em;
        margin: 1em 1.2em 2em 1.2em;
        position: absolute;
        right: 1em;
    }
    
    .fluidContainer.left-fixed #breadCrumbs {
        left: 26em;
    }
    .fluidContainer.limiter-fixed #breadCrumbs {
        right: 6em;
    }
    .fluidContainer.left-right-fixed #breadCrumbs {
        left: 26em;
        right: 26em;
    }
    .fluidContainer.right-fixed #breadCrumbs {
        right: 26em;
    }

    #topnav ul,
    #bottomnav ul,
    #contentinfo ul,
    #breadCrumbs ul {
        display: inline-block;
        line-height: 2em;
        margin: 0 0 0 -0.25em;
        padding-right: 1em;
        vertical-align: middle;
    }

    #topnav li,
    #bottomnav li,
    #contentinfo li,
    #breadCrumbs li {
        display: inline;
    }

    #topnav li span,
    #topnav li a,
    #bottomnav li span,
    #bottomnav li a,
    #contentinfo li span,
    #contentinfo li a,
    #breadCrumbs li span,
    #breadCrumbs li a {
        margin: 0 0.5em 0 0.25em;
    }

    #topnav li.first span,
    #topnav li.first a,
    #bottomnav li.first span,
    #bottomnav li.first a,
    #contentinfo li.first span,
    #contentinfo li.first a,
    #breadCrumbs li.first span,
    #breadCrumbs li.first a {
        padding-left: 0;
    }

    #topnav li:after,
    #bottomnav li:after,
    #contentinfo li:after {
        content: "|";
    }

    #breadCrumbs li:after {
        content: ">";
    }

    #topnav li.last:after,
    #bottomnav li.last:after,
    #contentinfo li.last:after,
    #breadCrumbs li.last:after {
        content: "";
    }

    #bottomnav {
        font-size: 0.9em;
        margin: 0.7143em 0.4em;
    }

    #contentinfo,
    #contentinfo span,
    #contentinfo a,
    #contentinfo a:focus,
    #contentinfo a:hover,
    #contentinfo a:active {
        color: #777;
    }

    #header {
        background-color: white; /* fallback */
        background-color: rgba(255, 255, 255, 0.6);
        padding: 0.7143em 1.4286em;
        margin: 0 0 1.4286em 0;
        text-align: right;
    }

    .ie #header {
        background: transparent url('../images/icons/white-alpha.png') 0 0;
    }

    #skiplinks p {
        margin: 0;
        text-align: center;
    }

    #skiplinks p a {
        background-color: white; /* fallback */
        background-color: rgba(255, 255, 255, 0.8);
        display: block;
        font-family: Arial,Helvetica,sans-serif;
        left: -999em;
        overflow: hidden;
        padding: 1em 0;
        position: absolute;
        top: -999em;
        width: 20%;
        z-index: 900;
    }

    #skiplinks p a:focus,
    #skiplinks p a:active {
        left: 0;
        text-decoration: none;
        top: 3em;
    }

    .menubar {
        background: rgb(55,118,180); /* Old browsers */
        background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM3NzZiNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYzMzNzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
        background: -moz-linear-gradient(top,  rgba(55,118,180,1) 0%, rgba(12,51,118,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(55,118,180,1)), color-stop(100%,rgba(12,51,118,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(55,118,180,1) 0%,rgba(12,51,118,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(55,118,180,1) 0%,rgba(12,51,118,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(55,118,180,1) 0%,rgba(12,51,118,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(55,118,180,1) 0%,rgba(12,51,118,1) 100%); /* W3C */

        height: auto;
        position: relative;
        margin: 0;
    }

    .menuWrapper {
        float: right;
        width: auto;
    }

    #mainmenu {
        padding-right: 19em;
    }

    .menu .level_0 {
        margin: 0;
        padding: 0;
        clear: both;
    }

    .menu .level_0 > li {
        border-right: 1px solid rgba(255, 255, 255, 0.15);
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        float: left;
        margin: 0;
        overflow: hidden;
        padding: 0;
        width: auto;
    }

    .menu .level_0 > li.home {
      background: linear-gradient(to bottom,  #DD3535 0%, #7E1E1E 100%);

      background: #7E1E1E;
      background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI0REMzUzNSIgc3RvcC1vcGFjaXR5PSIxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjN0UxRTFFIiBzdG9wLW9wYWNpdHk9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+PC9zdmc+');
      background: -moz-linear-gradient( top, #DD3535 0%, #7E1E1E 100% );
      background: -webkit-gradient( linear, left top, left bottom,
                                    color-stop( 0%, #DD3535 ),
                                    color-stop ( 100%, #7E1E1E ) );
      background: -webkit-linear-gradient( top, #DD3535 0%, #7E1E1E 100% );
      background: -ms-linear-gradient( top,  #DD3535 0%, #7E1E1E 100% );
    }

    .menu .level_0 > li.home a {
      padding-left: 1em;
      padding-right: 1em;
    }
    .menu .level_0 > li > a,
    .menu .level_0 > li > span {
        border-right: 1px solid rgba(0, 0, 0, 0.1);
        border-top: 1px solid rgba(255, 255, 255, 0.15);
        color: white;
        display: inline-block;
        font-family: "Gill Sans W01 for OeNB Light", "Gill Sans Light", "Gill Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 1.175em;
        font-weight: bold;
        line-height: 100%;
        margin: 0;
        padding: 0.5em 1.4286em;
    }

    .menu .level_0 > li > a:hover,
    .menu .level_0 > li > a:focus,
    .menu .level_0 > li > a:active {
        background-color: rgb(55,118,180);
        text-decoration: none;
    }

    .menu .level_0 > li.home > a:hover,
    .menu .level_0 > li.home > a:focus,
    .menu .level_0 > li.home > a:active {
        background-color: #DD3535;
    }
    .menu .level_0 > li.active > span,
    .menu .level_0 > li.active > a,
    .menu .level_0 > li.home.active > span,
    .menu .level_0 > li.home.active > a {
        background: rgb(255,255,255);
        border-right: 1px solid white;
        border-top: 1px solid white;
        color: #194481;
        cursor: default;
    }

    .menu .level_0 > li.active {
        border-bottom: 1px solid #fff;
        border-right: 1px solid #efefef;
    }


    /* level_1 on hover in mainnav */
    #mainmenu .level_2 {
        display: none;
        margin: 0;
    }

    #mainmenu .level_1,
    #mainmenu .level_0 .active.submenu.openmenu .level_1 {
        display: none;
        margin: 0;
        min-width: 15em;
    }
    #mainmenu .level_0 .submenu.openmenu .level_1 {
        border: 2px solid rgb(55,118,180);
        border-top: none;
        display: block;
        height: inherit;
        width: inherit;
        margin: 0;
        position: absolute;
        top: 2.69em;
        z-index: 200;

        -webkit-box-shadow:  0px 5px 5px 0px rgba(0, 0, 0, 0.25);
                box-shadow:  0px 5px 5px 0px rgba(0, 0, 0, 0.25);
    }
    #mainmenu .level_0 .submenu.openmenu .level_1 li {
        background: #f2f2f2;
        margin: 0;
    }
    #mainmenu .level_0 .submenu.openmenu .level_1 a {
        background: transparent;
        border-bottom: 1px solid #fff;
        color: #333;
        margin: 0;
    }
    #mainmenu .level_0 .submenu.openmenu .level_1 li.last a {
        border-bottom: none;
    }
    #mainmenu .level_0 .submenu.openmenu .level_1 li a.hover/*,
    #mainmenu .level_0 .submenu.openmenu .level_1 li a:focus,
    #mainmenu .level_0 .submenu.openmenu .level_1 li a:active */{
        background: #e2e2e2;
    }
    #mainmenu .level_0 .submenu.openmenu .level_1 li.active {
        background: white;
        font-weight: bold;
    }

    /** Sidemenu **/

    #sidemenu.expander {
        margin: 2.1429em 1.4286em 1.4286em 1.4286em;
    }

    #sidemenu.expander--transparent {
      margin-top: 3.5em;
      border: 1px solid #D6D6D6;
      box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
    }
    #sidemenu.expander > div {
        background: rgb(55,118,180);
        padding: 2px;
    }

    #sidemenu.expander .headline {
        color: #fff;
        display: block;
        font-weight: bold;
        padding: .4em 0.7143em;
    }

    #sidemenu.expander .headline:hover,
    #sidemenu.expander .headline:focus {
        background-color: rgb(63, 129, 194);
    }

    #sidemenu ul,
    #sidemenu li {
        font-size: 1em;
        margin: 0;
    }

    #sidemenu li {
        border-top: 1px solid white;
    }

    #sidemenu .level_3 > li {
        border-top: 1px solid #eee;
    }

    #sidemenu li.last {
        border-bottom: none;
    }

    #sidemenu .level_2 {
        margin: 0 0 0 0.3em;
    }

    /* Intranet - marginal news */
    .marginal-news_headline {
      font-size: 1.4em;
    }

    .marginal-news_category,
    .marginal-news_date {
      display: block;
      font-size: .6em;
      line-height: 1;
      padding: .25em 0;
    }

    .marginal-news_category {
      font-color: #003B7D;
      margin-bottom: .6em;
      text-transform: uppercase;
    }

    .marginal-news_date {
      color: #444;
    }

    #sidemenu .marginal-news > li {
      padding: 1.2em 1em;
      border-bottom: 1px solid #D6D6D6;
    }

    #sidemenu .marginal-news > li.hover {
      cursor: pointer;
    }

    .marginal-news > li > p {
    font-size: .9286em;
      margin-bottom: 0;
    }

    #sidemenu .marginal-news > li:last-child {
      border-bottom: none;
    }

    #marginal .one.column:first-child {
      margin-top: 0;
    }

    #marginal .one.column {
      margin-left: 0;
      margin-right: 0;
    }
    /** level1 outline **/
    .menu .level_1 > li {}

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

    /* level1 */
    .menu .level_1 > li {
        background: rgb(164, 198, 233);
    }

    .menu .level_1 > li > a {
        background: transparent;
        color: black;
        display: block;
        padding: 0.7143em 1.5em 0.7143em 0.7143em;
    }

    .menu .level_1 > li.hover {
        background-color: rgb(120, 168, 218);
        text-decoration: none;
    }

    .menu .level_1 > li.hover > a {
        color: #fff;
    }

    /* level2 */
    .menu .level_2 > li {
        background-color: rgb(220, 230, 238); /*rgb(228, 240, 250);*/
    }

    .menu .level_2 > li.hover {
        background-color: rgb(192, 209, 223); /*rgb(211, 226, 238);*/
    }

    .menu .level_2 > li > a {
        background: transparent;
        color: black;
        display: block;
        padding: 0.7143em 1.5em 0.7143em 0.7143em;
    }

    /* level3 */
    .menu .level_3 > li > a,
    .menu .level_3 > li > span {
        background-color: white;
        color: black;
        display: block;
        padding: 0.7143em;
    }

    .menu .level_3 > li > a.hover {
        background-color: #f2f2f2;
    }

    .menu .level_3 > li > span.active {
        background-color: white;
        cursor: default;
        font-weight: bold;
    }

    .menu a.active,
    .menu .level_0 > li > a.active.submenu {
        font-weight: bold;
    }

    .menu a.active.submenu {
        font-weight: normal;
    }

    /* showMenu button */
    .showMenu {
        background-color: transparent;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        border-right: 1px solid rgba(255, 255, 255, 0.15);
        display: none;
    }

    .showMenu a {
        border-right: 1px solid rgba(0, 0, 0, 0.1);
        border-top: 1px solid rgba(255, 255, 255, 0.15);
        color: white;
        cursor: pointer;
        display: block;
        font-weight: bold;
        line-height: 100%;
        padding: 0.7143em 15px 0.7143em 15px;
    }

    .showMenu a:hover,
    .showMenu a:focus,
    .showMenu a:active {
        background-color: rgb(55,118,180);
        text-decoration: none;
    }

    /** Search **/

    #search {
        float: right;
        height: 1.5714em;
        margin: 0 1.4286em 0 0;
        padding: 0.5em 0;
        position: absolute;
        right: 0;
        width: 15.7142em;
    }

    #search input,
    #search button {
        margin: 0;
    }

    #search.search--with-persons {
        width: 22.7142em;
    }
    #searchfield {
        background-color: #dfe7f2;
        border: none;
        color: #003c7e;
        display: block;
        font-size: 0.8571em;
        height: 1em;
        padding: 0.417em 2em 0.417em 1em;
        position: absolute;
        width: 15.33em;
        z-index: 200;

        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;

        -webkit-box-shadow:  0px -1px 1px 0px rgba(22, 49, 82, 0.9);
                box-shadow:  0px -1px 1px 0px rgba(22, 49, 82, 0.9);
    }

    #searchfield:focus {
        background-color: white;
    }

    .search-icon,
    .search_person-wrap {
        display: inline;
        position: absolute;
        right: 0.67em;
        z-index: 201;
    }

    .search_person-wrap {
        top: .35em;
        right: 0;
    }

    .search--with-persons #searchfield {
        right: 10.2em;
        width: 12em;
    }

    .search_person-wrap label,
    .search_person-wrap input {
        color: #fff;
        display: inline;
        font-weight: normal;
        vertical-align: middle;
    }

    #search.search--with-persons .search-icon {
        right: 9.57em;
        top: .4em;
    }
    .search.icon {
        background: transparent;
        border: none;
        font-size: 1em;
        height: 1em;
        padding: 0;
        vertical-align: middle;
        width: 1em;
    }

    .footer {
        background-color: white;
        text-align: center;
    }

    #quicknav .header {
        background-color: #f0f0f0;
        margin: 1px;
    }

    #quicknav .header .toTop {
        margin-left: 2.4286em;
        vertical-align: top;
    }

    #quicknav h5,
    #quicknav h6 {
        display: inline-block;
        padding: 1em;
    }

    #quicknav h5 {
        color: #333;
        float: left;
        padding-left: 2.4286em;
    }

    #quicknav h6 {
        color: #2f598b;
        padding-top: 0;
        text-transform: uppercase;
    }

    .socialWrapper {
        display: inline-block;
        float: right;
        padding: 1em 2em 1em 0;
    }

    #quicknav .one.column {
        border-right: 1px solid #d6d6d6;
        margin: 1.4286em 0.6429em;
        min-height: 12.8571em;
    }

    #quicknav .one.column.first {
        margin-left: 0;
    }

    #quicknav .one.column.first h6,
    #quicknav .one.column.first li {
        margin: 0;
        padding-left: 2.4286em;
    }

    #quicknav .one.column.last {
        border-right: none;
        margin-right: 0;
    }

    #quicknav ul {
        margin: 0;
    }

    #quicknav li {
        margin: 0 0 0 1em;
    }

    #quicknav a,
    #quicknav a:focus,
    #quicknav a:hover,
    #quicknav a:active {
        color: #666;
        font-size: 0.8571em;
    }

    #quicknav .collapseContainer a {
        display: block;
        padding-right: 0.5em;
    }

    .icon,
    .more {
        display: inline-block;
    }

    /** Fluid Content **/
    .fluidContent {
        margin: 4em 0.7143em 0.7143em 0.7143em;
        min-height: 30em;
        padding-bottom: 2.1429em;
    }

    .fluidContainer.left-fixed.limiter-fixed .fluidContent {
        width: 66.4286em;
    }

    .fluidContainer.left-right-fixed .fluidContent {
        width: 52.1429em;
    }

    /** Limiter **/
    .fluidContainer.limiter-fixed {
        margin-right: 3.5714em;
    }

    .limiter.right-fixed {
        bottom: 1.4286em;
        position: absolute;
        right: 1.4286em;
        top: 2.1429em;
        width: 2.1429em;
    }

    .limiter .boxed,
    .expander .boxed {
        height: 100%;
    }

    .expander.right-fixed {
        background-color: transparent;
        bottom: 1.4286em;
        left: inherit;
        margin: 0;
        position: absolute;
        right: 1.4286em;
        top: 2.1429em;
        width: 2.1429em;
    }

    .expander.right-fixed .boxed {
        background-color: #e5e5e5;
    }

    .contentnav {
        border-bottom: 1px solid #D6D6D6;
        border-top: 1px solid #D6D6D6;
        margin: 2.8571em 0;
        padding: 1em 0;
    }


    #content .contentnav ul
    {
        margin: 0 0 1em 0;

        -webkit-column-count: 3;
           -moz-column-count: 3;
                column-count: 3;

        -webkit-column-gap: 3em;
           -moz-column-gap: 3em;
                column-gap: 3em;

        -webkit-column-rule: 1px solid #D6D6D6;
           -moz-column-rule: 1px solid #D6D6D6;
                column-rule: 1px solid #D6D6D6;
    }

    .contentnav li {
        list-style: none;
        margin-bottom: 0.4em;
        padding-left: 15px;

        display: table; /* FF fix: avoid breaks inside columns */
        -webkit-column-break-inside: avoid;
                       break-inside: avoid-column;
    }



/* #Page Styles
================================================== */

    /*** #Pagination ***/
    #content .pagination {
        margin: 40px 0;
    }

    .pagination > li {
        border: 1px solid #b7b7b7;
        display: inline-block;
    }

    .pagination > li.firstpage,
    .pagination > li.lastpage {
        border: none;
    }

    .pagination > li.lastpage {
        margin-right: 1em;
    }

    .pagination > li.hasform {
        border: none;
        padding-left: 10px;
    }

    .pagination > li > a,
    .pagination > li > span {
        background-color: #f2f2f2;
        border: 1px solid #fff;
        color: #333;
        display: inline-block;
        padding: 2px 7px;
    }

    .pagination > li.firstpage a,
    .pagination > li.firstpage span,
    .pagination > li.lastpage a,
    .pagination > li.lastpage span {
        background-color: transparent;
        color: #194481;
    }

    .pagination > li > a:hover,
    .pagination > li > a:active,
    .pagination > li > a:focus,
    .pagination > li.active span {
        background-color: #fff;
        color: #194481;
    }

    .pagination select,
    .pagination form {
        margin: 0;
        width: auto;
    }

    .pagination select {
        display: inline-block;
        vertical-align: middle;
    }

    .pagination button {
        display: inline-block;
        vertical-align: middle;
        margin: 0;
        padding: 4px 5px;
    }

    .pagination select + button {
        margin-left: 5px;
    }
    
    .pagination .prev,
    .pagination .next {
        display: block;
        text-indent: -9999em;
        width: 11px;
    }

    /** marginal column **/

    #marginal.teaserAligned {
        margin-top: 2.1429em;
    }

    #marginal .boxed {
        margin-left: 0.7143em;
    }

    /*** Sections ***/

    #content ul {
        list-style: disc outside;
        margin-left: 30px;
    }

    .articleAccordionItem {
        list-style: none outside;
    }

    #content .section,
    #content .section ul {
        list-style: none outside;
        margin-left: 0;
    }

    #content .section {
        margin: 3em 0 0 0;
    }

    #content .section > li {
        border-top: 1px solid #d6d6d6;
        margin: 0;
        padding: 1em 0 1em 5.7142em;
    }

    #content .section h2 {
        font-size: 1.5em;
        line-height: 1.2em;
        margin-bottom: 0.68em;
    }
    
    #content .section h3 {
        font-size: 1.21em;
        line-height: 1.5em;
        margin: 1.5em 0 0.5em 0;
    }

    #content .section h3.linkarea_subheadline {
        font-size: 1.5em;
    }
    
    #content .section h4,
    #content .section h5 {
        font-size: 1em;
        line-height: 1.5em;
        margin: 1.5em 0 0.5em 0;
    }
    
    #content .section .entry {
        line-height: 1.5em;
        margin: 0;
    }
    
    #content .section a {
        text-decoration: none;
    }
    
    #content .section a:focus,
    #content .section a:hover,
    #content .section a:active {
        text-decoration: underline;
    }
    
    .section a {
        display: block;
        padding-left: 16px;
    }
    
    #content .section .description {
        display: block;
        margin-left: 16px;
    }

    .contact li {
        float: left;
        padding: 0 4em 0.5em 0;
    }

    .contact .name {
        font-weight: bold;
    }

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

    .contact li a:focus,
    .contact li a:hover,
    .contact li a:active {
        text-decoration: underline;
    }
    
    .section > li:after {
        clear: both;
        content: "\0020";
        display: block;
        height: 0;
        visibility: hidden;
    }

    /*** Content related stuff ***/
    
    h1 + .subheadline {
        color: #444;
        display: block;
        font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 1em;
        font-style: italic;
        line-height: 1.5em;
        margin: -2em 0 1.5em 0;
        padding: 1em 0;
    }

    h2 + .subheadline {
        color: #444;
        display: block;
        font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 0.85em;
        font-style: italic;
        line-height: 1.5em;
        margin: -1.5em 0 0.2em 0;
        padding: 1em 0;
    }

    .publicationOverviewSubheadline {
        color: #444;
        display: block;
        font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 1em;
        font-style: italic;
        line-height: 2.5em;
        margin: -1.5em 0 -1em 0;
        padding: 1em 0;;
    }

    .articleHeader {
        display: inline-block;
        margin-bottom: 2em;
        position: relative;
        width: auto;
    }

    .articleHeader .video {
        background-color: rgba(0,0,0,0.5);
        border: 1px solid rgba(255,255,255,0.5);
        color: #fff;
        font-weight: bold;
        padding: 0.7143em 36px 0.7143em 1em;
        position: absolute;
        right: 2em;
        text-decoration: none;
        top: 2em;
    
        -webkit-border-radius: 5px;
                border-radius: 5px;
    }

    .articleHeader .video:hover,
    .articleHeader .video:focus,
    .articleHeader .video:active {
        background-color: rgba(70,70,70,0.8);
    }

    #footnotes {
        border-top: 1px solid #d6d6d6;
        display: inline-block;
        font-size: 0.85em;
        margin-top: 3em;
        max-width: 100%;
        width: auto;
    }

    #footnotes ul,
    ul#footnotes {
        font-style: italic;
        list-style: none;
        margin: 0;
    }

    #footnotes li {
        margin: 0;
    }
    
    /** Embedded images in content **/
    
    figure.small {
        max-width: 14.2857em;
    }
    
    figure.medium {
        width: 40%;
    }
    
    figure.large {
        display: block;
        max-width: 48.5714em;
        width: auto;
    }
    
    .textblock.image-left figure {
        float: left;
        margin: 0 1em 1em 0;
    }

    .textblock.image-right figure {
        float: right;
        margin: 0 0 1em 1em;
    }
    
    .textblock.image-left figure.large,
    .textblock.image-right figure.large {
        float: none;
        margin: 2em 0;
        padding: 0;
    }
    
    figure.large .title {
        border-top: solid 2px rgb(55,118,180);
        color: #013473;
        display: block;
        font-size: 1.15em;
        font-weight: bold;
        padding: 0.4em 0;
    }
    
    figure.large .title:after {
        border-bottom: solid 2px rgb(55,118,180);
        bottom: 0;
        content: "";
        display: block;
        padding: 0.4em 0;
        position: absolute;
        width: 100%;
    }
    
    figure.large .title + img {
        margin-bottom: 1em;
    }
    
    figure.large .title + img + figcaption {
        margin-top: -1em;
    }

    figure.large figcaption {
        padding: 0.5em 0 0.8em 0;
    }
    
    .imageWrapper > img {
        max-width: 100%;
    }
    .textblock.image-left figure.medium figcaption,
    .textblock.image-right figure.medium figcaption {
        background: #fafafa;
    }
    
    .textblock.image-left ul,
    .textblock.image-left ol {
        overflow: hidden;
        padding-left: 30px;
    }


/* #Transitions
================================================== */

.collapsible,
#sidemenu.channelnav {
    overflow: hidden;

    -webkit-transition: height .2s ease-in-out;
       -moz-transition: height .2s ease-in-out;
            transition: height .2s ease-in-out;
}

#searchfield {
    -webkit-transition: all .2s ease-in-out;
       -moz-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
}



/* #Media Queries
================================================== */

    @media only screen and (min-width: 1300px) {
        body,
        body.bg5,
        body.bg10,
        body.bg20,
        body.bg50,
        body.bg200,
        body.bg500,
        body.bgnone,
        body.bgintranet {
            background: white;
            background-attachment: fixed;
            background-position: top center;
            background-repeat: no-repeat;
        }
    
        body {
            background-image: url('../images/backgrounds/back100.jpg'); /* fallback */
        }
        
        body.bg5 {
            background-image: url('../images/backgrounds/back5.jpg');
        }
        
        body.bg10 {
            background-image: url('../images/backgrounds/back10.jpg');
        }

        body.bg20 {
            background-image: url('../images/backgrounds/back20.jpg');
        }
        
        body.bg50 {
            background-image: url('../images/backgrounds/back50.jpg');
        }
        
        body.bg200 {
            background-image: url('../images/backgrounds/back200.jpg');
        }
        
        body.bg500 {
            background-image: url('../images/backgrounds/back500.jpg');
        }
        
        body.bgintranet {
            background-image: url('../images/backgrounds/intranet_background.jpg');
        }
        body.bgnone {
            background-image: none;
        }
    }

    /* Large screens (devices and browsers) */
    @media only screen and (min-width: 1061px) and (max-width: 1300px) {
        #quicknav .one.column {
            width: 12.8571em;
        }

        .menu .level_0 > li > a,
        .menu .level_0 > li > span {
            padding: 0.5em 0.8em;
        }

        #topnav {
            padding: 0 0.8em;
        }

        #search {
            margin: 0 0.8em 0 0;
        }

        #header {
            padding: 0.7143em 0.8em;
        }
        
        .fluidContainer.left-fixed.limiter-fixed .fluidContent {
            width: 48.5714em;
        }
        
        .fluidContainer.left-right-fixed .fluidContent {
            width: 34.2857em;
        }
    }
    
    @media only screen and (max-width: 1300px) {
        body,
        body.bg5,
        body.bg10,
        body.bg20,
        body.bg50,
        body.bg200,
        body.bg500,
        body.bgnone,
        body.bgintranet {
            background: white;
            background-attachment: fixed;
            background-position: top center;
            background-repeat: no-repeat;
        }
       
        body {
            background-image: url('../images/backgrounds/back100_desktop.jpg'); /* fallback */
        }
        
        body.bg5 {
            background-image: url('../images/backgrounds/back5_desktop.jpg');
        }
        
        body.bg10 {
            background-image: url('../images/backgrounds/back10_desktop.jpg');
        }

        body.bg20 {
            background-image: url('../images/backgrounds/back20_desktop.jpg');
        }
        
        body.bg50 {
            background-image: url('../images/backgrounds/back50_desktop.jpg');
        }
        
        body.bg200 {
            background-image: url('../images/backgrounds/back200_desktop.jpg');
        }
        
        body.bg500 {
            background-image: url('../images/backgrounds/back500_desktop.jpg');
        }

        body.bgintranet {
            background-image: url('../images/backgrounds/intranet_background.jpg');
        }
        
        body.bgnone {
            background-image: none;
        }
    }

    /* Standard Screen (fluid till Mobile - devices and browsers) */
    @media only screen and (min-width: 481px) and (max-width: 1060px) {
        
        figure .toggle-figcaption {
            display: inline;
        }
        
        #quicknav .one.column {
            width: 18%;
            border-right: none;
        }

        #content .contentnav ul
        {
            -webkit-column-count: 2;
               -moz-column-count: 2;
                    column-count: 2;
        }

        .menu .level_0 > li > a,
        .menu .level_0 > li > span {
            padding: 0.5em;

        }

        #topnav {
            padding: 0 0.5em;
        }

        #header {
            padding: 0.7143em 0.5em;
        }

        /* reduced search field */
        #search {
            margin: 0 0.5em 0 0;
            width: 11.2142em;
        }
        #searchfield {
            width: 9.83em;
        }

        .search--with-persons #searchfield {
            right: 9.5em;
            width: 10em;
        }
        .search--with-persons .search-icon {
            right: 9.5em;
        }
        #mainmenu {
            padding-right: 12em;
        }
    }

    /* Tablet Size (devices and browsers) */
    @media only screen and (max-width: 870px) {

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns {
            width: 20em;
        }

        #quicknav .one.column {
            border-right: none;
        }

        #sidemenu.expander {
            margin: 0.7143em;
            position: relative;
        }

        #sidemenu {
            max-width: 16.4286em;
        }

        #marginal.one.column {
            margin-left: 0.7143em;
            margin-top: 0.7143em;
        }

        #marginal .boxed {
            margin-left: 0;
        }
        
        .fluidContent {
            min-height: 0;
        }
        
        /* breadCrumbs */
        .fluidContainer.left-fixed #breadCrumbs,
        .fluidContainer.left-right-fixed #breadCrumbs {
            left: 1em;
        }
        .fluidContainer.right-fixed #breadCrumbs {
            right: 1em;
        }

        /* quicknav */
        #quicknav .one.column {
            margin-bottom: 0;
            margin-left: 0;
            margin-right: 0;
            min-height: 0;
            width: 100%;
        }
        #quicknav .one.column.last {
            margin-bottom: 1.4286em;
        }
        #quicknav ul {
            margin: 0 0.5em;
        }
        #quicknav li,
        #quicknav .one.column.first li {
            display: inline-block;
            margin: 0 0.5em;
            padding: 0;
            width: auto;
        }
        #quicknav .one.column li:after {
            content: ",";
        }
        #quicknav .one.column li.last:after {
            content: "";
        }
        #quicknav .collapseContainer a {
            display: inline;
            padding-right: 0;
        }
        #quicknav h5 {
            padding-left: 1em;
        }
        #quicknav h6,
        #quicknav .one.column.first h6 {
            padding: 0 1em;
        }
        #quicknav .header .toTop {
            margin-left: 0;
        }

        /* menu */
        #sidemenu {
            display: none;
        }
        
        #sidemenu.channelnav {
            border-bottom: 1px solid #E6E6E6;
            display: block;
            margin: -1.4286em 0.7143em 1.4286em -0.7143em;
            max-width: 100%;
            padding: 1em 0.7143em;
            width: 100%;
        }

        #sidemenu.expander.channelnav > div {
            background: transparent;
        }
        
        #sidemenu.channelnav .headline {
            color: #194481;
            font-size: 1.2em;
            font-weight: normal;
        }
        
        #sidemenu.channelnav .headline:focus,
        #sidemenu.channelnav .headline:hover,
        #sidemenu.channelnav .headline:active {
            background: transparent;
            text-decoration: underline;
        }

        #sidemenu.channelnav ul
        {
            margin: 0.5em 0;
            padding: 0 0.7143em;
        }

        #sidemenu.channelnav li {
            background: transparent;
            border: none;
            list-style: none;
            margin-bottom: 0.4em;
            padding-left: 15px;

            display: table; /* FF fix: avoid breaks inside columns */
            -webkit-column-break-inside: avoid;
                           break-inside: avoid-column;
        }
        
        #sidemenu.channelnav li a {
            color: #194481;
            padding: 0;
        }
        
        #sidemenu.channelnav li a:focus,
        #sidemenu.channelnav li a:hover,
        #sidemenu.channelnav li a:active {
            text-decoration: underline;
        }

        .showMenu {
            display: inline-block;
        }

        #mainmenu .level_1 {
            display: block;
        }

        /* tablet overlay menu styles */

        .menu .level_0 > li,
        .menu .level_0 > li.active {
            background: rgb(55,118,180); /* Old browsers */
            background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM3NzZiNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYzMzNzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
            background: -moz-linear-gradient(top,  rgba(55,118,180,1) 0%, rgba(47, 89, 162, 1) 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(55,118,180,1)), color-stop(100%,rgba(47, 89, 162, 1))); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top,  rgba(55,118,180,1) 0%,rgba(47, 89, 162, 1) 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top,  rgba(55,118,180,1) 0%,rgba(47, 89, 162, 1) 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top,  rgba(55,118,180,1) 0%,rgba(47, 89, 162, 1) 100%); /* IE10+ */
            background: linear-gradient(to bottom,  rgba(55,118,180,1) 0%,rgba(47, 89, 162, 1) 100%); /* W3C */

            border-bottom: 0;
            border-right: 0;
            border-top: 1px solid rgb(193, 211, 238);
            float: none;
        }

        .menu .level_0 > li.first {
            border-top: 0;
        }

        .menu .level_0 > li > a,
        .menu .level_0 > li.active > a {
            border: none;
            color: white;
            cursor: pointer;
            display: block;
            font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 1em;
            font-weight: bold;
            left: 0;
            line-height: 1em;
            margin-bottom: 0;
            padding: 0.7143em;
            position: relative;
            top: 0;
        }

        .menu .level_0 > li.active > a {
            background-color: transparent;
        }

        .menu .level_0 > li > a:hover,
        .menu .level_0 > li > a:focus,
        .menu .level_0 > li > a:active {
            background-color: transparent;
        }

        #mainmenu {
            padding-right: 0;
        }

        .menu .level_0 {
            border: 3px solid #194481;
            -webkit-border-radius: 5px;
                    border-radius: 5px;
        }
        .menu .level_1,
        .menu .level_2,
        .menu .level_3 {
            font-size: 1em;
            margin: 0;
        }
        .menu .level_1 > li,
        .menu .level_2 > li,
        .menu .level_3 > li.first {
            border-top: 1px solid white;
            margin: 0;
        }
        .menu .level_3 > li {
            border-top: 1px solid #eee;
            margin: 0;
        }
        .menu .level_1 > li > a,
        .menu .level_1 > li > a.active {
            margin-right: 0.2143em;
        }
        .menu .level_2 > li > a,
        .menu .level_2 > li > a.active {
            margin-right: 0.2143em;
        }
        .menu .level_0 > li.hover {
            background: #1A5393;
        }

        .menu .level_0 > li.home.hover {
            background: #DD3535;
        }

        /* only display active submenus */
        #mainmenu .submenu ul {
            display: none;
        }
        #mainmenu .active.submenu ul {
            display: block;
            height: auto;
            margin: 0 0 0 .3em;
            width: auto;
        }
        #mainmenu .active.submenu ul.level_3 {
            margin: 0 1px 0 0;
        }

        #mainmenu.opened .showMenu .menuArrow {
            bottom: -1.4286em;
            height: 15px;
            left: 2.25em;
            position: absolute;
            width: 25px;
            z-index: 215;
        }

        .opened .showMenu {
            background-color: #f2f2f2;
            border: 1px solid rgb(55,118,180);
            border-left: none;
        }
        .opened .showMenu a {
            background-color: #1A5393;
            border: none;
        }

        .opened .showMenu a:hover,
        .opened .showMenu a:focus,
        .opened .showMenu a:active {
            background-color: rgb(55,118,180);
        }

        .level_0.collapsible.closed {
            border: none;
            height: 0 !important;
        }

        .level_0.collapsible {
            margin: 1.4286em;
            position: absolute;
            top: 2.6em;
            width: 16.4286em;
            z-index: 215;

            -webkit-box-shadow:  0px 5px 5px 0px rgba(0, 0, 0, 0.15);
                    box-shadow:  0px 5px 5px 0px rgba(0, 0, 0, 0.15);
        }

        #search {
            margin: 0 0.5em 0 0;
        }
        
        /* enlarge search field */
        #search {
            width: 15.7142em;
        }
        #searchfield {
            width: 15.33em;
        }

        #marginal.one.column {
            margin: 0;
        }

        #content .contentnav ul
        {
            -webkit-column-count: 3;
               -moz-column-count: 3;
                    column-count: 3;
        }
        
        figure.small {
            display: none;
        }

        .menu .level_0 > li.home > a:before {
            display: none !important;
            height: auto !important;
            width: auto !important;
        }

        .menu .level_0 > li.home > a .hidden {
            display: inline-block !important;
        }

        .intranet-media .imageWrapper {
            display: none;
        }

        .teaser.quickpoll {
            margin-left: 0;
            width: 93%;
            padding: 1em inherit;
        }
    }

    /* Tablet Size */
    @media only screen and (max-width: 768px) {
        .socialWrapper #socialmedia {
            display: none;
        }
    }

    @media only screen and (max-width: 1060px) {

        .limiter.right-fixed { display: none; }

        .fluidContainer.limiter-fixed {
            margin-right: 0;
        }
        
        .fluidContainer.limiter-fixed #breadCrumbs {
            right: 1em;
        }
        .fluidContainer.left-right-fixed #breadCrumbs {
            right: 1em;
        }

        .articleHeader img {
            height: auto;
            width: 100%;
        }

        .container .column.right-fixed {
            margin-left: 0;
            margin-right: 0;
            width: auto;
        }

        .expander.right-fixed {
            bottom: inherit;
            height: auto;
            position: relative;
            right: inherit;
            top: inherit;
        }

        #marginal .boxed {
            margin: 0.7143em;
        }
        
        #content.fluidContent {
            width: auto;
        }

        .fluidContent {
            min-height: 0;
        }
    }

    /* Mobile Size - Landscape & Portrait (devices and browsers) */
    @media only screen and (max-width: 480px) {

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns {
            width: 100%;
        }

        body,
        body.bg5,
        body.bg10,
        body.bg20,
        body.bg50,
        body.bg200,
        body.bg500,
        body.bgnone,
        body.bgintranet {
            background: white;
        }

        .topnavbg {
            display: none;
        }

        #header,
        #topnav {
            padding: 0;
        }

        #header {
            margin: 1.4286em 0;
        }

        #header img {
            width: 100% !important;
            height: auto !important;
        }

        #adminpanel {
            display: none;
        }

        #marginal .one.column,
        #marginal .one.column:first-child {
            margin: 0 0 1.5em 0 !important;
        }

        .contentWrapper { padding: 20px 0 0 0; }

        .navWrapper {
            padding: 0.7143em 0;
        }

        .mobile #marginal .collapsible {
            border-top: none;
        }

        #search {
            float: none;
            position: relative;
            width: 100%;
        }

        #searchfield {
            font-size: 1em;
            padding: 0.417em 8% 0.417em 2%;
            width: 90%;
        }

        .searchWrapper {
            background: white;
            padding-bottom: 1em;
        }

        .socialWrapper {
            display: none;
        }

        #quicknav h5 {
            display: block;
            font-weight: normal;
            padding: 0.7143em;
        }

        #quicknav .one.column.collapseContainer {
            margin: 0.3em 0;
            min-height: 0;
            padding-left: 0.7143em;
        }

        #quicknav .one.column.first h6 {
            padding: 0 0 0 0.5em;
        }

        #quicknav .one.column li,
        #quicknav .one.column.first li {
            margin: 0;
            padding: 0;
            width: 100%;
        }

        #quicknav h6 {
            cursor: pointer;
            display: block;
            font-weight: normal;
            padding: 0 0 0 0.5em;
            text-transform: none;
        }
        
        #quicknav h6:hover {
            color: #3776b4;
        }

        #quicknav ul {
            margin: 0 0 0 1.1em;
        }

        #quicknav .one.column li:after {
            content: "";
        }

        #quicknav .collapseContainer a {
            display: block;
        }

        .fluidContent {
            margin: 4em 0 0 0;
        }

        /* breadCrumbs */
        #breadCrumbs {
            margin: 1em 0;
        }
        
        .fluidContainer.left-fixed #breadCrumbs,
        .fluidContainer.limiter-fixed #breadCrumbs,
        .fluidContainer.left-right-fixed #breadCrumbs,
        .fluidContainer.right-fixed #breadCrumbs {
            left: 0;
            right: 0;
        }

        #sidemenu {
            display: none;
        }

        #mainmenu .level_1 {
            display: block;
        }

        .level_0.collapsible {
            margin: 0;
            position: relative;
            top: 0;
            width: auto;

            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .menu .level_0 {
            border: none;
        }

        /* showMenu button */
        #mainmenu .showMenu {
            background-color: #f2f2f2;
            border: none;
            display: block;
            margin-left: 0;
        }
        #mainmenu .showMenu a {
            border: none;
            color: #333;
            font-weight: normal;
            margin: 0 0.7143em;
            padding: 0.7143em 0;
        }
        .showMenu a:hover,
        .showMenu a:focus,
        .showMenu a:active,
        .opened .showMenu a,
        .opened .showMenu a:hover,
        .opened .showMenu a:focus,
        .opened .showMenu a:active {
            background-color: transparent;
        }

        #mainmenu.opened .showMenu .menuArrow {
            display: none;
        }

        .collapsible.closed {
            height: 0 !important;
        }

        #marginal.one.column .boxed {
            margin: 0;
            margin-bottom: 0.7143em;
        }

        #content .section .downloads,
        #content .section .links,
        #content .section .contact {
            background-size: 9% auto;
        }

        #content .section > li {
            padding: 1em 0 1em 15%;
        }

        #content .contentnav ul
        {
            -webkit-column-count: 1;
               -moz-column-count: 1;
                    column-count: 1;
        }

        #content .section.small-spacing {
            margin: 2em 0;
        }
        
        #sidemenu.channelnav {
            border-bottom: none;
            display: block;
            margin: -1.4286em 0 1em 0;
            max-width: 100%;
            padding: 0.5em 0;
            width: 100%;
        }
        
        #sidemenu.channelnav.closed {
            height: 0 !important;
            padding: 0;
        }
        
        #sidemenu.channelnav ul
        {
            -webkit-column-count: 1;
               -moz-column-count: 1;
                    column-count: 1;

            -webkit-column-gap: 0;
               -moz-column-gap: 0;
                    column-gap: 0;
        }
        
        #sidemenu.channelnav li {
            display: block;
        }
        
        figure.medium {
            display: block;
            width: 100%;
        }
        
        .textblock.image-left figure.medium,
        .textblock.image-right figure.medium {
            float: none;
            margin: 0 0 1.4286em 0;
            padding: 0;
        }
        
        .textblock.image-left figure.medium figcaption,
        .textblock.image-right figure.medium figcaption {
            background: transparent;
        }
        
        .textblock.image-left ul,
        .textblock.image-left ol {
            overflow: visible;
            padding-left: 0;
        }

        .search_person-wrap label {
            color: #333;
        }

        #search.search--with-persons {
            width: auto;
        }

        .search--with-persons #searchfield {
            right: 8.8em;
    }
    }

    /* Mobile Size - Portrait (devices and browsers) */
    @media only screen and (max-width: 320px) {

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns { margin: 0.7143em 0; width: 100%; }

        .navWrapper {
            padding: 0;
        }
        
        #content .section > li {
            padding: 1em 0;
        }
        #content .section > li.links:before,
        #content .section > li.downloads:before,
        #content .section > li.contact:before,
        #content .section > li.translation:before {
            background: transparent;
            height: 0;
            margin: 0;
            width: 0;
        }
    }


/* #No-JS Styles
================================================== */

    .no-js .level_0.collapsible.closed {
        position: relative;
        top: 0;
    }


/* #Font-Face
==================================================
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
Imaging with any questions regarding Web Fonts:  http://webfonts.fonts.com
*/

    /* Gill Sans W01 for OeNB Light */
    @font-face{
        font-family:"Gill Sans W01 for OeNB Light";
        src: url("../fonts/9c6f1264-a9f6-4fb8-acdc-273f479fb0e6.eot?#iefix");
        src: url("../fonts/9c6f1264-a9f6-4fb8-acdc-273f479fb0e6.eot?#iefix") format("eot"),
             url("../fonts/34f49dc2-a53e-45cd-a488-fe8efc4f6213.woff") format("woff"),
             url("../fonts/4a41a359-c1cc-455a-b916-bc8c790fe685.ttf") format("truetype"),
             url("../fonts/2cd3ac52-1116-4019-86c5-f646bea9032f.svg#2cd3ac52-1116-4019-86c5-f646bea9032f") format("svg");
        font-weight: normal;
        font-style: normal;
        font-size: 0.99em;
    }

    /* Gill Sans W02 for OeNB Light */
/*
    @font-face{
        font-family:"Gill Sans W02 for OeNB Light";
        src: url("../fonts/a2c55923-adb4-4848-a7e3-f8536c60dda9.eot?#iefix");
        src: url("../fonts/a2c55923-adb4-4848-a7e3-f8536c60dda9.eot?#iefix") format("eot"),
             url("../fonts/3cbdfe3d-a9dc-431c-bacb-18cf5f002e45.woff") format("woff"),
             url("../fonts/69e4d094-5565-4395-86f4-48695975a058.ttf") format("truetype"),
             url("../fonts/7383c2d9-09ef-4969-8e42-8d6afb4c3cc2.svg#7383c2d9-09ef-4969-8e42-8d6afb4c3cc2") format("svg");
        font-weight: normal;
        font-style: normal;
    }
*/

    /* Gill Sans W01 for OeNB Roman */
/*
    @font-face{
        font-family:"Gill Sans W01 for OeNB Roman";
        src: url("../fonts/ca0aaf76-8941-4ff0-b26d-8a24638b1072.eot?#iefix");
        src: url("../fonts/ca0aaf76-8941-4ff0-b26d-8a24638b1072.eot?#iefix") format("eot"),
             url("../fonts/f49c8103-fdaf-4687-b150-13565b39f098.woff") format("woff"),
             url("../fonts/9af0fce3-95c0-4cff-83d1-caaa00df8580.ttf") format("truetype"),
             url("../fonts/dc3730b0-fded-4983-be35-f7c7b81d886a.svg#dc3730b0-fded-4983-be35-f7c7b81d886a") format("svg");
        font-weight: normal;
        font-style: normal;
    }
*/

    /* Gill Sans W02 for OeNB Roman */
/*
    @font-face {
        font-family:"Gill Sans W02 for OeNB Roman";
        src: url("../fonts/85dafa54-020f-4ce7-a570-65edbe645e47.eot?#iefix");
        src: url("../fonts/85dafa54-020f-4ce7-a570-65edbe645e47.eot?#iefix") format("eot"),
             url("../fonts/b9c12368-82e7-40a8-a87a-0b5a3e375109.woff") format("woff"),
             url("../fonts/d891c677-ef31-4ffc-944a-2d8b49cd3ce2.ttf") format("truetype"),
             url("../fonts/d3fe5522-f41f-4de7-8218-24a614939420.svg#d3fe5522-f41f-4de7-8218-24a614939420") format("svg");
        font-weight: normal;
        font-style: normal;
    }
*/

    /* Gill Sans W01 for OeNB Bold */
/*
    @font-face{
        font-family:"Gill Sans W01 for OeNB Bold";
        src: url("../fonts/f57889b0-02b8-44e4-b504-ee967b0379fe.eot?#iefix");
        src: url("../fonts/f57889b0-02b8-44e4-b504-ee967b0379fe.eot?#iefix") format("eot"),
             url("../fonts/80ce2cdb-9ffe-4630-8b1e-fed5f89834ed.woff") format("woff"),
             url("../fonts/d0d3dd51-629f-4162-9f0c-eaade0928e55.ttf") format("truetype"),
             url("../fonts/9bcdb121-cf69-47f6-8c10-282aaecc2c1b.svg#9bcdb121-cf69-47f6-8c10-282aaecc2c1b") format("svg");
        font-weight: normal;
        font-style: normal;
    }
*/

    /* Gill Sans W02A for OeNB Bold */
/*
    @font-face{
        font-family:"Gill Sans W02A for OeNB Bold";
        src: url("../fonts/f66c4a89-15f9-4bdc-be06-cc24f51baa56.eot?#iefix");
        src: url("../fonts/f66c4a89-15f9-4bdc-be06-cc24f51baa56.eot?#iefix") format("eot"),
             url("../fonts/7b753003-257c-47e1-9a27-8f7549ffb11b.woff") format("woff"),
             url("../fonts/f4c3e390-3caa-489d-af15-d0f1dbe041c2.ttf") format("truetype"),
             url("../fonts/66dc4de7-7775-4043-b4e7-20febdee24e9.svg#66dc4de7-7775-4043-b4e7-20febdee24e9") format("svg");
        font-weight: normal;
        font-style: normal;
    }
*/
/* CSS: elements */
/* Table of Content
==================================================

    #UI Element Styles
      #Intranet Apps
      #Menuplan
      #Quickpoll
      #Teaser (Startseitenteaser)
      #Notes (eg. Pressemeldung, Event)
      #Filterboxes
      #Publications Teaser & Search Results
      #Publications Compact Teaser
      #Publications Detail
      #Quickview
      #Video Teaser
      #Imagegallery Stacks
      #Imagegallery Thumbnails
      #Contacts
      #Collapsibles
      #Whitepages
      #Glossary
      #Topics (Overview)
      #Admin Panel
      #Speeches
      #Videoplayer
      #Date-Widget
    
    #Transitions & Animations
    #Media Queries
    #No-JS Styles */


/* #UI Element Styles
================================================== */

 /* == #Intranet Apps ============================ */

    #marginal .app-button {
        background-color: #fff;
        border-left: 10px solid #194481;
        border-radius: 5px;
        box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
        display: block;
        padding: .5em;
    }

    #marginal .app-button:hover,
    #marginal .app-button:focus {
        background-color: #194481;
        color: #fff;
    }

    #marginal .app-button-wrap > li {
        border-bottom: none;
        margin-bottom: .2em;
    }

    .personal-links img {
        max-width: 16px;
        margin-right: .8em;
    }

 /* == #Menuplan ================================= */

    .menuplan {
        padding: 1em;
        font-size: 0.9286em;
    }

    .menuplan > ul {
        list-style-image: none;
        list-style-position: outside;
        list-style-type: disc;
        margin-left: 2em;
    }

    .menuplan em {
        color: #003B7D;
        font-style: normal;
    }

    .menuplan_divider {
        color: #666;
        display: inline-block;
        margin: 0 .3em;
    }

    .two.columns .teaserbox .menuplan > h3 {
        margin-bottom: .5em;
        height: auto;
    }

    .classified-ad .teaserbox_actionbar a {
        float: right;
        padding-bottom: .5em;
        padding-right: 1em;
        padding-top: .5em;
        width: auto;
    }

 /* == #Quickpoll ================================= */

    .quickpoll > h3 {
        font-size: 1.3em;
    }

    .quickpoll label {
        display: block;
        font-weight: normal;
        margin-bottom: .45em;
        padding-left: 2.25em;
        position: relative;
    }

    .quickpoll input {
        position: absolute;
        left: 0;
        top: 0;
    }

    .loading-icon {
        background: transparent url('../images/icons/loading.gif') center center no-repeat;
    }
    
    .quickpoll input.quickpoll-email {
        display: none;
    }

    .quickpoll button {
        margin-top: 1em;
        margin-left: 2.35em;
    }

    .progress {
        margin-bottom: .4em;
    }

    .teaserbox .progress > p {
        margin: 0;
    }

    .progressbar {
        border: 1px solid #D6D6D6;
        height: 1.1em;
        position: relative;
    }

    .progressbar_progress {
        background-color: #B2C5DC;
        height: 1.1em;
    }

    .progressbar_progress > p {
        color: #003B7D;
        margin: 0;
        position: absolute;
        right: 0;
        top: 1.2em;
    }
 /* == #Teaser =================================== */

     .teaserbox {
         border: 1px solid #d6d6d6;
         border-bottom: 1px solid #b7b7b7;
         border-right: 1px solid #b7b7b7;
         display: block;
         margin-top: 1.4286em;
         height: 22.5em;
         position: relative;
         -webkit-box-shadow:  0px 5px 5px 0px rgba(0, 0, 0, 0.15);
                 box-shadow:  0px 5px 5px 0px rgba(0, 0, 0, 0.15);
     }
     .teaserbox_edit {
         height: auto;
     }
 
     .teaserbox--gray {
        background-color: #E5E5E5;
     }
     .teaserbox.focus {
         border-color: #3776b4;
     }

     .teaserbox h2,
     .sidemenu_headline {
         color: white;
         display: inline-block;
         font-size: 0.8571em;
         font-weight: bold;
         padding: 0.1em 2em 0 0.5em;
         position: absolute;
         top: -1.6em;
         left: -1px;
     }

     .teaserbox h2,
     .sidemenu_headline {
         font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
     }

     .teaserbox img {
         float: left;
     }

     .teaserbox p {
         margin-bottom: 1em;
     }

     .teaser,
     .teaserCollection {
         clear: left;
         color: #666;
         font-size: 0.9286em;
         padding: 1em;
     }

     .teaserbox_actionbar,
     .teaserbox_tabs {
       background-color: #E5E5E5;
       margin-bottom: .5em;
     }

     .teaserbox_actionbar a {
       color: #444;
       font-size: .95em;
       display: block;
       float: left;
       width: 8.51em;
     }

     .teaserbox_tabs-tab,
     .teaserbox_tabs-edit {
        display: block;
        float: left;
        width: 2.5em;
        height: 2.5em;
        line-height: 2.5em;
        text-align: center;
     }

     .teaserbox_tabs-tab + .teaserbox_tabs-tab {
        border-left: 1px solid #E5E5E5;
     }

     a.teaserbox_tabs-tab {
        background-color: rgb(204, 204, 204);
        color: #444;
     }

     .teaserbox_tabs-tab--active {
        background-color: #E5E5E5;
        color: #003B7D;
     }

     .teaserbox_tabs-edit {
        float: right;
        font-size: .9em;
        padding-right: .5em;
        position: relative;
        top: .25em;
        width: auto;
     }

     .calendar > ul {
        margin-left: -1em;
        margin-right: -1em;
     }

     .teaserbox > ul > li,
     .calendar > ul > li {
       border-bottom: 1px solid #D6D6D6;
       padding: .5em 1em;
       margin: 0;
       font-size: 0.9286em;
     }

     .teaserbox--gray > ul > li {
        border-color: rgb( 249, 249, 249 );
     }

     .teaserbox > ul > li:last-child,
     .calendar > ul > li:last-child {
       border-bottom: none;
     }
     .teaserbox .playbutton {
         background-color: rgb(92,92,92); /* fallback */
         background-color: rgba(0,0,0,0.5);
         border: 1px solid rgb(230,230,230); /* fallback */
         border: 1px solid rgba(230,230,230,0.9);
         min-width: 17px;
         padding: 3px 10px;
         position: absolute;
         right: 0.7143em;
         top: 0.7143em;

         -webkit-border-radius: 3px;
                 border-radius: 3px;
         -webkit-box-shadow:  0px 0px 0px 1px rgba(0, 0, 0, 0.1);
                 box-shadow:  0px 0px 0px 1px rgba(0, 0, 0, 0.1);
     }


     .slim {height:137px}


     .teaserWrapper.hover {
         cursor: pointer;
     }

     .two.columns .teaserbox img {
         float: right;
         height: 9.2857em;
     }

     .two.columns .teaserbox h3 {
         height: 6em;
     }

     .textdelimiter {
         background: url('../images/icons/text-delimiter.png') bottom left repeat-x;
         bottom: 0;
         left: 0;
         min-height: 40px;
         position: absolute;
         right: 0;
     }

     .teaserWrapper {
         height: 99%;
         overflow: hidden;
     }

     .teaserCollectionWrapper {
         background-color: #f2f2f2;
         height: 99%;
         margin: 1px;
         overflow: hidden;
     }

     a.categoryLink,
     span.categoryLink {
         bottom: 0;
         color: #666;
         font-size: 0.8571em;
         position: absolute;
         right: 0.5em;
     }

     a.categoryLink--left,
     span.categoryLink--left {
         right: auto;
         left: .5em;
     }
     .teaserCollection {
         background-color: #f2f2f2;
         margin: 1px;
     }

     .two.columns .teaserCollection h3 {
         line-height: 1.5em;
         font-size: 1.21em;
         height: auto;
     }

     .teaserCollection ul {
         margin: 0;
     }

     .teaserCollection li {
         border-top: 1px solid #d6d6d6;
         clear: left;
         margin: 0;
         padding: 0.5em 0;
     }

     .teaserCollection li.first {
         border-top: none;
     }

     .teaserCollection li.last {
         border-bottom: 1px solid #d6d6d6;
     }

     .teaserCollection p {
         margin: 0;
         padding-left: 5em;
     }

     .teaserCollection .categoryLink {
         background-color: #f2f2f2;
         bottom: 0;
         display: block;
         font-size: 0.8571em;
         left: 0;
         margin: 1px;
         padding-right: 0.5em;
         position: absolute;
         right: 0;
         text-align: right;
     }

     .teaserCollection .categoryLink a {
         color: #666;
     }

     .two.columns .teaserCollection img {
         float: left;
         height: auto;
     }

     .accordion li.closed h3 {
         cursor: pointer;
         margin-bottom: 0;
     }
     
     .accordion li h3 a {
         text-decoration: none;
     }
     
     .no-js .accordion li.closed h3 a {
          display: block;
      }
      
      .no-js .accordion li.closed h3 a:hover,
      .no-js .accordion li.closed h3 a:focus,
      .no-js .accordion li.closed h3 a:active {
          text-decoration: underline;
      }

     .publications .collapsible.closed {
         height: 0 !important;
     }

     .accordion li.opened h3 {
         color: black;
     }

     .accordion li:focus {
         outline: none;
     }
     
     .mobile .accordion li.closed h3 {
         margin-bottom: 0.3em;
     }
     
     .mobile .accordion .collapsible {
         cursor: default;
     }
     
     .mobile .accordion .collapsible.closed {
         height: auto !important;
         margin-bottom: 0.3em;
     }
     
     .mobile .accordion .collapsible .more {
         display: none;
     }
     
     .mobile .accordion .hover .collapsible.opened,
     .mobile .accordion .collapsible.opened:hover {
         background: transparent;
     }

     .two.columns .carousel,
     .two.columns #carousel-wrapper {
         margin: 1.4286em 0 0;

         -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
                 box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
     }

     .moreTeaser {
         background-color: #f2f2f2;
         margin-top: 1em;
     }

     .moreTeaser a {
         color: #333333;
         cursor: pointer;
         display: block;
         margin: 0 0.7143em;
         padding: 0.7143em 0;
     }

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

     .moreTeaserCollection {
         background-color: #fafafa;
     }
 
     .publications .collapsible {
         cursor: pointer;
     }

     .publications .collapsible.closed a {
         display: none;
     }

     .publications .hover .collapsible.opened,
     .publications .collapsible.opened:hover {
         background-color: #e2e2e2;
     }
 
     .teaserCollapser a,
     .teaserCollapser a:hover,
     .teaserCollapser a:focus,
     .teaserCollapser a:active {
         text-decoration: none;
     }


 /* == #Notes ==================================== */

     #content .notes {
         list-style: none;
         margin: 2em 0 0 0;
     }
 
     #content .notes.press-archive {
         border-bottom: 1px solid #d6d6d6;
     }
 
     #content .notes li {
         margin: 0 0 20px 0;
         box-sizing: border-box;
         -moz-box-sizing: border-box;
     }
 
     #content .notes li * {
         box-sizing: border-box;
         -moz-box-sizing: border-box;
     }
 
     #content .notes .meta {
         border-bottom: 1px solid #d6d6d6;
     }
 
     #content .notes li.hover .clearfix {
         background-color: #fafafa;
         cursor: pointer;
     }
 
     #content .notes li.hover .headline a {
         text-decoration: underline;
     }
 
     #content .notes .headline a {
         padding: .3em 0;
         color: #194481;
     }
 
     #content .notes .headline {
         font-size: 1.5em;
     }
 
     #content .notes .subheadline {
         display: block;
         line-height: 22px;
     }
 
     #content .notes .category,
     #content .notes .date {
         font-size: .85em;
         line-height: 1;
         font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
     }
 
     #content .notes .date {
         color: #333;
         float: right;
         position: relative;
         bottom: -6px;
     }
 
     #content .notes .category {
         color: #fff;
         display: inline-block;
         padding: 4px 2em 0px .5em;
     }
 
     #content .notes .content {
         float: left;
         width: 80%;
         padding: 5px 20px 0 5px;
     }
 
     #content .notes .content.hasNoFigure {
         width: 100%;
     }
 
     #content .notes figure {
         border: none;
         float: right;
         width: 20%;
         max-width: 150px;
     }
 
     #content .notes figure figcaption {
         background-color: #fff;
         border-top: none;
         border: 1px solid #d6d6d6;
     }
 
     #content .section.small-spacing {
         margin-top: 1em;
     }
 
     #events .notes .subheadline {
         color: #444;
         font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
         font-size: 0.65em;
         font-style: italic;
         line-height: 1.5em;
         padding: 0.2em 0;
     }
 

 /* == #Filterboxes ============================== */
 
     .filterbox-wrap {
         margin: 0 0 1.4286em 0;
     }

     .filterbox-wrap.collapseContainer a {
         font-weight: normal;
         color: #333;
     }

     .filterbox {
         display: inline-block;
         height: auto;
     }
     
     .fluidContent .filterbox.collapsible {
         padding: 0;
     }
     
     .fluidContent .filterbox.collapsible.closed {
          height: auto;
      }

     .filterbox form {
         margin: 0;
     }

     .filterbox .row {
         margin-bottom: 0.7143em;
     }

     .filterbox .row.last {
         margin-bottom: 0;
         padding-top: 0.7143em;
     }

     .filterbox label {
         padding-top: 0.1em;
     }

     .filterbox select {
         margin: 0 0 0.5em 0;
         padding: 3px;
         color: #000;
     }

     .filterbox .field {
         float: left;
         line-height: 2em;
         vertical-align: middle;
         width: 17.8571em;
     }

     .filterbox .field > div {
         display: block;
         margin: 0;
         vertical-align: middle;
     }

     .filterbox .row.last .field > div {
         padding-bottom: 0;
     }

     .filterbox > div {
         padding: 0.7143em;
     }

     .filterbox button {
         margin-bottom: 0;
     }
     
     .filterbox #publicationSearch .field {
         margin-right: 2em;
         width: 12.8571em;
     }
     
     .filterbox #publicationSearch .doubled.field {
         width: 27.7142em;
     }
     
     .filterbox #publicationSearch .field input[type=text] {
         margin-bottom: 0.5em;
         width: 100%;
     }
 
 
 /* == #Publications Teaser & Search Results ==== */
 
     .publications h2 {
         font-size: 1.21em;
     }

     .publications .row {
         margin-bottom: 0;
     }

     .publications .column {
         background: #fff;
         float: left;
         margin: 1.1429em 2.1429em 0 0;
         width: 31.0714em;
     }

     .publications .imagewrapper {
         float: left;
         height: auto;
         width: 7.1429em;

         -webkit-box-shadow:  0px 5px 5px 0px rgba(0, 0, 0, 0.4);
                 box-shadow:  0px 5px 5px 0px rgba(0, 0, 0, 0.4);
     }

     .publications .imagewrapper img {
         background: #ccc;
         border: 1px solid #ccc;
         display: block;
         width: 7.1429em;
     }

     .publications .textwrapper {
         float: right;
         padding-right: 0.5em;
         width: 21.7875em;
     }

     .publication.hover {
         background-color: #fafafa;
         cursor: pointer;
     }

     .publication.hover a {
         text-decoration: underline;
     }
     
     .publications.noCovers .imagewrapper {
         display: none;
     }
     
     .publications.noCovers .textwrapper {
         float: left;
         padding-right: 0;
         width: auto;
     }
     
     .publications .subheadline {
         display: block;
     }
     
     .publications .highlight {
         background-color: #fefefe;
         font-weight: bold;
     }
     
     #publications .column {
         margin-right: 0;
         padding-bottom: 0.5em;
         width: 100%;
     }
     
     #publications .imagewrapper {
         margin-right: 1.2em;
         width: 4.5em;
         
         -webkit-box-shadow: none;
                 box-shadow: none;
     }
     
     #publications .imagewrapper img {
          width: 4.5em;
     }
     
     #publications .textwrapper {
         float: none;
         padding-right: 0;
         width: auto;
     }
     
     #publications .textwrapper h2 {
         font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
         margin: 0;
     }
     
     #publications .textwrapper .subheadline {
         font-style: italic;
         margin-bottom: 0.57em;
     }
     
     #publications .textwrapper .subheadline a {
          text-decoration: none;
     }
     
     #publications .textwrapper .subheadline a:hover,
     #publications .textwrapper .subheadline a:focus,
     #publications .textwrapper .subheadline a:active {
          text-decoration: underline;
     }


 /* == #Publications Compact Teaser ============= */

    .publications.teasers {
        margin: 0 0 1em 0;
    }

    .publications.teasers .one.column {
        overflow: hidden;
        width: 12em;
    }

    .publications.teasers .teaserWrapper {
        display: block;
        margin: 0;
        position: relative;
    }

    .publications.teasers .teaserWrapper figure {
        height: 12em;
        line-height: 12em;
        margin: 0;
        text-align: center;
        width: 12em;
    }

    .publications.teasers .imageWrapper {
        display: inline-block;
        position: relative;
    }

    .publications.teasers .imageWrapper img {
        background-color: #fff;
        border: 1px solid #efefef;
        display: inline-block;
        float: left;
        margin: 0;
        max-height: 11em;
        max-width: 11em;
        padding: 0;
        vertical-align: middle;

        -webkit-box-shadow:  0px 2px 2px 0px rgba(0, 0, 0, 0.15);
                box-shadow:  0px 2px 2px 0px rgba(0, 0, 0, 0.15);
    }

    .publications.teasers .imageWrapper:before {
        content: "";
        float: left;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1000;

        -webkit-box-shadow: inset 10px -3px 10px -3px rgba(0, 0, 0, 0.1);
           -moz-box-shadow: inset 10px -3px 10px -3px rgba(0, 0, 0, 0.1);
                box-shadow: inset 10px -3px 10px -3px rgba(0, 0, 0, 0.1);
    }

    .publications.teasers .teaser p {
        margin: 0;
    }

    .publications.teasers .teaser .title {
        color: #444;
        font-weight: normal;
    }

    .publications.teasers .teaser .caption {
        display: none;
    }

    .publications.teasers .teaserWrapper.hover .teaser {
        
        background-color: rgb(239,239,239); /* fallback */
        background-color: rgba(239,239,239,0.95);
        display: block;
        /*left: -999em;*/
        overflow: hidden;
        position: absolute;
    }

    .publications.teasers .teaserWrapper {
         background-color: #fcfcfc;

         -webkit-box-shadow:  -2px -2px 0px 0px rgba(0, 0, 0, 0.15);
                 box-shadow:  -2px -2px 0px 0px rgba(0, 0, 0, 0.15);
     }
     
     .publications.teasers .teaserWrapper.hover {
          background-color: #fafafa;
      }

    .publications.teasers .teaserWrapper .teaser {
        background-color: rgb(255,255,255); /* fallback */
        background-color: rgba(255,255,255,0.85);
        bottom: 0;
        height: auto;
        left: 0;
        margin-left: 0;
        padding: 1em;
        position: absolute;
        right: 0;
        width: auto;
        z-index: 1001;
        
        text-shadow: 0px 0px 10px #ffffff;
        filter: dropshadow(color=#ffffff, offx=0, offy=0);
    }
    
    .publications.teasers .teaserWrapper .teaser p {
        font-size: 1.1em;
    }


 /* == #Publications Period ====================== */
 
    .publications.period {
        margin: 3em 0;
        position: relative;
    }
    
    .publications.period h2 {
        border-bottom: 1px solid #d6d6d6;
    }
    
    .publications.period h3 {
        margin: 1em 0 0.3em 0;
    }
    
    .publications.period h3 > a {
        text-decoration: underline;
    }
    
    .publications.period h3 .subtitle {
        display: block;
        font-weight: normal;
    }
    
    #content .publications.period ul {
        list-style: none;
        margin: 0;
    }
    
    .publications.period .collapsible.opened,
    .publications.period .hover .collapsible.opened,
    .publications.period .collapsible.opened:hover {
        background-color: #fafafa;
    }
    
    .publications.period .actionLinks .collapser {
        display: block;
        font-size: inherit;
        line-height: inherit;
        padding-right: 1em;
        padding-left: 20px;
    }
    
    .publications.period .opened .actionLinks .collapser {
        background-color: #fafafa;
    }
    
    .publications.period .actionLinks p {
        display: inline;
        float: left;
        line-height: 1.2em;
        margin: 0 1.5em 0 0;
    }
    
    .publications.period .actionLinks .download {
        width: 16.5em;
    }
    
    .publications.period .actionLinks a {
        display: block;
        padding: 0.5em 0;
        text-decoration: none;
    }
    
    .publications.period .actionLinks a:hover,
    .publications.period .actionLinks a:focus,
    .publications.period .actionLinks a:active {
        text-decoration: underline;
    }
    
    .publications.period .toc {
        clear: left;
        padding: 0 1em;
    }
    
    #content .publications.period .toc ul {
        margin: 1em 0;
    }
    
    .publications.period .toc a {
        display: block;
        padding: 0 16px;
    }
    


 /* == #Publications Detail ====================== */
 
    .publications.detail .teaser {
        color: #444;
        font-size: 1em;
        font-weight: normal;
        padding: 0;
    }
 
 
 /* == #Quickview ================================ */
 
     #quickview {
         background: transparent;
         border: 1px solid;
         border-color: #D6D6D6 #B7B7B7 #B7B7B7 #D6D6D6;
         float: left;
         margin: 1.4286em 0;
         position: relative;
         width: 100%;

         -webkit-box-shadow:  0px 5px 5px 0px rgba(0, 0, 0, 0.15);
                 box-shadow:  0px 5px 5px 0px rgba(0, 0, 0, 0.15);
     }

     #quickview .wrapper {
         border: 1px solid #fff;
         background: #f0f0f0;
         padding: 1.4286em 2.8572em 1.4286em 1.4286em;
     }

     #quickview .arrow {
         display: block;
         left: 1.1429em;
         height: 17px;
         position: absolute;
         top: -15px;
         width: 31px;
     }

     #quickview .arrow.right {
         left: 35.7143em;
     }

     #quickview .close {
         display: block;
         height: 14px;
         right: 1.4286em;
         text-indent: -999em;
         top: 1.4286em;
         position: absolute;
         width: 14px;
     }

     #quickview ul.downloads {
         list-style: none;
         margin: 0;
     }
     
     #quickview .downloads a.pdf {
         display: inline-block;
         padding-left: 22px;
     }

     .quickviewcontact {
       padding-top: 8px;
       padding-bottom: 4px;
     }
 
 
 /* == #Video Teaser ============================= */
 
     .videos {
         margin-left: -0.7143em;
     }

     .videos .teaserbox {
         height: auto;
         min-height: 15.5em;
     }
     
     .videos .one.column.clearrow { /* do not combine this selector with others (ie reasons) */
          clear: left;
      }
     
     .videos .one.column:nth-child(3n+1) {
         clear: left;
     }
     
     .videos .one.column:nth-child(1) {
         clear: none;
     }

     .videos .one.column,
     .videos .imageWrapper img {
         width: 20.71em;
     }

     .videos .imageWrapper {
         max-height: 9.2857em;
         overflow: hidden;
     }
 
 
 /* == #Imagegallery Stacks ====================== */
 
     .pictures.overview {
         margin: -1em 0 0 0;
     }

     .pictures.overview .one.column {
         margin: 0 1.5em;
         overflow: hidden;
         width: 17em;
     }
     
     .pictures.overview .one.column.clearrow { /* do not combine this selector with others (ie reasons) */
         clear: left;
     }
     
     .pictures.overview .one.column:nth-child(3n+1) {
         clear: left;
     }
     
     .pictures.overview .one.column:nth-child(0) {
         clear: none;
     }

     .pictures.overview .imageStack {
         height: 17em;
     }

     .pictures.overview .imageWrapper {
         height: 17em;
         line-height: 17em;
         position: absolute;
         text-align: center;
         width: 18em;
     }

     .pictures .imageWrapper img {
         background-color: #fff;
         border: 1px solid #efefef;
         display: inline-block;
         margin: 0;
         padding: 0.3em;
         vertical-align: middle;

         -webkit-box-shadow:  0px 2px 2px 0px rgba(0, 0, 0, 0.15);
                 box-shadow:  0px 2px 2px 0px rgba(0, 0, 0, 0.15);
     }

     .pictures.overview .imageWrapper:nth-child(1) img {
                 transform: rotate(6deg);
            -moz-transform: rotate(6deg);
         -webkit-transform: rotate(6deg);
     }

     .pictures.overview .imageWrapper:nth-child(2) img {
                 transform: rotate(-2deg);
            -moz-transform: rotate(-2deg);
         -webkit-transform: rotate(-2deg);
     }

     .pictures.overview .imageWrapper:nth-child(3) img {
                 transform: rotate(1deg);
            -moz-transform: rotate(1deg);
         -webkit-transform: rotate(1deg);
     }

     .pictures .teaserWrapper.hover {
         background-color: #fafafa;

         -webkit-box-shadow:  -2px -2px 0px 0px rgba(0, 0, 0, 0.15);
                 box-shadow:  -2px -2px 0px 0px rgba(0, 0, 0, 0.15);
     }

     .pictures.overview .teaserWrapper.hover .imageWrapper:nth-child(1) img {
                 transform: rotate(8deg);
            -moz-transform: rotate(8deg);
         -webkit-transform: rotate(8deg);
     }
     .pictures.overview .teaserWrapper.hover .imageWrapper:nth-child(2) img {
                 transform: rotate(-4deg);
            -moz-transform: rotate(-4deg);
         -webkit-transform: rotate(-4deg);
     }
     .pictures.overview .teaserWrapper.hover .imageWrapper:nth-child(3) img {
                 transform: rotate(0deg);
            -moz-transform: rotate(0deg);
         -webkit-transform: rotate(0deg);
     }

     .pictures.overview .teaser {
         padding: 0 1em;
     }

     .pictures.overview h3 {
         margin-bottom: 0;
     }
  
     /* compact version */
     
     .pictures.compact {
         margin: 1em 0;
     }
     .pictures.compact .one.column {
         margin: 0.7143em 0;
         max-height: 10em;
         width: auto;
     }
     .pictures.compact .imageStack {
         height: auto;
     }
     .pictures.compact .imageWrapper {
         height: auto;
         line-height: 0;
         position: absolute;
         text-align: left;
         width: 11.4286em;
     }
     .pictures.compact .imageWrapper img {
         max-height: 6em;
         width: auto;
     }
     .pictures.compact .teaserWrapper .teaser {
         margin-left: 12em;
         min-height: 8em;
         width: auto;
     }
     .pictures.compact .teaserWrapper .teaser p {
         margin: 0;
     }
 
 
 /* == #Imagegallery Thumbnails ================== */
 
     .pictures {
         margin: 0 0 2em -0.7143em;
     }

     .pictures .one.column {
         overflow: hidden;
         width: 12em;
     }

     .pictures.gallery .teaserWrapper {
         display: block;
         margin: 0;
         position: relative;
     }
     
     .pictures.gallery .teaserWrapper figure {
         margin: 0;
     }

     .pictures.gallery .imageWrapper {
         height: 12em;
         line-height: 12em;
         text-align: center;
         width: 12em;
     }

     .pictures.gallery .imageWrapper img {
         max-height: 11em;
         max-width: 11em;
         vertical-align: middle;
     }

     .pictures.gallery .teaser p {
         margin: 0;
     }
     
     .pictures.gallery .teaser .title {
         color: #444;
         font-weight: normal;
     }
     
     .pictures.gallery .teaser .caption {
          display: none;
     }

     .pictures.gallery .teaserWrapper .teaser {
         background-color: rgba(255,255,255,0.8);
         display: block;
         left: -999em;
         overflow: hidden;
         position: absolute;
     }

     .pictures.gallery .teaserWrapper.hover .teaser {
         background-color: rgb(239,239,239); /* fallback */
         background-color: rgba(239,239,239,0.95);
         bottom: 0;
         height: auto;
         left: 0;
         position: absolute;
         right: 0;
         width: auto;
     }
 
 
 /* == #Contacts ================================= */
 
     .contacts {
         padding: 1em 0;
     }

     .contacts .one.column {
         margin: 0 2.5em 2.5em 0;
         width: 28em;
     }

     .contactbox {
         border: 1px solid;
         border-color: #D6D6D6 #B7B7B7 #B7B7B7 #D6D6D6;

         -webkit-box-shadow:  0px 5px 5px 0px rgba(0, 0, 0, 0.15);
                 box-shadow:  0px 5px 5px 0px rgba(0, 0, 0, 0.15);
     }

     .contactWrapper {
         background: #F0F0F0;
         border: 1px solid #fff;
         min-height: 12.8571em;
         position: relative;
     }

     .contacts .imageWrapper {
         bottom: 0;
         position: absolute;
         top: 0;
     }

     .contacts img {
         float: left;
         padding-right: 1em;
     }

     .contacts .info {
         padding: 2em 0 2em 11.5em;
     }

     .contacts .info-no-img {
         padding: 2em 1em 2em 1em;
     }

     .contacts .n {
         font-weight: bold;
     }

     .contacts .phone {
         margin-top: 1em;
     }

     .contacts p {
         margin: 0;
     }


 /* == #Collapsibles ============================= */

    .fluidContent .collapser,
    .fluidContent .collapser h2,
    .fluidContent .collapser h3,
    .fluidContent .collapser h4 {
        color: #003b7d;
        cursor: pointer;
        font-family: HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 1.21em;
        line-height: 1.5em;
        padding-left: 16px;
    }
    
    .fluidContent .collapser:hover,
    .fluidContent .collapser:hover h2,
    .fluidContent .collapser:hover h3,
    .fluidContent .collapser:hover h4,
    .fluidContent .collapser:focus,
    .fluidContent .collapser:focus h2,
    .fluidContent .collapser:focus h3,
    .fluidContent .collapser:focus h4,
    .fluidContent .collapser:active,
    .fluidContent .collapser:active h2,
    .fluidContent .collapser:active h3,
    .fluidContent .collapser:active h4 {
        color: #3776b4;
        outline: none;
    }
    
    .fluidContent .collapser h2,
    .fluidContent .collapser h3,
    .fluidContent .collapser h4 {
        font-size: 1em;
        padding-left: 0;
    }
    
    .fluidContent .collapser .collapseTeaser {
        color: #444;
        font-size: 0.8235em;
        font-style: italic;
        line-height: 1.5;
        margin: -0.5em 0 0.5em 0;
        padding: 0 0 0 1px;
    }
    
    .fluidContent .collapser:hover .collapseTeaser,
    .fluidContent .collapser:focus .collapseTeaser,
    .fluidContent .collapser:active .collapseTeaser {
        color: #666;
    }
    
    .fluidContent .collapsible {
        margin-bottom: 1em;
        padding-left: 17px;
    }
    
    .fluidContent form .collapsible {
        padding-left: 0;
    }
    
    .fluidContent .collapsible.closed {
        height: 0;
        margin: 0;
    }
    
    .fluidContent .collapsible.closed a {
        display: none;
    }


 /* == #Whitepages ============================ */

    .whitepage_contactbox {
        margin-top: 2.5em;
    }

    .whitepage_contactWrapper .teaserbox_tabs {
        position: absolute;
        left: -1px;
        top: -1.38em;
        margin: 0;
        background: none;
    }

    .whitepage_contactWrapper .teaserbox_tabs .teaserbox_tabs-tab {
        height: 1.29em;
        width: auto;
        line-height: 1.3;
        background: rgb( 235, 235, 235 );
        text-align: left;
        padding: 0 1.8em 0 1.2em;
        border: 0;
        border-right: 1px solid #d6d6d6;
    }

    .whitepage_contactWrapper .teaserbox_tabs .teaserbox_tabs-tab--active,
    .whitepage_contactWrapper .teaserbox_tabs .teaserbox_tabs-tab--active.teaserbox_tabs-tab--last {
        background-position: right -1px;
        background-color: rgb( 235, 235, 235 ) !important;
        color: rgb( 255, 255, 255 );
    }

    .whitepage_contactWrapper .teaserbox_tabs .teaserbox_tabs-tab--active,
    .whitepage_contactWrapper .teaserbox_tabs .teaserbox_tabs-tab--last {
        border: 0;
    }

    .whitepage_contactWrapper .teaserbox_tabs .teaserbox_tabs-tab--active.teaserbox_tabs-tab--last {
        background-color: transparent !important;
    }

    .whitepage .imageWrapper {
        float: left;
        width: 20%;
    }

    .whitepage_staffcontent {
        float: right;
        width: 80%;
        padding: 1.5em 0;
    }

    .whitepage_tabcontent {
        padding: 1.5em;
    }

    .whitepage_list li {
        padding: .4em 0;
        border-bottom: 1px solid rgb( 214, 214, 214 );
        margin: 0;
        width: 50.5em;
        list-style: none;
    }

    .whitepage_list .label {
        display: inline-block;
        width: 5em;
    }

    .whitepage_list .name {
        display: inline-block;
        width: 27em;
    }

    .whitepage_list .clear {
        display: none;
    }

    .whitepage_list-tel,
    .whitepage_list-standort,
    .whitepage_list-email,
    .whitepage_list-abteilung {
        position: relative;
        float: left;
        width: 45%;
    }

    .whitepage_list-tel li,
    .whitepage_list-standort li,
    .whitepage_list-email li,
    .whitepage_list-abteilung li {
        width: 17em;
    }

    .whitepage_list-email li,
    .whitepage_list-abteilung li {
        border: 0;
    }

    .whitepage_richtext--white {
        background: rgb( 255, 255, 255 );
        padding: 1em;
        margin-right: 1.5em;
        position: relative;
    }

    .whitepage_richtext .indent {
        text-indent: 1em;
    }

    .whitepage_richtext sup {
        vertical-align: super;
    }

    .whitepage_richtext sub {
        vertical-align: sub;
    }

    /* Status */
    .status {
        display: inline-block;
        padding: 0 0 0 1em;
        color: #6d6d6d;
    }

    .status:before {
        content: " ";
        display: inline-block;
        width: .8em;
        height: .8em;
        border-radius: .4em;
        margin: 0 .8em 0 0;
    }

    .status-red:before {
        background: rgb( 198, 47, 47 );
    }

    .status-green:before {
        background: rgb( 88, 182, 92 );
    }

    .status-grey:before {
        background: rgb( 154, 154, 154 );
    }

    .status-yellow:before {
        background: rgb( 234, 187, 0 );
    }
    

 /* == #Glossary ================================= */
 
     #content .glossary,
     #content .glossary-results {
         margin: 2em 0;
     }
     
     #content .glossary-details {
         margin: 3em 0 2em 0;
     }

     .glossary > li {
         border: 1px solid #b7b7b7;
         display: block;
         float: left;
         margin-right: 0.5em;
         width: 2.5em;
     }

     .glossary > li > a,
     .glossary > li > span {
         background-color: #f2f2f2;
         border: 1px solid #fff;
         color: #333;
         display: block;
         padding: 0.1429em 0;
         text-align: center;
     }

     .glossary > li > a:hover,
     .glossary > li > a:active,
     .glossary > li > a:focus,
     .glossary > li.active span {
         background-color: #fff;
         color: #194481;
     }
     
     .glossary .deactivated {
         border: 1px solid transparent;
     }
     
     .glossary .deactivated span {
         background-color: transparent;
         border: 1px solid transparent;
         color: #999;
     }
     
     .glossary .break {
         clear: left;
     }
     
     .glossary + h2 {
         display: inline;
         float: left;
     }
     
     .glossary-category {
         float: right;
     }
     
     .glossary-category span,
     .glossary-category form,
     .glossary-category select {
         display: inline;
         line-height: 2.91em;
         margin: 0;
     }
     
     .glossary-category span,
     .glossary-category select {
         padding: 3px;
     }
     
     .glossary-results {
         width: 100%;
         
         -webkit-column-count: 3;
            -moz-column-count: 3;
                 column-count: 3;

         -webkit-column-gap: 3em;
            -moz-column-gap: 3em;
                 column-gap: 3em;

         -webkit-column-rule: 1px solid #D6D6D6;
            -moz-column-rule: 1px solid #D6D6D6;
                 column-rule: 1px solid #D6D6D6;
     }
     
     .glossary-results li {
         list-style: none;
         margin-bottom: 0.4em;

         display: table; /* FF fix: avoid breaks inside columns */
         -webkit-column-break-inside: avoid;
                        break-inside: avoid-column;
     }
     
     .glossary-results a.active {
         background-color: #eee;
         color: #333;
     }
     
     .glossary-details .headingwrapper {
         margin-bottom: 0.57em;
     }
     
     .glossary-details h3 {
         display: inline;
         font-size: 2.05em;
         line-height: 1.42em;
         outline: none;
         vertical-align: middle;
     }
     
     .glossary-details.showActive h3,
     .glossary-details.showActive div {
         display: none;
     }
     
     .glossary-details.showActive h3.active,
     .glossary-details.showActive div.active {
         display: block;
     }
     
     .glossary-details.showActive h3.active {
         border-top: 1px solid #D6D6D6;
         padding-top: 1em;
     }
     
     .glossary-details .headingwrapper a {
         color: #888;
         font-size: 1.2em;
         padding-left: 0.5em;
         vertical-align: middle;
     }
     
     .glossary-details .headingwrapper.hover a,
     .glossary-details .headingwrapper a:hover,
     .glossary-details .headingwrapper a:focus,
     .glossary-details .headingwrapper a:active {
         color: #3776b4;
         text-decoration: none;
     }
     
     .glossary-details .headingwrapper.hover h3 {
         color: #3776b4;
         cursor: pointer;
         text-decoration: underline;
     }


 /* == #Topics (Overview) ======================== */

     .topics .column {
         background: #fff;
         float: left;
         margin: 1.1429em 2.1429em 0 0;
         width: 31.0714em;
     }
     
     .topics .row {
         margin-bottom: 0;
     }
     
     .topic-overview.hover,
     .topic.hover {
         background-color: #fafafa;
         cursor: pointer;
     }
     
     .topics-overview p,
     .topics p {
         margin: 0.5em;
     }
     
 /* == #Admin Panel ============================== */
 
     #adminpanel {
         position: absolute;
         right: 0;
         top: 0;
         background-color: #FFFBCF;
         background-color: rgba(255, 251, 207, 0.7);
         height: 2em;
     }
     
     #adminpanel ul {
         display: inline-block;
         float: right;
         line-height: 2em;
         padding: 0 .8em;
         vertical-align: middle;
     }
     
     #adminpanel li {
         display: inline;
         margin: 0;
     }
     
     #adminpanel li a {
         margin: 0 0.5em 0 0.25em;
     }
     
     #adminpanel li.last a {
         margin: 0 0 0 0.25em;
     }
     
     #adminpanel + #topnav {
         padding-right: 12.5em;
     }
     
     #adminpanel li:after {
         content: "|";
     }
     
     #adminpanel li.last:after {
         content: "";
     }


 /* == #Speeches ============================= */

    .speeches.period {
        margin: 3em 0;
        position: relative;
    }
    
    #content .speeches.period ul {
        list-style: none;
        margin: 0;
    }

    .speeches.period h2 {
        border-bottom: 1px solid #d6d6d6;
        font-size: 1.21em;
    }

    .speeches.period h3 {
        margin: 1em 0 0.3em 0;
    }

    .speeches.period h3 > .headline {
        margin-bottom: .2em;
        display: block;
    }
    
    .speeches.period h3 > a:hover,
    .speeches.period h3 > a:focus,
    .speeches.period h3 > a:active,
    .speeches.period h3.hover > a {
        color: #3776b4;
    }

    .speeches.period h3 .speaker,
    .speeches.period h3 .location {
        color: #444;
        display: block;
        font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 0.65em;
        font-style: italic;
        font-weight: normal;
        line-height: 1.5;
    }

    .speeches.period .links li {
        border-top: none !important;
        padding: 0 0 .3em 0.3em !important;
    }

    .speeches.period .links a.file:before,
    .speeches.period .links a.extern:before {
        margin: 3px 4px 1px -17px;
    }


 /* == #Videoplayer ============================= */
    .videoplayerWrapper {
        min-width: 300px;
        position: relative;
        margin-bottom: 25px;
    }

    .videoplayerWrapper ul {
        margin: 0 !important;

        background: rgb(55,118,180); /* Old browsers */
        background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM3NzZiNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYzMzNzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
        background: -moz-linear-gradient(top,  rgba(55,118,180,1) 0%, rgba(12,51,118,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(55,118,180,1)), color-stop(100%,rgba(12,51,118,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(55,118,180,1) 0%,rgba(12,51,118,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -ms-linear-gradient(top,  rgba(55,118,180,1) 0%,rgba(12,51,118,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(55,118,180,1) 0%,rgba(12,51,118,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3776b4', endColorstr='#0c3376',GradientType=0 ); /* IE6-8 */

        border: 1px solid rgba(55,118,180,1);
        border-top: 1px solid rgba(12,51,118,1);
    }

    .videoplayerWrapper li {
        display: inline-block;
        vertical-align: middle;
        margin: 0;

        border-left: 1px solid rgb(55,118,180);
        border-right: 1px solid rgba(12,51,118,1);
    }

    .videoplayerWrapper li.s-play {
        border-left: none;
    }

    .videoplayerWrapper .s-progress .s-label {
        display: none;
    }

    .videoplayerWrapper .ui-slider-range {
      background: rgb(55, 118, 180);
    }

    .videoplayerWrapper .s-buffer .ui-slider-range {
      background: rgb(124, 178, 231);
    }

    .videoplayerWrapper .ui-slider-horizontal {
      height: .9em;
      cursor: pointer;
    }

    .videoplayerWrapper li.s-timeline .ui-slider,
    .videoplayerWrapper li.s-buffer .ui-slider,
    .videoplayerWrapper li.s-volume .ui-slider {
        display: inline-block;
        width: 5em;
        vertical-align: middle;
        margin: 0 .5em;
        border: 1px solid #fff;
    }

    .videoplayerWrapper .s-buffer .ui-slider-horizontal {
      height: .3em;
    }

    .videoplayerWrapper li.s-timeline .ui-slider,
    .videoplayerWrapper li.s-buffer .ui-slider {
        width: 100%;
        margin: 0;
        padding: 0;
        border: none;
        background-image: none;
        background-color: rgb(220, 230, 238);
    }

    .videoplayerWrapper li.s-timeline .ui-slider.ui-state-focus,
    .videoplayerWrapper li.s-timeline .ui-slider:hover {
        background-color: rgb(192, 209, 223);
    }

    .videoplayerWrapper .s-timeline,
    .videoplayerWrapper .s-buffer {
        border-right: 0;
        border-left: 0;
        display: block;
        line-height: 0;
        border-bottom: 1px solid rgba(12,51,118,1);
    }

    .videoplayerWrapper .s-timeline {
        border-bottom: none;
    }

    .videoplayerWrapper .videocontrol .s-play a:before,
    .videoplayerWrapper .videocontrol .s-stop a:before,
    .videoplayerWrapper .videocontrol .s-captions a:before,
    .videoplayerWrapper .videocontrol .s-volume > a:before {
        background-image: url(../images/icons/videoplayer-controls.png);
        background-repeat: no-repeat;
        display: inline-block;
        vertical-align: middle;
        width: 25px;
        height: 25px;
        content: "";
    }

    .videoplayerWrapper .videocontrol .s-play a:before,
    .videoplayerWrapper .videocontrol .s-play a,
    .videoplayerWrapper .videocontrol .s-stop a:before,
    .videoplayerWrapper .videocontrol .s-stop a,
    .videoplayerWrapper .videocontrol .s-volume > a:before,
    .videoplayerWrapper .videocontrol .s-volume > a,
    .videoplayerWrapper .videocontrol .s-captions a:before,
    .videoplayerWrapper .videocontrol .s-captions a {
        display: inline-block;
        vertical-align: middle;
        padding: 4px 0 0 6px;
    }

    .videoplayerWrapper .videocontrol .s-timecount {
        padding: 0 1em;
        color: #fff;
    }

    .videoplayerWrapper .videocontrol .s-timecount > span {
        display: inline-block;
        padding: .65em 0;
        vertical-align: middle;
        color: #fff;
        font-size: 85%;
    }

    .videoplayerWrapper .videocontrol a.s-focus,

    .videoplayerWrapper .videocontrol a:hover {
        background-image: none;
        background-color: rgb(55, 118, 180);
    }

    .videoplayerWrapper .videocontrol .s-play a:before,
    .videoplayerWrapper .videocontrol .s-play.s-paused a:before {
        background-position: 4px 0;
    }

    .videoplayerWrapper .videocontrol .s-play.s-playing a:before {
        background-position: 4px -35px;
    }

    .videoplayerWrapper .videocontrol .s-play.s-replay a:before {
        background-position: 4px -240px;
    }

    .videoplayerWrapper .videocontrol .s-stop a:before {
        background-position: 3px -70px;
    }

    .videoplayerWrapper .videocontrol .s-captions a:before {
        background-position: 3px -173px;
    }

    .videoplayerWrapper .videocontrol .s-captions.s-captionsdisabled a:before {
        background-position: 3px -207px;
    }

    .videoplayerWrapper .videocontrol .s-volume > a:before {
        background-position: 3px -139px;
    }

    .videoplayerWrapper .videocontrol .s-volume.s-muted > a:before {
        background-position: 4px -105px;
    }

    .videoplayerWrapper .overlay {
        background: linear-gradient(to bottom,#505050,#161616);
        border: 1px solid #505050;
        position: absolute;
        border-radius: 3px;
        opacity: .9;
        cursor: pointer;
        max-width: 3em;
        max-height: 3em;
    }

    .videoplayerWrapper .overlay > a {
        display: block;
        width: 100%;
        height: 100%;
        background-size: 100% 100%;
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: -999em;
    }

    .videoplayerWrapper .overlay.s-playing {
        display: none;
    }

    .videoplayerWrapper .overlay.s-buffer a {
      -webkit-animation-name: rotate;
      -webkit-animation-duration:2s;
      -webkit-animation-iteration-count:infinite;
      -webkit-animation-timing-function:linear;

      -moz-animation-name: rotate;
      -moz-animation-duration:2s;
      -moz-animation-iteration-count:infinite;
      -moz-animation-timing-function:linear;

      background-image: url(../images/icons/jwplayer_bufferIcon.png);
    }

    .videoplayerWrapper .overlay.s-play a {
      background-image: url(../images/icons/jwplayer_playIcon.png);
    }

    .videoplayerWrapper .overlay.s-replay a {
      background-image: url(../images/icons/jwplayer_replayIcon.png);
    }

    @-webkit-keyframes rotate {
      from {-webkit-transform:rotate(0deg);}
      to {  -webkit-transform:rotate(360deg);}
    }

    @-moz-keyframes rotate {
      from {-moz-transform:rotate(0deg);}
      to {  -moz-transform:rotate(360deg);}
    }


/* #Transitions & Animations
================================================== */

    .pictures .imageWrapper img {
     -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
          -o-transition: all .2s ease-in-out;
         -ms-transition: all .2s ease-in-out;
             transition: all .2s ease-in-out;
    }

    .glossary-details :target,
    .glossary-results :target {
        -webkit-animation: target-fade 1s 1;
        -moz-animation: target-fade 1s 1;
    }

    @-webkit-keyframes target-fade {
        0% { background-color: rgba(255,200,0,.5); }
        100% { background-color: rgba(255,255,255,0); }
    }

    @-moz-keyframes target-fade {
        0% { background-color: rgba(255,200,0,.5); }
        100% { background-color: rgba(255,255,255,0); }
    }


/* #Media Queries
================================================== */
    
    /* Tablet Size (devices and browsers) */
    @media only screen and (max-width: 870px) {
        
        /* Teaser */
        .categoryLink {
            display: none;
        }

        .teaserbox {
            height: 0;
        }

        .teaserbox h2 {
            width: 20.8333em;
        }

        .teaserbox h3 {
            font-size: 1.2em;
            font-weight: normal;
            line-height: 1em;
            margin-bottom: 0.3em;
        }

        .teaserbox p {
            font-size: 0.9em;
            line-height: 1.1em;
            margin-bottom: 0;
        }

        .teaserbox .playbutton {
            left: 0.7143em;
            right: inherit;
        }

        .teaserbox {
            height: auto;
        }

        .teaserbox .imageWrapper {
            background-color: #F2F2F2;
            bottom: 0;
            overflow: hidden;
            position: absolute;
            top: 0;
            width: 50%;
        }

        .teaser img {
            margin-left: -15%;
        }

        .teaser {
            margin-left: 50%;
            padding: 0.5em;
            width: 45%;
        }

        .two.columns .teaserbox h3 {
            height: auto;
        }

        .two.columns .teaser {
            margin-left: 0;
            width: auto;
        }

        .two.columns .teaserbox .imageWrapper {
            display: none;
        }

        .textdelimiter {
            background: none;
        }
        
        /* Publication Search Results */
        .filterbox #publicationSearch .doubled.field {
            width: auto;
        }
        
        .filterbox #publicationSearch .field input[type=text] {
            width: 13em;
        }
        
        /* Publications Detail */
        .publications.detail .teaser {
            margin-left: 0;
            padding: 0;
            width: auto;
        }
        
        /* Video Teaser */
        .teaserbox,
        .videos .teaserbox {
            height: auto;
        }

        .videos .teaserbox {
            min-height: 6em;
        }

        .videos .imageWrapper img {
            width: auto;
        }
        
        .fluidContent .videos .one.column,
        .fluidContent .videos .imageWrapper img {
            width: 20.71em;
        }
        
        /* Imagegallery Stacks */
        .pictures.overview .teaserWrapper .teaser {
            margin-left: 0;
            width: auto;
        }
        .pictures.compact .teaserWrapper .teaser {
             margin-left: 12em;
        }
        
        /* Imagegallery Thumbnails */
        .pictures.gallery .one.column {
            width: 12em;
        }
        .pictures.gallery .teaserWrapper .teaser {
            margin-left: 0;
            padding: 0;
        }
        .pictures.gallery .teaserWrapper .teaser p {
            display: none;
        }
        
        /* Contacts */
        .contacts .one.column {
            width: 28em;
        }

        .contactWrapper {
            min-height: 9.5em;
        }

        .contacts img {
            height: 9.5em;
        }

        .contacts .info {
            padding: 0.5em 0 0.5em 8.5em;
        }
        
        /* glossary */
        #content .glossary {
            margin: 2em 0 0 0;
        }
        .glossary + h2 {
            float: none;
        }
        .glossary-category {
            display: block;
            float: none;
            margin-bottom: 2em;
        }
    }
    
    @media only screen and (max-width: 1300px) {
        
        /* Filterboxes */
        .filterbox #publicationSearch select {
            width: 15.7143em;
        }
        
        .filterbox #publicationSearch input[type=text] {
            width: 15em;
        }

        /* Puplications Teaser */
        .publications .column {
            margin-right: 0;
            padding-bottom: 0.5em;
            width: 100%;
        }
        .publications .imagewrapper {
            margin-right: 1.2em;
        }
        .publications .textwrapper {
            float: none;
            padding-right: 0;
            width: auto;
        }

        /* Video Teaser */
        .videos .one.column:nth-child(3n+1),
        .videos .one.column.clearrow {
            clear: none;
        }
        .videos .one.column:nth-child(2n+1) {
            clear: left;
        }
        .videos .one.column:nth-child(1) {
            clear: none;
        }

        /* Whitepages */
        .whitepage_staffcontent {
            width: 70%;
        }

        .whitepage_list li {
            width: auto;
        }

        .whitepage_list .name {
            max-width: 19em;
        }

        .whitepage_list-tel,
        .whitepage_list-standort,
        .whitepage_list-email,
        .whitepage_list-abteilung {
            width: 80%;
            display: block;
            float: none;
        }

        .whitepage_list-tel li,
        .whitepage_list-standort li,
        .whitepage_list-email li,
        .whitepage_list-abteilung li {
            width: 100%;
            max-width: 100%;
        }
        .whitepage_list-email li,
        .whitepage_list-abteilung li {
            border-bottom: 1px solid rgb( 214, 214, 214 );
        }
        
        /* Imagegallery Stacks */
        .pictures.overview .one.column:nth-child(3n+1),
        .pictures.overview .one.column.clearrow {
             clear: none;
        }
        .pictures.overview .one.column:nth-child(2n+1) {
             clear: left;
        }
        .pictures.overview .one.column:nth-child(1) {
             clear: none;
        }
        
        /* Topics (Overview) */
        .topics .column {
            margin-right: 0;
            padding-bottom: 0.5em;
            width: 100%;
        }
        
    }

    @media only screen and (max-width: 1060px) {
        
        /* Notes */
        #content .notes figure figcaption {
            border: none;
            height: 0;
            padding: 0;
            float: right;
        }

        #content .notes figure figcaption.show {
            height: auto;
            padding: .5em;
            min-width: 250px;
            box-shadow: 0 0 4px #9A9A9A;
        }
        
        /* Video Teaser */
        .videos .one.column,
        .videos .imageWrapper img {
            width: 16.4286em;
        }

        /* Whitepages */
        .whitepage_list {
            margin-left: 0 !important;
        }

        .whitepage_list .name {
            max-width: 80%;
            padding-bottom: .3em;

            float:left;
        }

        .whitepage_list .dw {
            float: right;
            width: 20%;
            text-align: right;
        }

        .whitepage_list .clear {
            display: block;
        }

        /* Status */
        .status {
            display: block;
            padding: 0;
        }

        .status_single {
            display: inline-block;
            padding: 0 0 0 1em;
        }
        
        /* Glossary */
        .glossary .break {
            clear: none;
        }
        
        .glossary-results {
            -webkit-column-count: 2;
               -moz-column-count: 2;
                    column-count: 2;
        }
        
        #marginal .one.column,
        #marginal .one.column:first-child {
            margin: 0.7143em;
    }

    }
    /* Mobile Size - Landscape & Portrait (devices and browsers) */
    @media only screen and (max-width: 480px) {
        
        /* Teaser */
        .teaserbox h2 {
            padding-left: 3%;
            padding-right: 10%;
            width: 88%;
        }
        
        .teaserCollapser {
            background: rgb(55,118,180); /* Old browsers */
            background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM3NzZiNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYzMzNzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
            background: -moz-linear-gradient(top,  rgba(55,118,180,1) 0%, rgba(12,51,118,1) 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(55,118,180,1)), color-stop(100%,rgba(12,51,118,1))); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top,  rgba(55,118,180,1) 0%,rgba(12,51,118,1) 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top,  rgba(55,118,180,1) 0%,rgba(12,51,118,1) 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top,  rgba(55,118,180,1) 0%,rgba(12,51,118,1) 100%); /* IE10+ */
            background: linear-gradient(to bottom,  rgba(55,118,180,1) 0%,rgba(12,51,118,1) 100%); /* W3C */

            border-bottom: 0;
            border-right: 0;
            border-top: 1px solid white;
            float: none;
        }

        .teaserCollapser.grey {
            background: #f2f2f2;
            border: 1px solid #f2f2f2;
        }

        .teaserCollapser {
            border: none;
        }

        .teaserCollapser > h2 {
            width: auto;
        }

        .mobile .collapseContainer > .teaserbox {
            border: none;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .collapseContainer.closed .categoryLink {
            display: none;
        }

        .teaserCollectionWrapper.collapsible {
            border-left: 1px solid #d6d6d6;
            border-bottom: 1px solid #b7b7b7;
            border-right: 1px solid #b7b7b7;
            margin: 0;
        }
        
        .teaserCollapser > a,
        .teaserCollapser > h2,
        .teaserCollapser .box-caption a {
            border: none;
            color: white;
            cursor: pointer;
            display: block;
            font-size: 1em;
            font-weight: bold;
            left: 0;
            line-height: 1em;
            margin-bottom: 0;
            padding: 0.7143em;
            position: relative;
            top: 0;
        }
    
        /* Notes */
        #content .notes figure {
            display: none;
        }

        #content .notes p {
            margin-left: 0;
        }

        #content .notes .content {
            width: 100%;
            padding-right: 0;
        }
    
        /* Filterbox */
        .filterbox {
            display: none;
        }

        .filterbox.opened {
            display: block;
        }

        .filterbox .field {
            width: 100%;
        }
    
        .toggle-filterbox {
            border: none;
            color: white;
            cursor: pointer;
            display: block !important;
            font-size: 1em;
            font-weight: bold;
            left: 0;
            line-height: 1em;
            margin-bottom: 0;
            padding: 0.7143em;
            position: relative;
            top: 0;
        }
    
        .filterbox-wrap .teaserCollapser {
            background: #f2f2f2;
        }
        
        /* Publications Teaser */
        .publications .imagewrapper,
        .publications img {
            display: none;
        }

        .publications p {
            padding-left: 0;
        }
        
        .publications .textwrapper,
        .publications .column {
            padding: 0;
            width: auto;
        }

        .publications .column {
            width: 100%;
        }
        
        .publications.period .actionLinks .download {
            width: auto;
        }
        
        /* Publications Compact Teaser */
        .publications.teasers {
            list-style: disc outside;
            margin: 0 0 1em 0;
        }
        
        .publications.teasers .one.column {
            width: 100%;
        }
        
        .publications.teasers .teaserWrapper figure {
            height: auto;
            text-align: left;
            width: auto;
        }
        
        .publications.teasers .imageWrapper {
            display: none;
        }
        
        .publications.teasers .teaserWrapper,
        .publications.teasers .teaserWrapper.hover {
            background-color: transparent;
        }
        
        .publications.teasers .teaserWrapper .teaser,
        .publications.teasers .teaserWrapper.hover .teaser {
            background-color: transparent;
            margin: 0 0 0 1.5em;
            overflow: visible;
            padding: 0;
            position: relative;
        }
        
        .publications.teasers .teaserWrapper .teaser .title {
            color: #194481;
        }
        
        .publications.teasers .teaserWrapper:hover .teaser .title,
        .publications.teasers .teaserWrapper:focus .teaser .title,
        .publications.teasers .teaserWrapper:active .teaser .title {
            color: #3776b4;
        }
        
        .collapsible .publications.teasers a {
            padding: 0 0 0 1em;
        }
        
        .publications.teasers p {
            display: list-item;
            list-style: disc outside none;
        }
        
        .publications.teasers + p {
            margin: 0 0 0 1em;
        }
        
        
        /* Video Teaser */
        .container .videos .one.column {
            width: 100%;
        }
        
        .videos {
            margin-left: 0;
        }

        /* Whitepages */
        .whitepage_list {
            margin-left: 1.1em !important;
        }

        .whitepage_list .name {
            max-width: 70%;
        }

        .whitepage_list .dw {
            width: 30%;
        }

        .whitepage_contactWrapper .teaserbox_tabs .teaserbox_tabs-tab {
            padding: 0 1.5em 0 .8em;
        }

        .whitepage .imageWrapper {
            display: none;
        }

        .whitepage_staffcontent {
            width: 95%;
        }

        .whitepage_list-tel,
        .whitepage_list-standort,
        .whitepage_list-email,
        .whitepage_list-abteilung {
            margin-left: 3em !important;
        }
        
        /* Imagegallery Stacks */
        .pictures.overview .one.column {
            margin: 0.7143em 0;
            width: 100%;
        }
        .pictures.overview .imageStack {
            height: auto;
        }
        .pictures.overview .imageWrapper {
            height: auto;
            line-height: 0;
            position: absolute;
            text-align: left;
            width: 30%;
        }
        .pictures.overview .imageWrapper img {
            max-height: 4em;
            width: 80%;

            -webkit-transition: none;
               -moz-transition: none;
                 -o-transition: none;
                -ms-transition: none;
                    transition: none;
        }
        .pictures.overview .teaserWrapper .teaser {
            margin-left: 30%;
            min-height: 5em;
            width: 60%;
        }
        .pictures.overview .teaserWrapper .teaser p {
            margin: 0;
        }
        
        /* Imagegallery Thumbnails */
        .pictures {
            margin: 0 0 2em 0;
        }
        .pictures.gallery .one.column {
            margin: 0;
            width: 6em;
        }
        .pictures.gallery .imageWrapper {
            height: 6em;
            line-height: 6em;
            text-align: center;
            width: 6em;
        }
        .pictures .imageWrapper img {
            border: none;
        }
        .pictures.gallery .teaserWrapper.hover .teaser {
            background-color: rgba(255,255,255,0.4);
            bottom: 0;
            display: block;
            left: 0;
            overflow: hidden;
            position: absolute;
            right: 0;
            top: 0;
        }
        
        /* Contacts */
        .contacts .one.column {
            width: 100%;
        }
        
        /* Collapsibles */
        .fluidContent .collapsible {
            padding: 0;
        }
        
        /* Glossary */
        .glossary-results {
            -webkit-column-count: 1;
               -moz-column-count: 1;
                    column-count: 1;
        }
        
        /* Topics (Overview) */
        .topics p {
            padding-left: 0;
        }
        
        .topics .column {
            padding: 0;
            width: 100%;
        }
        
        /* Admin Panel */
        #adminpanel {
            width: 100%;
        }
        
        #adminpanel ul {
            float: left;
            padding: 0 0 0 0.7143em;
        }
        
        #adminpanel + #topnav + #header {
            padding-top: 3.4286em;
        }
    }
    
    /* Mobile Size - Portrait (devices and browsers) */
    @media only screen and (max-width: 320px) {
        
        /* Teaser */
        .teaserCollapser > h2 {
            width: auto;
        }

        .teaserCollectionWrapper.collapsible.closed {
            margin: 0;
        }
        
        /* Contacts */
        .contactWrapper {
            min-height: 0;
        }

        .contacts img {
            display: none;
        }

        .contacts .info {
            padding: 0.5em;
        }
    }


/* #No-JS Styles
================================================== */

    .no-js #mainmenu .showMenu,
    .no-js .moreTeaser,
    .no-js .teaserCollapser {
        display: none !important;
    }
    
    .no-js .two.columns.collapseContainer .teaserCollapser {
        display: block !important;
    }
    
    .no-js .two.columns.collapseContainer .teaserCollapser h2 {
        background: url("../images/icons/sprites-1x.png") no-repeat scroll 0 0 transparent;
        background-position: right top;
        height: 19px;
        margin: -1px 0;
        max-width: 483px;
    }
    
    .no-js .teaserCollapser > a:after,
    .no-js .teaserCollapser > h2:after {
        height: 0;
        width: 0;
    }
    
    .no-js .collapsible.closed {
        height: auto !important;
    }
    
    .no-js .teaserCollectionWrapper.collapsible.closed {
        height: 99% !important;
    }
    
    .no-js .publications .collapsible.closed {
        height: 0 !important;
    }
    
    .no-js .publications.period .collapser {
        display: none;
    }
    
    .no-js .pictures.gallery .teaserWrapper .teaser {
        background-color: rgba(239,239,239,0.95);
        bottom: 0;
        height: auto;
        left: 0;
        position: absolute;
        right: 0;
        width: auto;
    }
    
    .no-js .pictures.gallery .teaserWrapper .teaser .title {
        display: inherit;
    }
    
    .no-js .fluidContent .collapsible.closed a {
        display: inherit;
    }
    
    .no-js .glossary-details.showActive h3,
    .no-js .glossary-details.showActive div {
        display: inherit;
    }
 /* == #Date Widget ============================ */
    .calendar {
        padding: 1em;
    }

    .calendar .teaserbox_actionbar {
        margin: -1em -1em .5em -1em;
    }

    .date-calendar {
        border-collapse: separate;
        width: 100%;
    }

    .date-calendar_header th {
        padding: 1.5em .4em;
    }

    .date-calendar_header th span,
    .date-calendar_header th a {
        color: #194481;
    }

    .date-calendar th {
        font-weight: bold;
    }

    .date-calendar td {
        border: 4px solid #fff;
        text-align: center;
        padding: .2em;
    }

    .date-calendar .hasevent {
        background-color: #3165A0;
    }

    .date-calendar .hasevent a {
        color: #fff;
    }

    .date-calendar a,
    .date-calendar span {
        color: #444;
        display: block;
        line-height: 1;
        text-align: center;
    }

    .date-calendar_other-month span {
        color: rgb( 185, 185, 185 );
    }
    
    .youtubecontainer {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.youtubecontainer iframe,
.youtubecontainer object,
.youtubecontainer embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* == #Newsletter Form ============================ */
#newsletter_form label {
  display: inline;
}

#newsletter_form h2 {
  margin-top: 1em;
  margin-bottom: 0.2em;
}

#newsletter_form h3 {
  margin-top: 1em;
  margin-bottom: 0.2em;
}

#newsletter_form select {
  padding: 6px 4px;
}
/* CSS: sprites */
/* Table of Content
==================================================

    #Images for layout.css
    #Images for elements.css
    #Images for forms.css
    #Images for lightbox.css
    #Images for widgets.css

    #Images Tablet (<870px)
      #Images Tablet for layout.css
      #Images Tablet for element.css
    #Images Mobile (<480px)
      #Images Mobile for layout.css

    #Hi-Res Images for hi-density screens */


/* #Images for layout.css
================================================== */

    .menu .level_1 > li.submenu > a:after,
    .menu .level_2 > li.submenu > a:after,
    .showMenu a:before,
    .search.icon:before,
    #quicknav .header .toTop:after,
    .icon.left:before,
    .icon.right:after,
    .section a:before,
    .container a.intern:before,
    .container a.file:before,
    .container a.extern:before,
    .container a.email:before,
    .container a.collection:before,
    .more,
    .contentnav li:before,
    .accordion li.closed:after,
    #content .section .downloads:before,
    #content .section .links:before,
    #content .section .contact:before,
    #content .section .translation:before,
    .articleHeader .video:after,
    .pagination .prev:after,
    .pagination .next:after,
    .menu .level_0 > li.home > a:before,
    .whitepage_contactWrapper .teaserbox_tabs .teaserbox_tabs-tab--active,
    .whitepage_contactWrapper .teaserbox_tabs .teaserbox_tabs-tab--active.teaserbox_tabs-tab--last {
        background-color: transparent;
        background-image: url('../images/icons/sprites-1x.png');
        background-repeat: no-repeat;
        content: "";
    }

    .menu .level_0 > li.home > a:before {
        background-position:-235px -89px;
        display: inline-block;
        height: 13px;
        width: 13px;
    }

    .menu .level_0 > li.home.active > a:before {
        background-position:-393px -89px;
    }
    .menu .level_1 > li.submenu > a:after,
    .menu .level_2 > li.submenu > a:after,
    #quicknav .header .toTop:after,
    .icon.right:after,
    .accordion li.closed:after,
    .articleHeader .video:after,
    .pagination .prev:after,
    .pagination .next:after {
        float: right;
    }

    .showMenu a:before,
    .search.icon:before,
    .icon.left:before,
    .section a:before,
    .container a.intern:before,
    .container a.file:before,
    .container a.extern:before,
    .container a.email:before,
    .container a.collection:before,
    .contentnav li:before,
    #content .section .downloads:before,
    #content .section .links:before,
    #content .section .contact:before,
    #content .section .translation:before {
        float: left;
    }


    .menu .level_1 > li.submenu > a:after,
    .menu .level_2 > li.submenu > a:after {
        background-position:-241px -60px; /* icon-arrow-right-blue-transparent */
        height:15px;
        margin: 0.0714em -1em 0 0;
        width:10px;
    }

    .menu .level_1 > li.submenu.hover > a:after {
        background-position:-200px -60px; /* icon-arrow-right-white */
        height:15px;
        margin: 0.0714em -1em 0 0;
        width:10px;
    }

    .menu .level_1 > li.submenu.active > a:after,
    .menu .level_2 > li.submenu.active > a:after,
    .menu .level_2 > li.submenu.active.hover > a:after {
        background-position:-344px -20px; /* icon-arrow-down-blue */
        height:10px;
        margin: 0.3571em -1.0714em 0 0;
        width:15px;
    }

    .menu .level_1 > li.submenu.active.hover > a:after {
        background-position:-329px -20px; /* icon-arrow-down-white */
        height:10px;
        margin: 0.3571em -1.0714em 0 0;
        width:15px;
    }

    .menu .level_2 > li.submenu.hover > a:after {
        background-position:-241px -60px; /* icon-arrow-right-blue */
        height:15px;
        margin: 0.0714em -1em 0 0;
        width:10px;
    }

    .showMenu a:before {
        background-position:-120px -60px; /* icon-menu-small-white */
        height:16px;
        margin: -1px 9px 0 -6px;
        width:20px;
    }

    .search.icon:before {
        background-position:-140px -60px; /* icon-search */
        height:16px;
        margin: -1px 0 0 -1px;
        width:16px;
    }

    #quicknav .header .toTop:after {
        background-position:-299px -20px; /* icon-top */
        height:11px;
        margin: 0.3333em 0 0 0.3333em;
        width:15px;
    }

    .section a:before,
    .icon.arrow:before,
    .container a.intern:before,
    .contentnav li:before {
        background-position:-220px -60px; /* icon-arrow-right-small */
        height:15px;
        width:11px;
    }

    .more {
        background-position:-220px -64px; /* icon-arrow-right-small */
        height:10px;
        width:11px;
    }

    .icon.file:before,
    .container a.file:before {
        background-position:-283px -60px; /* icon-file */
        height:11px;
        margin: 0 3px 1px 0;
        width:9px;
    }

    .icon.extern:before,
    .container a.extern:before {
        background-position:-272px -60px; /* icon-link */
        height:11px;
        margin: 0 1px 1px 0;
        width:11px;
    }

    .icon.email:before,
    .container a.email:before {
        background-position:-359px -20px; /* icon-mail */
        height:10px;
        margin: 1px 0;
        width:12px;
    }

    .container a.collection:before {
        background-position:-261px -60px; /* icon-arrow-down-small */
        height:15px;
        width:11px;
    }

    .container .textblock a.intern:before,
    .container .contacts a.intern:before { float: none; display: inline-block; margin: 0 0 -1px 0; }
    .container .textblock a.email:before,
    .container .contacts a.email:before { float: none; display: inline-block; margin: 0 2px -1px 0; }
    .container .textblock a.extern:before,
    .container .contacts a.extern:before { float: none; display: inline-block; margin: 0 1px -1px 0; }
    .container .textblock a.file:before,
    .container .contacts a.file:before { float: none; display: inline-block; margin: 0 3px -1px 0; }
    .container .textblock a.collection:before,
    .container .contacts a.collection:before { float: none; display: inline-block; margin: 0 0 -1px 0; }

    .section a:before,
    .container a.intern:before,
    .contact p a.intern:before { margin: -1px 6px 0 -1px; }
    .container a.file:before,
    .contact p a.file:before { margin: 3px 8px 1px -1px; }
    .container a.extern:before,
    .contact p a.extern:before { margin: 2px 6px 5px -1px; }
    .container a.email:before,
    .contact p a.email:before { margin: 4px 5px -1px -1px; }
    .container a.collection:before,
    .contact p a.collection:before { margin: -1px 6px 0 -1px; }

    .section a.intern:before,
    .section a.file:before,
    .section a.extern:before,
    .section a.email:before,
    .section a.collection:before,
    .section p a.intern:before,
    .section p a.file:before,
    .section p a.extern:before,
    .section p a.email:before,
    .section p a.collection:before,
    .section li > a:before {
        margin-left: -17px;
    }

    .contentnav li:before { margin: -1px 5px 0 -16px; }

    .accordion li.closed:after {
        background-position:-278px -20px; /* icon-arrow-down */
        cursor: pointer;
        height:15px;
        margin: -17px 0 0 0;
        width:21px;
    }

    .mobile .accordion li.closed:after,
    .no-js .accordion li.closed:after {
        background: none;
    }

    #content .section .downloads:before {
        background-position:-37px -20px; /* icon-file-big */
        height:40px;
        margin: 0 43px 0 -5.7142em;
        width:37px;
    }

    #content .section .translation:before {
        background-position: -173px -75px; /* icon-link-big */
        height:40px;
        margin: 0 43px 0 -5.7142em;
        width:37px;
    }

    #content .section .translation.translation-en:before {
        background-position: -133px -75px; /* icon-link-big */
    }

    #content .section .links:before {
        background-position:0px -20px; /* icon-link-big */
        height:40px;
        margin: 0 43px 0 -5.7142em;
        width:37px;
    }

    #content .section .contact:before {
        background-position:-74px -20px; /* icon-contact-big */
        height:40px;
        margin: 0 43px 0 -5.7142em;
        width:37px;
    }

    .articleHeader .video:after {
        background-position:0px -87px; /* button-video */
        height:23px;
        margin: -1px -28px 0 -1px;
        width:18px;
    }

    .pagination .prev:after {
        background-position:-252px -60px; /* icon-arrow-left-blue */
        height:15px;
        margin: 0.1429em 0em 0 0.0714em;
        width:10px;
    }

    .pagination .next:after {
        background-position:-230px -60px; /* icon-arrow-right-blue */
        height:15px;
        margin: 0.1429em 0em 0 0.0714em;
        width:10px;
    }


/* #Images for elements.css
================================================== */

    .teaserbox .playbutton:before,
    .moreTeaser a:after,
    .opened .moreTeaser a:after,
    #quickview .arrow,
    #quickview .close,
    #quickview .downloads a.pdf:before,
    .fluidContent .collapser:before,
    .whitepage_richtext--edit,
    .whitepage_list-tel:before,
    .whitepage_list-standort:before,
    .whitepage_list-email:before,
    .whitepage_list-abteilung:before,
    .menuplan h3:before,
    .calendar .teaserbox_actionbar a:before,
    .teaserbox_tabs-edit:after,
    .date-calendar_header-previous:before,
    .date-calendar_header-next:before {
        background: transparent url('../images/icons/sprites-1x.png') no-repeat;
        content: "";
    }

    .menuplan h3:before {
        background-position: -369px -84px;
        display: inline-block;
        height: 20px;
        margin-right: .4em;
        width: 20px;
    }

    .calendar .teaserbox_actionbar a:before {
        background-position: -350px -84px;
        display: inline-block;
        height: 25px;
        margin-right: .4em;
        vertical-align: middle;
        width: 20px;
    }

    .calendar .teaserbox_actionbar a.teaserbox_tabs-tab--active:before {
        background-position: -327px -84px;
    }

    .calendar .teaserbox_actionbar a.teaserbox_tabs-tab--calendar:before {
        background-position: -302px -84px;
    }

    .calendar .teaserbox_actionbar a.teaserbox_tabs-tab--calendar.teaserbox_tabs-tab--active:before {
        background-position: -280px -84px;
    }

    .date-calendar_header-previous:before,
    .date-calendar_header-next:before {
        background-position: -250px -58px;
        display: inline-block;
        height: 25px;
        margin-right: .4em;
        vertical-align: middle;
        width: 10px;
    }

    .date-calendar_header-next:before {
        background-position: -230px -58px;
    }

    .teaserbox_tabs-edit:after {
        background-position: -254px -84px;
        display: inline-block;
        height: 25px;
        margin-left: .2em;
        vertical-align: middle;
        width: 20px;
    }
    small a.savedate  {
        background: transparent url('../images/icons/sprites_small/icon_small_savedate.png') no-repeat;
        content: "";
    }

    .teaserbox h2,
    #content .notes .category,
    .sidemenu_headline {
        background: transparent url('../images/icons/sprites-1x.png') no-repeat;
    }

    .moreTeaser a:after,
    .opened .moreTeaser a:after {
        float: right;
    }

    .teaserbox .playbutton:before,
    #quickview .downloads a.pdf:before,
    .fluidContent .collapser:before,
    .container a.collection:before {

        float: left;
    }

    .teaserbox h2,
    .sidemenu_headline {
        background-position: top right; /* teaser-heading */
        height:19px;
        margin: -1px 0;
        max-width:483px;
    }

    .teaserbox .playbutton:before {
        background-position:-333px -61px; /* icon-play */
        height:17px;
        width:17px;
    }

    .moreTeaser a:after {
        background-position:-344px -20px; /* icon-arrow-down-blue */
        height:10px;
        margin: 0.3571em -0.0714em 0 0.5em;
        width:15px;
    }

    .opened .moreTeaser a:after {
        background-position:-314px -20px; /* icon-arrow-up-blue */
        height:10px;
        width:15px;
    }

    #content .notes .category {
        background-position: top right; /* teaser-heading */
        height:20px;
        margin: -1px 0;
        max-width:483px;
    }

    #quickview .arrow {
        background-position:-160px -20px; /* icon-quickview-arrow-up */
    }

    #quickview .close {
        background-position:-192px -20px; /* icon-quickview-close */
    }

    #quickview .close:hover,
    #quickview .close:focus,
    #quickview .close:active {
        background-position:-206px -20px; /* icon-quickview-close :hover (= x-14px) */
    }

    #quickview .downloads a.pdf:before {
        background-position:-55px -87px; /* icon_small_pdf */
        height:18px;
        margin: 0 7px 0 -25px;
        width:18px;
    }

    .fluidContent .collapser:before {
        background-position:-220px -60px; /* icon-arrow-right-small */
        height:15px;
        margin: 3px 5px 0 -16px;
        width:11px;
    }

    .fluidContent .opened .collapser:before {
        background-position:-261px -60px; /* icon-arrow-down-small */
        height:15px;
        margin: 3px 5px 0 -16px;
        width:11px;
    }

    .whitepage_richtext--edit {
        background-position: -254px -84px;
        display: block;
        height: 25px;
        width: 20px;
        position: absolute;
        top: .5em;
        right: .8em;
    }

    .whitepage_list-tel:before,
    .whitepage_list-standort:before,
    .whitepage_list-email:before,
    .whitepage_list-abteilung:before {
        position: absolute;
        top: .3em;

    }

    .whitepage_list-tel:before {
        background-position: -408px -82px;
        width: 20px;
        height: 20px;
        left: -2.5em;
    }

    .whitepage_list-standort:before {
        background-position: -430px -82px;
        width: 28px;
        height: 20px;
        left: -3em;
    }

    .whitepage_list-email:before {
        background-position: -455px -58px;
        width: 28px;
        height: 20px;
        left: -3em;
    }

    .whitepage_list-abteilung:before {
        background-position: -430px -82px;
        width: 28px;
        height: 20px;
        left: -3em;
    }

    .publications.period .collapser:before,
    .publications.period .opened .collapser:before {
        margin: -1px 5px 0 -16px;
    }

    .publications.period .toc a.file:before {
        margin: 3px 8px 1px -17px;
    }

    small a.savedate {
        background-position: 0px 0px;
        height: 18px;
        margin: 5px 0 0 0;
        width: auto;
        padding-left: 18px;
        display: block;
    }


/* #Images for forms.css
================================================== */

    .collapseContainer .box-caption a:before {
        background-image: url('../images/icons/sprites-1x.png');
        background-repeat: no-repeat;
        content: "";
        float: left;
    }

    .collapseContainer.opened .box-caption a:before {
        background-position:-261px -60px; /* icon-arrow-down-small */
        height:15px;
        margin: 1px 5px 0 0;
        width:11px;
    }

    .collapseContainer.closed .box-caption a:before {
        background-position:-220px -60px; /* icon-arrow-right-small */
        height:15px;
        margin: 1px 5px 0 0;
        width:11px;
    }


/* #Images for lightbox.css
================================================== */

    #lightboxClose,
    #lightbox #lightboxControls .prev:after,
    #lightbox #lightboxControls .next:after,
    #lightbox #showInfo {
        background: transparent url('../images/icons/sprites-1x.png') no-repeat;
        content: "";
    }

    #lightbox #lightboxControls .prev:after,
    #lightbox #lightboxControls .next:after {
        float: right;
    }

    #lightboxClose {
        background-position:-192px -21px; /* icon-quickview-close */
        display: block;
        height: 14px;
        margin: 15px 10px;
        text-indent: -999em;
        width: 14px;
    }

    #lightboxClose:hover,
    #lightboxClose:focus,
    #lightboxClose:active {
        background-position:-206px -21px; /* icon-quickview-close :hover (= x-14px) */
    }

    #lightbox #lightboxControls .prev:after {
        background-position: -293px -60px; /* icon-lightbox-arrow-left */
        height: 15px;
        margin: 17px 13px 0 0;
        width: 8px;
    }

    #lightbox #lightboxControls .prev:hover:after,
    #lightbox #lightboxControls .prev:focus:after,
    #lightbox #lightboxControls .prev:active:after {
        background-position: -303px -60px; /* icon-lightbox-arrow-left-hover (= x-10px) */
    }

    #lightbox #lightboxControls .next:after {
        background-position: -313px -60px; /* icon-lightbox-arrow-left */
        height: 15px;
        margin: 17px 10px 0 0;
        width: 8px;
    }

    #lightbox #lightboxControls .next:hover:after,
    #lightbox #lightboxControls .next:focus:after,
    #lightbox #lightboxControls .next:active:after {
        background-position: -323px -60px; /* icon-lightbox-arrow-left-hover (= x-10px) */
    }

    #lightbox #showInfo {
        background-position:-222px -21px; /* icon-lightbox-info */
        display: block;
        height: 14px;
        margin: 1.4286em;
        text-indent: -999em;
        width: 14px;
    }

    #lightbox #showInfo:hover,
    #lightbox #showInfo:focus,
    #lightbox #showInfo:active {
        background-position:-236px -21px; /* icon-lightbox-info :hover (= x-14px) */
    }


/* #Images for widgets.css
================================================== */

    .widget.newsletter .action-links a:before,
    .widget.contact address a:before,
    .widget .linklist a:before {
        background: transparent url('../images/icons/sprites-1x.png') no-repeat;
        content: "";
    }

    .widget.newsletter .action-links a:before,
    .widget.contact address a:before,
    .widget .linklist a:before {
        float: left;
    }

    .widget.newsletter .action-links a:before,
    .widget.contact address a:before,
    .widget .linklist a:before {
        background-position:-220px -60px; /* icon-arrow-right-small */
        height:15px;
        width:11px;
    }

    .widget a.icon.left.arrow:before,
    .widget .linklist a:before {
        margin: 0 0 0 -17px;
    }

    .widget.newsletter .action-links a:before,
    .widget.contact address a:before {
        margin: -1px 6px 0 -1px;
    }



/* #Images Tablet (<870px)
================================================== */

    @media only screen and (max-width: 870px) {

    /* == #Images Tablet for layout.css ========== */

        .menu .level_0 > li > a:after,
        .menu .level_0 > li.active > a:after,
        #mainmenu.opened .showMenu .menuArrow,
        #sidemenu.channelnav li:before {
            background: transparent url('../images/icons/sprites-1x.png') no-repeat;
            content: "";
        }

        .menu .level_0 > li > a:after,
        .menu .level_0 > li.active > a:after {
            float: right;
        }

        #sidemenu.channelnav li:before {
            float: left;
        }

        .menu .level_0 > li > a:after,
        .menu .level_0 > li.active > a:after {
            background-position:-210px -60px; /* icon-arrow-right-white-transparent */
            height:15px;
            margin: 0.1429em -0.0714em 0 0.5em;
            width:10px;
        }

        .menu .level_0 > li.hover > a:after {
            background-position:-200px -60px; /* icon-arrow-right-white */
            height:15px;
            width:10px;
        }

        .menu .level_0 > li.active > a:after {
            background-position:-329px -20px; /* icon-arrow-down-white */
            height:10px;
            width:15px;
        }

        #mainmenu.opened .showMenu .menuArrow {
            background-position:-251px -20px; /* icon-arrow-up-full-blue */
            margin: 0 0 -1px 0px;
        }

        #sidemenu.channelnav li:before {
            background-position:-220px -60px; /* icon-arrow-right-small */
            height:15px;
            width:11px;
        }

        #sidemenu.channelnav li:before { margin: -1px 5px 0 -16px; }

        #sidemenu.channelnav .level_1 > li.submenu > a:after,
        #sidemenu.channelnav .level_2 > li.submenu > a:after,
        #sidemenu.channelnav .level_1 > li.submenu.hover > a:after,
        #sidemenu.channelnav .level_2 > li.submenu.hover > a:after,
        #sidemenu.channelnav .level_1 > li.submenu.active > a:after,
        #sidemenu.channelnav .level_2 > li.submenu.active > a:after {
            height:0;
            margin: 0;
            width:0;
        }


    /* == #Images Tablet for elements.css ========== */

        .collapseContainer.opened > .teaserbox > .teaserCollapser > a:after,
        .collapseContainer.opened > .teaserbox > .teaserCollapser > h2:after,
        .collapseContainer.opened > .teaserCollapser > a:after,
        .collapseContainer.opened > .teaserCollapser > h2:after,
        .teaserCollapser > a:after,
        .teaserCollapser > h2:after,
        .collapseContainer.opened a.toggle-filterbox:after,
        .collapseContainer.opened.filterbox-wrap .teaserCollapser .toggle-filterbox:after,
        .toggle-filterbox:after,
        .filterbox-wrap .teaserCollapser .toggle-filterbox:after {
            background: transparent url('../images/icons/sprites-1x.png') no-repeat;
            content: "";
        }

        .collapseContainer.opened > .teaserbox > .teaserCollapser > a:after,
        .collapseContainer.opened > .teaserbox > .teaserCollapser > h2:after,
        .collapseContainer.opened > .teaserCollapser > a:after,
        .collapseContainer.opened > .teaserCollapser > h2:after,
        .teaserCollapser > a:after,
        .teaserCollapser > h2:after,
        .collapseContainer.opened a.toggle-filterbox:after,
        .collapseContainer.opened.filterbox-wrap .teaserCollapser .toggle-filterbox:after,
        .toggle-filterbox:after,
        .filterbox-wrap .teaserCollapser .toggle-filterbox:after {
            float: right;
        }

        .collapseContainer.opened > .teaserbox > .teaserCollapser > a:after,
        .collapseContainer.opened > .teaserbox > .teaserCollapser > h2:after,
        .collapseContainer.opened > .teaserCollapser > a:after,
        .collapseContainer.opened > .teaserCollapser > h2:after {
            background-position:-329px -20px; /* icon-arrow-down-white */
            height:10px;
            margin: 3px 0 0 0;
            width:15px;
        }

        .teaserCollapser > h2 {
            background: transparent;
            height: 15px;
        }

        .teaserCollapser > a:after,
        .teaserCollapser > h2:after {
            background-position:-200px -60px; /* icon-arrow-right-white */
            height:15px;
            width:10px;
        }

        .collapseContainer.opened > .teaserbox > .teaserCollapser.grey > a:after,
        .collapseContainer.opened > .teaserbox > .teaserCollapser.grey > h2:after,
        .collapseContainer.opened > .teaserCollapser.grey > a:after,
        .collapseContainer.opened > .teaserCollapser.grey > h2:after,
        .teaserCollapser.grey > a:after {
            background: transparent;
            float: none;
            height: 0;
        }

        .collapseContainer.opened a.toggle-filterbox:after {
            background-position:-329px -20px; /* icon-arrow-down-white */
            height:10px;
            margin: 3px 0 0 0;
            width:15px;
        }

        .collapseContainer.opened.filterbox-wrap .teaserCollapser .toggle-filterbox:after {
            background-position:-156px -60px; /* icon-filter */
            height:16px;
            margin: 0;
            width:16px;
        }

        .reservation-form .collapseContainer.opened.filterbox-wrap .teaserCollapser .toggle-filterbox:after {
            background: transparent;
        }

        .toggle-filterbox:after {
            background-position:-200px -60px; /* icon-arrow-right-white */
            height:15px;
            width:10px;
        }

        .filterbox-wrap .teaserCollapser .toggle-filterbox:after {
            background-position:-156px -60px; /* icon-filter */
            height:16px;
            width:16px;
        }

        .reservation-form .filterbox {
            display: block;
        }

        .reservation-form .filterbox-wrap .teaserCollapser .toggle-filterbox:after {
            background: transparent;
        }
    }


/* #Images Mobile (<480px)
================================================== */

    @media only screen and (max-width: 480px) {

    /* == #Images Mobile for layout.css ========== */

        #quicknav .one.column.collapseContainer.closed:before,
        #quicknav .one.column.collapseContainer.opened:before,
        #mainmenu .showMenu a:after {
            background: transparent url('../images/icons/sprites-1x.png') no-repeat;
            content: "";
        }

        #mainmenu .showMenu a:after {
            float: right;
        }

        #quicknav .one.column.collapseContainer.closed:before,
        #quicknav .one.column.collapseContainer.opened:before {
            float: left;
        }

        #quicknav .one.column.collapseContainer.closed:before {
            background-position:-220px -60px; /* icon-arrow-right-small */
            height:15px;
            margin: 0 5px 0 0;
            width:11px;
        }

        #quicknav .one.column.collapseContainer.opened:before {
            background-position:-261px -60px; /* icon-arrow-down-small */
            height:15px;
            margin: 0 5px 0 0;
            width:11px;
        }

        #mainmenu .showMenu a:before {
            height: 0;
            margin-right: 0;
            width: 0;
        }

        #mainmenu .showMenu a:after {
            background-position:-54px -60px; /* icon-menu */
            height:18px;
            margin: -1px 0 0 -1px;
            width:23px;
        }

        #content .section > li.links:before,
        #content .section > li.downloads:before,
        #content .section > li.contact:before,
        #content .section > li.translation:before {
            margin: 0 0 0 -17%;
        }

        legend.box-caption {
            margin: 0;
        }

    /* == #Images Mobile for forms.css ========== */

        .collapseContainer .box-caption a:before {
            float: right;
        }

        .collapseContainer.opened .box-caption a:before {
            background-position:-344px -20px; /* icon-arrow-down-blue */
            height:10px;
            margin: 0.1429em 0 0 0;
            width:15px;
        }

        .collapseContainer.closed .box-caption a:before {
            background-position:-231px -60px; /* icon-arrow-right-blue */
            height:15px;
            margin: 0 0 0 0.5em;
            width:10px;
        }

    }


/* #Hi-Res Images for hi-density screens
================================================== */

    /* INFO: this will raise a validation error caused by vendor-prefixes,
       see: http://stackoverflow.com/questions/8798280/valid-use-of-webkit-min-device-width-css-media-query */

    @media only screen and (-webkit-min-device-pixel-ratio: 2.0), only screen and (min--moz-device-pixel-ratio: 2.0), only screen and (-o-min-device-pixel-ratio: 200/100), only screen and (min-device-pixel-ratio: 2.0) {

    /* == layout.css selectors =================== */
        .menu .level_1 > li.submenu > a:after,
        .menu .level_2 > li.submenu > a:after,
        .showMenu a:before,
        .search.icon:before,
        #quicknav .header .toTop:after,
        .icon.left:before,
        .icon.right:after,
        .section a:before,
        .container a.intern:before,
        .container a.file:before,
        .container a.extern:before,
        .container a.email:before,
        .container a.collection:before,
        .more,
        .contentnav li:before,
        .accordion li.closed:after,
        #content .section .downloads:before,
        #content .section .links:before,
        #content .section .contact:before,
        #content .section .translation:before,
        .articleHeader .video:after,
        .menu .level_0 > li > a:after,
        .menu .level_0 > li.active > a:after,
        #mainmenu.opened .showMenu .menuArrow,
        #quicknav .one.column.collapseContainer.closed:before,
        #quicknav .one.column.collapseContainer.opened:before,
        #mainmenu .showMenu a:after,
        .pagination .prev:after,
        .pagination .next:after,

    /* == element.css selectors ================== */
        .teaserbox h2,
        .teaserbox .playbutton:before,
        .moreTeaser a:after,
        .opened .moreTeaser a:after,
        .collapseContainer.opened > .teaserbox > .teaserCollapser > a:after,
        .collapseContainer.opened > .teaserbox > .teaserCollapser > h2:after,
        .collapseContainer.opened > .teaserCollapser > a:after,
        .collapseContainer.opened > .teaserCollapser > h2:after,
        .collapseContainer.opened > .teaserbox > .teaserCollapser.grey > a:after,
        .collapseContainer.opened > .teaserbox > .teaserCollapser.grey > h2:after,
        .collapseContainer.opened > .teaserCollapser.grey > a:after,
        .collapseContainer.opened > .teaserCollapser.grey > h2:after,
        .teaserCollapser > a:after,
        .teaserCollapser > h2:after,
        .teaserCollapser.grey > a:after,
        #content .notes .category,
        .collapseContainer.opened a.toggle-filterbox:after,
        .collapseContainer.opened.filterbox-wrap .teaserCollapser .toggle-filterbox:after,
        .whitepage_richtext--edit,
        .whitepage_list-tel:before,
        .whitepage_list-standort:before,
        .whitepage_list-email:before,
        .whitepage_list-abteilung:before,
        .toggle-filterbox:after,
        .filterbox-wrap .teaserCollapser .toggle-filterbox:after,
        #quickview .arrow,
        #quickview .close,
        #quickview .downloads a.pdf:before,
        .menu .level_0 > li.home > a:before,
        .menuplan h3:before,
        .calendar .teaserbox_actionbar a:before,
        .teaserbox_tabs-edit:after,
        .date-calendar_header-previous:before,
        .date-calendar_header-next:before,
        .whitepage_contactWrapper .teaserbox_tabs .teaserbox_tabs-tab--active,
        .whitepage_contactWrapper .teaserbox_tabs .teaserbox_tabs-tab--active.teaserbox_tabs-tab--last,

    /* == lightbox.css selectors ================= */
        #lightboxClose,
        #lightbox #showInfo,

    /* == widgets.css selectors ================== */
        .widget.newsletter .action-links a:before,
        .widget.contact address a:before {
            background-image:url('../images/icons/sprites-2x.png');
            -webkit-background-size: 483px 150px;
               -moz-background-size: 483px 150px;
                    background-size: 483px 150px;
        }

    /* == element.css corrections ================ */
        .teaserCollapser > h2 {
            background: transparent;
            height: 15px;
        }

    /* == videoplayer-controls =================== */
    .videoplayerWrapper .videocontrol .s-play a:before,
    .videoplayerWrapper .videocontrol .s-stop a:before,
    .videoplayerWrapper .videocontrol .s-captions a:before,
    .videoplayerWrapper .videocontrol .s-volume > a:before {
        background-image: url(../images/icons/videoplayer-controls-2x.png);
        -webkit-background-size: 20px 264px;
           -moz-background-size: 20px 264px;
                background-size: 20px 264px;
    }

    .menu .level_0 > li.home > a:after {
      background-position: -233px -91px;
    }
    .menu .level_0 > li.home.active > a:after {
      background-position: -386px -91px;
    }

    .menuplan h3:before {
      background-position: -360px -84px;
    }

    .calendar .teaserbox_actionbar a:before {
      background-position: -340px -86px;
    }

    .calendar .teaserbox_actionbar a.teaserbox_tabs-tab--active:before {
      background-position: -318px -86px;
    }

    .calendar .teaserbox_actionbar a.teaserbox_tabs-tab--calendar:before {
      background-position: -295px -86px;
    }

    .calendar .teaserbox_actionbar a.teaserbox_tabs-tab--calendar.teaserbox_tabs-tab--active:before {
      background-position: -275px -86px;
    }

    }
/* CSS: socialmedia */
/* Table of Content
==================================================

    #Main Styles
    #Media Queries
    #No-JS Styles */


/* #Main Styles
================================================== */

    #socialmedia {
        display: inline-block;
    }

    #socialmedia ul,
    #socialmedia li {
        margin: 0;
        padding: 0;
    }

    #socialmedia li {
        display: inline-block;
        height: 20px;
        line-height: 20px;
        padding-right: 1.2em;
        min-width: 120px;
    }

    #socialmedia .switch {
        background: transparent url('/resources/oenb/images/social/socialSwitch-sprite.png') 0 0 no-repeat;
        display: inline-block;
        height: 11px;
        margin-right: 7px;
        margin-top: 4px;
        text-indent: -999em;
        vertical-align: top;
        width: 19px;
    }

    #socialmedia .hover .switch,
    #socialmedia .switch:hover,
    #socialmedia .switch:focus {
        background-position: 0 -11px;
    }

    #socialmedia .active .switch {
        background-position: 0 -22px;
    }

    #socialmedia .active.hover .switch,
    #socialmedia .active .switch:hover,
    #socialmedia .active .switch:focus {
        background-position: 0 -33px;
    }

    #socialmedia .socialIcon {
        display: inline-block;
        font-size: 0;
        max-width: 90px;
        padding-left: 0.5em;
    }

    #socialmedia .socialIcon .dummyImg {
        cursor: pointer;
        display: block;
        float: left;
        height: 20px;
        padding-bottom: 0;
        text-indent: -999em;
        vertical-align: top;
    }

    #socialmedia .socialIcon .fb.dummyImg {
        background: transparent url('/resources/oenb/images/social/facebook.png') 0 0 no-repeat;
        width: 48px;
    }

    #socialmedia .socialIcon .gplus.dummyImg {
        background: transparent url('/resources/oenb/images/social/gplus.png') 0 0 no-repeat;
        width: 32px;
    }

    #socialmedia .socialIcon .twitter.dummyImg {
        background: transparent url('/resources/oenb/images/social/twitter.png') 0 0 no-repeat;
        width: 56px;
    }

    #socialmedia .hover .socialIcon .fb.dummyImg {
        background-position: 0 -20px;
    }

    #socialmedia .hover .socialIcon .gplus.dummyImg {
        background-position: 0 -20px;
    }

    #socialmedia .hover .socialIcon .twitter.dummyImg {
        background-position: 0 -20px;
    }

    .tip-yellowsimple p {
        margin: 0;
    }


/* #Media Queries
================================================== */

    /* Smaller than standard 960 (devices and browsers) */
    @media only screen and (max-width: 959px) {
        #socialmedia li {
            min-width: 0;
        }
    }

    /* Tablet Portrait size to standard 960 (devices and browsers) */
    @media only screen and (min-width: 768px) and (max-width: 959px) {}

    /* All Mobile Sizes (devices and browser) */
    @media only screen and (max-width: 767px) {}

    /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
    @media only screen and (min-width: 480px) and (max-width: 767px) {}

    /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
    @media only screen and (max-width: 479px) {
        #socialmedia li {
            display: block;
            margin: 0.5em;
        }
    }


/* #No-JS Styles
================================================== */

    .no-js #socialmedia {
        display: none;
    }
/* CSS: carousel */
/* Table of Contents
==================================================

    #Basic Styles
    #Compact View
    #Mini-Mode in Compact View 
    #No-JS Styles */


/* #Basic Styles
================================================== */

    .carousel {
        background-color: #e5e5e5;
        border: 1px solid #d6d6d6;
        border-color: #d6d6d6 #b7b7b7 #b7b7b7 #d6d6d6;
        clear: both;
        font-size: 1em;
        margin: 3.6429em 0;
        max-width: 48.5714em; /* 680px */
        min-height: 22.5em; /* 315px */
        position: relative;
    }
    
    .carousel .loading {
        background: rgb(242, 244, 250) url('../images/icons/loading.gif') center center no-repeat;
        display: block;
        height: 100%;
        position: absolute;
        width: 100%;
        z-index: 1000;
    }

    #carousel-wrapper ul,
    .carousel ul {
        background: rgb(55,118,180); /* Old browsers */
        background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM3NzZiNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYzMzNzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
        background: -moz-linear-gradient(top,  rgba(55,118,180,1) 0%, rgba(12,51,118,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(55,118,180,1)), color-stop(100%,rgba(12,51,118,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(55,118,180,1) 0%,rgba(12,51,118,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(55,118,180,1) 0%,rgba(12,51,118,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(55,118,180,1) 0%,rgba(12,51,118,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(55,118,180,1) 0%,rgba(12,51,118,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3776b4', endColorstr='#0c3376',GradientType=0 ); /* IE6-8 */
    
        font-size: 1.214em; /* 17px */
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .carousel ul, 
    .carousel li {
        margin: 0;
        padding: 0;
    }

    .carousel li.first h2,
    .carousel.hover li.first.active h2 {
        float: right;
    }

    .carousel li.last h2 {
        border-bottom: 1px solid #fff;
    }

    .carousel li.active h2,
    .carousel.hover li.hover h2,
    .carousel.hover li.active.hover h2 {
        background-color: #fff;
        border-bottom: 1px solid #b7b7b7;
        color: #2f598b;
    }

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

    .carousel li.active h2 a,
    .carousel.hover li.hover h2 a,
    .carousel.hover li.active.hover h2 a {
        color: #2f598b;
    }

    .carousel h2 {
        border-bottom: 1px solid #fff;
        clear: right;
        color: #fff;
        cursor: pointer;
        font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 1em; /* 17px */
        line-height: 1.15em;
        margin: 0 0 0 70.5882%; /* 0 0 0 480px */
        padding: 0.7em 0.7em; /* 17px */
        position: relative;
        width: 25.9118%; /* 200px - 2*0.7em = 176.2px */
    }

    .carousel.hover li.active h2 {
        color: #2f598b;
    }

    .carousel h2 a {
        color: #fff;
        text-decoration: none;
    }

    .carousel.hover li.active h2 a {
        color: #2f598b;
    }

    .carousel p {
        margin: 0;
        position: absolute;
    }

    .carousel .figure {
        border-right: 1px solid #b7b7b7;
        height: auto;
        max-height: 18.5294em;
        overflow: hidden;
        top: 0;
        width: 70.5882%; /* 480px */
    }

    .carousel .text {
        background-color: #000; /* fallback */
        background-color: rgba(0, 0, 0, 0.5);
        bottom: 0;
        color: #fff;
        padding: 1em 2%;
        width: 66.5882%;
    }

    .carousel img {
        height: auto;
        width: 28.2353em;
    }

    .carousel .carousel-controls {
        font-size: 1.214em; /* 17px */
        height: 36px;
        left: 0;
        position: absolute;
        top: 0;
        z-index: 101;
    }

    .carousel .carousel-controls a,
    .carousel .carousel-controls ul {
        display: none;
    }

    .carousel .carousel-controls .playButton {
        background: transparent url('../images/icons/carousel-controls.png') 0 0 no-repeat;
        cursor: pointer;
        display: block;
        height: 22px;
        margin: 5px 0 0 5px;
        text-indent: -999em;
        width: 22px;
    }

    .carousel .carousel-controls .playButton:hover,
    .carousel .carousel-controls .playButton:focus {
        background: transparent url('../images/icons/carousel-controls.png') -21px 0 no-repeat;
    }

    .carousel .carousel-controls .playButton.playing {
        background: transparent url('../images/icons/carousel-controls.png') 0 -22px no-repeat;
    }

    .carousel .carousel-controls .playButton.playing:hover,
    .carousel .carousel-controls .playButton.playing:focus {
        background: transparent url('../images/icons/carousel-controls.png') -21px -22px no-repeat;
    }

    .carousel .arrow {
        display: inline-block;
        height: 23px;
        left: 68.8%;
        margin-top: -1.7em;
        position: absolute;
        text-indent: -999em;
        width: 14px;
        z-index: 101;
    }

    .carousel .first .arrow {
        margin-top: 0.25em;
    }

    .carousel li.active .arrow,
    .carousel.hover li.active.hover .arrow {
        background: transparent url('../images/icons/carousel-arrow.png') 0 0 no-repeat;
        z-index: 101 !important;
    }


/* #Compact View 
================================================== */

    .carousel.compact {
        max-width: 34.2857em; /* 480px */
    }

    .carousel.compact .carousel-controls {
        background: rgb(55,118,180); /* Old browsers */
        background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM3NzZiNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYzMzNzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
        background: -moz-linear-gradient(top,  rgba(55,118,180,1) 0%, rgba(12,51,118,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(55,118,180,1)), color-stop(100%,rgba(12,51,118,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(55,118,180,1) 0%,rgba(12,51,118,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(55,118,180,1) 0%,rgba(12,51,118,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(55,118,180,1) 0%,rgba(12,51,118,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(55,118,180,1) 0%,rgba(12,51,118,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3776b4', endColorstr='#0c3376',GradientType=0 ); /* IE6-8 */
    
        bottom: 0;
        top: inherit;
        width: 100%;
    }

    .carousel.compact .arrow {
        display: none;
    }

    .carousel.compact li.active .arrow {
        display: block;
        left: -999em;
    }

    .carousel.compact .text {
        left: 0;
        margin-bottom: 36px;
        right: 0;
        width: auto;
    }

    .carousel.hover.compact li.active .text {
        text-decoration: underline;
    }

    .carousel li.active {
        cursor: pointer;
    }

    .carousel.compact .figure,
    .carousel.compact .figure img {
        width: 100%;
    }

    .carousel.compact h2,
    .carousel.compact li.active h2,
    .carousel.compact.hover li.hover h2,
    .carousel.compact.hover li.active.hover h2 {
        background: transparent url('../images/icons/sprites_small/teaser-heading.png') top right no-repeat;
        border: none;
        color: white;
        cursor: default;
        display: inline-block;
        float: none;
        font-size: 0.7059em;
        font-weight: bold;
        line-height: 1.42em;
        margin: 0;
        padding: 0 2em 0 0.5em;
        position: absolute;
        top: -1.6em;
        left: -1px;
    }
    
    .carousel.compact h2 {
        right: -1px;
        width: auto;
    }

    .carousel.compact .carousel-controls a,
    #carousel-wrapper.carousel.compact .carousel-controls ul {
        display: inline-block;
        float: left;
        margin: 0.4em;
    }

    .carousel.compact .carousel-controls .playButton {
        background: transparent url('../images/icons/carousel-controls.png') -42px 0 no-repeat;
        position: absolute;
        right: 40px;
    }

    .carousel.compact .carousel-controls .playButton:focus {
        background: transparent url('../images/icons/carousel-controls.png') -63px 0 no-repeat;
    }

    .carousel.compact .carousel-controls .playButton.playing {
        background: transparent url('../images/icons/carousel-controls.png') -42px -22px no-repeat;
    }

    .carousel.compact .carousel-controls .playButton.playing:focus {
        background: transparent url('../images/icons/carousel-controls.png') -63px -22px no-repeat;
    }

    .carousel.compact .carousel-controls .prev {
        background: transparent url('../images/icons/carousel-controls.png') 0 -46px no-repeat;
        cursor: pointer;
        height: 19px;
        left: 12px;
        margin-top: 0.45em;
        position: absolute;
        text-indent: -999em;
        width: 14px;
    }

    .carousel.compact .carousel-controls .prev:focus {
        background: transparent url('../images/icons/carousel-controls.png') -28px -46px no-repeat;
    }

    .carousel.compact .carousel-controls .next {
        background: transparent url('../images/icons/carousel-controls.png') -14px -46px no-repeat;
        cursor: pointer;
        height: 19px;
        margin-top: 0.45em;
        position: absolute;
        right: 12px;
        text-indent: -999em;
        width: 14px;
    }

    .carousel.compact .carousel-controls .next:focus {
        background: transparent url('../images/icons/carousel-controls.png') -42px -46px no-repeat;
    }

    #carousel-wrapper.carousel.compact .carousel-controls .bullets {
        background: transparent;
        margin-left: 0;
        margin-right: 0;
        text-align: center;
        width: 100%;
    }

    .carousel.compact .carousel-controls .bullets li {
        cursor: pointer;
        display: inline-block;
    }

    .carousel.compact .carousel-controls .bullets li a {
        background: transparent url('../images/icons/carousel-controls.png') -56px -46px no-repeat;
        height: 19px;
        margin: 0 0.5em;
        text-indent: -999em;
        width: 14px;
    }

    .carousel.compact .carousel-controls .bullets li a:focus {
        background: transparent url('../images/icons/carousel-controls.png') -70px -46px no-repeat;
    }

    .carousel.compact .carousel-controls .bullets li.active a {
        background: transparent url('../images/icons/carousel-controls.png') -84px -46px no-repeat;
    }


/* #Mini-Mode in Compact View
================================================== */

    .carousel.compact.mini {
        min-height: 17.1429em; /* 240px */
    }

    .carousel.compact.mini .text {
        background-color: #3573b5;
    }

    .carousel.compact.mini .carousel-controls {
        border-top: 1px solid #b7b7b7;
    }

    .carousel.compact.mini .carousel-controls .prev,
    .carousel.compact.mini .carousel-controls .next {
        display: none;
    }

    .carousel.compact.mini .carousel-controls .playButton {
        right: 10px;
    }

    .carousel.compact.mini .figure {
        background-color: #3573b5;
        bottom: 0;
    }
    

/* #No-JS Styles
================================================== */

    .no-js #carousel-wrapper,
    .no-js .carousel {
        background: #f2f2f2;
        border-color: #D6D6D6 #B7B7B7 #B7B7B7 #D6D6D6;
        border-style: solid;
        border-width: 1px;
        min-height: 22.5em;
    }

    .no-js #carousel-wrapper ul, 
    .no-js .carousel ul {
        background: transparent;
        margin-top: 1.4286em;
    }
    
    .no-js #carousel-wrapper .overview, 
    .no-js .carousel .overview {
        font-size: 1em;
        margin: 1px;
        padding: 1em;
    }
    
    .no-js #carousel-wrapper li,
    .no-js .carousel li {
        margin-bottom: 0.5em;
    }
    
    .no-js #carousel-wrapper h2,
    .no-js .carousel h2 {
        font-size: 1.21em;
        margin: 0;
    }
    
    .no-js #carousel-wrapper p,
    .no-js .carousel p,
    .no-js #carousel-wrapper a,
    .no-js .carousel a {
        margin: 0;
        padding: 0 0 0 0.5em;
    }
    
    .no-js #carousel-wrapper .figure,
    .no-js .carousel .figure {
        display: none;
    }

/* css: forms */

    .box-caption.teaserCollapser a:hover,
    .box-caption.teaserCollapser a:focus {
        color: #cf241c;
    }

/* css: widgets */


/* CSS: forms */
/* Table of Content
==================================================

    #Basic Form Styles
    #Media Queries */


/* #Basic Form Styles
================================================== */

    .form {
        border: 1px solid white;
        background: #e5e5e5;
        margin: 0;
        padding: 1.7857em;
    }

    #searchform .field,
    #publicationSearch .field,
    #searchform fieldset,
    #publicationSearch fieldset {
        display: block;
        float: left;
        margin: 0;
    }

    #searchform button,
    #publicationSearch button {
        margin-bottom: 0;
    }

    .form-labels-nobold label {
        font-weight:  normal;
    }

    .form-horizontal label,
    .form-horizontal input,
    .form-horizontal select,
    .form-horizontal textarea {
        display: inline-block;
        vertical-align: middle;
        margin: 0;
    }

    .form-horizontal textarea {
        vertical-align: top;
    }

    .form-horizontal label {
        width: 10em;
        text-align: right;
        margin: 0 1.5em 0 0;
    }

    .form-horizontal .field-option {
        position: relative;
        margin: 0 0 0 11em;
    }

    .form-horizontal .field-option input {
        position: absolute;
        left: 0;
        top: .2em;
    }

    .form-horizontal .field-option-vertical .field-option-options {
        display: inline-block;
        vertical-align: top;
        margin: 0;
    }

    .form-horizontal .field-option-horizontal .field-option {
        display: inline-block;
        vertical-align: middle;
        margin: 0 2em 0 0;
    }

    .form-horizontal .field-option-horizontal .field-option.last {
        margin-right: 0;
    }

    .form-horizontal .field-option-vertical .field-option-options .field-option {
        margin: 0;
    }

    .form-horizontal .field-option-vertical .field-option-options,
    .form-horizontal .field-option-vertical .field-option-options .field-option {
        max-width: 37em;
    }

    .form-horizontal .field-option label {
        display: block;
        text-align: left;
        width: 100%;
        margin: 0 0 0 1.8em;
    }

    .box-caption {
        display: block;
        margin: 0 0 .4em 0;
    }
    
    a .box-caption,
    .box-caption a {
        color: #444;
    }
    
    .box-caption.teaserCollapser a:hover,
    .box-caption.teaserCollapser a:focus {
        color: #3776b4;
    }

    .boxed .field.focus {
        background-color: #EDEDED;
    }

    form .filterbox-wrap {
        margin: 0;
    }

    form .collapsible.closed {
        display: none;
    }

    form .filterbox > div {
        padding: 1.7857em;
    }

    .form-horizontal .collapsible .field {
        width: 100%;
        float: none;
    }

    button.with-margin-top {
        margin-top: 3em;
    }

    .form_notetext p {
      font-size: 13px;
    }


/* #Media Queries
================================================== */

    @media only screen and (max-width: 480px) {
        .form-horizontal label {
            text-align: left;
            width: auto;
            display: block;
            margin: 0 0 .2em 0;
        }

        .form-horizontal .field-option {
            margin: 0;
        }
        
        .box-caption {
            width: 100%;
        }
    }

    @media only screen and (max-width: 1300px) {
        .form-horizontal .field-option-vertical .field-option-options .field-option {
            max-width: 19em;
        }
    }
/* CSS: widgets */
/* Table of Content
==================================================

    #Widget Styles
    #Media Queries */


/* #Widget Styles
================================================== */

    .widgetContainer {
        background-color: #e5e5e5;
        margin: 1px;
    }

    .widget {
        background: white;
        border: 1px solid white;
        color: #666;
        cursor: pointer;
        float: left;
        font-size: 0.8571em;
        margin: 0.7143em;
        max-width: 15em;
        padding: 0.7143em;
        width: 100%;
        -webkit-border-radius: 10px;
                border-radius: 10px;
           -webkit-box-shadow:  0px 5px 5px 0px rgba(0, 0, 0, 0.15);
                   box-shadow:  0px 5px 5px 0px rgba(0, 0, 0, 0.15);
    }

    .widget h2 {
        border-bottom: 1px solid #d6d6d6;
        font-size: 1em;
        font-weight: normal;
        padding-bottom: 0.57em;
        text-transform: uppercase;
    }

    .widget p {
        margin: 0;
    }

    .widget.image, .widget img {
        text-align: center;
        vertical-align: middle;
    }

    .widget img {
      width: 100%;
    }
    
    .widget.image a {
        text-align: center;
        display: block;
        line-height: 0;
    }

    .widget.hover {
        border: 1px solid #194481;
    }

    .widget.newsletter {
        cursor: default;
    }

    .widget.newsletter strong {
        color: #003b7d;
        font-size: 0.8571em;
        line-height: 13px;
    }

    .widget.newsletter form {
        border-bottom: 1px solid #d6d6d6;
        margin: 1em 0;
    }

    .widget.newsletter button {
        padding: 6px 7px;
    }

    .widget.newsletter form input {
        margin: 4px 0 10px 0;
        padding: 3px 2px;
        width: 170px;
    }

    .widget.newsletter form label {
        font-size: 0.8571em;
    }

    .widget a.icon.left.arrow {
        padding-left: 13px;
    }
    
    .widget .linklist {
        margin: 0 0 0 16px;
    }

    .widget.contact {
        cursor: default;
    }

    
    .widget_exchange_rate {
      margin: 20px 3px 10px 3px;
      width:85%;
    }
    
    .widget_exchange_rate_rate_first {
          border-top: solid #fff 1px;
      padding:3px;
    }

    .widget_exchange_rate_rate {
      border-top: solid #ccc 1px;
      padding:3px;
    }

    .widget_exchange_rate_rate_flag {
      width: 22%;
      display: inline-block;
    }

    .widget_exchange_rate_rate_value {
      float: right;
    }

    .widget_exchange_rate_date {
      text-align: right;
      padding-top: 20px;
    }
    
    .widget_countdown {
        padding: 12px 5px 10px 5px;
        font-family: "Gill Sans W01 for OeNB Light", "Gill Sans Light", "Gill Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: black; 
        font-size: 1.1em;
    }
    
    .widget_countdown h2 {
        border-bottom: 1px solid #003b7d;
        padding-bottom: 0px;
    }
    
    .widget_countdown a:hover,  .widget_countdown a:focus {
        text-decoration: none;
    }


/* #Media Queries
================================================== */

    /* Mobile Size - Landscape & Portrait (devices and browsers) */
    @media only screen and (max-width: 480px) {
        
        .mobile #marginal .widgetContainer {
            margin-top: 0;
        }
    }
/* CSS: tables */
/* Table of Content
==================================================

    #Main Styles
    #Diagrams
    #Media Queries */


/* #Main Styles
================================================== */

    table {
        border-bottom: solid 2px rgb(55,118,180);
      /**  font: 0.8571em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; **/
        margin: 1.2em 0;
        padding: 1em 0;
        text-align: left;
        width: auto;
    }

    #relkal table {
        font-size: 70%;
        line-height: 100%;
    }

    table, table.txt4 {
        text-align: left;
    }

    td.subtitle, td.colHeader1, td.colHeader2, td.colHeader3, td.colHeader4, td.unit1, td.unit2, td.rowHeaderBlue1, td.rowHeaderBlue2, td.rowHeaderBlue3, td.rowHeaderBlue4,
    td.rowHeader1, td.rowHeader2, td.rowHeader3, td.rowHeader4, td.num1, td.num2, td.num3, td.num4, td.num5, td.num6, td.num7, td.num8, td.txt1, td.txt2, td.txt3, td.txt4, td.txt5, td.txt6, td.txt7, td.txt8, td.txt9, td.txt10, td.txt11, td.txt12,
    th.subtitle, th.colHeader1, th.colHeader2, th.colHeader3, th.colHeader4, th.unit1, th.unit2, th.rowHeaderBlue1, th.rowHeaderBlue2, th.rowHeaderBlue3, th.rowHeaderBlue4,
    th.rowHeader1, th.rowHeader2, th.rowHeader3, th.rowHeader4, th.num1, th.num2, th.num3, th.num4, th.num5, th.num6, th.num7, th.num8, th.txt1, th.txt2, th.txt3, th.txt4 {
        color: #000;
        font-size: 95%;
        line-height: 135%;
    }

    caption span {
        display: block;
        font-size: 100%;
        line-height: 100%;
        margin: 0;
        padding: 0;
        text-align: left;
    }

    th {
        text-align: left;
        vertical-align: top;
    }

    td.title, th.title, caption span.title  {
        color: #013473;
        font-size: 115%;
        font-weight: bold;
        line-height: 130%;
        padding: 0.5em 0 0 0;
    }

    td.title2, th.title2, caption span.title2 {
        color: #013473;
        font-size: 115%;
        font-weight: bold;
        line-height: 130%;
        padding: 0.1667em 0 0 0;
    }

    td.subtitle, th.subtitle, caption span.subtitle  {
        font-size: 100%;
        line-height: 120%;
        padding: 0.25em 0 1em 0;
    }

    td.colHeader1, th.colHeader1, td.unit1, th.unit1 {
        padding: 0 0.4167em;
    }
  
    td.colHeader2, th.colHeader2, td.unit2, th.unit2 {
        border-right: solid 1px #013473;
        padding: 0 0.4167em;
    }

    td.colHeader3, th.colHeader3 {
        border-bottom: solid 1px #013473;
        padding: 0 0.4167em;
    }

    td.colHeader4, th.colHeader4   {
        border-right: solid 1px #013473;
        border-bottom: solid 1px #013473;
        padding: 0 0.4167em;
    }

    td.unit1, th.unit1, td.unit2, th.unit2 {
        padding: 0 0.4167em 0.4167em 0.4167em;
    }

    td.rowHeaderBlue1, th.rowHeaderBlue1 {
        background-color: #e9ecf3;
        border-right: solid 1px #013473;
        color: #013473;
        padding: 0.1667em 0.4167em;
    }

    td.rowHeaderBlue2, th.rowHeaderBlue2 {
        border-right: solid 1px #013473;
        color: #013473;
        padding: 0.1667em 0.4167em 0.1667em 0;
    }

    td.rowHeaderBlue3, th.rowHeaderBlue3 {
        background-color: #e9ecf3;
        border-right: solid 1px #fff;
        color: #013473;
        padding: 0.1667em 0.4167em;
    }

    td.rowHeaderBlue4, th.rowHeaderBlue4 {
        border-right: solid 1px #fff;
        color: #013473;
        padding: 0.1667em 0.4167em 0.1667em 0;
    }

    td.rowHeader1, th.rowHeader1 {
        background-color: #e9ecf3;
        border-right: solid 1px #013473;
        padding: 0.1667em 0.4167em;
    }

    td.rowHeader2, th.rowHeader2 {
        background-color: #fff;
        border-right: solid 1px #013473;
        padding: 0.1667em 0.4167em 0.1667em 0;
    }

    td.rowHeader3, th.rowHeader3 {
        background-color: #e9ecf3;
        border-right: solid 1px #fff;
        padding: 0.1667em 0.4167em;
    }

    td.rowHeader4, th.rowHeader4 {
        background-color: #fff;
        border-right: solid 1px #fff;
        padding: 0.1667em 0.4167em 0.1667em 0;
    }

    td.num1, th.num1 {
        background-color: #e9ecf3;
        border-right: solid 1px #013473;
        padding: 0.1667em 0.4167em;
        text-align: right;
        vertical-align: bottom;
    }

    td.num2, th.num2 {
        background-color: #fff;
        text-align: right;
        vertical-align: bottom;
        border-right: solid 1px #013473;
        padding: 0.1667em 0.4167em;
    }

    td.num3, th.num3 {
        background-color: #e9ecf3;
        text-align: right;
        vertical-align: bottom;
        border-right: solid 1px #fff;
        padding: 0.1667em 0.4167em;
    }

    td.num4, th.num4 {
        background-color: #fff;
        border-right: solid 1px #fff;
        padding: 0.1667em 0.4167em;
        text-align: right;
        vertical-align:  bottom;
    }

    td.num5, th.num5 {
        background-color: #e9ecf3;
        border-right: solid 1px #013473;
        border-bottom: solid 1px #013473;
        padding: 0.1667em 0.4167em;
        text-align: right;
        vertical-align: bottom;
    }

    td.num6, th.num6 {
        background-color: #fff;
        border-right: solid 1px #013473;
        border-bottom: solid 1px #013473;
        padding: 0.1667em 0.4167em;
        text-align: right;
        vertical-align: bottom;
    }

    td.num7, th.num7 {
        background-color: #e9ecf3;
        border-right: solid 1px #fff;
        border-bottom: solid 1px #013473;
        padding: 0.1667em 0.4167em;
        text-align: right;
        vertical-align: bottom;
    }

    td.num8, th.num8 {
        background-color: #fff;
        border-right: solid 1px #ffffff;
        border-bottom: solid 1px #013473;
        padding: 0.1667em 0.4167em;
        text-align: right;
        vertical-align: bottom;
    }

    td.txt1, th.txt1 {
        background-color: #e9ecf3;
        border-right: solid 1px #013473;
        padding: 0.1667em 0.4167em;
        vertical-align: top;
    }

    td.txt2, th.txt2 {
        background-color: #fff;
        border-right: solid 1px #013473;
        padding: 0.1667em 0.4167em;
        vertical-align: top;
    }

    td.txt3, th.txt3 {
        background-color: #e9ecf3;
        border-right: solid 1px #fff;
        padding: 0.1667em 0.4167em;
        vertical-align: top;
    }

    td.txt4, th.txt4 {
        background-color: #fff;
        border-right: solid 1px #fff;
        padding: 0.1667em 0.4167em;
        vertical-align: top;
    }

    td.txt5, th.txt5 {
        background-color: #e9ecf3;
        border-right: solid 1px #013473;
        border-bottom: solid 1px #013473;
        padding: 0.1667em 0.4167em;
        vertical-align: top;
    }

    td.txt6, th.txt6 {
        background-color: #FFFFFF;
        border-right: solid 1px #013473;
        border-bottom: solid 1px #013473;
        padding: 0.1667em 0.4167em;
        vertical-align: top;
    }
    
    td.txt7, th.txt7 {
        background-color: #e9ecf3;
        border-right: solid 1px #ffffff;
        border-bottom: solid 1px #013473;
        padding: 0.1667em 0.4167em;
        vertical-align: top;
    }

    td.txt8, th.txt8 {
        background-color: #FFFFFF;
        border-right: solid 1px #ffffff;
        border-bottom: solid 1px #013473;
        padding: 0.1667em 0.4167em;
        vertical-align: top;
    }

    td.txt9, th.txt9 {
        background-color: #e9ecf3;
        border-right: solid 1px #013473;
        padding: 0.1667em 0.4167em;
        vertical-align: bottom;
    }

    td.txt10, th.txt10 {
        background-color: #FFFFFF;
        border-right: solid 1px #013473;
        padding: 0.1667em 0.4167em;
        vertical-align: bottom;
    }

    td.txt11, th.txt11 {
        background-color: #e9ecf3;
        border-right: solid 1px #FFFFFF;
        padding: 0.1667em 0.4167em;
        vertical-align: bottom;
    }

    td.txt12, th.txt12 {
        background-color: #FFFFFF;
        border-right: solid 1px #FFFFFF;
        padding: 0.1667em 0.4167em;
        vertical-align: bottom;
    }

    td.numblau1, th.numblau1 {
        background-color: #c7cae1;
        border-right: solid 1px #013473;
        color: #000;
        padding: 0.1667em 0.4167em;
        text-align: right;
        vertical-align: bottom;
    }

    td.numblau2, th.numblau2 {
        background-color: #fff;
        border-right: solid 1px #013473;
        color: #000;
        padding: 0.1667em 0.4167em;
        text-align: right;
        vertical-align: bottom;
    }

    td.numblau3, th.numblau3 {
        background-color: #c7cae1;
        border-right: solid 1px #fff;
        color: #000;
        padding: 0.1667em 0.4167em;
        text-align: right;
        vertical-align: bottom;
    }

    td.numblau4, th.numblau4 {
        background-color: #fff;
        border-right: solid 1px #fff;
        color: #000;
        padding: 0.1667em 0.4167em;
        text-align: right;
        vertical-align: bottom;
    }

    td.numblau5, th.numblau5 {
        background-color: #c7cae1;
        border-right: solid 1px #013473;
        border-bottom: solid 1px #013473;
        color: #000;
        padding: 0.1667em 0.4167em;
        text-align: right;
        vertical-align: bottom;
    }

    td.numblau6, th.numblau6 {
        background-color: #fff;
        border-right: solid 1px #013473;
        border-bottom: solid 1px #013473;
        color: #000;
        padding: 0.1667em 0.4167em;
        text-align: right;
        vertical-align: bottom;
    }

    td.numblau7, th.numblau7 {
        background-color: #c7cae1;
        border-right: solid 1px #fff;
        border-bottom: solid 1px #013473;
        color: #000;
        padding: 0.1667em 0.4167em;
        text-align: right;
        vertical-align: bottom;
    }

    td.numblau8, th.numblau8 {
        background-color: #fff;
        border-right: solid 1px #ffffff;
        border-bottom: solid 1px #013473;
        padding: 0.1667em 0.4167em;
        color: #000;
        text-align: right;
        vertical-align: bottom;
    }

    td.txtBlau1, th.txtBlau1 {
        background-color: #c7cae1;
        border-right: solid 1px #013473;
        color: #000;
        padding: 0.1667em 0.4167em;
        vertical-align: top;
    }

    td.txtBlau2, th.txtBlau2 {
        background-color: #fff;
        border-right: solid 1px #013473;
        color: #000;
        padding: 0.1667em 0.4167em;
        vertical-align: top;
    }

    td.txtBlau3, th.txtBlau3 {
        background-color: #c7cae1;
        border-right: solid 1px #fff;
        color: #000;
        padding: 0.1667em 0.4167em;
        vertical-align: top;
    }

    td.txtBlau4, th.txtBlau4 {
        background-color: #fff;
        color: #000;
        border-right: solid 1px #fff;
        padding: 0.1667em 0.4167em;
        vertical-align: top;
    }

    td.txtBlau5, th.txtBlau5 {
        background-color: #c7cae1;
        border-right: solid 1px #013473;
        border-bottom: solid 1px #013473;
        color: #000;
        padding: 0.1667em 0.4167em;
        vertical-align: top;
    }

    td.txtBlau6, th.txtBlau6 {
        background-color: #FFFFFF;
        border-right: solid 1px #013473;
        border-bottom: solid 1px #013473;
        color: #000;
        padding: 0.1667em 0.4167em;
        vertical-align: top;
    }

    td.txtBlau7, th.txtBlau7 {
        background-color: #c7cae1;
        border-right: solid 1px #ffffff;
        border-bottom: solid 1px #013473;
        color: #000;
        padding: 0.1667em 0.4167em;
        vertical-align: top;
    }

    td.txtBlau8, th.txtBlau8 {
        background-color: #FFFFFF;
        border-right: solid 1px #ffffff;
        border-bottom: solid 1px #013473;
        color: #000;
        padding: 0.1667em 0.4167em;
        vertical-align: top;
    }

    td.txtBlau9, th.txtBlau9 {
        background-color: #c7cae1;
        border-right: solid 1px #013473;
        color: #000;
        padding: 0.1667em 0.4167em;
        vertical-align: bottom;
    }

    td.txtBlau10, th.txtBlau10 {
        background-color: #FFFFFF;
        border-right: solid 1px #013473;
        color: #000;
        padding: 0.1667em 0.4167em;
        vertical-align: bottom;
    }

    td.txtBlau11, th.txtBlau11 {
        background-color: #c7cae1;
        border-right: solid 1px #FFFFFF;
        color: #000;
        padding: 0.1667em 0.4167em;
        vertical-align: bottom;
    }

    td.txtBlau12, th.txtBlau12 {
        background-color: #FFFFFF;
        border-right: solid 1px #FFFFFF;
        color: #000;
        padding: 0.1667em 0.4167em;
        vertical-align: bottom;
    }

    td.leerBB {
        border-right: solid 1px #013473;
        background-color: #e9ecf3;
        font-size: 0;
        line-height: 0.1667em;
        padding: 0;
    }
    td.leerWB {
        border-right: solid 1px #013473;
        background-color: #FFFFFF;
        font-size: 0;
        line-height: 0.1667em;
        padding: 0;
    }
    td.leerBW {
        border-right: solid 1px #FFFFFF;
        background-color: #e9ecf3;
        font-size: 0;
        line-height: 0.1667em;
        padding: 0;
    }
    td.leerWW {
        border-right: solid 1px #FFFFFF;
        background-color: #FFFFFF;
        font-size: 0;
        line-height: 0.1667em;
        padding: 0;
    }

    td.gray { color: #888888; }

    .leer1, .leer1 td { line-height: 0.0833em; }
    .leer2, .leer2 td { line-height: 0.1667em; }
    .leer3, .leer3 td { line-height: 0.25em; }
    .leer4, .leer4 td { line-height: 0.3333em; }
    .leer5, .leer5 td { line-height: 0.4167em; }
    .leer6, .leer6 td { line-height: 0.5em; }
    .leer7, .leer7 td { line-height: 0.5833em; }
    .leer8, .leer8 td { line-height: 0.6667em; }
    .leer9, .leer9 td { line-height: 0.75em; }
    .leer10, .leer10 td {line-height: 0.8333em; }
    .leer11, .leer11 td {line-height: 0.9167em; }

    sup { font-size: 90%; vertical-align: 25%; }
    sub {font-size: 90%;}
    strong { font-weight: bold; }

    .linie {
        line-height: 1px;
        margin: 0.1667em 0;
        border-bottom: solid 1px #013473;
    }

    td.number, td.footer, th.number, th.footer, p.footer, td.footer2, span.number  {
        font-size: 90%;
        line-height: 125%;
        padding: 0 0 0.1667em 0;
    }

    .footer.source {
        text-align: right;
    }

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

    td.zeichen {
        font: 100%/110% 'Wingdings 2';
        text-align: center;
    }

    table.nolinksize span { display: none; }

    td.title2_rel-kal {
        background-color: #fff;
        color: #013473;
        font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 1.1667em;
        font-weight: bold;
        padding-bottom: 0.5833em;
        padding-left: 0.4167em;
        padding-top: 1em;
    }

    /* Isaweb */

    body.isa { margin: 0 0.833em; }

    .toolbarText, .toolbarExportText {
        padding: 0.4167em 1.6667em 0 0;
        vertical-align: middle;
    }

    .toolbarTextright {
        padding: 0.4167em 1.6667em 0 1.25em;
        vertical-align: middle;
    }

    table.bottomRow {
        border-top: #797979 solid 1px;
        border-bottom: #797979 solid 1px;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    tr.ueber1 { padding-top: 0.4167em; }

    td.bottomRow {
        font-size: 0,8333em;
        padding: 0 1.6667em 0 1.6667em;
    }

    td.lastChange {
        color: #000000;
        font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 0.8333em;
        font-weight: normal;
    }

    td.blaettern {
        color: #000000;
        font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 0.9167em;
        font-weight: normal;
        text-align: center;
    }

    td.blaettern:hover {
        color: #013473;
        font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 11px;
        font-weight: normal;
        text-align: center;
    }

    table.optionen {
        font-size: 95%;
        line-height: 100%;
        background: #e9ecf3;
        border: solid 0.4167em #e9ecf3;
        margin-bottom: 2.5em;
        width: auto;
    }

    table.optionen td, table.optionen td.options {
        padding: 0.25em 0.4167em 0.25em 0;
        text-align: left;
        vertical-align: middle;
        width: auto;
    }

    table.optionen td select { font-size: 95%; line-height: 100%; }

    a.metalink:active,
    a.metalink:link,
    a.metalink:visited { color: #000000; text-decoration: none; }
    a.metalink:hover   { color: #0000FF; text-decoration: none; }

    a.footer:active,
    a.footer:link,
    a.footer:visited { color: #013473; text-decoration: none; }
    a.footer:hover   { color: #000033; text-decoration: none; }

    a.blaettern:active,
    a.blaettern:link,
    a.blaettern:visited {color: #0000FF; text-decoration: none; }
    a.blaettern:hover   {color: #d30606; text-decoration: none; }

    a.closeWindow:active,
    a.closeWindow:link,
    a.closeWindow:visited,
    a.closeWindow:hover { color: #013473; text-decoration: none; }


    /* Organisationsplan */

    table.orgplan { font-size: 100%; line-height: 150%; border-bottom: none; margin-top: 0px; }
    
    table.orgplan table { border-bottom: none;}

    td.res { padding: 0.25em 0;
        border-bottom: solid #d9d9d9 1px; }

    td.res td {padding: 0.25em 0.25em;}

    table.org0 { line-height: 140%; }

    td.org {
        border-bottom: solid #d9d9d9 1px;
        color: #000;
        padding: 0.25em 0;
        text-decoration: none;
    }

    table.orgplan a { text-decoration: none; }

    td.org a:hover {
        color: #013473;
        text-decoration: none;
    }

    td.org2 {
        border-bottom: solid #d9d9d9 1px;
        color: #808080;
        padding: 0.25em 0;
    }

    td.org_dir {
        background-color: #8faece;
        color: #ffffff;
        text-decoration: none;
        border-bottom: solid #d9d9d9 1px;
    }

    td.org_di a:hover {
        color: #013473;
    }

    td.org_hal {
        border-bottom: solid #d9d9d9 1px;
        color: #3880b0;
        padding: 0;
    }

    td.org_hrf {
        border-bottom: solid #d9d9d9 1px;
        color: #8faece;
        padding: 0.;
    }

    td.org_blau, td.org_blau a, td.org_blau a:hover {
        background: #013473;
        color: white;
        padding: 0 0.25em;
    }

    td._blau20 {
        background:  #8faece;
        line-height: 0.05em;
        padding: 0;
    }

    td._blau10 {
        background: #c8d5e6;
        line-height: 0.1667em;
    }

    td.rot { background: #7d2c3e; line-height: 0.5em; }
    td.org_red { background: #7d2c3e; color: #fff; padding: 0 0.25em; }

    td.res table {border: 1px solid #D9D9D9; padding: 0.5em}


    /* Neues Design */
    td.footer { font-style:italic; text-align: left; }
    span.title { border-top: 2px solid rgb(55,118,180); }
    table.neu { border-bottom: solid 0.25em #013473; margin-bottom: 1.3em; padding: 0; }


    /* Programm */

    table.program td {
        font-size: 100%;
        line-height: 130%;
        padding: 0 0 0.8333em 0;
    }

    table.program td.date { padding: 0.8333em 0 0.8333em 0; }

    table.program td.w325 { width: 27.0833em; }

    table.program td.w425 { width: 35.4167em; }

    table.program td div.klbild { margin: 0 0.8333em 0.8333em 0; }

    table.program td a.explorer2 { background: url("/img/explorer2_tcm12-53042.gif") no-repeat 0 0; padding: 0 0 0 1em; }
    table.program td a.link2 { background: url("/img/link2_tcm12-53043.gif") no-repeat 0 0; padding: 0 0 0 1em; }
    table.program td a.pdf2 { background: url("/img/pdf2_tcm12-53044.gif") no-repeat 0 0; padding: 0 0 0 1em; }
    table.program td a.zip2 { background: url("/img/zip2_tcm12-53045.gif") no-repeat 0 0; padding: 0 0 0 1em; }


    table a.info {
        background: transparent url('../images/icons/sprites_small/icon-info.png') 0 0 no-repeat;
        background-size: 100% 200%;
        display: inline-block;
        height: 12px;
        margin-left: 0.3em;
        text-indent: -9999em;
        width: 12px;
    }

    table a.info:focus,
    table a.info:hover {
        background-position: 0 -12px;
    }


/* #Diagrams
================================================== */

    .diagram {
        margin: 3em 0;
    }


/* #Media Queries
================================================== */

    /* Large screens (devices and browsers) */
    @media only screen and (min-width: 1061px) and (max-width: 1300px) {}

    /* Standard Screen (fluid till Mobile - devices and browsers) */
    @media only screen and (min-width: 481px) and (max-width: 1060px) {}
    @media only screen and (max-width: 870px) {}
/* CSS: flags-sprite */
/*!
    FamFamFam Flags Icons Set CSS Sprite Classes
        <http://www.famfamfam.com/lab/icons/flags/>
    Licensed under Free of use license
    Sources and updates of the sprites on GitHub (not liable for FamFamFam)
        <http://github.com/atelierspierrot/famfamfam-flags-sprite>
*/

/* ---------------------------------------

PRESENTATION
    The icons names, and associated classes, follows the ISO 3166-1 alpha-2 country codes
        <http://en.wikipedia.org/wiki/ISO_3166-1_alpha-2>
    This file IS (and MUST BE) CSS3 valid:
        - classes beginning by a number must be escaped with '\3'
        - modern selectors are allowed (see <http://www.w3.org/TR/css3-selectors/>)
    You may find a minified version of this file in "FILENAME.min.css"

USAGE
        <span class="flag-icon [reset] country_code"></span>

--------------------------------------- */

/* ---------------------------------------
    global reset (optional) 
--------------------------------------- */
.flag-icon.reset {
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1em !important;
    background-color: transparent !important;
} 

/* ---------------------------------------
    sprite 16x11 icons
--------------------------------------- */
.flag-icon {
    background-image: url("/resources/oenb/images/flags/flags-sprite.png");
    background-position: top left;
    background-repeat: no-repeat;
    display:inline-block;
    width: 16px;
    height: 11px;
    line-height: 11px;
    vertical-align: text-top;
}

.flag-icon.ad{ background-position: 0 0;  } 
.flag-icon.ae{ background-position: 0 -26px;  } 
.flag-icon.af{ background-position: 0 -52px;  } 
.flag-icon.ag{ background-position: 0 -78px;  } 
.flag-icon.ai{ background-position: 0 -104px;  } 
.flag-icon.al{ background-position: 0 -130px;  } 
.flag-icon.am{ background-position: 0 -156px;  } 
.flag-icon.an{ background-position: 0 -182px;  } 
.flag-icon.ao{ background-position: 0 -208px;  } 
.flag-icon.ar{ background-position: 0 -234px;  } 
.flag-icon.as{ background-position: 0 -260px;  } 
.flag-icon.at{ background-position: 0 -286px;  } 
.flag-icon.au{ background-position: 0 -312px;  } 
.flag-icon.aw{ background-position: 0 -338px;  } 
.flag-icon.ax{ background-position: 0 -364px;  } 
.flag-icon.az{ background-position: 0 -390px;  } 
.flag-icon.ba{ background-position: 0 -416px;  } 
.flag-icon.bb{ background-position: 0 -442px;  } 
.flag-icon.bd{ background-position: 0 -468px;  } 
.flag-icon.be{ background-position: 0 -494px;  } 
.flag-icon.bf{ background-position: 0 -520px;  } 
.flag-icon.bg{ background-position: 0 -546px;  } 
.flag-icon.bh{ background-position: 0 -572px;  } 
.flag-icon.bi{ background-position: 0 -598px;  } 
.flag-icon.bj{ background-position: 0 -624px;  } 
.flag-icon.bm{ background-position: 0 -650px;  } 
.flag-icon.bn{ background-position: 0 -676px;  } 
.flag-icon.bo{ background-position: 0 -702px;  } 
.flag-icon.br{ background-position: 0 -728px;  } 
.flag-icon.bs{ background-position: 0 -754px;  } 
.flag-icon.bt{ background-position: 0 -780px;  } 
.flag-icon.bv{ background-position: 0 -806px;  } 
.flag-icon.bw{ background-position: 0 -832px;  } 
.flag-icon.by{ background-position: 0 -858px;  } 
.flag-icon.bz{ background-position: 0 -884px;  } 
.flag-icon.ca{ background-position: 0 -910px;  } 
.flag-icon.catalonia{ background-position: 0 -936px;  } 
.flag-icon.cc{ background-position: 0 -962px;  } 
.flag-icon.cd{ background-position: 0 -988px;  } 
.flag-icon.cf{ background-position: 0 -1014px;  } 
.flag-icon.cg{ background-position: 0 -1040px;  } 
.flag-icon.ch{ background-position: 0 -1066px;  } 
.flag-icon.ci{ background-position: 0 -1092px;  } 
.flag-icon.ck{ background-position: 0 -1118px;  } 
.flag-icon.cl{ background-position: 0 -1144px;  } 
.flag-icon.cm{ background-position: 0 -1170px;  } 
.flag-icon.cn{ background-position: 0 -1196px;  } 
.flag-icon.co{ background-position: 0 -1222px;  } 
.flag-icon.cr{ background-position: 0 -1248px;  } 
.flag-icon.cs{ background-position: 0 -1274px;  } 
.flag-icon.cu{ background-position: 0 -1300px;  } 
.flag-icon.cv{ background-position: 0 -1326px;  } 
.flag-icon.cx{ background-position: 0 -1352px;  } 
.flag-icon.cy{ background-position: 0 -1378px;  } 
.flag-icon.cz{ background-position: 0 -1404px;  } 
.flag-icon.de{ background-position: 0 -1430px;  } 
.flag-icon.dj{ background-position: 0 -1456px;  } 
.flag-icon.dk{ background-position: 0 -1482px;  } 
.flag-icon.dm{ background-position: 0 -1508px;  } 
.flag-icon.do{ background-position: 0 -1534px;  } 
.flag-icon.dz{ background-position: 0 -1560px;  } 
.flag-icon.ec{ background-position: 0 -1586px;  } 
.flag-icon.ee{ background-position: 0 -1612px;  } 
.flag-icon.eg{ background-position: 0 -1638px;  } 
.flag-icon.eh{ background-position: 0 -1664px;  } 
.flag-icon.england{ background-position: 0 -1690px;  } 
.flag-icon.er{ background-position: 0 -1716px;  } 
.flag-icon.es{ background-position: 0 -1742px;  } 
.flag-icon.et{ background-position: 0 -1768px;  } 
.flag-icon.europeanunion{ background-position: 0 -1794px;  } 
.flag-icon.fam{ background-position: 0 -1820px;  } 
.flag-icon.fi{ background-position: 0 -1846px;  } 
.flag-icon.fj{ background-position: 0 -1872px;  } 
.flag-icon.fk{ background-position: 0 -1898px;  } 
.flag-icon.fm{ background-position: 0 -1924px;  } 
.flag-icon.fo{ background-position: 0 -1950px;  } 
.flag-icon.fr{ background-position: 0 -1976px;  } 
.flag-icon.ga{ background-position: -36px 0;  } 
.flag-icon.gb{ background-position: -36px -26px;  } 
.flag-icon.gd{ background-position: -36px -52px;  } 
.flag-icon.ge{ background-position: -36px -78px;  } 
.flag-icon.gf{ background-position: -36px -104px;  } 
.flag-icon.gh{ background-position: -36px -130px;  } 
.flag-icon.gi{ background-position: -36px -156px;  } 
.flag-icon.gl{ background-position: -36px -182px;  } 
.flag-icon.gm{ background-position: -36px -208px;  } 
.flag-icon.gn{ background-position: -36px -234px;  } 
.flag-icon.gp{ background-position: -36px -260px;  } 
.flag-icon.gq{ background-position: -36px -286px;  } 
.flag-icon.gr{ background-position: -36px -312px;  } 
.flag-icon.gs{ background-position: -36px -338px;  } 
.flag-icon.gt{ background-position: -36px -364px;  } 
.flag-icon.gu{ background-position: -36px -390px;  } 
.flag-icon.gw{ background-position: -36px -416px;  } 
.flag-icon.gy{ background-position: -36px -442px;  } 
.flag-icon.hk{ background-position: -36px -468px;  } 
.flag-icon.hm{ background-position: -36px -494px;  } 
.flag-icon.hn{ background-position: -36px -520px;  } 
.flag-icon.hr{ background-position: -36px -546px;  } 
.flag-icon.ht{ background-position: -36px -572px;  } 
.flag-icon.hu{ background-position: -36px -598px;  } 
.flag-icon.id{ background-position: -36px -624px;  } 
.flag-icon.ie{ background-position: -36px -650px;  } 
.flag-icon.il{ background-position: -36px -676px;  } 
.flag-icon.in{ background-position: -36px -702px;  } 
.flag-icon.io{ background-position: -36px -728px;  } 
.flag-icon.iq{ background-position: -36px -754px;  } 
.flag-icon.ir{ background-position: -36px -780px;  } 
.flag-icon.is{ background-position: -36px -806px;  } 
.flag-icon.it{ background-position: -36px -832px;  } 
.flag-icon.jm{ background-position: -36px -858px;  } 
.flag-icon.jo{ background-position: -36px -884px;  } 
.flag-icon.jp{ background-position: -36px -910px;  } 
.flag-icon.ke{ background-position: -36px -936px;  } 
.flag-icon.kg{ background-position: -36px -962px;  } 
.flag-icon.kh{ background-position: -36px -988px;  } 
.flag-icon.ki{ background-position: -36px -1014px;  } 
.flag-icon.km{ background-position: -36px -1040px;  } 
.flag-icon.kn{ background-position: -36px -1066px;  } 
.flag-icon.kp{ background-position: -36px -1092px;  } 
.flag-icon.kr{ background-position: -36px -1118px;  } 
.flag-icon.kw{ background-position: -36px -1144px;  } 
.flag-icon.ky{ background-position: -36px -1170px;  } 
.flag-icon.kz{ background-position: -36px -1196px;  } 
.flag-icon.la{ background-position: -36px -1222px;  } 
.flag-icon.lb{ background-position: -36px -1248px;  } 
.flag-icon.lc{ background-position: -36px -1274px;  } 
.flag-icon.li{ background-position: -36px -1300px;  } 
.flag-icon.lk{ background-position: -36px -1326px;  } 
.flag-icon.lr{ background-position: -36px -1352px;  } 
.flag-icon.ls{ background-position: -36px -1378px;  } 
.flag-icon.lt{ background-position: -36px -1404px;  } 
.flag-icon.lu{ background-position: -36px -1430px;  } 
.flag-icon.lv{ background-position: -36px -1456px;  } 
.flag-icon.ly{ background-position: -36px -1482px;  } 
.flag-icon.ma{ background-position: -36px -1508px;  } 
.flag-icon.mc{ background-position: -36px -1534px;  } 
.flag-icon.md{ background-position: -36px -1560px;  } 
.flag-icon.me{ background-position: -36px -1586px;  } 
.flag-icon.mg{ background-position: -36px -1613px;  } 
.flag-icon.mh{ background-position: -36px -1639px;  } 
.flag-icon.mk{ background-position: -36px -1665px;  } 
.flag-icon.ml{ background-position: -36px -1691px;  } 
.flag-icon.mm{ background-position: -36px -1717px;  } 
.flag-icon.mn{ background-position: -36px -1743px;  } 
.flag-icon.mo{ background-position: -36px -1769px;  } 
.flag-icon.mp{ background-position: -36px -1795px;  } 
.flag-icon.mq{ background-position: -36px -1821px;  } 
.flag-icon.mr{ background-position: -36px -1847px;  } 
.flag-icon.ms{ background-position: -36px -1873px;  } 
.flag-icon.mt{ background-position: -36px -1899px;  } 
.flag-icon.mu{ background-position: -36px -1925px;  } 
.flag-icon.mv{ background-position: -36px -1951px;  } 
.flag-icon.mw{ background-position: -36px -1977px;  } 
.flag-icon.mx{ background-position: -72px 0;  } 
.flag-icon.my{ background-position: -72px -26px;  } 
.flag-icon.mz{ background-position: -72px -52px;  } 
.flag-icon.na{ background-position: -72px -78px;  } 
.flag-icon.nc{ background-position: -72px -104px;  } 
.flag-icon.ne{ background-position: -72px -130px;  } 
.flag-icon.nf{ background-position: -72px -156px;  } 
.flag-icon.ng{ background-position: -72px -182px;  } 
.flag-icon.ni{ background-position: -72px -208px;  } 
.flag-icon.nl{ background-position: -72px -234px;  } 
.flag-icon.no{ background-position: -72px -260px;  } 
.flag-icon.np{ background-position: -72px -286px;  } 
.flag-icon.nr{ background-position: -72px -312px;  } 
.flag-icon.nu{ background-position: -72px -338px;  } 
.flag-icon.nz{ background-position: -72px -364px;  } 
.flag-icon.om{ background-position: -72px -390px;  } 
.flag-icon.pa{ background-position: -72px -416px;  } 
.flag-icon.pe{ background-position: -72px -442px;  } 
.flag-icon.pf{ background-position: -72px -468px;  } 
.flag-icon.pg{ background-position: -72px -494px;  } 
.flag-icon.ph{ background-position: -72px -520px;  } 
.flag-icon.pk{ background-position: -72px -546px;  } 
.flag-icon.pl{ background-position: -72px -572px;  } 
.flag-icon.pm{ background-position: -72px -598px;  } 
.flag-icon.pn{ background-position: -72px -624px;  } 
.flag-icon.pr{ background-position: -72px -650px;  } 
.flag-icon.ps{ background-position: -72px -676px;  } 
.flag-icon.pt{ background-position: -72px -702px;  } 
.flag-icon.pw{ background-position: -72px -728px;  } 
.flag-icon.py{ background-position: -72px -754px;  } 
.flag-icon.qa{ background-position: -72px -780px;  } 
.flag-icon.re{ background-position: -72px -806px;  } 
.flag-icon.ro{ background-position: -72px -832px;  } 
.flag-icon.rs{ background-position: -72px -858px;  } 
.flag-icon.ru{ background-position: -72px -884px;  } 
.flag-icon.rw{ background-position: -72px -910px;  } 
.flag-icon.sa{ background-position: -72px -936px;  } 
.flag-icon.sb{ background-position: -72px -962px;  } 
.flag-icon.sc{ background-position: -72px -988px;  } 
.flag-icon.scotland{ background-position: -72px -1014px;  } 
.flag-icon.sd{ background-position: -72px -1040px;  } 
.flag-icon.se{ background-position: -72px -1066px;  } 
.flag-icon.sg{ background-position: -72px -1092px;  } 
.flag-icon.sh{ background-position: -72px -1118px;  } 
.flag-icon.si{ background-position: -72px -1144px;  } 
.flag-icon.sj{ background-position: -72px -1170px;  } 
.flag-icon.sk{ background-position: -72px -1196px;  } 
.flag-icon.sl{ background-position: -72px -1222px;  } 
.flag-icon.sm{ background-position: -72px -1248px;  } 
.flag-icon.sn{ background-position: -72px -1274px;  } 
.flag-icon.so{ background-position: -72px -1300px;  } 
.flag-icon.sr{ background-position: -72px -1326px;  } 
.flag-icon.st{ background-position: -72px -1352px;  } 
.flag-icon.sv{ background-position: -72px -1378px;  } 
.flag-icon.sy{ background-position: -72px -1404px;  } 
.flag-icon.sz{ background-position: -72px -1430px;  } 
.flag-icon.tc{ background-position: -72px -1456px;  } 
.flag-icon.td{ background-position: -72px -1482px;  } 
.flag-icon.tf{ background-position: -72px -1508px;  } 
.flag-icon.tg{ background-position: -72px -1534px;  } 
.flag-icon.th{ background-position: -72px -1560px;  } 
.flag-icon.tj{ background-position: -72px -1586px;  } 
.flag-icon.tk{ background-position: -72px -1612px;  } 
.flag-icon.tl{ background-position: -72px -1638px;  } 
.flag-icon.tm{ background-position: -72px -1664px;  } 
.flag-icon.tn{ background-position: -72px -1690px;  } 
.flag-icon.to{ background-position: -72px -1716px;  } 
.flag-icon.tr{ background-position: -72px -1742px;  } 
.flag-icon.tt{ background-position: -72px -1768px;  } 
.flag-icon.tv{ background-position: -72px -1794px;  } 
.flag-icon.tw{ background-position: -72px -1820px;  } 
.flag-icon.tz{ background-position: -72px -1846px;  } 
.flag-icon.ua{ background-position: -72px -1872px;  } 
.flag-icon.ug{ background-position: -72px -1898px;  } 
.flag-icon.um{ background-position: -72px -1924px;  } 
.flag-icon.us{ background-position: -72px -1950px;  } 
.flag-icon.uy{ background-position: -72px -1976px;  } 
.flag-icon.uz{ background-position: -108px 0;  } 
.flag-icon.va{ background-position: -108px -26px;  } 
.flag-icon.vc{ background-position: -108px -52px;  } 
.flag-icon.ve{ background-position: -108px -78px;  } 
.flag-icon.vg{ background-position: -108px -104px;  } 
.flag-icon.vi{ background-position: -108px -130px;  } 
.flag-icon.vn{ background-position: -108px -156px;  } 
.flag-icon.vu{ background-position: -108px -182px;  } 
.flag-icon.wales{ background-position: -108px -208px;  } 
.flag-icon.wf{ background-position: -108px -234px;  } 
.flag-icon.ws{ background-position: -108px -260px;  } 
.flag-icon.ye{ background-position: -108px -286px;  } 
.flag-icon.yt{ background-position: -108px -312px;  } 
.flag-icon.za{ background-position: -108px -338px;  } 
.flag-icon.zm{ background-position: -108px -364px;  } 
.flag-icon.zw{ background-position: -108px -390px;  } 

/* CSS: lightbox */
/* Table of Content
==================================================

    #Main Lightbox Styles */


/* #Main Lightbox Styles
================================================== */

    .lightboxOverlay {
        background-color: #000;
        height: 100%;
        left: 0;
        opacity:0.75 !important; 
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1000;
        
              filter: alpha(opacity=75) !important; 
          -ms-filter: alpha(opacity=75) !important;
        -moz-opacity: 0.75 !important;
    }

    #lightbox {
        background-color: white;
        overflow: hidden;
        position: absolute;
        top: 0;
        z-index: 1005;

        -webkit-border-radius: 5px;
                border-radius: 5px;
        -webkit-box-shadow:  0px 5px 5px 0px rgba(0, 0, 0, 0.35);
                box-shadow:  0px 5px 5px 0px rgba(0, 0, 0, 0.35);
    }

    #lightbox:focus {
      outline: none;
    }

    #lightbox #lightboxControls {
        bottom: 0;
        display: block;
        left: 0;
        overflow: hidden;
        padding: 0.1em;
        position: absolute;
        right: 0;
        top: 0;
        -webkit-overflow-scrolling: touch;
    }
    
    #lightbox #lightboxControls #lightboxClose {
        bottom: 0;
        position: absolute;
        right: 0;
        z-index: 1006;
    }
    
    #lightbox #lightboxControls #lightboxClose span {
        background-color: #fff;
        height: 20px;
        width: 20px;
    }
    
    #lightbox #lightboxControls .prev,
    #lightbox #lightboxControls .next {
        background-color: #fff;
        min-height: 50px;
        min-width: 30px;
        position: absolute;
        text-indent: -999em;
        top: 40%;
    }
    
    #lightbox #lightboxControls .prev {
        left: 0px;
        
        -webkit-border-radius: 0px 50px 50px 0px;
                border-radius: 0px 50px 50px 0px;
    }
    
    #lightbox #lightboxControls .next {
        right: 0px;
        
        -webkit-border-radius: 50px 0px 0px 50px;
                border-radius: 50px 0px 0px 50px;
    }

    #lightboxContent {
        bottom: 0;
        left: 0;
        padding: 10px;
        position: absolute;
        right: 0;
        top: 0;
    }
    
    #lightboxContent .content.loading {
        background: transparent url('../images/icons/loading.gif') center center no-repeat;
    }
    
    #lightboxContent .content.loading img,
    #lightboxContent .content.loading #lightboxCaption {
        opacity: 0;
    }
    
    #lightboxContent h1 {
        color: #333;
        font-size: 1.21em;
        font-weight: bold;
        line-height: 1.5em;
        margin: 0;
    }
    
    #lightboxCaption {
        margin-right: 20px;
    }
    
    #lightboxCaption p {
        color: #666;
        margin: 0;
    }
    
    #lightboxCaption .copyright {
        font-style: italic;
    }
/* CSS: oenb */
/* Table of Content
================================================== */

div.tableDesc    { margin-top: 20px; }
div.tableDesc p  { display: inline; }
div.tableDesc ul { margin-top: 5px; margin-bottom: 0px; }

#mgnlhp { display: none; }

.publications em {
 background-color: #fefefe;
 font-weight: bold;
}

.publications .videoplayerWrapper {
 float: left;
 margin-top: 6px;
}

/* Quiz */

.quiz_question {
  margin: 0 0 15px;
}

.quiz_radio input {
  vertical-align: middle;
  margin: 0 3px;
  display: inline-block;
  width: 3%;
}

.quiz_radio div {
  display: inline-block;
  width: 93%;
  vertical-align: middle;
}

.quiz_radio label {
    margin: 5px 5px;
  font-weight: normal;
  vertical-align: middle;
}

.quiz_radio span {
  margin: 5px 5px;
  font-weight: normal;
  vertical-align: middle;
}

.quiz_radio p {
  margin: 0 0 0 0;
}

.quiz_checkbox input {
  vertical-align: middle;
  margin: 0 3px;
  display: inline-block;
  width: 3%;
}

.quiz_checkbox div {
  display: inline-block;
  vertical-align: middle;
  width: 93%;
}

.quiz_checkbox label {
    margin: 5px 5px;
  font-weight: normal;
  vertical-align: middle;
}

.quiz_checkbox span {
  margin: 5px 5px;
  font-weight: normal;
  vertical-align: middle;
}

.quiz_checkbox p {
  margin: 0 0 0 0;
}

.quiz_summary p {
  margin: 0 0 0 0;
}

.quiz_summary .margin {
  margin: 0 0 10px;
}

.quiz_summary .red {
  text-color:red;
}

.quiz_summary .green {
  text-color:green;
}


/* Bilanz - Gewinn und Verlustrechnung */

 
 /* == #Sheets ============================ */

.sheetbox {
  margin-top: 2.5em;
  border: 1px solid;
  border-color: #D6D6D6 #B7B7B7 #B7B7B7 #D6D6D6;
  
  -webkit-box-shadow:  0px 5px 5px 0px rgba(0, 0, 0, 0.15);
  box-shadow:  0px 5px 5px 0px rgba(0, 0, 0, 0.15);
}

.sheetWrapper {
  background: #FFFFFF;
  border: 1px solid #fff;
  min-height: 12.8571em;
  position: relative;
}
  
  
.sheetWrapper .sheetbox_tabs {
  position: absolute;
  left: -1px;
  top: -1.38em;
  margin: 0;
  background: none;
}

.sheetWrapper .sheetbox_tabs .sheetbox_tabs-tab {
  height: 1.29em;
  width: auto;
  line-height: 1.3;
  background: rgb( 235, 235, 235 );
  text-align: left;
  padding: 0 1.8em 0 1.2em;
  border: 0;
  border-right: 1px solid #d6d6d6;
}

.sheetWrapper .sheetbox_tabs .active,
.sheetWrapper .teaserbox_tabs .active.last {
  background-position: right -1px;
  background-color: rgb( 235, 235, 235 ) !important;  
  color: rgb( 255, 255, 255 );
}

.sheetWrapper .sheetbox_tabs .active,
.sheetWrapper .sheetbox_tabs .last {
  border: 0;
}

.sheetWrapper .sheetbox_tabs .active.last {
  background-color: transparent !important;
}

.sheetWrapper .sheetbox_tabs .active,
.sheetWrapper .sheetbox_tabs .active.last {
  background-color: transparent;
  background-image: url('../images/icons/sprites-1x.png');
  background-repeat: no-repeat;
  content: "";
}

.sheetbox #sheetbox_content .subtitle {
  padding-left: 20px;
}
.sheetbox #sheetbox_content table {
  border-bottom: none;
}

.push-top td {
  padding-top: 1em;
}
table .num1, table .num3 {
  white-space: nowrap;
}

/* CSS: oenb-lightbox */
.oenb_lightbox_black_overlay{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index:1001;
  -moz-opacity: 0.8;
  opacity:.80;
  filter: alpha(opacity=80);
}
.oenb_lightbox {
  display: none;
  position: fixed;
  top: 0.5em;
  left: 0.5em;
  right: 0.5em;
  bottom: 0.5em;
  text-align: center;
  padding: 0.5em;
  z-index:1002;
  overflow: auto;
}


.oenb_lightbox .close_link {
  background-color: white;
  padding: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
}


.bigger_videoplayer_button {
  clear: both;
  margin-bottom: 1em;
}

/* CSS: openstreetmap */
.olControlAttribution {
    bottom: 5px;
}

/**
 * Map Examples Specific
 */
.smallmap {
    width: 100%;
    height: 512px;
    border: 1px solid #ccc;
}
#tags {
    display: none;
}

#docs p {
    margin-bottom: 0.5em;
}

.olPopupContent h2 {
  font-size: 1em;
  font-weight: bold;
}

.olPopupContent a{
  font-size: 0.9em;
}

/* CSS: jquery-ui */
/*! jQuery UI - v1.10.4 - 2016-06-15
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.datepicker.css, jquery.ui.slider.css, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fsDefault=1.1em&fwDefault=normal&cornerRadius=0&bgColorHeader=%23194481&bgTextureHeader=flat&borderColorHeader=%23265598&fcHeader=%23ffffff&iconColorHeader=%23ffffff&bgColorContent=%23ffffff&bgTextureContent=flat&borderColorContent=%23e4e4e4&fcContent=%23222222&iconColorContent=%23222222&bgColorDefault=%23ffffff&bgTextureDefault=flat&borderColorDefault=%23d3d3d3&fcDefault=%23555555&iconColorDefault=%23888888&bgColorHover=%23dadada&bgTextureHover=flat&borderColorHover=%23cacaca&fcHover=%23212121&iconColorHover=%23454545&bgColorActive=%23ffffff&bgTextureActive=flat&borderColorActive=%23265598&fcActive=%23212121&iconColorActive=%23454545&bgColorHighlight=%23eeeeee&bgTextureHighlight=flat&borderColorHighlight=%23265598&fcHighlight=%23363636&iconColorHighlight=%232e83ff&bgColorError=%23fef1ec&bgTextureError=glass&borderColorError=%23cd0a0a&fcError=%23cd0a0a&iconColorError=%23cd0a0a&bgColorOverlay=%23aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=%23aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px&bgImgOpacityHeader=75&bgImgOpacityContent=75&bgImgOpacityDefault=75&bgImgOpacityHover=75&bgImgOpacityActive=65&bgImgOpacityHighlight=55&bgImgOpacityError=95
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #e4e4e4;
	background: #ffffff;
	color: #222222;
}
.ui-widget-content a {
	color: #222222;
}
.ui-widget-header {
	border: 1px solid #265598;
	background: #194481;
	color: #ffffff;
	font-weight: bold;
}
.ui-widget-header a {
	color: #ffffff;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3;
	background: #ffffff;
	font-weight: normal;
	color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #cacaca;
	background: #dadada;
	font-weight: normal;
	color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #212121;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #265598;
	background: #ffffff;
	font-weight: normal;
	color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #265598;
	background: #eeeeee;
	color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
	color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-default .ui-icon {
	background-image: url("images/ui-icons_888888_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url("images/ui-icons_454545_256x240.png");
}
.ui-state-active .ui-icon {
	background-image: url("images/ui-icons_454545_256x240.png");
}
.ui-state-highlight .ui-icon {
	background-image: url("images/ui-icons_2e83ff_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cd0a0a_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 0;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 0;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 0;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 0;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30);
}
.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30);
	border-radius: 8px;
}

/* CSS: jquery-ui-timepicker-addon */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { background: none; color: inherit; border: none; outline: none; border-bottom: solid 1px #555; width: 95%; }
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus { border-bottom-color: #aaa; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, 
.ui-timepicker-div.ui-timepicker-oneLine dt { display: none; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd, 
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }

.datepickerfield {
    width: 11em !important;
}
/* CSS: jquery-ui-overwrite */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }

.ui-datepicker-trigger {
    margin: 0 .5em 0 .2em;
    vertical-align: middle;
    width: 18px;
    height: 18px;
}

.ui-widget {
  font-size: .9em;
}