/* This file generated automatically on server side. All changes would be lost. */

/*!
 * @author:    Divio AG
 * @copyright:    http://www.divio.ch
 *//*! normalize.css v2.1.3 | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block
}

audio, canvas, video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

a {
    background: 0 0;
    color: #054696;
    text-decoration: none
}

a:active, a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-family: FrutigerBold
}

mark {
    background: #054696;
    color: #fff
}

code, kbd, pre, samp {
    font-family: monospace, serif;
    font-size: 1em
}

pre {
    white-space: pre-wrap
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure, ol ol, ul ul {
    margin: 0
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button, input {
    line-height: normal
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

body {
    margin: 0;
    font: normal 400 100.01%/1.25em FrutigerRegular, "Helvetica Neue", Helvetica, sans-serif;
    min-width: 20em;
    color: #454a4d
}

a:hover {
    color: #054696;
    text-decoration: underline
}

a:focus {
    color: #000
}

a[href^=tel] {
    color: #454a4d !important
}

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

blockquote, dl, hr, ol, p, pre, table, ul {
    margin: 0 0 1.53846em
}

hr {
    box-sizing: content-box;
    overflow: hidden;
    height: .07692em;
    margin: 0 0 1.46154em;
    border: none;
    background: #e6e6e6
}

abbr {
    font-variant: small-caps
}

iframe {
    border: none
}

table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse
}

.chromeframe, .noscript {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    color: #fff;
    font-size: .8125em;
    text-align: center;
    width: 100%;
    margin: 0;
    padding: .38462em 0;
    border: .07692em solid #993535;
    background: #c03c3c
}

.chromeframe a, .noscript a {
    color: #fff;
    font-family: FrutigerBold
}

.bold, strong {
    font-family: FrutigerBold;
    font-weight: 400
}

.italic {
    font-style: italic
}

.left {
    float: left
}

.right {
    float: right
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.align-left {
    text-align: left !important
}

.align-right {
    text-align: right !important
}

.align-center {
    text-align: center !important
}

.align-top {
    vertical-align: top !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-middle {
    vertical-align: middle !important
}

.img {
    max-width: 100%
}

.fullwidth {
    width: 100%
}

.img-spaceless {
    line-height: 0
}

.halfspace {
    margin-bottom: .76923em !important
}

.halfspace-small {
    margin-bottom: .53846em !important
}

.halfspace-xs {
    margin-bottom: .23077em !important
}

.nospace {
    margin-bottom: 0 !important
}

.nospace-top {
    margin-top: 0 !important
}

.nospace-left {
    margin-left: 0 !important
}

.nospace-right {
    margin-right: 0 !important
}

.break {
    margin: 1.53846em 0;
    border-bottom: .07692em solid #e6e6e6
}

.margin-top {
    margin-top: 5px
}

.margin-left {
    margin-left: 5px
}

.margin-right {
    margin-right: 5px
}

.margin-bottom {
    margin-bottom: 5px
}

.lead {
    font-size: 150%;
    line-height: 150%
}

.legal {
    font-size: 80%
}

.uppercase {
    text-transform: uppercase
}

.lowercase {
    text-transform: lowercase
}

.nowrap {
    white-space: nowrap
}

.break-word {
    word-wrap: break-word;
    word-break: break-all
}

.text-overflow {
    overflow: hidden;
    text-overflow: ellipsis
}

.offset {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left
}

.disable, .disabled {
    cursor: default
}

.cursor-disabled, .cursor-disabled label, .cursor-disabled:hover, .cursor-disabled:hover label {
    cursor: default !important
}

.text-muted {
    color: #454a4d
}

.text-info {
    color: #006799
}

.text-success {
    color: #0c0
}

.text-warning {
    color: #e6d300
}

.text-error {
    color: #d92400
}

.inline {
    display: inline-block
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.relative {
    position: relative
}

.static {
    position: static !important
}

.hidden {
    display: none !important;
    visibility: hidden
}

.list-style-decimal ol {
    padding-left: 1.53846em
}

.list-style-decimal ol li {
    list-style-type: decimal !important
}

ol.list-style-decimal {
    padding-left: 1.53846em
}

ol.list-style-decimal > li {
    list-style-type: decimal !important
}

.no-float {
    float: none
}

.print {
    display: none
}

.pb-after {
    page-break-after: always
}

.pb-before {
    page-break-before: always
}

.list, .list ol, .list ul, .list-reset, .list-reset ol, .list-reset ul, .reset-list, .reset-list ol, .reset-list ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.list li, .list ol li, .list ul li, .list-reset li, .list-reset ol li, .list-reset ul li, .reset-list li, .reset-list ol li, .reset-list ul li {
    margin: 0;
    padding: 0
}

.list li:before, .list ol li:before, .list ul li:before, .list-reset li:before, .list-reset ol li:before, .list-reset ul li:before, .reset-list li:before, .reset-list ol li:before, .reset-list ul li:before {
    content: none !important
}

.icon {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    display: inline-block;
    vertical-align: text-top;
    width: 16px;
    height: 16px;
    margin-right: .38462em;
    background: center center no-repeat
}

.icon-reverse {
    margin-right: 0;
    margin-left: .38462em
}

.media, .media-body {
    display: block;
    overflow: hidden
}

.media .icon, .media .icon-font {
    float: left;
    margin-right: 5px
}

.skip-links {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.skip-links a {
    position: relative;
    left: -624.9375em
}

.skip-links a:focus {
    left: 0
}

.autocomplete-results .autocomplete-foot:after, .autocomplete-results .autocomplete-foot:before, .clearfix:after, .clearfix:before, .def-list:after, .def-list:before, .frm .frm-horizontal ol > li:after, .frm .frm-horizontal ol > li:before, .frm-floated ol:after, .frm-floated ol:before {
    content: " ";
    display: table
}

.autocomplete-results .autocomplete-foot:after, .clearfix:after, .def-list:after, .frm .frm-horizontal ol > li:after, .frm-floated ol:after {
    clear: both
}

.clear {
    display: block;
    visibility: hidden;
    clear: both;
    overflow: hidden;
    width: 0;
    height: 0
}

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

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    position: static;
    overflow: visible;
    clip: auto;
    width: auto;
    height: auto;
    margin: 0
}

form, form legend {
    margin: 0 0 1.53846em
}

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

form fieldset label {
    cursor: pointer
}

form ol {
    margin: 0 0 1.53846em;
    padding: 0;
    list-style-type: none
}

form ol > li {
    list-style-type: none
}

form label {
    margin: 0 0 .30769em
}

form label abbr {
    border: none !important
}

form input, form select, form textarea {
    display: inline-block;
    color: #454a4d;
    font: normal 400 1em FrutigerRegular, "Helvetica Neue", Helvetica, sans-serif;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    border: .07692em solid #a8afb3;
    background: #fefefe
}

form input[type=search], form input[type=text], form input[type=password], form textarea {
    -webkit-appearance: none
}

form select {
    width: 13.46154em;
    border: .07692em solid #a8afb3
}

form select[multiple] {
    height: auto !important
}

form textarea {
    width: 15.38462em
}

form input[type=checkbox], form input[type=radio] {
    line-height: normal;
    margin: 0;
    cursor: pointer
}

form input[type=file], form input[type=image], form input[type=button], form input[type=reset], form input[type=submit], form input[type=checkbox], form input[type=radio] {
    -webkit-box-align: baseline
}

form input[type=file], form input[type=file]::-webkit-file-upload-button {
    cursor: pointer
}

form input:focus, form select:focus, form textarea:focus {
    outline: 0
}

form input[disabled], form input[readonly], form select[disabled], form select[readonly], form textarea[disabled], form textarea[readonly] {
    cursor: not-allowed
}

.frm .frm-vertical .empty, .frm fieldset .empty {
    display: none
}

.frm .frm-vertical .text-error, .frm fieldset .text-error {
    display: block
}

.frm .frm-horizontal .empty {
    display: block;
    cursor: default
}

.frm .frm-horizontal ol > li > label {
    float: left;
    text-align: right;
    width: 25%;
    padding-top: .38462em;
    padding-right: 5%
}

.frm .frm-horizontal ol > li > .field {
    float: left;
    width: 70%
}

.frm .frm-horizontal .text-error {
    line-height: 1.9em;
    padding-top: .23077em
}

.frm .inline label {
    padding-right: 1.53846em
}

.frm .input-text {
    width: 15.38462em
}

.frm .input-select {
    width: 16.46154em
}

.frm label.input-radiocheck-aligned {
    display: inline-block;
    position: relative;
    margin-left: 1.53846em
}

.frm label.input-radiocheck-aligned > span.uniform {
    position: absolute;
    top: 1px !important;
    left: -1.53846em
}

.frm .input-radiocheck-twoline {
    float: left;
    margin: .30769em .76923em .23077em 0 !important
}

.frm .input-error {
    border: .07692em solid #d92400;
    box-shadow: inset 0 0 .15385em #d92400
}

.frm .input-aligned {
    display: inline-block;
    position: relative;
    padding-left: 20px
}

.frm .input-aligned input {
    position: absolute;
    top: 5px;
    left: 0
}

.frm .input-nano {
    width: 2.76923em
}

.frm select.input-nano {
    width: 3.84615em
}

.frm .input-mini {
    width: 4.61538em
}

.frm select.input-mini {
    width: 5.69231em
}

.frm .input-small {
    width: 7.69231em
}

.frm select.input-small {
    width: 8.76923em
}

.frm .input-less {
    width: 10.15385em
}

.frm select.input-less {
    width: 11.23077em
}

.frm .input-medium {
    width: 12.30769em
}

.frm select.input-medium {
    width: 13.38462em
}

.frm .input-large {
    width: 18.46154em
}

.frm select.input-large {
    width: 19.53846em
}

.frm .input-block {
    box-sizing: border-box;
    width: 100%
}

.frm .input-auto {
    width: auto
}

.frm .radiocheck-list {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.frm .radiocheck-list li {
    padding: .38462em 0 0
}

.frm .btn, .frm .mail-stepbox a, .mail-stepbox .frm a {
    white-space: nowrap;
    cursor: pointer
}

.frm .btn-image {
    margin: 0;
    padding: 0;
    border: none;
    background: 0 0
}

.frm .btn-disabled {
    cursor: not-allowed !important;
    opacity: .5
}

.frm .text-info {
    display: block;
    margin: -.38462em 0 .76923em
}

@media (max-width: 0px) {
    .visible-phone {
        display: block
    }

    .hidden-phone, .hidden-phone.inline, .visible-desktop, .visible-tablet {
        display: none
    }

    .hidden-tablet {
        display: block
    }

    .hidden-tablet.inline {
        display: inline-block
    }

    .hidden-desktop {
        display: block
    }

    .hidden-desktop.inline {
        display: inline-block
    }
}

@media (min-width: 0px) and (max-width: 0px) {
    .visible-phone {
        display: none
    }

    .visible-tablet {
        display: block
    }

    .visible-desktop {
        display: none
    }

    .hidden-phone {
        display: block
    }

    .hidden-phone.inline {
        display: inline-block
    }

    .hidden-tablet, .hidden-tablet.inline {
        display: none
    }

    .hidden-desktop {
        display: block
    }

    .hidden-desktop.inline {
        display: inline-block
    }
}

@media (min-width: 0px) {
    .visible-phone, .visible-tablet {
        display: none
    }

    .hidden-phone, .visible-desktop {
        display: block
    }

    .hidden-phone.inline {
        display: inline-block
    }

    .hidden-tablet {
        display: block
    }

    .hidden-tablet.inline {
        display: inline-block
    }

    .hidden-desktop, .hidden-desktop.inline {
        display: none
    }
}

@font-face {
    font-family: FrutigerRegular;
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/af97a512-f55a-4f61-b2ce-659c883930fc.eot);
    src: url(../fonts/af97a512-f55a-4f61-b2ce-659c883930fc.eot?#iefix) format("embedded-opentype"), url(../fonts/3fbbd6b1-cfa7-4ff0-97ea-af1b2c489f15.woff) format("woff"), url(../fonts/076311f8-a01b-4389-a5eb-334a62e62d45.ttf) format("truetype"), url(../fonts/c59a36ab-4ef8-4ee1-a2f8-48aa79d4f877.svg#c59a36ab-4ef8-4ee1-a2f8-48aa79d4f877) format("svg")
}

@font-face {
    font-family: FrutigerBold;
    font-weight: 700;
    font-style: normal;
    src: url(../fonts/fbd7c0fb-f004-4e83-81d2-1d400413a873.eot);
    src: url(../fonts/fbd7c0fb-f004-4e83-81d2-1d400413a873.eot?#iefix) format("embedded-opentype"), url(../fonts/9aa32a81-1124-4c43-b3db-15bfb1f7aed2.woff) format("woff"), url(../fonts/6faffbf4-f8e8-4817-b24b-a390e166be7e.ttf) format("truetype"), url(../fonts/fc09de64-de25-425e-90dc-a0cae29b02c4.svg#fc09de64-de25-425e-90dc-a0cae29b02c4) format("svg")
}

@font-face {
    font-family: FrutigerLight;
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/7d3671fc-8c26-459c-98e1-997c4f6c8c93.eot);
    src: url(../fonts/7d3671fc-8c26-459c-98e1-997c4f6c8c93.eot?#iefix) format("embedded-opentype"), url(../fonts/2a004a53-ac5c-43b3-9eeb-9f74ae4c1609.woff) format("woff"), url(../fonts/74d53f3b-1683-4d5a-a556-e13f6553cdf0.ttf) format("truetype"), url(../fonts/3f5a5b87-e71e-4544-be0c-da4daa132710.svg#3f5a5b87-e71e-4544-be0c-da4daa132710) format("svg")
}

@media all {
    .header {
        position: relative;
        z-index: 100;
        margin: 0;
        background: #fff;
        box-shadow: 0 0 .25em rgba(0, 0, 0, .1)
    }

    .header .logo-main {
        position: relative;
        z-index: 12;
        font-size: 1em;
        width: 12.1875em;
        margin: 0;
        padding: .9375em 0 .9375em 2.1875em
    }

    .header .logo-main a {
        text-indent: -119988px;
        overflow: hidden;
        text-align: left;
        display: block;
        width: 8.75em;
        height: 2em;
        background: url(../img/logo-main-mobile.png) left top no-repeat;
        background-size: 100% auto
    }

    .header .logo-main img {
        display: none
    }

    .header .logo-main a:focus {
        outline: #054696 dotted 1px
    }

    .header .skip-links {
        position: absolute;
        top: 4.1875em;
        left: 3.3125em;
        width: 18.75em
    }

    .header .skip-links li {
        position: absolute;
        top: 0;
        left: 0;
        overflow: visible;
        width: 100%;
        padding: .3125em
    }

    .header .skip-links a {
        font-size: .8125em
    }

    .header .stepnav {
        float: right !important;
        font-size: .75em;
        height: auto !important
    }

    .header .stepnav ol {
        margin: 0;
        padding: 0;
        list-style-type: none
    }

    .header .stepnav ol li {
        float: left;
        color: #e1e4eb;
        line-height: 1.66667em;
        margin-right: 1.25em;
        padding-right: 1.66667em;
        background: url(../img/stepnav.png) right 5px no-repeat
    }

    .header .stepnav ol li.last {
        margin-right: 0;
        background: 0 0
    }

    .header .stepnav ol li span {
        top: .07143em;
        float: left;
        line-height: 1em;
        margin-right: .66667em;
        padding: .2em .4em;
        border: 1px solid #e8e9eb;
        border-radius: 100%
    }

    .header .stepnav ol .active {
        color: #fff;
        background-image: url(../img/stepnav-active.png)
    }

    .header .stepnav ol .active span {
        color: #054696;
        background: #fff
    }

    .header .quicknav {
        z-index: 10
    }

    .header .frm-quicksearch {
        position: absolute;
        top: 0;
        left: 0;
        font-size: .8125em;
        width: 100%;
        height: 7.69231em
    }

    .header .frm-quicksearch legend {
        position: absolute;
        top: 14px;
        right: 0;
        z-index: 110;
        width: 36px;
        height: 36px;
        margin: 0;
        cursor: pointer
    }

    .header .frm-quicksearch legend span {
        text-indent: -119988px;
        overflow: hidden;
        text-align: left;
        display: block;
        width: 16px;
        height: 16px;
        margin: 10px
    }

    .header .frm-quicksearch ol {
        display: none;
        position: absolute;
        top: .625em;
        left: 0;
        z-index: 100;
        width: 100%;
        margin: 0
    }

    .header .frm-quicksearch li {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding: .69231em 0 1em;
        background: #fff
    }

    .header .frm-quicksearch li > label {
        display: block;
        position: relative;
        width: 16.92308em;
        margin: 0 auto
    }

    .header .frm-quicksearch .icon-search {
        position: absolute;
        top: .4375em;
        right: 3px;
        z-index: 10;
        margin: 0;
        border-right: 4px solid #fff;
        border-left: 4px solid #fff;
        background-color: #fff
    }

    .header .frm-quicksearch .input-text {
        overflow: hidden;
        color: #43464c;
        line-height: 1.38462em;
        width: 13.84615em;
        height: 1.38462em;
        padding: .38462em 2.15385em .23077em .61538em
    }

    .header .frm-quicksearch .input-text:focus {
        border-color: #2e3233
    }

    .header .frm-quicksearch .btn-quicksearch {
        position: absolute;
        top: -2em;
        right: .30769em;
        z-index: 1000;
        padding: .1875em;
        opacity: 0
    }

    .header .frm-quicksearch .btn-quicksearch:focus {
        opacity: 1
    }

    .header .metanav {
        display: none
    }

    .header .button-group {
        display: none;
        float: right !important
    }

    .header .btn-group {
        position: relative;
        top: -1px
    }

    .tpl-print .header .logo-main {
        padding: 1.5625em 0
    }

    .tpl-print .header .mainnav-knob {
        display: none
    }

    .tpl-onba-narrow .header .skip-links {
        top: 3.4375em
    }

    .tpl-onba-narrow .header .title {
        display: block !important
    }

    .ie8 .header .stepnav ol li span {
        top: 0;
        behavior: stylesheet-url(pie.htc);
        position: relative
    }

    .ie8 .header .stepnav ol li span.visuallyhidden {
        behavior: none
    }

    .tpl-finanzinfo .header .mainnav ul > li a:focus, .tpl-finanzinfo .header .mainnav ul > li a:hover, .tpl-intranet .header .mainnav ul > li a:focus, .tpl-intranet .header .mainnav ul > li a:hover, .tpl-onba .header .mainnav ul > li a:focus, .tpl-onba .header .mainnav ul > li a:hover {
        text-decoration: underline
    }

    .tpl-finanzinfo .header .mainnav ul > li > ul, .tpl-onba .header .mainnav ul > li > ul {
        position: absolute;
        top: 2.125em;
        left: 0;
        clip: rect(auto, 59.125em, 2.5em, 0);
        z-index: 9;
        width: 100%;
        background: #fafaf8;
        box-shadow: .125em .0625em .25em rgba(0, 0, 0, .11)
    }

    .tpl-finanzinfo .header .mainnav ul > li > ul li a, .tpl-onba .header .mainnav ul > li > ul li a {
        color: #606775;
        font-family: FrutigerRegular, "Helvetica Neue", Helvetica, sans-serif
    }

    .tpl-finanzinfo .header .mainnav ul > li > ul li a:focus, .tpl-finanzinfo .header .mainnav ul > li > ul li a:hover, .tpl-onba .header .mainnav ul > li > ul li a:focus, .tpl-onba .header .mainnav ul > li > ul li a:hover {
        color: #000 !important
    }

    .tpl-finanzinfo .header .mainnav ul > li > ul li a:hover, .tpl-onba .header .mainnav ul > li > ul li a:hover {
        color: #000
    }

    .tpl-finanzinfo .header .mainnav ul > li.active, .tpl-onba .header .mainnav ul > li.active {
        background: url(../img/mainnav-active.png) center bottom no-repeat
    }

    .tpl-finanzinfo .header .mainnav ul > li.active > a, .tpl-onba .header .mainnav ul > li.active > a {
        color: #fff;
        font-family: FrutigerBold, "Helvetica Neue", Helvetica, Arial
    }

    .tpl-finanzinfo .header .mainnav ul > li > ul > li, .tpl-onba .header .mainnav ul > li > ul > li {
        background: 0 0
    }

    .tpl-finanzinfo .header .mainnav ul > li > ul > li.active > a, .tpl-onba .header .mainnav ul > li > ul > li.active > a {
        color: #054696
    }

    .tpl-finanzinfo ul .mainnav-bg, .tpl-onba ul .mainnav-bg {
        top: 2.125em;
        background: #fafaf8;
        box-shadow: 0 .0625em .25em rgba(0, 0, 0, .11)
    }

    .tpl-finanzinfo .logged-in, .tpl-onba .logged-in {
        position: absolute;
        top: .85714em;
        right: 0;
        color: #2d2f33;
        font-size: .875em
    }

    .tpl-finanzinfo .logged-in a, .tpl-onba .logged-in a {
        color: #2d2f33
    }

    .tpl-finanzinfo .logged-in a .icon, .tpl-onba .logged-in a .icon {
        font-size: .92857em
    }

    .tpl-finanzinfo .logged-in .focus, .tpl-onba .logged-in .focus {
        display: inline;
        margin-right: .5em
    }

    .tpl-finanzinfo .logged-in .focus a, .tpl-onba .logged-in .focus a {
        color: #054696
    }

    .tpl-onba .mainnav ul > li:first-child a, .tpl-onba .mainnav ul > li > ul > li:first-child a {
        margin-left: 0
    }

    .tpl-onba-narrow .logo-main {
        margin: 0;
        padding: 1.0625em 0 0 !important
    }

    .tpl-onba-narrow .quicknav {
        top: 2.6875em !important
    }

    .tpl-onba-narrow .title {
        font-family: FrutigerLight;
        font-size: 1.125em;
        margin: .5em 0 0 !important
    }
}

@media (min-width: 0px) {
    .header .logo-main {
        padding: 1.5625em 0 .5em
    }

    .header .logo-main a {
        width: 12.1875em;
        height: 2.8125em;
        background-image: url(../img/logo-main.png)
    }

    .header .mainnav {
        position: relative;
        top: 1.0625em;
        background: #054696
    }

    .header .mainnav ul {
        overflow: hidden;
        height: 2.125em;
        margin: 0;
        padding: 0;
        list-style-type: none
    }

    .header .mainnav ul:after, .header .mainnav ul:before {
        content: " ";
        display: table
    }

    .header .mainnav ul:after {
        clear: both
    }

    .header .mainnav ul > li {
        float: left;
        color: #e8e9eb;
        line-height: .8125em;
        height: 1.5625em;
        margin: .5625em 1.875em 0 0;
        padding: 0
    }

    .header .mainnav ul > li.active {
        font-family: FrutigerBold, "Helvetica Neue", Helvetica, Arial
    }

    .header .mainnav ul > li.active a {
        color: #fff
    }

    .header .mainnav ul > li:last-child {
        margin-right: 0
    }

    .header .mainnav ul > li a {
        color: #e8e9eb;
        font-size: .8125em;
        margin-left: .38462em
    }

    .header .mainnav ul > li a:focus, .header .mainnav ul > li a:hover {
        color: #fff;
        text-decoration: none
    }

    .header .mainnav ul > li span {
        position: relative;
        top: .0625em
    }

    .header .mainnav .title {
        display: none;
        padding-left: 1em
    }

    .header .mainnav-knob {
        display: none
    }

    .header .mainnav-bg {
        position: absolute;
        top: 0;
        left: -62.5em;
        z-index: -1;
        width: 63.125em;
        height: 2.125em;
        background: #054696
    }

    .header .mainnav-dropdown ul {
        padding-right: .9375em
    }

    .header .mainnav-dropdown ul > li {
        font-family: FrutigerLight;
        margin: 0 1.76471em 0 0;
        padding: 0
    }

    .header .mainnav-dropdown ul > li a {
        float: left;
        font-size: 1.0625em;
        line-height: 1em;
        height: 1.11765em;
        margin-left: 0;
        padding: .41176em 0 .47059em
    }

    .header .mainnav-dropdown ul > li .icon {
        position: relative;
        top: 3px
    }

    .header .mainnav-dropdown .right {
        float: right;
        margin-right: 0 !important;
        margin-left: 1.76471em
    }

    .header .mainnav-dropdown .expanded {
        background: url(../img/icons/mainnav-active.png) 35% bottom no-repeat
    }

    .header .mainnav-dropdown .expanded .icon {
        visibility: hidden
    }

    .header .metanav {
        display: block;
        float: left;
        margin: 0 1.25em
    }

    .header .metanav ul {
        margin: 0;
        padding: 0;
        list-style-type: none
    }

    .header .metanav ul li {
        float: left;
        line-height: 1.5em;
        margin-left: .75em;
        padding-left: .75em;
        background: url(../img/metanav-break.png) left center no-repeat
    }

    .header .metanav ul li:first-child {
        margin-left: 0;
        padding-left: 0;
        background: 0 0
    }

    .header .metanav ul li a {
        font-size: .8125em
    }

    .header .quicknav {
        position: absolute;
        top: 3em;
        right: 0;
        margin: 0;
        padding: 0 0 .76923em
    }

    .header .button-group {
        display: block;
        position: relative;
        top: -.15385em;
        float: left;
        font-size: .8125em;
        padding: 0
    }

    .header .button-group .btn, .header .button-group .mail-stepbox a, .mail-stepbox .header .button-group a {
        margin-left: .38462em
    }

    .header .button-group .first {
        margin-left: 0
    }

    .header .frm-quicksearch {
        position: relative;
        top: -.15385em;
        right: auto;
        left: 0;
        float: left;
        width: auto;
        height: auto;
        margin: 0 1.53846em 0 0
    }

    .header .frm-quicksearch legend {
        display: none
    }

    .header .frm-quicksearch ol {
        display: block !important;
        position: relative;
        top: 0;
        bottom: 0;
        left: 0
    }

    .header .frm-quicksearch li {
        width: auto;
        margin: 0;
        padding: 0
    }

    .header .frm-quicksearch li > label {
        width: auto
    }

    .header .frm-quicksearch .input-text {
        width: 11.53846em
    }

    .header .frm-quicksearch .btn-quicksearch {
        right: .15385em
    }

    .tpl-base .mainnav ul li ul {
        display: none !important
    }

    .megamenu {
        display: none;
        position: absolute;
        top: 8.0625em;
        left: 50%;
        z-index: 999;
        background: #f9f8f6;
        box-shadow: 0 .125em .25em rgba(0, 0, 0, .2)
    }

    .megamenu .megamenu-close {
        position: absolute;
        top: .3125em;
        right: .75em
    }

    .megamenu .megamenu-close a {
        float: right;
        font-size: .75em
    }

    .megamenu .megamenu-close a .icon {
        position: relative;
        top: -1px
    }

    .megamenu .megamenu-title {
        color: #054696;
        font-size: 1.0625em;
        line-height: 1.35294em;
        padding: 0 .52941em .29412em;
        border-bottom: 1px solid #999
    }

    .megamenu .megamenu-title a:focus {
        color: #054696;
        text-decoration: none
    }

    .megamenu .megamenu-title a:hover {
        text-decoration: underline
    }

    .megamenu ul {
        margin: 0;
        padding: 0;
        list-style-type: none
    }

    .megamenu ul li {
        color: #313a3d;
        padding: 0;
        border-bottom: 1px solid #e5e5e5
    }

    .megamenu ul li.active a {
        font-family: FrutigerBold, "Helvetica Neue", Helvetica, Arial
    }

    .megamenu ul li a {
        display: block;
        color: #313a3d;
        font-family: FrutigerLight;
        font-size: .9375em;
        padding: .53333em .6em;
        single-transition: background, .2s
    }

    .megamenu ul li a:focus, .megamenu ul li a:hover {
        color: #000;
        text-decoration: none;
        background: #fff
    }

    .megamenu ul li a:focus {
        text-decoration: underline
    }

    .megamenu .box {
        margin-top: .38462em
    }

    .megamenu .box-padding {
        padding: .38462em .76923em
    }

    .megamenu .boxtitle-small {
        font-size: 1em
    }

    .megamenu h2 {
        font-size: 1.38462em
    }

    .header .button-group .icon {
        margin-right: .38462em
    }

    .header .button-group .label {
        display: inline
    }

    .megamenu {
        width: 58.125em;
        margin-left: -29.375em
    }

    .megamenu .megamenu-inner {
        padding: 1.5625em 1.25em
    }

    .megamenu .megamenu-col {
        float: left;
        margin: 0 .625em
    }

    .megamenu .span-teaser {
        width: 14.375em
    }

    .megamenu .span-menu {
        width: 18.75em
    }
}

@media all {
    .footer {
        position: relative;
        z-index: 99;
        background: url(../img/bg-footer.png) left top repeat-x #e8e4dc
    }

    .footer .grid-24 {
        padding: 1.25em 0 .125em
    }

    .footer .copyright {
        color: #6a7173;
        font-size: .8125em;
        margin: 0 0 .76923em
    }

    .footer .copyright a {
        color: #6a7173
    }

    .footer .copyright a:focus, .footer .copyright a:hover {
        color: #000
    }

    .footer .left, .footer .right {
        float: none
    }

    .footer .footnav ul {
        margin: 0;
        padding: 0;
        list-style-type: none
    }

    .footer .footnav ul li {
        float: left;
        margin: 0 0 .3125em;
        padding: 0 .625em
    }

    .footer .footnav ul li a {
        color: #2e3233;
        font-size: .8125em
    }

    .footer .footnav ul li a:focus, .footer .footnav ul li a:hover {
        color: #000
    }

    .footer .footnav .top {
        position: absolute;
        top: 1.1875em;
        right: .625em
    }

    .footer .footnav .classic {
        position: absolute;
        top: 3.125em;
        right: .625em
    }

    .footer .footnav .footprint {
        margin: 0 0 .625em
    }

    .footer .footnav .footprint a {
        margin-right: 2.5em
    }

    .footer .footnav .social {
        position: relative;
        z-index: 100
    }

    .footer .footnav .social-share {
        position: relative;
        top: -.15385em;
        float: left;
        margin: 0 0 .76923em
    }

    .footer .footnav .social-share ul {
        position: absolute;
        bottom: 1.75em;
        left: 0;
        width: 10em;
        margin: 0;
        padding: 0 0 .125em;
        list-style-type: none;
        background: #f9f8f6;
        box-shadow: 0 .0625em .125em rgba(0, 0, 0, .15)
    }

    .footer .footnav .social-share ul li {
        float: none;
        margin: 0;
        padding: 0
    }

    .footer .footnav .social-share ul li a {
        display: block;
        padding: .30769em .61538em
    }

    .footer .footnav .social-share ul li .icon {
        position: relative;
        top: -1px
    }

    .footer .footnav .social-share .close {
        background: #454a4d
    }

    .footer .footnav .social-share .close a {
        color: #fff;
        font-family: FrutigerLight;
        font-size: .75em;
        text-align: right;
        margin: 0 .16667em .41667em 0;
        padding: 0
    }

    .footer .footnav .logo-interactive-data {
        position: relative;
        top: -.5625em;
        margin: 0 0 0 1.5625em;
        padding: 0
    }

    .footer .footnav .logo-interactive-data a {
        text-indent: -119988px;
        overflow: hidden;
        text-align: left;
        float: right;
        width: 7.69231em;
        height: 1.92308em;
        background: url(../img/logo-interactive-data.png) left top no-repeat
    }

    .footer .footnav .logo-interactive-data a:active, .footer .footnav .logo-interactive-data a:focus, .footer .footnav .logo-interactive-data a:hover {
        background-position: left -25px
    }

    .footer .footnav .logo-interactive-data a:focus {
        outline: #054696 dotted 1px
    }

    .tpl-intranet .footer, .tpl-onba .footer {
        background: 0 0
    }

    .tpl-intranet .footer .grid-24, .tpl-onba .footer .grid-24 {
        padding: .9375em 0 0;
        border-top: 1px solid #9e9a91
    }
}

@media (min-width: 0px) {
    .footer .copyright {
        margin: 0 0 1.25em
    }

    .footer .left {
        float: left
    }

    .footer .right {
        float: right
    }

    .footer .footnav ul li {
        float: left;
        margin: 0;
        padding: 0 0 0 1.5625em
    }

    .footer .footprint {
        margin: 0
    }
}

@media all {
    .ie8 .frm .label-disabled *, .ie8 .frm .label-disabled > * {
        position: relative;
        cursor: not-allowed;
        opacity: .5
    }

    .frm {
        width: 99.8%
    }

    .frm legend {
        font-size: 1.23077em;
        line-height: 1.375em;
        margin: 0 0 .3125em
    }

    .frm input, .frm select, .frm textarea {
        font-size: 1em;
        line-height: 1.23077em;
        height: 1.23077em;
        margin: 0;
        padding: .46154em .46154em .30769em;
        border: 1px solid #a8afb3;
        box-shadow: inset 0 .07692em 0 #f1f1f1
    }

    .ie8 .frm input, .ie8 .frm select, .ie8 .frm textarea, .ie9 .frm input, .ie9 .frm select, .ie9 .frm textarea {
        padding-top: .30769em
    }

    .frm input[type=search], .frm input[type=text], .frm input[type=password], .frm textarea {
        border-radius: 2px;
        -webkit-backface-visibility: hidden
    }

    .frm input[type=file] {
        height: 1.38462em
    }

    .frm select {
        height: 2.15385em
    }

    .frm .input-block {
        height: 2em
    }

    .frm input[type=search], .frm input[type=password], .frm input[type=reset], .frm input[type=submit], .frm textarea {
        height: auto
    }

    .frm input:active, .frm input:focus, .frm textarea:focus, .frm textarea:hover {
        border-color: #717171
    }

    .frm input:focus, .frm textarea:focus {
        outline: #054696 dotted 1px
    }

    .frm input[disabled], .frm select[disabled], .frm textarea[disabled] {
        cursor: not-allowed;
        opacity: .5;
        box-shadow: none;
        -webkit-backface-visibility: hidden
    }

    .frm .label-disabled {
        position: relative;
        cursor: not-allowed;
        opacity: .5
    }

    .frm .label-disabled input[type=file] {
        position: absolute
    }

    .frm textarea.disabled-resize {
        resize: none
    }

    .frm input[readonly], .frm select[readonly], .frm textarea[readonly] {
        cursor: text;
        background: #F3F3F3;
        box-shadow: none
    }

    .frm li {
        margin: 0 0 .76923em
    }

    .frm label .required {
        padding-left: .15385em;
        border: none !important
    }

    .frm .frm-horizontal ol > li {
        padding: .38462em 0
    }

    .frm .frm-horizontal .grouped > li {
        padding: .07692em 0
    }

    .frm .frm-horizontal .grouped > li.text-only {
        margin-bottom: .07692em
    }

    .frm .frm-horizontal .grouped > li.text-only label {
        padding-top: 0
    }

    .frm ol.text-only > li {
        padding: .07692em 0
    }

    .frm ol.text-only > li > label {
        padding: 0
    }

    .frm ol.text-only > li > .field-addtop {
        top: 0
    }

    .frm .text {
        padding: 0 1em
    }

    .frm .text-large {
        padding: 0 1.53846em 0 1.61538em
    }

    .frm .field-text {
        line-height: 2.30769em
    }

    .frm .text-spacer {
        display: inline-block;
        vertical-align: middle;
        width: 3.07692em
    }

    .frm .frm-horizontal ol > li > label {
        text-align: left;
        float: none;
        width: 100%;
        padding-right: 0
    }

    .frm .frm-horizontal ol > li > .field {
        float: none;
        width: 100%
    }

    .frm select.input-mini {
        width: 5.76923em !important
    }

    .frm .field-addleft {
        margin-left: 1.07692em
    }

    .frm .field-right {
        float: right
    }

    .frm .uniform-checkbox, .frm .uniform-radio {
        margin: .07692em .30769em 0 0
    }

    .frm .icon-info {
        margin: .0625em 0 0 .3125em
    }

    .frm .icon-error {
        margin: .07692em 0 0 .38462em
    }

    .frm .input-error {
        border: .07692em solid #d92400;
        box-shadow: inset 0 0 .15385em #d92400
    }

    .frm .input-error.uniform-focus, .frm .input-error:focus {
        border-color: #c02000;
        box-shadow: inset 0 0 .15385em transparent
    }

    .frm .inline-error {
        margin-top: 0
    }

    .frm .icon-warning {
        margin: .07692em 0 0 .38462em
    }

    .frm .icon-error.error-checkbox, .frm .icon-error.error-radio {
        margin-top: -.07692em
    }

    .frm input.input-inline {
        margin-right: .30769em
    }

    .frm .multi-radio label {
        float: left;
        margin-right: 1.15385em;
        margin-bottom: .76923em
    }

    .frm .multi-radio .spacing-label {
        float: none
    }

    .frm .multi-radio .multi-radio-inner {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding-right: 30px
    }

    .frm .multi-radio .multi-radio-inner > .icon-tooltip {
        position: absolute;
        top: 0;
        right: 0
    }

    .frm .multi-radio .multi-radio-inner .radio-inner-container {
        display: inline-block;
        position: relative;
        top: -.38462em;
        vertical-align: top;
        margin-left: .38462em
    }

    .frm .multi-radio .multi-radio-inner .radio-inner-container label {
        margin-bottom: 0
    }

    .frm .multi-radio .multi-radio-inner .field {
        clear: both;
        min-height: 24px
    }

    .frm .select-offset {
        position: relative;
        top: -5px
    }

    .counter-wrapper.warning {
        color: red
    }

    .button-group {
        padding: .76923em 0 .38462em
    }

    .button-group-sticky {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 97%;
        margin-left: 3%;
        padding-top: 1.53846em;
        border-top: 1px solid #d2d7d9
    }

    .frm .frm-narrow.frm-horizontal ol > li > label, .frm-narrow .frm-horizontal ol > li > label {
        width: 20%;
        padding-right: 5%
    }

    .frm .frm-narrow.frm-horizontal ol > li > .field, .frm-narrow .frm-horizontal ol > li > .field {
        width: 75%
    }

    .frm .frm-narrow.frm-horizontal .field .label-text, .frm-narrow .frm-horizontal .field .label-text {
        float: none !important;
        width: auto !important;
        padding: 0 15px !important
    }

    .frm .frm-fifteeneighty.frm-horizontal ol > li > label, .frm-fifteeneighty .frm-horizontal ol > li > label {
        width: 15%
    }

    .frm .frm-fifteeneighty.frm-horizontal ol > li > .field, .frm-fifteeneighty .frm-horizontal ol > li > .field {
        width: 80%
    }

    .frm .frm-twentyseventyfive.frm-horizontal ol > li > label, .frm-twentyseventyfive .frm-horizontal ol > li > label {
        width: 20%
    }

    .frm .frm-twentyseventyfive.frm-horizontal ol > li > .field, .frm-twentyseventyfive .frm-horizontal ol > li > .field {
        width: 75%
    }

    .frm .frm-twentyfiveseventy.frm-horizontal ol > li > label, .frm-twentyfiveseventy .frm-horizontal ol > li > label {
        width: 25%
    }

    .frm .frm-twentyfiveseventy.frm-horizontal ol > li > .field, .frm-twentyfiveseventy .frm-horizontal ol > li > .field {
        width: 70%
    }

    .frm .frm-thirtysixtyfive.frm-horizontal ol > li > label, .frm-thirtysixtyfive .frm-horizontal ol > li > label {
        width: 30%
    }

    .frm .frm-thirtysixtyfive.frm-horizontal ol > li > .field, .frm-thirtysixtyfive .frm-horizontal ol > li > .field {
        width: 65%
    }

    .frm .frm-thirtyfivesixty.frm-horizontal ol > li > label, .frm-thirtyfivesixty .frm-horizontal ol > li > label {
        width: 35%
    }

    .frm .frm-thirtyfivesixty.frm-horizontal ol > li > .field, .frm-thirtyfivesixty .frm-horizontal ol > li > .field {
        width: 60%
    }

    .frm .frm-fortyfiftyfive.frm-horizontal ol > li > label, .frm-fortyfiftyfive .frm-horizontal ol > li > label {
        width: 40%
    }

    .frm .frm-fortyfiftyfive.frm-horizontal ol > li > .field, .frm-fortyfiftyfive .frm-horizontal ol > li > .field {
        width: 55%
    }

    .frm-default label {
        color: #6a7173
    }

    .frm-default .field label {
        color: #454a4d
    }

    .ie8 input.has-icon {
        border-right: 2.5em solid transparent !important
    }

    .frm-contentsearch, .frm-contentsearch li, .frm-contentsearch ol, .frm-contentsearch p {
        margin: 0
    }

    .frm-contentsearch label {
        color: #fff;
        font-size: 1.53846em;
        padding: .35em 1em 0 0
    }

    .frm-contentsearch input {
        font-size: 1.07692em;
        line-height: 1.64286em;
        width: 17.85714em !important;
        margin: 0;
        padding: .5em .71429em .28571em;
        border: none !important
    }

    .frm-contentsearch input.has-icon {
        padding-right: 2.1875em
    }

    .frm-contentsearch .input-text:focus {
        background-color: #fff
    }

    .frm-contentsearch li {
        float: left
    }

    .frm-contentsearch .label {
        float: none;
        font-family: FrutigerLight;
        margin: 0
    }

    .frm-contentsearch .ico {
        position: relative;
        top: -.15385em;
        left: -.30769em
    }

    .frm-contentsearch .advanced {
        float: right;
        text-align: right;
        padding-top: .61538em
    }

    .frm-contentsearch .actions {
        float: right
    }

    .frm-contentsearch .actions .box-action {
        top: 1.69231em;
        right: .76923em
    }

    .frm-contentsearch .search {
        width: 60%
    }

    .frm-contentsearch .search input {
        width: 100% !important;
        height: 2.42857em !important
    }

    .frm-contentsearch .search input.btn-search {
        position: absolute;
        top: 1px;
        right: 1px;
        z-index: 10;
        width: auto !important;
        height: 2.15385em !important;
        padding-top: .38462em;
        opacity: 0
    }

    .frm-contentsearch .search input:focus {
        opacity: 1
    }

    .frm-contentsearch .icon-search {
        position: absolute;
        top: .625em;
        right: .3125em;
        z-index: 10
    }

    .frm-contentsearch .help {
        position: relative;
        top: -.07692em;
        text-align: center;
        width: 3.84615em
    }

    .frm-contentsearch-advanced {
        padding: .76923em 0
    }

    .frm-contentsearch-advanced input {
        border: 1px solid #a8afb3
    }

    .box-advanced .frm-contentsearch .label label {
        color: #454a4d
    }

    .box-advanced .frm-contentsearch .search {
        width: 45%
    }

    .box-advanced .frm-contentsearch .search input {
        border: 1px solid #a8afb3
    }

    .box-advanced .frm-contentsearch .search input:focus, .box-advanced .frm-contentsearch .search input:hover {
        border-color: #717171
    }

    .frm-login {
        margin: 0
    }

    .frm-login .frm-horizontal ol > li > label {
        width: 20%
    }

    .frm-login .frm-horizontal ol > li > .field {
        width: 75%
    }

    .frm-stripped, .frm-stripped li, .frm-stripped ol {
        margin: 0 !important
    }

    .frm-preview h3 {
        font-size: 1.23077em !important
    }

    .frm-preview h4 {
        font-size: 1em !important
    }

    .frm-twocol .col-left {
        float: left;
        width: 47.6%;
        padding-right: 2.4%
    }

    .frm-twocol .col-right {
        float: left;
        width: 47.6%;
        padding-left: 2.4%
    }

    .frm-twocol .col-third {
        float: left;
        width: 31%;
        padding-right: 2.3%
    }

    .frm-twocol .frm-horizontal li > label {
        width: 35% !important
    }

    .frm-twocol .frm-horizontal li .field {
        width: 60% !important
    }

    .frm-twocol li {
        padding-right: 1px
    }

    .frm-twocol .frm-advanced-trigger {
        margin-top: .30769em
    }

    .frm-twocol .range-title {
        display: block;
        font-size: 1.23077em;
        margin: 0 0 .76923em
    }

    .frm-twocol .range-title .value {
        color: #054696
    }

    .frm-twocol .spacer-frm-custom {
        height: .76923em !important
    }

    .stepnav {
        overflow: hidden;
        font-size: 1.125em;
        margin: 0 0 .83333em;
        padding: 0;
        list-style-type: none
    }

    .stepnav:after, .stepnav:before {
        content: " ";
        display: table
    }

    .stepnav:after {
        clear: both
    }

    .stepnav li {
        float: left;
        color: #a2a4a6;
        font-family: FrutigerLight;
        padding: 0 2.5em .76923em 0;
        background: url(../img/sprite-steps.png) right -125px no-repeat
    }

    .stepnav li.last {
        padding-right: 0;
        background: 0 0
    }

    .stepnav div {
        height: 1.11111em;
        padding: .55556em 0
    }

    .stepnav .step, .stepnav .step-inherit, .stepnav.stepnav-lined .step-lined {
        display: block;
        float: left;
        text-align: center;
        width: 1.25em;
        height: 1.25em;
        margin-top: -.55556em;
        padding: .38889em .27778em .16667em;
        border: 2px solid #a0a4a5;
        border-radius: 100%;
        background: #fff
    }

    .stepnav .step {
        behavior: stylesheet-url(pie.htc);
        position: relative
    }

    .stepnav .hidden-phone {
        float: left
    }

    .stepnav .active {
        color: #454a4d;
        font-family: FrutigerRegular;
        font-weight: 400
    }

    .stepnav .active .step {
        border-color: #454a4d
    }

    .stepnav .completed .step {
        border-color: #a0a4a5
    }

    .stepnav.stepnav-lined li {
        position: relative;
        overflow: hidden;
        font-size: .88889em;
        box-sizing: border-box;
        width: 25%;
        padding: 0 1.25em 0 .3125em;
        background: 0 0
    }

    .stepnav.stepnav-lined li:after {
        content: "$";
        position: absolute;
        top: 1em;
        right: .1875em;
        color: #dcdfe1;
        font-family: Icons;
        width: .75em;
        height: 1.1875em;
        pointer-events: none
    }

    .stepnav.stepnav-lined li.last:after {
        content: " "
    }

    .stepnav.stepnav-lined div {
        text-align: center;
        width: 100%;
        height: auto
    }

    .stepnav.stepnav-lined .step-lined {
        display: inline-block;
        float: none;
        box-sizing: border-box;
        width: 2.25em;
        height: 2.25em;
        margin: 0 auto 10px;
        padding-top: .4375em
    }

    .stepnav.stepnav-lined .active {
        font-family: FrutigerBold
    }

    .stepnav.stepnav-lined .active .step-lined {
        border-color: #454a4d
    }

    .stepnav.stepnav-lined .hidden-phone {
        float: none;
        font-size: .875em;
        width: 75%;
        margin: 0 auto
    }

    .stepnav.stepnav-lined hr {
        display: inline-block;
        vertical-align: middle;
        width: 35%;
        height: .0625em;
        margin-top: .4375em;
        background-color: #dcdfe1
    }

    .stepnav.stepnav-lined hr.right-hr {
        margin-right: -6.25em
    }

    .stepnav.stepnav-lined hr.left-hr {
        margin-left: -6.25em
    }

    .stepnav.stepnav-lined hr.hidden-hr {
        opacity: 0
    }

    .ie8 .stepnav.stepnav-lined .step-lined {
        width: 2.375em;
        height: 2.375em;
        padding-top: .625em;
        border: 0;
        background: url(../img/intranet/stepnav-lined.png) center no-repeat
    }

    .ie8 .stepnav.stepnav-lined li:after {
        content: url(../img/intranet/ie8/icon-more-grey.png);
        top: 1.0625em
    }

    .ie8 .stepnav.stepnav-lined li.last:after {
        content: ""
    }

    .ie8 .stepnav.stepnav-lined .active .step-lined {
        background-image: url(../img/intranet/stepnav-lined-active.png)
    }

    .box .stepnav {
        margin: 0 !important
    }

    .box-inner .stepnav {
        font-size: 1.38462em
    }

    .btn, .frm .btn, .frm .mail-stepbox a, .mail-stepbox .frm a, .mail-stepbox a {
        display: inline-block;
        vertical-align: middle;
        font: normal 400 1em/1.30769em FrutigerRegular, "Helvetica Neue", Helvetica, sans-serif;
        color: #43464c !important;
        text-decoration: none !important;
        margin: 0 0 .76923em;
        padding: .38462em .61538em .30769em;
        border: .07692em solid #a8afb3;
        border-radius: .15385em;
        background-color: #f0f0f0;
        background-image: -webkit-linear-gradient(top, #fbfbfb, #ededed);
        background-image: linear-gradient(to bottom, #fbfbfb, #ededed)
    }

    .btn:hover, .frm .btn:hover, .frm .mail-stepbox a:hover, .mail-stepbox .frm a:hover, .mail-stepbox a:hover {
        color: #000;
        background: #ededed !important;
        box-shadow: 0 0 2px #b3b3b3;
        -webkit-transition: box-shadow 50ms;
        transition: box-shadow 50ms
    }

    .btn:focus, .frm .btn:focus, .frm .mail-stepbox a:focus, .mail-stepbox .frm a:focus, .mail-stepbox a:focus {
        border-color: #2e3233;
        background: #e5e5e5 !important
    }

    .btn.expanded, .btn.state-selected, .btn:active, .frm .btn.expanded, .frm .btn.state-selected, .frm .btn:active, .frm .mail-stepbox a.expanded, .frm .mail-stepbox a.state-selected, .frm .mail-stepbox a:active, .mail-stepbox .frm a.expanded, .mail-stepbox .frm a.state-selected, .mail-stepbox .frm a:active, .mail-stepbox a.expanded, .mail-stepbox a.state-selected, .mail-stepbox a:active {
        background-image: -webkit-linear-gradient(top, #dedede, #f3f3f3);
        background-image: linear-gradient(to bottom, #dedede, #f3f3f3);
        box-shadow: rgba(0, 0, 0, .2) 0 1px 3px 0 inset
    }

    .btn.expanded:hover, .frm .btn.expanded:hover, .frm .mail-stepbox a.expanded:hover, .mail-stepbox .frm a.expanded:hover, .mail-stepbox a.expanded:hover {
        background-image: -webkit-linear-gradient(top, #dedede, #f3f3f3) !important;
        background-image: linear-gradient(to bottom, #dedede, #f3f3f3) !important
    }

    .btn-blue, .frm .btn-blue {
        color: #fff !important;
        text-shadow: 0 1px 0 #043f8c;
        border-color: #054696 !important;
        background-color: #054696;
        background-image: -webkit-linear-gradient(top, #064da0, #043f8c);
        background-image: linear-gradient(to bottom, #064da0, #043f8c);
        box-shadow: none
    }

    .btn-blue:hover, .frm .btn-blue:hover {
        background: #043f8c !important;
        box-shadow: 0 0 2px #043f8c
    }

    .btn-blue:focus, .frm .btn-blue:focus {
        background: #03295a !important
    }

    .btn-blue.state-selected, .btn-blue:active, .frm .btn-blue.state-selected, .frm .btn-blue:active {
        box-shadow: rgba(0, 0, 0, .2) 0 1px 3px 0 inset
    }

    .btn-bordeux, .frm .btn-bordeux {
        color: #fff !important;
        text-shadow: 0 1px 0 #80002b;
        border-color: #903 !important;
        background-color: #903;
        background-image: -webkit-linear-gradient(top, #b3003c, #8f0030);
        background-image: linear-gradient(to bottom, #b3003c, #8f0030);
        box-shadow: none
    }

    .btn-bordeux:hover, .frm .btn-bordeux:hover {
        background: #8f0030 !important
    }

    .btn-bordeux:focus, .frm .btn-bordeux:focus {
        background: #602 !important
    }

    .btn-bordeux.state-selected, .btn-bordeux:active, .frm .btn-bordeux.state-selected, .frm .btn-bordeux:active {
        background-image: -webkit-linear-gradient(top, #700025, #80002b);
        background-image: linear-gradient(to bottom, #700025, #80002b);
        box-shadow: rgba(0, 0, 0, .3) 0 1px 3px 0 inset
    }

    .ie8 .btn-bordeux.state-selected {
        background: url(../img/btn-bordeux-selected.png) left top repeat-x #678e1d !important
    }

    .btn-red, .frm .btn-red {
        color: #fff !important;
        text-shadow: 0 1px 0 #c02000;
        border-color: #d92400 !important;
        background-color: #d92400;
        background-image: -webkit-linear-gradient(top, #f32800, #cf2200);
        background-image: linear-gradient(to bottom, #f32800, #cf2200);
        box-shadow: none
    }

    .btn-red:hover, .frm .btn-red:hover {
        background: #cf2200 !important
    }

    .btn-red:focus, .frm .btn-red:focus {
        background: #a61c00 !important
    }

    .btn-red.state-selected, .btn-red:active, .frm .btn-red.state-selected, .frm .btn-red:active {
        box-shadow: rgba(0, 0, 0, .2) 0 1px 3px 0 inset
    }

    .btn-orange, .frm .btn-orange {
        color: #fff !important;
        text-shadow: 0 1px 0 #a44200;
        border-color: #bd4c00 !important;
        background-color: #bd4c00;
        background-image: -webkit-linear-gradient(top, #d75600, #b34800);
        background-image: linear-gradient(to bottom, #d75600, #b34800);
        box-shadow: none
    }

    .btn-orange:hover, .frm .btn-orange:hover {
        background: #b34800 !important
    }

    .btn-orange:focus, .frm .btn-orange:focus {
        background: #8a3700 !important
    }

    .btn-orange.state-selected, .btn-orange:active, .frm .btn-orange.state-selected, .frm .btn-orange:active {
        background-image: -webkit-linear-gradient(top, #943c00, #a44200);
        background-image: linear-gradient(to bottom, #943c00, #a44200);
        box-shadow: rgba(0, 0, 0, .3) 0 1px 3px 0 inset
    }

    .ie8 .btn-orange.state-selected, .ie8 .btn-orange:active {
        background: url(../img/btn-orange-selected.png) left top repeat-x #a44200 !important
    }

    .btn-orange-lite, .frm .btn-orange-lite {
        color: #fff !important;
        text-shadow: 0 1px 0 #d47c00;
        border-color: #ed8b00 !important;
        background-color: #ed8b00;
        background-image: -webkit-linear-gradient(top, #ff9908, #e38500);
        background-image: linear-gradient(to bottom, #ff9908, #e38500);
        box-shadow: none
    }

    .btn-orange-lite:hover, .frm .btn-orange-lite:hover {
        background: #e38500 !important
    }

    .btn-orange-lite:focus, .frm .btn-orange-lite:focus {
        background: #ba6d00 !important
    }

    .btn-orange-lite.state-selected, .btn-orange-lite:active, .frm .btn-orange-lite.state-selected, .frm .btn-orange-lite:active {
        box-shadow: rgba(0, 0, 0, .2) 0 1px 3px 0 inset
    }

    .btn-green, .frm .btn-green, .frm .mail-stepbox a, .mail-stepbox .frm a, .mail-stepbox a {
        color: #fff !important;
        text-shadow: 0 1px 0 #206416;
        border-color: #557517 !important;
        background-color: #557517;
        background-image: -webkit-linear-gradient(top, #688f1d, #557517);
        background-image: linear-gradient(to bottom, #688f1d, #557517);
        box-shadow: none
    }

    .btn-green:hover, .frm .btn-green:hover, .frm .mail-stepbox a:hover, .mail-stepbox .frm a:hover, .mail-stepbox a:hover {
        background: #4f6c15 !important
    }

    .btn-green:focus, .frm .btn-green:focus, .frm .mail-stepbox a:focus, .mail-stepbox .frm a:focus, .mail-stepbox a:focus {
        background: #364a0f !important
    }

    .btn-green.state-selected, .btn-green:active, .frm .btn-green.state-selected, .frm .btn-green:active, .frm .mail-stepbox a.state-selected, .frm .mail-stepbox a:active, .mail-stepbox .frm a.state-selected, .mail-stepbox .frm a:active, .mail-stepbox a.state-selected, .mail-stepbox a:active {
        background-image: -webkit-linear-gradient(top, #374c0f, #496514);
        background-image: linear-gradient(to bottom, #374c0f, #496514);
        box-shadow: rgba(0, 0, 0, .3) 0 1px 3px 0 inset
    }

    .ie8 .btn-green.state-selected, .ie8 .btn-green:active, .ie8 .mail-stepbox a.state-selected, .ie8 .mail-stepbox a:active, .mail-stepbox .ie8 a.state-selected, .mail-stepbox .ie8 a:active {
        background: url(../img/btn-green-selected.png) left top repeat-x #678e1d !important
    }

    .btn-brown, .frm .btn-brown {
        color: #fff !important;
        text-shadow: 0 1px 0 #7c4e26;
        border-color: #8f5a2c !important;
        background-color: #8f5a2c;
        background-image: -webkit-linear-gradient(top, #a36632, #87552a);
        background-image: linear-gradient(to bottom, #a36632, #87552a);
        box-shadow: none
    }

    .btn-brown:hover, .frm .btn-brown:hover {
        background: #87552a !important
    }

    .btn-brown:focus, .frm .btn-brown:focus {
        background: #684120 !important
    }

    .btn-brown.state-selected, .btn-brown:active, .frm .btn-brown.state-selected, .frm .btn-brown:active {
        box-shadow: rgba(0, 0, 0, .2) 0 1px 3px 0 inset
    }

    .btn-dark, .frm .btn-dark {
        color: #fff !important;
        border-color: #717171 !important;
        background-color: #717171;
        background-image: -webkit-linear-gradient(top, #7e7e7e, #6c6c6c);
        background-image: linear-gradient(to bottom, #7e7e7e, #6c6c6c)
    }

    .btn-dark:hover, .frm .btn-dark:hover {
        background: #6c6c6c !important;
        box-shadow: 0 0 2px #717171
    }

    .btn-dark:focus, .frm .btn-dark:focus {
        background: #585858 !important
    }

    .btn-dark.state-selected, .btn-dark:active, .frm .btn-dark.state-selected, .frm .btn-dark:active {
        box-shadow: rgba(0, 0, 0, .2) 0 1px 3px 0 inset
    }

    .btn-disabled {
        cursor: not-allowed !important;
        opacity: .5;
        background-image: none !important
    }

    .btn-disabled:hover {
        box-shadow: none !important
    }

    .btn-block {
        box-sizing: border-box;
        width: 100%
    }

    .btn-small, .frm .btn-small {
        font-size: .92308em;
        padding: .16667em .83333em;
        border-width: .08333em
    }

    .btn-small .icon {
        font-size: 1.08333em
    }

    .btn-large, .frm .btn-large {
        font-family: FrutigerLight;
        font-size: 1.23077em;
        font-weight: 200 !important;
        padding: .3125em .625em;
        border-width: .0625em
    }

    .btn-large .icon {
        font-size: .8125em
    }

    .btn-icon, .frm .btn-icon {
        line-height: 0;
        text-align: center;
        width: 18px;
        height: 18px;
        padding: 0
    }

    .btn-icon .icon, .frm .btn-icon .icon {
        margin: 0
    }

    .btn-group {
        display: inline-block;
        vertical-align: middle
    }

    .btn-group .icon {
        margin-right: .03846em !important
    }

    .btn-group .first {
        vertical-align: middle;
        padding: .30769em .38462em .38462em .46154em;
        border-right: none;
        border-radius: .15385em 0 0 .15385em
    }

    .btn-group .last {
        margin-left: 0 !important;
        border-radius: 0 .15385em .15385em 0
    }

    .btn-dropdown, .btn-dropdown-slide {
        display: inline-block;
        position: relative;
        vertical-align: middle;
        cursor: pointer
    }

    .btn-dropdown a, .btn-dropdown-slide a {
        color: #454a4d;
        text-decoration: none
    }

    .btn-dropdown a:focus, .btn-dropdown-slide a:focus {
        text-decoration: underline
    }

    .btn-dropdown-slide .icon-dropdown .btn-dropdown .icon-dropdown {
        position: relative;
        left: .15385em
    }

    .btn-dropdown-list {
        display: none;
        position: absolute;
        top: 2.16667em;
        right: -.08333em;
        z-index: 1000;
        font-size: .92308em;
        white-space: nowrap;
        border: 1px solid #a8afb3;
        background: #ededed;
        box-shadow: 0 .125em .125em rgba(0, 0, 0, .15)
    }

    .btn-dropdown-list.dropdown-left {
        right: auto;
        left: -.08333em
    }

    .btn-dropdown-list .title {
        color: #fff;
        font-family: FrutigerLight;
        margin: 0;
        padding: .41667em .66667em;
        background: #454a4d
    }

    .btn-dropdown-list a {
        display: block;
        padding: .41667em .66667em;
        border-top: 1px solid #d2d7d9;
        background: #ededed
    }

    .btn-dropdown-list a:first-child {
        border-top: none
    }

    .btn-dropdown-list a:hover {
        text-decoration: underline
    }

    .btn-dropdown:hover .btn-dropdown-list {
        display: block
    }

    .dropdown-clickable:hover .btn-dropdown-list {
        display: none
    }

    .dropdown-clickable.expanded .btn-dropdown-list {
        display: block
    }

    .btn-star {
        padding-right: .30769em;
        padding-left: .38462em
    }

    .btn-toggle {
        display: inline-block;
        vertical-align: middle
    }

    .btn-toggle a {
        display: inline-block;
        vertical-align: middle;
        font: normal 400 1em/1.30769em FrutigerRegular, "Helvetica Neue", Helvetica, sans-serif;
        color: #43464c !important;
        text-align: center;
        text-decoration: none !important;
        min-width: 1.53846em;
        margin: 0;
        padding: .38462em .61538em .30769em;
        border: .07692em solid #a8afb3;
        background-color: #f0f0f0;
        background-image: -webkit-linear-gradient(top, #fbfbfb, #ededed);
        background-image: linear-gradient(to bottom, #fbfbfb, #ededed)
    }

    .btn-toggle a:hover {
        color: #000;
        background: #ededed !important;
        box-shadow: 0 0 2px #b3b3b3;
        -webkit-transition: box-shadow 50ms;
        transition: box-shadow 50ms
    }

    .btn-toggle .toggle-off {
        border-radius: .15385em 0 0 .15385em
    }

    .btn-toggle .toggle-on {
        border-left: none;
        border-radius: 0 .15385em .15385em 0
    }

    .btn-toggle .active {
        color: #fff !important;
        background-color: #054696;
        background-image: -webkit-linear-gradient(top, #064da0, #043f8c);
        background-image: linear-gradient(to bottom, #064da0, #043f8c)
    }

    .btn-toggle .active:hover {
        background: #054696 !important;
        box-shadow: 0 0 0 transparent
    }

    .placeholder {
        color: #a8a8a8 !important
    }
}

@media (min-width: 0px) {
    .frm .frm-horizontal ol > li > label {
        float: left;
        width: 25%;
        padding-right: 5%
    }

    .frm .frm-horizontal ol > li > .field {
        float: left;
        width: 70%
    }

    .frm .frm-horizontal-wide ol > li > label {
        width: 33%
    }

    .frm .frm-horizontal-wide ol > li > .field {
        width: 62%
    }

    .frm input:hover {
        border: 1px solid #717171
    }

    .frm .spacing {
        display: inline-block;
        margin: 0 10px
    }

    .frm .spacing-label {
        vertical-align: top;
        height: 1.53846em;
        padding-top: .38462em
    }

    .frm .hint {
        color: #717171;
        font-size: .92308em;
        margin: .38462em 0
    }

    .frm .example {
        color: #717171;
        font-size: .92308em;
        margin: .38462em 0 0
    }

    .frm .option {
        margin: .38462em 0
    }

    .frm-contentsearch .label {
        float: left;
        margin: 0
    }

    .frm-contentsearch .label label {
        float: left
    }

    .frm-preview .box-list-left {
        width: 25%
    }

    .frm-preview .box-list-right {
        width: 70%
    }

    .btn, .frm .btn, .frm .mail-stepbox a, .mail-stepbox .frm a, .mail-stepbox a {
        margin: 0
    }

    .stepnav li {
        float: left;
        padding: 0 .76923em .76923em 0;
        background: 0 0
    }

    .stepnav div {
        float: left
    }

    .stepnav .step {
        float: left;
        margin-right: .66667em
    }

    .btn-offset-right, .frm .btn-offset-right {
        position: absolute;
        top: .3125em;
        right: -1.92308em
    }
}

.box {
    position: relative;
    margin-bottom: 1.25em;
    background: #fff;
    box-shadow: 0 .125em .125em rgba(0, 0, 0, .15)
}

.box .spacer-minor {
    height: .1875em
}

.box .spacer-tiny {
    height: .25em
}

.box-inner {
    font-size: .8125em;
    line-height: 1.53846em
}

.box-inner h1 {
    color: #454a4d;
    font-family: FrutigerLight;
    font-size: 1.69231em;
    margin: 0 0 .90909em
}

.box-inner h1 .headlink {
    top: .84615em;
    font-size: .59091em
}

.box-inner h2 {
    font-family: FrutigerLight;
    font-size: 1.53846em;
    line-height: 1.3em;
    margin: 0 0 .5em
}

.box-inner h2 .headlink {
    top: .38462em;
    font-size: .65em
}

.box-inner h3 {
    font-size: 1.38462em;
    line-height: 1.33333em;
    margin: 0 0 .55556em
}

.box-inner h3 .headlink {
    top: .46154em;
    font-size: .72222em
}

.box-inner h3.halfspace {
    margin: 0 0 .55556em !important
}

.box-inner h4, .box-inner h5 {
    font-size: 1.23077em;
    line-height: 1.5em
}

.box-inner h6 {
    font-size: 1.07692em;
    line-height: 1.5em
}

.box-inner h1 .headlink, .box-inner h2 .headlink, .box-inner h3 .headlink {
    position: relative;
    line-height: 1.38462em
}

.box-inner .instruction-heading {
    font-family: FrutigerLight;
    font-size: 1.53846em;
    line-height: 1.3em;
    margin: 0 0 .5em
}

.box-inner .boxtitle-small {
    color: #454a4d;
    font-family: FrutigerLight;
    font-size: 1.07692em;
    margin: 0 0 .21429em
}

.box-inner .break, .box-inner hr {
    margin-top: .76923em;
    margin-bottom: .76923em
}

.box-inner hr {
    background: #d6d6d6
}

.box-inner .break {
    border-bottom: 1px solid #d6d6d6
}

.box-inner .break-large {
    margin-top: 1.53846em;
    margin-bottom: 1.53846em
}

.box-inner .break-omit-bottom {
    margin-bottom: .15385em
}

.box-inner .break-half {
    margin-top: .38462em;
    margin-bottom: .38462em
}

.box-inner .spacer {
    height: 1.53846em
}

.box-inner .spacer-large {
    height: 3.07692em
}

.box-inner .spacer-small {
    height: .76923em
}

.box-inner .spacer-fittable {
    height: 2.23077em
}

.box-inner .halfspace {
    margin: 0 0 10px !important
}

.box-inner .font-size-12 {
    font-size: .92308em;
    line-height: 1.5em
}

.box-inner .font-size-13 {
    font-size: 1em;
    line-height: 1.53846em
}

.box-inner .font-size-14 {
    font-size: 1.07692em;
    line-height: 1.5em
}

.box-inner .font-size-15 {
    font-size: 1.15385em;
    line-height: 1.53333em
}

.box-inner .font-size-16 {
    font-size: 1.23077em;
    line-height: 1.5em
}

.box-inner .font-size-18 {
    font-size: 1.38462em;
    line-height: 1.5em
}

.box-inner .font-size-18 a {
    top: .46154em;
    font-size: .72222em
}

.box-inner .font-size-20 {
    font-size: 1.53846em;
    line-height: 1.5em
}

.box-inner .font-size-22 {
    font-size: 1.69231em;
    line-height: 1.5em
}

.box-inner .font-size-24 {
    font-size: 1.84615em;
    line-height: 1.5em
}

.box-inner .font-size-28 {
    font-size: 2.15385em;
    line-height: 1.5em
}

.box-inner .font-size-32 {
    font-size: 2.46154em;
    line-height: 1.5em
}

.box-search.indexed {
    position: relative;
    z-index: 110
}

.box-search .frm-contentsearch .search input.btn-search {
    width: 30px !important
}

.box-search .frm-contentsearch .search input.btn-search:focus {
    width: auto !important
}

.box-search .tooltip {
    position: relative;
    top: 0
}

.box-search .tooltip:focus {
    outline: #fff dotted 1px
}

.box-search .icon-question-white-large:focus {
    outline: 0
}

.box-search .help .tooltip {
    top: 0
}

.box-search .input-text:focus {
    box-shadow: 0 0 0 1px #000
}

.box-white .frm-contentsearch .search .input-text {
    border: 1px solid #d2d7d9 !important
}

.box-white .frm-contentsearch .search .input-text:focus {
    border: 1px solid #717171 !important
}

.box-white .tooltip:focus {
    outline: #054696 dotted 1px
}

.box-white .input-text:focus {
    box-shadow: none
}

.box-empty {
    margin: 0;
    background: 0 0;
    box-shadow: none
}

.box-padding {
    padding: .76923em 1em
}

.box-padding-flat {
    padding: 0 1.53846em
}

.box-padding-notop {
    padding-top: 0 !important
}

.box-padding-noleft {
    padding-left: 0 !important
}

.box-padding-noright {
    padding-right: 0 !important
}

.box-padding-nobottom {
    padding-bottom: 0 !important
}

.box-light {
    font-family: FrutigerLight
}

.box-blue {
    background: #e5edf5
}

.box-green {
    background: #e7ecde
}

.box-orange {
    background: #faf0e2
}

.box-bordeux {
    background: #f0e3e7
}

.box-brown {
    background: #fff
}

.blue-gradient, .box-dark {
    color: #e6e6e6;
    background: #2e3233
}

.blue-gradient h2, .box-dark h2 {
    color: #fff;
    font-family: FrutigerLight
}

.blue-gradient h2 a, .box-dark h2 a {
    color: #fff
}

.blue-gradient a, .box-dark a {
    color: #e29100
}

.blue-gradient .icon-arrow-expanded-white, .box-dark .icon-arrow-expanded-white {
    position: relative;
    top: .15385em;
    left: .61538em;
    font-size: .8125em
}

.blue-gradient h2 a .icon-warning, .box-dark h2 a .icon-warning {
    margin-top: .125em
}

.blue-gradient h2 {
    position: relative;
    top: -.1875em
}

.box.box-transparent {
    background: rgba(255, 255, 255, .6)
}

.box-blue.box-transparent {
    background: rgba(229, 237, 245, .6)
}

.box-green.box-transparent {
    background: rgba(231, 236, 221, .6)
}

.box-orange.box-transparent {
    background: rgba(250, 240, 226, .6)
}

.box-bordeux.box-transparent {
    background: rgba(240, 227, 231, .6)
}

.box-grey-20, .box-info {
    background-color: #f7f7f7
}

.box-grey-40 {
    border-color: #d9d9d9;
    background-color: #f5f5f5
}

.box-grey-60 {
    border-color: #ccc;
    background-color: #ebebeb
}

.green-gradient {
    background-color: #557517;
    background-image: -webkit-linear-gradient(top, #688f1d, #557517);
    background-image: linear-gradient(to bottom, #688f1d, #557517)
}

.blue-gradient {
    background-color: #054695;
    background-image: -webkit-linear-gradient(top, #064da1, #043f8b);
    background-image: linear-gradient(to bottom, #064da1, #043f8b)
}

.box-border {
    border: 1px solid #e6e6e6
}

.box-color-blue h2, .box-color-bordeux h2, .box-color-brown h2, .box-color-green h2, .box-color-orange h2 {
    color: #054696;
    font-family: FrutigerLight
}

.box-color-green h2 {
    color: #27791B !important
}

.box-color-green a, .box-color-green a:hover {
    color: #27791B
}

.box-color-green ul.default li:before {
    background-color: #27791B
}

.box-color-bordeux h2 {
    color: #903 !important
}

.box-color-bordeux a, .box-color-bordeux a:hover {
    color: #903
}

.box-color-bordeux ul.default li:before {
    background-color: #903
}

.box-color-brown h2 {
    color: #8f5a2c !important
}

.box-color-brown a, .box-color-brown a:hover {
    color: #8f5a2c
}

.box-color-brown ul.default li:before {
    background-color: #8f5a2c
}

.box-color-orange h2 {
    color: #bd4c00 !important
}

.box-color-orange a, .box-color-orange a:hover {
    color: #bd4c00
}

.box-color-orange ul.default li:before {
    background-color: #bd4c00
}

.box-color-bordeux a:focus, .box-color-brown a:focus, .box-color-green a:focus, .box-color-orange a:focus {
    color: #000
}

.box-height-43 {
    min-height: 2.6875em
}

.box-height-80 {
    min-height: 5em
}

.box-height-130 {
    min-height: 8.125em
}

.box-height-144 {
    min-height: 9em
}

.box-height-145 {
    min-height: 9.0625em
}

.box-height-170 {
    min-height: 10.625em
}

.box-height-220 {
    min-height: 13.75em
}

.box-height-250 {
    min-height: 15.625em
}

.box-height-285 {
    min-height: 17.8125em
}

.box-height-320 {
    min-height: 20em
}

.box-height-405 {
    min-height: 25.3125em
}

.box-height-500 {
    min-height: 31.25em
}

.box-inner.box-height-80 {
    min-height: 6.15385em
}

.box-inner.box-height-130 {
    min-height: 10em
}

.box-inner.box-height-220 {
    min-height: 16.92308em
}

.box-inner.box-height-250 {
    min-height: 19.23077em
}

.box-inner.box-height-285 {
    min-height: 21.92308em
}

.box-inner.box-height-320 {
    min-height: 24.61538em
}

.box-inner.box-height-405 {
    min-height: 31.15385em
}

.box-fixed-twothird {
    float: left;
    width: 52.30769em;
    margin: 0 .76923em
}

.box-fixed-onethird {
    float: left;
    width: 15.38462em;
    margin: 0 .76923em
}

.box-inner .box-fixed-onethird {
    padding-top: .38462em
}

.boxtitle {
    font-family: FrutigerBold;
    font-size: .8em
}

.boxtitle-light {
    font-size: .8em
}

h2 a.boxtitle {
    margin-right: .5em
}

.box-teaser-category h2 a {
    display: block
}

.box-teaser-category:hover {
    background-color: #fcfcfc !important
}

.box-info ol, .box-info p, .box-info ul, .box-toolbox ol, .box-toolbox p, .box-toolbox ul {
    margin: 0 0 .625em
}

.box-list-left h2, .box-list-right h2 {
    position: relative;
    top: -.125em;
    color: #454a4d;
    font-family: FrutigerRegular;
    font-size: 1.23077em;
    font-weight: 400;
    line-height: 1.375em
}

.box-list-left h2.large, .box-list-right h2.large {
    font-family: FrutigerLight;
    font-size: 1.5em;
    line-height: 1.375em
}

.box-list-left-small .left, .box-list-right-small .left {
    width: 36%;
    padding-right: 5%
}

.box-list-container .box-list-inner {
    padding-top: 1.15385em
}

.box-teaser-category h2, .box-teaser-category p {
    font-family: FrutigerLight
}

.box-teaser-category p {
    margin: 0
}

.box-teaser-product p, .box-teaser-product ul {
    margin: 0 0 .76923em
}

.box-teaser-product p:last-child {
    margin: 0
}

.box-container-padding {
    padding-left: 1.38462em
}

.box-tabs {
    position: relative;
    z-index: 11;
    color: #2e3233;
    font-size: .875em;
    margin: 0;
    padding: 0;
    list-style-type: none
}

.box-tabs li {
    float: left;
    margin: .28571em 0 0 .42857em
}

.box-tabs li.spacing {
    margin-right: 1.71429em
}

.box-tabs a {
    float: left;
    color: #2e3233;
    padding: .42857em .42857em .35714em;
    border-radius: 2px 2px 0 0;
    background-color: #d0cbc7;
    background-image: -webkit-linear-gradient(top, #d4d0cc, #c9c5c0);
    background-image: linear-gradient(to bottom, #d4d0cc, #c9c5c0)
}

.box-tabs a:focus, .box-tabs a:hover {
    text-decoration: none;
    background: #c9c5c0
}

.box-tabs a:focus {
    text-decoration: underline
}

.box-tabs .active {
    position: relative;
    margin-top: 0
}

.box-tabs .active:first-child {
    margin-left: 0
}

.box-tabs .active:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    clip: rect(-10px, 1000px, 14px, -10px);
    z-index: -1;
    width: 100%;
    height: 100%;
    border-radius: 2px 2px 0 0;
    box-shadow: 0 .125em .125em rgba(0, 0, 0, .15)
}

.box-tabs .active ul {
    margin-top: .28571em !important
}

.box-tabs .active a {
    color: #054696;
    font-family: FrutigerBold;
    font-size: 1.14286em;
    padding: .5em .625em .4375em;
    background: #fff
}

.box-tabs .active ul li a {
    color: #2e3233 !important;
    font-family: FrutigerRegular !important;
    font-size: 1em !important
}

.box-tabs .tab-more {
    position: relative
}

.box-tabs .tab-more.active > a, .box-tabs .tab-more > a {
    padding-right: 45px
}

.box-tabs .tab-more .text-overflow {
    display: block
}

.box-tabs .tab-more .icon-tabs-more {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    position: absolute;
    top: 15px;
    right: 20px;
    width: 15px;
    height: 14px;
    background: url(../img/icons/tabs-more.png) left top no-repeat
}

.box-tabs .tab-more.active .icon-tabs-more {
    top: 17px
}

.box-tabs .tab-more ul {
    display: none;
    position: absolute;
    top: 3.07143em;
    left: 0;
    white-space: nowrap;
    min-width: 13.57143em;
    margin: 0;
    padding: .35714em 0;
    list-style-type: none;
    background: #d4d0cc
}

.box-tabs .tab-more ul li {
    float: none;
    margin: 0
}

.box-tabs .tab-more ul a {
    display: block;
    float: none;
    padding: .35714em .71429em;
    border-radius: 0;
    background: #d4d0cc
}

.box-tabs .tab-more ul a:hover {
    background: #c9c5c0
}

.box-tabs-bordered {
    border-bottom: 1px solid #e6e6e6
}

.box-tabs-bordered > li > a {
    border: 1px solid #e6e6e6;
    border-bottom: none
}

.box-tabs-bordered .active {
    bottom: -1px;
    box-shadow: none
}

.box-tabs-bordered .active:before {
    box-shadow: none
}

.box-vertical-wrapper {
    padding: .875em .875em 0 1.3125em
}

.box-vertical-wrapper .box {
    width: 79%;
    margin-left: -1px;
    border: 1px solid #e6e6e6;
    box-shadow: none
}

.box-vertical-wrapper .box-tabs-vertical li {
    margin-left: 0
}

.box-vertical-gray .box-tabs-vertical a {
    border-color: #d0cbc7;
    background-color: #d0cbc7
}

.box-tabs-vertical {
    position: relative;
    float: left;
    z-index: 100;
    color: #2e3233;
    font-size: .875em;
    width: 20%;
    margin: .4375em 0 0;
    padding: 0;
    list-style-type: none
}

.box-tabs-vertical li {
    margin: 0 0 .35714em .71429em;
    padding: 0
}

.box-tabs-vertical a {
    display: block;
    color: #2e3233;
    padding: .64286em .71429em .5em;
    border: 1px solid #e6e6e6;
    border-radius: 3px 0 0 3px;
    background-color: #e6e6e6
}

.box-tabs-vertical .collapsed a:focus, .box-tabs-vertical .collapsed a:hover {
    text-decoration: none;
    border-top: 1px solid #c9c5c0;
    border-right: none;
    border-bottom: 1px solid #c9c5c0;
    border-left: 1px solid #c9c5c0;
    background: #c9c5c0
}

.box-tabs-vertical .expanded a {
    color: #054696;
    font-family: FrutigerBold;
    font-size: 1.14286em;
    text-decoration: none;
    border-top: 1px solid #e6e6e6;
    border-right: none;
    border-bottom: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    background: #fff
}

.box-container-vertical {
    position: relative;
    float: left;
    z-index: 10;
    width: 80%
}

.box-actions {
    margin: 1.53846em 0 0;
    background: url(../img/box-actions.png) 999px top repeat-y #e5edf5
}

.box-actions .actions-left, .box-actions .actions-right {
    padding: 10% 10% 0
}

.box-actions h3 {
    font-size: 1.23077em;
    line-height: 1.375em
}

.box-actions .btn-actions, .box-actions-empty .btn-actions {
    display: table;
    overflow: hidden;
    width: 100%;
    min-height: 80px
}

.box-actions .btn-actions .btn-actions-inner, .box-actions-empty .btn-actions .btn-actions-inner {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    margin: 0 auto
}

.box-actions .btn-actions .btn, .box-actions .btn-actions .mail-stepbox a, .box-actions-empty .btn-actions .btn, .box-actions-empty .btn-actions .mail-stepbox a, .mail-stepbox .box-actions .btn-actions a, .mail-stepbox .box-actions-empty .btn-actions a {
    display: block
}

.box-actions .btn-actions p, .box-actions-empty .btn-actions p {
    width: 13.46154em;
    margin: 0 auto .76923em
}

.box-actions .btn-actions p:last-child, .box-actions-empty .btn-actions p:last-child {
    margin: 0 auto
}

.aside-padding .box, .box-on-white .box {
    border-radius: 2px;
    box-shadow: 0 0 0 transparent
}

.aside-padding .box-toolbox, .box-on-white .box-toolbox {
    border: 1px solid #e0e0e0
}

@media (min-width: 0px) {
    .box-list-container ol, .box-list-container p, .box-list-container ul {
        margin: 0 0 .76923em
    }

    .box-list-container p:last-child {
        margin: 0
    }

    .box-list-left {
        float: left;
        width: 25%;
        padding-right: 5%
    }

    .box-list-left h2 {
        margin: 0
    }

    .box-list-right {
        float: left;
        width: 70%
    }

    .box-tabs a {
        padding: .85714em 1.42857em .78571em
    }

    .box-tabs .active a {
        padding: .875em 1.5em .8125em
    }

    .box-actions .actions-left, .box-actions .actions-right {
        float: left;
        width: 45%;
        padding: 2.5%
    }

    .box-padding {
        padding: 1.15385em 1.38462em
    }

    .aside-padding .box-toolbox.box-padding, .box-on-white .box-toolbox.box-padding {
        padding: 1.07692em 1.30769em
    }

    .box-list-left-small, .box-list-right-small {
        float: left;
        width: 50%
    }

    .box-tabs-wide a {
        min-width: 7.69231em
    }

    .box-actions {
        background-position: 325px top
    }
}

@media all {
    table {
        margin: 0 0 1.53846em;
        padding: 0
    }

    table caption {
        font-family: FrutigerBold;
        font-size: 1.07692em;
        text-align: left;
        margin: 0 0 .35714em
    }

    table td, table th {
        font-weight: 400;
        text-align: left;
        vertical-align: top;
        padding: .46154em .61538em;
        border-right: none !important;
        border-left: none !important
    }

    table thead th {
        border: 1px solid #dfdfdf;
        background-color: #eaeaea;
        background-image: -webkit-linear-gradient(top, #f0f0f0, #eaeaea);
        background-image: linear-gradient(to bottom, #f0f0f0, #eaeaea)
    }

    table tbody td {
        border: 1px solid #e6e6e6;
        border-bottom: 1px solid #d4d4d4;
        background: url(../img/table-bg.png) left top repeat-x #f5f5f5
    }

    table tbody th {
        border: 1px solid #dfdfdf;
        background: #e0e0e0
    }

    table tfoot td {
        padding-top: .92308em
    }

    table td:first-child, table th:first-child {
        border-left: none
    }

    table td:last-child, table th:last-child {
        border-right: none
    }

    table tr:first-child th {
        border-top: none
    }

    .tbl ol, .tbl p, .tbl ul {
        margin-bottom: 0
    }

    .tbl ol + ol, .tbl ol + p, .tbl ol + ul, .tbl p + ol, .tbl p + p, .tbl p + ul, .tbl ul + ol, .tbl ul + p, .tbl ul + ul {
        margin-top: .38462em
    }

    .tbl .bg-grey {
        background: #F3F3F3 !important
    }

    .tbl .bg-grey-lite {
        background: #FAFAFA !important
    }

    .tbl .align-top td, .tbl .align-top th {
        vertical-align: top !important
    }

    .tbl .align-middle td, .tbl .align-middle th {
        vertical-align: middle !important
    }

    .tbl .align-bottom td, .tbl .align-bottom th {
        vertical-align: bottom !important
    }

    .tbl .inset-right {
        padding-right: 1.15385em !important
    }

    .tbl-empty td, .tbl-empty th {
        padding: 0;
        border: none;
        background: 0 0
    }

    .tbl-empty-spacing td, .tbl-empty-spacing th {
        padding: .30769em .30769em .23077em 0;
        border: none;
        background: 0 0
    }

    .tbl-lined {
        border-top: none !important
    }

    .tbl-lined td, .tbl-lined th {
        padding: .30769em 0 .23077em;
        border: none;
        border-bottom: 1px solid #e6e6e6;
        background: 0 0
    }

    .tbl-lined.tbl-closed {
        border-top: 1px solid #a8afb3
    }

    .tbl-lined.tbl-padded td, .tbl-lined.tbl-padded th {
        padding-top: .69231em;
        padding-bottom: .61538em
    }

    .tbl-lined .tbl-sorted-down a, .tbl-lined .tbl-sorted-up a {
        color: #454a4d;
        text-decoration: none
    }

    .tbl-lined .tbl-sorted-up span {
        background-image: url(../img/icons/icon-sorted-grey-up.png)
    }

    .tbl-lined .tbl-sorted-down span {
        background-image: url(../img/icons/icon-sorted-grey-down.png)
    }

    .tbl-lined .cell-noline, .tbl-lined .cell-noline td, .tbl-lined .cell-noline th {
        padding-bottom: 0 !important;
        border-bottom: none !important
    }

    .tbl-headings th {
        font-family: FrutigerBold
    }

    .tbl-headings.tbl-lined thead td, .tbl-headings.tbl-lined thead th {
        border-bottom: 1px solid #c7c7c7
    }

    .tbl-data thead th {
        color: #f0f0f0;
        font-size: .92308em;
        line-height: 1.5em;
        padding: .58333em .66667em;
        border: 1px solid #393d3f;
        background: #454a4d;
        background-image: -webkit-linear-gradient(top, #4f5558, #3b3f42);
        background-image: linear-gradient(to bottom, #4f5558, #3b3f42)
    }

    .tbl-data tbody tr:hover td {
        background-image: -webkit-linear-gradient(top, #eee, #e9e9e9);
        background-image: linear-gradient(to bottom, #eee, #e9e9e9)
    }

    .tbl-data .depot-detail:hover td {
        background: #fafafa
    }

    .tbl-data thead th a {
        color: #f0f0f0;
        text-decoration: none
    }

    .tbl-data thead th a:focus {
        color: #fff;
        text-decoration: underline
    }

    .tbl-sortable .tbl-header:after {
        content: "m";
        display: inline-block;
        vertical-align: middle;
        position: relative;
        top: -.07143em;
        right: -.35714em;
        font-family: Icons;
        text-decoration: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .tbl-sortable .headerSortUp:after {
        content: "q"
    }

    .tbl-sortable .headerSortDown:after {
        content: "p"
    }

    .ie8 .tbl-sortable .tbl-header:after {
        content: url(../img/intranet/ie8/icon-sort-grey.png)
    }

    .ie8 .tbl-sortable .headerSortUp:after {
        content: url(../img/intranet/ie8/icon-sort-up-grey.png)
    }

    .ie8 .tbl-sortable .headerSortDown:after {
        content: url(../img/intranet/ie8/icon-sort-down-grey.png)
    }

    .tbl-data-expander {
        padding-top: .23077em;
        padding-bottom: .69231em
    }

    .tbl-trigger {
        cursor: pointer
    }

    .tbl-trigger:hover {
        background: #d2d7d9 !important
    }

    .tbl-data-expander a:focus {
        outline: #054696 dotted 1px
    }

    .tbl-data-expander .icon-expanded {
        top: 0 !important
    }

    .expanded .icon-arrow-collapsed {
        background-position: -128px -32px !important
    }

    .tbl-sorted-up span {
        padding-right: 1.15385em;
        background: url(../img/icons/icon-sorted-up.png) right center no-repeat
    }

    .tbl-sorted-down span {
        padding-right: 1.15385em;
        background: url(../img/icons/icon-sorted-down.png) right center no-repeat
    }

    .row-highlight td {
        background: #f0f4f9
    }

    .row-important td {
        font-family: FrutigerBold
    }

    .row-total td {
        padding: .46154em .61538em;
        border-bottom: 1px solid #717171
    }

    .tbl-button-group {
        position: relative;
        top: -.76923em
    }

    .tbl-overflow {
        overflow-x: auto;
        width: 100%;
        margin: 0 0 1.25em
    }

    .tbl-overflow::-webkit-scrollbar {
        width: 15px;
        background: #fafafa
    }

    .tbl-overflow::-webkit-scrollbar-thumb {
        border: 4px solid #fafafa;
        border-radius: 10px;
        background: #c1c1c1
    }

    .tbl-overflow table {
        margin: 0 !important
    }

    .tbl-links td, .tbl-links th {
        padding: .61538em .30769em;
        border: none;
        border-bottom: 1px solid #e6e6e6;
        background: 0 0
    }

    .tbl-links th {
        font-family: FrutigerBold;
        font-size: 1.23077em;
        border-bottom-color: #a9afb3
    }

    .tbl-links tbody tr:focus, .tbl-links tbody tr:hover {
        background: #fafafa
    }

    .td-space-top {
        padding-top: .61538em !important
    }

    .tbl-stock {
        border-bottom: 1px solid #d2d7d9
    }

    .tbl-stock thead th {
        font-size: .92308em;
        padding: .16667em .33333em;
        border-top: 1px solid #d2d7d9 !important;
        border-bottom: 1px solid #d2d7d9 !important
    }

    .tbl-stock tbody td {
        border-top: 1px solid #e6e6e6
    }

    .tbl-stock .last td {
        border-bottom: 1px solid #e6e6e6
    }

    .tbl-stock td, .tbl-stock th {
        padding: .46154em .30769em;
        border: none;
        background: 0 0
    }

    .tbl-stock abbr {
        border: none
    }

    .tbl-stock .icon-trade {
        position: relative;
        top: -.07692em
    }

    .tbl-stock-noborder {
        border: none
    }

    .tbl-orders thead th {
        font-family: FrutigerBold;
        font-size: 1.07692em;
        padding: .35714em .28571em .14286em;
        border-top-color: #a9afb3 !important
    }

    .tbl-orders tbody td {
        vertical-align: middle
    }

    .dropnav {
        position: relative;
        float: left;
        font-size: 13px;
        width: 33px;
        height: 23px;
        margin: 0;
        padding: 0;
        cursor: pointer;
        background: url(../img/dropdowns.png) left top no-repeat
    }

    .dropnav:hover {
        background-position: -33px 0
    }

    .dropnav:focus {
        outline: #054696 dotted 1px
    }

    .dropnav .dropnav-list {
        display: none;
        position: absolute;
        top: 1.69231em;
        right: 0;
        z-index: 100;
        text-align: left;
        min-width: 9.61538em;
        margin: 0;
        padding: .46154em .76923em .30769em;
        border-radius: 2px 0 2px 2px;
        list-style-type: none;
        background-color: #054b9e;
        background-image: -webkit-linear-gradient(top, #054b9e, #043f8b);
        background-image: linear-gradient(to bottom, #054b9e, #043f8b)
    }

    .dropnav .dropnav-list li {
        margin: 0 !important
    }

    .dropnav .dropnav-list li a {
        display: block;
        white-space: nowrap;
        padding: .15385em
    }

    .dropnav .dropnav-list li, .dropnav .dropnav-list li a {
        color: #fff
    }

    .tbl-grey thead th, .tbl-grey thead tr:first-child th {
        border-top: 1px solid #ddd;
        background-color: #e6e6e6
    }

    .tbl-grey tbody td, .tbl-grey tbody th {
        background: url(../img/table-bg.png) left top repeat-x #f5f5f5
    }

    .tbl-grey .tbl-sorted-down a, .tbl-grey .tbl-sorted-up a {
        color: #454a4d;
        text-decoration: none
    }

    .tbl-grey .tbl-sorted-up span {
        background-image: url(../img/icons/icon-sorted-grey-up.png)
    }

    .tbl-grey .tbl-sorted-down span {
        background-image: url(../img/icons/icon-sorted-grey-down.png)
    }
}

.container-24 {
    padding: 0 .625em
}

body {
    background-color: #e8e4dc
}

.body {
    padding: 2.9375em 0 .625em;
    background: #f0e9df
}

.tpl-visual .body {
    padding-top: 0
}

.fullheight {
    height: 100%
}

strong {
    font-family: FrutigerBold
}

dfn {
    font-family: FrutigerBold;
    font-style: normal
}

address {
    font-style: normal;
    margin: 0 0 .76923em
}

a:focus {
    text-decoration: underline
}

.frm input:focus, .frm textarea:focus, .uniform-focus, a:focus, button, input[type=submit]:focus {
    outline: 0
}

.invisible {
    visibility: hidden
}

a.no-underline {
    text-decoration: none !important
}

ul {
    list-style-type: square
}

ol, ul {
    padding-left: 20px
}

ul.no-list-type {
    list-style-type: none;
    padding: 0
}

.floated-list li, ul.default li {
    color: #054696
}

ol.default li, ol.floated-list li {
    color: grey
}

.default li span, .floated-list li span {
    color: #454a4d
}

.default li, .floated-list li {
    margin-bottom: .30769em
}

.mobile-aligned {
    padding-left: 1.53846em
}

ol.inside, ul.inside {
    padding-left: 0 !important;
    list-style-position: inside
}

.floated-list {
    position: relative;
    left: 15px;
    margin-left: 0;
    padding-left: 0
}

ul.default {
    position: relative
}

.floated-list, ul.default {
    list-style-type: none
}

.floated-list li:before, ul.default li:before {
    content: "";
    display: inline-block;
    position: absolute;
    vertical-align: middle;
    width: 4px;
    height: 4px;
    margin-top: 8px;
    margin-left: -15px;
    background-color: #054696
}

blockquote, q {
    position: relative;
    color: #454a4d;
    font-family: Georgia, serif;
    font-size: 1.23077em;
    font-style: italic;
    line-height: 1.375em;
    margin: 0;
    padding: 0 0 0 2.22222em
}

blockquote:before, q:before {
    content: "\201C";
    display: block;
    position: absolute;
    top: .23333em;
    left: 0;
    color: #717171;
    font-size: 3.75em
}

blockquote cite {
    display: block;
    color: #a8afb3;
    font-size: .875em;
    margin-top: .35714em
}

blockquote cite:before {
    content: "\2014 \2009"
}

.instruction-heading, h1, h2, h3, h4, h5, h6 {
    color: #454a4d;
    margin: 0
}

h1 {
    color: #054696;
    font-family: FrutigerLight;
    font-size: 1.375em;
    line-height: 1.27273em
}

.font-reset {
    font-size: 1.23077em
}

.font-size-13 {
    font-size: .8125em;
    line-height: 1.53846em
}

.frutiger {
    font-weight: 400
}

.frutiger-light {
    font-family: FrutigerLight
}

.frutiger-bold {
    font-family: FrutigerBold
}

.text-wide {
    line-height: 180% !important
}

.no-border {
    border: none !important
}

.underline {
    text-decoration: underline
}

.price {
    color: #454a4d !important
}

.color-blue {
    color: #054696 !important
}

.color-grey {
    color: #717171 !important
}

.color-dark {
    color: #454a4d !important
}

.color-positive {
    color: #27791B !important
}

.color-negative {
    color: #d92400 !important
}

.color-neutral {
    color: #717171 !important
}

.img-teaser {
    position: relative;
    font-size: 0;
    line-height: 0;
    text-align: center;
    background: #e0dcd5
}

.padding-top {
    padding-top: .76923em
}

.padding-bottom {
    padding-bottom: .76923em
}

.spacer {
    height: 1.25em
}

.spacer-large {
    height: 2.5em
}

.spacer-small {
    height: .76923em
}

.text-spacer {
    display: inline-block;
    vertical-align: middle;
    width: 1.53846em
}

.img-left, .img-right {
    float: none;
    clear: both;
    overflow: hidden;
    margin: 0 0 .07692em;
    padding: 0 0 1.15385em
}

.img-focus a:focus img {
    outline: #054696 dotted 1px
}

.halfspace-container > p {
    margin-bottom: .76923em !important
}

.datepicker-trigger:focus {
    outline: #054696 dotted 1px
}

.overflow-visible {
    overflow: visible !important
}

.highlighted td, .highlighted th {
    padding: 0;
    background: #e7ecde
}

.highlighted td > div, .highlighted td > p {
    display: none;
    margin: 0;
    padding: .46154em .61538em
}

.highlighted td > div.box-padding-noleft, .highlighted td > p.box-padding-noleft {
    padding-left: .61538em !important
}

.content-head {
    position: relative;
    top: -.625em
}

.content-head h1 {
    position: relative;
    top: -.18182em
}

.content-head > p {
    position: relative;
    top: -.30769em
}

.content-head > p a {
    margin: 0
}

.content-subhead {
    position: relative;
    padding: 0 0 .625em
}

.content-subhead h1 {
    color: #2e3233;
    font-size: 1.75em;
    line-height: 1.28571em;
    margin: 0 0 .35714em;
    padding: 0
}

.content-subhead h2 {
    color: #454a4d;
    font-family: FrutigerLight;
    font-size: 1.125em;
    line-height: 1.44444em;
    margin: 0 0 .83333em
}

.content-subhead .lead {
    color: #454a4d;
    font-family: FrutigerLight;
    font-size: 1.125em;
    line-height: 1.44444em;
    margin: 0 0 1.11111em
}

.content-subhead p {
    font-family: FrutigerLight;
    font-size: .8125em;
    line-height: 1.53846em
}

.content-actions {
    margin: 0
}

.content-actions p {
    margin: 0 0 .76923em
}

.content-actions .btn, .content-actions .mail-stepbox a, .mail-stepbox .content-actions a {
    display: block;
    text-align: center
}

.table-cell {
    display: table-cell !important;
    float: none !important;
    width: auto !important
}

.messages {
    position: relative;
    top: -.38462em;
    margin: 0;
    padding: .5625em .9375em .5625em 2.8125em;
    border: 1px solid #fff;
    border-right: none;
    border-left: none;
    list-style-type: none
}

.messages li, .messages p {
    margin: 0;
    padding: 0
}

.messages > .icon {
    position: absolute;
    top: 50%;
    left: .76923em;
    margin-top: -8px
}

.messages .icon-close {
    position: absolute;
    top: .38462em;
    right: 0;
    left: auto;
    margin-top: 0
}

.messages .icon-close:focus {
    outline: #054696 dotted 1px
}

.messages .text-success {
    color: #27791B
}

.messages .text-warning {
    color: #454a4d
}

.messages .text-action {
    padding: 5px 0 0
}

.mail-stepbox .messages .text-action a, .messages .text-action .btn, .messages .text-action .mail-stepbox a {
    margin-top: -5px
}

.messages.message-plain {
    padding-left: .76923em
}

.messages.message-plain .icon {
    display: none
}

.messages.message-plain .icon-close {
    display: block
}

.messages + .container-24 > .content-head {
    top: 0;
    margin-top: 1.25em
}

.message-success {
    border-color: #0c0;
    background: #e7ecde
}

.message-info {
    border-color: #006799;
    background: #e5edf5
}

.message-error {
    border-color: #d92400;
    background: #f0e3e7
}

.message-warning {
    border-color: #e6d300;
    background: #faf0e2
}

.message-muted {
    border-color: #454a4d;
    background: #f5f5f5
}

.box .messages {
    top: 0;
    margin: 0 0 1.53846em;
    border-color: #d2d7d9
}

.aside .messages {
    top: 0
}

.message-instruction > .icon {
    top: .92308em;
    left: .76923em;
    margin: 0
}

.message-instruction > .icon-error {
    top: 1em
}

.message-instruction > .icon-warning {
    top: 1.07692em
}

.message-instruction .instruction-heading, .message-instruction h2, .message-instruction h3 {
    display: inline-block;
    font-size: 1.23077em;
    line-height: 1.25em;
    vertical-align: middle;
    margin: .3125em 0;
    padding: 0
}

.message-instruction p {
    line-height: 1.15385em;
    margin: .61538em 0;
    padding: 0
}

.message-instruction.message-error hr {
    background: #d92400
}

.message-instruction.message-warning hr {
    background: #e6d300
}

.aside {
    font-family: FrutigerLight
}

.aside h2 {
    font-family: FrutigerLight;
    font-size: 1.23077em
}

.aside h3 {
    color: #2e3233;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.375em;
    margin: 0 0 .625em
}

.aside a {
    font-weight: 400
}

.aside .frm-contentsearch {
    position: relative;
    top: -.375em
}

.aside .frm-contentsearch .ico, .aside .frm-contentsearch .label {
    position: relative;
    top: -5px
}

.aside-padding {
    padding: .9375em 1.25em 0 0
}

.aside-spacer {
    height: .625em
}

.subnav {
    display: none
}

.subnav h2 {
    color: #454a4d;
    font-family: FrutigerLight;
    font-size: 1.69231em;
    line-height: 1.27273em;
    margin: 0;
    padding: .68182em .90909em .59091em;
    border-bottom: 1px solid #e6e6e6
}

.subnav h2 a {
    color: #454a4d
}

.subnav ul {
    margin: 0;
    padding: .92308em 1.53846em .92308em 0;
    list-style-type: none
}

.subnav ul li {
    padding: 0
}

.subnav ul li > a {
    display: block;
    color: #2e3233;
    padding: .38462em 0 .30769em 1.53846em
}

.subnav ul li > a:focus, .subnav ul li > a:hover {
    color: #054696;
    background: url(../img/icons/subnav-active-hover.png) left center no-repeat
}

.subnav ul ul {
    padding: 0
}

.subnav ul ul a {
    padding-left: 2.30769em
}

.subnav ul ul ul a {
    padding-left: 3.07692em
}

.subnav ul .active > a {
    font-family: FrutigerBold;
    background: url(../img/icons/subnav-active-hover.png) left center no-repeat
}

.subnav.subnav-empty {
    margin-bottom: 0
}

.subnav.subnav-empty h2 {
    border-bottom: none
}

.pagenav {
    text-align: center
}

.pagenav ol, .pagenav ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.pagenav li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 .30769em .76923em
}

.pagenav .active *, .pagenav li a {
    display: inline-block;
    color: #000;
    vertical-align: middle;
    padding: .23077em .69231em .15385em;
    border-radius: 2px;
    background: #e6e6e6
}

.pagenav li .icon {
    position: relative;
    top: -.07692em
}

.pagenav li a:hover {
    box-shadow: 0 0 2px #666;
    -webkit-transition: box-shadow 50ms;
    transition: box-shadow 50ms
}

.pagenav li a:focus, .pagenav li a:hover {
    text-decoration: none;
    background: #d2d7d9
}

.pagenav li a:focus {
    text-decoration: underline
}

.pagenav .page {
    display: none
}

.pagenav .active * {
    color: #fff !important;
    background: #454a4d !important
}

.pagenav .jumper {
    margin: 0 .15385em
}

.pagenav .jumper a {
    padding: .23077em 0 .15385em;
    border: none !important;
    background: 0 0 !important;
    box-shadow: none !important
}

.pagenav.pagenav-left {
    text-align: left
}

.pagenav.pagenav-left .page:first-child {
    margin-left: 0
}

.pagenav .page-all {
    padding-top: .23077em
}

.pagenav.pagenav-space {
    margin-bottom: 20px
}

.breadcrumb {
    display: none
}

.list-flat li {
    display: inline
}

.list {
    margin: 0 0 1.53846em
}

.list li {
    margin: 0;
    padding: .69231em 0;
    border-bottom: 1px solid #e6e6e6
}

.list li:first-child {
    padding-top: 0 !important
}

.list li:last-child {
    padding-bottom: 0 !important;
    border: none !important
}

.list .number-label {
    color: #fff;
    font-size: 1.07692em;
    margin-right: .57143em;
    padding: .14286em .85714em;
    border-radius: 2px;
    background: #054696
}

.list .number:hover {
    text-decoration: none
}

.list .number:hover .number-text {
    text-decoration: underline
}

.list .tooltip {
    position: relative;
    top: -1px
}

.list-closed li:first-child {
    padding-top: .69231em !important;
    border-top: 1px solid #a8afb3 !important
}

.list-closed li:last-child {
    padding-bottom: .69231em !important;
    border-bottom: 1px solid #e6e6e6 !important
}

.list.font-size-14 {
    font-size: 1.07692em;
    margin: 0 0 1.42857em
}

.list.font-size-14 li {
    padding: .57143em 0;
    border-width: 1px
}

.list-min-width {
    width: 34.61538em
}

.list-arrows a {
    display: block;
    background: url(../img/icons/subnav-active.png) right center no-repeat
}

.list-plain {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.list-plain li {
    margin: 0;
    padding: 0
}

.list-labels {
    margin: 0 0 .76923em;
    padding: 0;
    list-style-type: none
}

.list-labels li {
    position: relative;
    margin: 0 0 .76923em;
    padding: 0 0 0 1.53846em
}

.list-labels li .number {
    display: block;
    position: absolute;
    top: -.07692em;
    left: -.38462em;
    color: #fff;
    font-family: FrutigerRegular;
    font-weight: 400;
    text-align: center;
    width: 1.38462em;
    height: 1.38462em;
    border: 1px solid #054696;
    border-radius: 100%;
    background: #054696
}

.ie8 .list-labels .number {
    height: 1.46154em;
    border: none;
    border-radius: 0;
    background: url(../img/icons/list-label.png) 0 1px no-repeat !important
}

.def-list {
    margin: 0 0 .76923em
}

.def-list dt {
    float: left;
    clear: both;
    word-wrap: break-word;
    width: 30%
}

.def-list dd {
    float: left;
    width: 70%;
    margin: 0
}

.def-list .align-horiz {
    position: relative;
    top: .23077em;
    line-height: 2.46154em
}

.def-list-padding {
    padding: .38462em 0
}

.def-list-inner-padding dd, .def-list-inner-padding dt {
    padding-bottom: .38462em
}

.def-fullspan dd, .def-fullspan dt {
    width: 50%
}

.def-quartspan dt {
    width: 25%
}

.def-quartspan dd {
    width: 75%
}

.def-fifthspan dt {
    width: 20%
}

.def-fifthspan dd {
    width: 80%
}

.def-thirdspan dt {
    width: 30%
}

.def-thirdspan dd {
    width: 70%
}

.def-fourtysixty dt {
    width: 40%
}

.def-fourtysixty dd {
    width: 60%
}

.def-mw80p {
    width: 100%
}

.def-mw80p dt {
    width: 40%
}

.def-mw80p dd {
    width: 60%
}

.def-list-spacing dd, .def-list-spacing dt {
    padding-bottom: .76923em
}

.def-list-standalone {
    border-bottom: 1px solid #e6e6e6
}

.def-list-standalone dd, .def-list-standalone dt {
    border-top: 1px solid #e6e6e6
}

.def-list-standalone dd.def-list-border, .def-list-standalone dt.def-list-border {
    border-top: 1px solid #a8afb3
}

.def-list-standalone dd {
    float: right
}

.def-list-standalone dd .table-cell {
    vertical-align: top;
    width: 100% !important;
    padding-right: .38462em
}

.def-list-standalone dd .table-cell .btn, .def-list-standalone dd .table-cell .mail-stepbox a, .mail-stepbox .def-list-standalone dd .table-cell a {
    margin-top: -.38462em;
    margin-bottom: -.30769em
}

.def-list-standalone dd .table-cell + .table-cell {
    text-align: right;
    padding-right: 0
}

.def-list-standalone dd + dd {
    border-top: 0
}

.def-list-standalone.def-list-padding {
    padding: 0
}

.def-list-standalone.def-list-padding dd, .def-list-standalone.def-list-padding dt {
    padding: 1.15385em 0
}

.def-list-standalone.def-list-padding dd + dd {
    padding-top: 0
}

.def-list-standalone.def-list-nopadding dd, .def-list-standalone.def-list-nopadding dt {
    padding-bottom: 0
}

.def-list-standalone .long {
    display: table-cell;
    float: none;
    width: 100%
}

.def-list-standalone .dummy {
    visibility: hidden;
    width: 100%
}

.def-list-standalone dd + .dummy {
    padding: 0
}

.module-charts .charts-tabs {
    position: relative;
    z-index: 1;
    font-size: .92308em;
    height: auto;
    margin: 0;
    padding: 0 0 0 .33333em;
    border-bottom: 1px solid #676767;
    list-style-type: none
}

.module-charts .charts-tabs li {
    display: inline-block;
    vertical-align: bottom;
    padding: 0
}

.module-charts .charts-tabs li a {
    float: left;
    color: #2e3233;
    text-decoration: none;
    margin: 0 .41667em;
    padding: .16667em .66667em;
    border: 1px solid #e6e6e6;
    border-bottom: none;
    border-radius: 2px 2px 0 0;
    background: #e6e6e6
}

.module-charts .charts-tabs li a:focus, .module-charts .charts-tabs li a:hover {
    background: #d2d7d9
}

.module-charts .charts-tabs li a:focus {
    text-decoration: underline
}

.module-charts .charts-tabs .expanded {
    position: relative;
    bottom: -1px;
    z-index: 1000;
    color: #454a4d !important;
    padding: .33333em .66667em .16667em;
    border-color: #676767;
    background: #fff !important
}

.module-charts .charts-content p {
    padding-top: .07692em
}

.module-charts .charts-content img {
    position: relative;
    top: -.15385em;
    width: 100%
}

.module-charts .charts-content table {
    margin-top: 1.53846em !important
}

.module-charts .charts-detail {
    margin: 0;
    padding: 0 .76923em 0 0
}

.module-charts .charts-stock {
    margin: 1.25em 0 .125em .625em
}

.module-charts .stock-latest {
    padding-right: 3.07692em
}

.module-charts .stock-changes strong, .module-charts .stock-latest strong {
    font-size: 1.23077em
}

.chart-item .chart-stock {
    padding: .4375em 0 .375em;
    border-top: 1px solid #d2d7d9;
    border-bottom: 1px solid #d2d7d9
}

.chart-item .chart-stock .value {
    padding-right: .625em
}

.chart-item .chart-stock .change, .chart-item .chart-stock .value {
    float: left;
    font-family: FrutigerRegular;
    font-size: 1.23077em;
    font-weight: 400
}

.chart-item .chart-stock .date {
    float: right;
    color: #717171;
    font-size: .84615em
}

.helpbox h1 {
    color: #054696;
    font-size: 1.69231em;
    margin: 0;
    padding: 0 0 .45455em .90909em;
    border-bottom: 1px solid #e5e5e5
}

.helpbox h2 {
    font-size: 1em;
    min-width: 8.125em;
    margin: 0 .3125em .625em 0
}

.helpbox .helpbox-content {
    float: left;
    box-sizing: border-box;
    width: 68%;
    min-height: 38.46154em
}

.helpbox .helpbox-inner {
    padding: 1.15385em 1.53846em
}

.helpbox .helpbox-inner td {
    padding-top: .38462em
}

.helpbox .helpbox-inner.right {
    box-sizing: border-box;
    width: 32%
}

.helpbox .helpbox-inner.right h2 {
    font-size: 1.23077em
}

.helpbox .helpbox-inner.right h3 {
    font-size: 1em
}

.helpbox .helpbox-inner.right .box-info {
    border: 0;
    box-shadow: none
}

.video {
    max-width: 660px;
    margin: 0 auto 1.53846em
}

.video video {
    width: 100%
}

.video :active, .video :focus, embed, object {
    outline: 0 !important
}

.search-breadcrumb {
    padding-top: .41667em
}

.teaser-phone h2 {
    margin: 0
}

.teaser-phone h2 a {
    display: block
}

.teaser-phone p {
    margin: 0
}

.autocomplete-results {
    display: none;
    position: absolute;
    z-index: 1000;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #fff;
    box-shadow: 0 .15385em .38462em rgba(0, 0, 0, .36)
}

.autocomplete-results .autocomplete-inner {
    padding: .76923em .76923em 0
}

.autocomplete-results .autocomplete-inner dl dt {
    line-height: 1.46154em;
    white-space: normal;
    margin-top: .15385em
}

.autocomplete-results .autocomplete-inner dl dt.title {
    line-height: 1.53846em
}

.autocomplete-results .autocomplete-inner ul.autocomplete-list {
    margin: -.53846em -.38462em 0;
    padding: 0;
    list-style-type: none
}

.autocomplete-results .autocomplete-inner ul.autocomplete-list li {
    line-height: 1.15385em;
    margin: 0;
    padding: 0;
    border-top: 1px solid #d6d6d6
}

.autocomplete-results .autocomplete-inner ul.autocomplete-list li:first-child {
    border-top: none
}

.autocomplete-results .autocomplete-inner ul.autocomplete-bulletlist, .autocomplete-results .autocomplete-inner ul.autocomplete-plainlist {
    margin: .38462em 0;
    padding: 0;
    list-style-type: none
}

.autocomplete-results .autocomplete-inner ul.autocomplete-bulletlist li, .autocomplete-results .autocomplete-inner ul.autocomplete-plainlist li {
    position: relative;
    float: none !important;
    line-height: 1.53846em;
    margin: .38462em 0 !important;
    padding: 0 4.61538em 0 0 !important
}

.autocomplete-results .autocomplete-inner ul.autocomplete-bulletlist li .icon-next, .autocomplete-results .autocomplete-inner ul.autocomplete-plainlist li .icon-next {
    margin-right: -2px;
    margin-left: -3px
}

.autocomplete-results .autocomplete-inner ul.autocomplete-bulletlist li .meta, .autocomplete-results .autocomplete-inner ul.autocomplete-plainlist li .meta {
    position: absolute;
    top: 0;
    right: 0;
    color: #717171
}

.autocomplete-results .autocomplete-inner ul.autocomplete-bulletlist {
    padding-left: 1.15385em;
    list-style-type: square
}

.autocomplete-results .autocomplete-inner h4 {
    font-size: 1em;
    line-height: 1.53846em;
    margin: .38462em 0;
    padding: 0
}

.autocomplete-results .autocomplete-inner p.more {
    color: #717171;
    margin: 0;
    padding: .76923em 0;
    border-top: 1px solid #d6d6d6
}

.autocomplete-results .autocomplete-inner .no-price .name {
    line-height: 2.375em
}

.autocomplete-results .autocomplete-inner .no-results p {
    margin: 0;
    padding: .9375em .3125em
}

.autocomplete-results.autocomplete-scrollable .autocomplete-inner {
    overflow-y: auto;
    max-height: 275px
}

.autocomplete-results .autocomplete-item {
    display: block;
    color: #454a4d;
    text-decoration: none;
    margin: .15385em 0;
    padding: .15385em .38462em
}

.autocomplete-results .autocomplete-item:focus, .autocomplete-results .autocomplete-item:hover {
    color: #454a4d;
    text-decoration: none;
    background: #ededed
}

.autocomplete-results .autocomplete-item span {
    line-height: 1.23077em
}

.autocomplete-results .autocomplete-item .title {
    display: block
}

.autocomplete-results .autocomplete-item .meta {
    color: #717171
}

.autocomplete-results .autocomplete-list .active {
    color: #454a4d;
    text-decoration: none;
    background: #ededed
}

.autocomplete-results .autocomplete-foot {
    position: relative;
    min-height: 1.53846em;
    margin: 0;
    padding: .15385em 6.15385em .15385em .38462em;
    background: #454a4d
}

.autocomplete-results .autocomplete-foot a, .autocomplete-results .autocomplete-foot p {
    color: #fff;
    font-family: FrutigerLight;
    font-size: .92308em;
    margin: 0
}

.autocomplete-results .autocomplete-foot p a {
    font-size: 1em
}

.autocomplete-results .autocomplete-foot .all-results {
    padding: 0 1.53846em 0 0;
    background: url(../img/icons/subnav-arrow.png) 100% 50% no-repeat
}

.autocomplete-results .close, .autocomplete-results .results {
    top: .23077em
}

.autocomplete-results .results {
    float: left;
    text-align: left
}

.autocomplete-results .results .active {
    font-family: FrutigerBold
}

.autocomplete-results .close {
    position: absolute;
    top: .15385em;
    right: .15385em;
    text-align: right;
    width: 6.15385em;
    min-width: 6.53846em
}

.autocomplete-results .close .icon {
    position: relative;
    top: -1px
}

.autocomplete-backdrop, .datepicker-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999
}

.datepicker-backdrop {
    z-index: 998
}

.frm-collapsable .autocomplete-results ul.autocomplete-list li {
    margin: 0 !important
}

.ie8 .autocomplete-results {
    margin: 0 0 0 -1px;
    border: 1px solid #ccc
}

.autocomplete-dropdown .input-text {
    background: #f7f7f7
}

.autocomplete-dropdown .autocomplete-icon {
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    padding: 0 2px;
    cursor: pointer;
    background: url(../img/icons/autocomplete-dropdown.png) 2px center no-repeat
}

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

.icon-text-aligned .icon-aligned {
    float: left;
    margin: .30769em 0
}

.icon-text-aligned .text-aligned {
    display: block;
    padding: 0 0 0 1.92308em
}

.width-10 {
    width: 10% !important
}

.width-11 {
    width: 11% !important
}

.width-12 {
    width: 12% !important
}

.width-13 {
    width: 13% !important
}

.width-14 {
    width: 14% !important
}

.width-15 {
    width: 15% !important
}

.width-16 {
    width: 16% !important
}

.width-17 {
    width: 17% !important
}

.width-18 {
    width: 18% !important
}

.width-19 {
    width: 19% !important
}

.width-20 {
    width: 20% !important
}

.width-21 {
    width: 21% !important
}

.width-22 {
    width: 22% !important
}

.width-23 {
    width: 23% !important
}

.width-24 {
    width: 24% !important
}

.width-25 {
    width: 25% !important
}

.width-26 {
    width: 26% !important
}

.width-27 {
    width: 27% !important
}

.width-28 {
    width: 28% !important
}

.width-29 {
    width: 29% !important
}

.width-30 {
    width: 30% !important
}

.width-31 {
    width: 31% !important
}

.width-32 {
    width: 32% !important
}

.width-33 {
    width: 33% !important
}

.width-34 {
    width: 34% !important
}

.width-35 {
    width: 35% !important
}

.width-36 {
    width: 36% !important
}

.width-37 {
    width: 37% !important
}

.width-38 {
    width: 38% !important
}

.width-39 {
    width: 39% !important
}

.width-40 {
    width: 40% !important
}

.width-41 {
    width: 41% !important
}

.width-42 {
    width: 42% !important
}

.width-43 {
    width: 43% !important
}

.width-44 {
    width: 44% !important
}

.width-45 {
    width: 45% !important
}

.width-46 {
    width: 46% !important
}

.width-47 {
    width: 47% !important
}

.width-48 {
    width: 48% !important
}

.width-49 {
    width: 49% !important
}

.width-50 {
    width: 50% !important
}

.width-51 {
    width: 51% !important
}

.width-52 {
    width: 52% !important
}

.width-53 {
    width: 53% !important
}

.width-54 {
    width: 54% !important
}

.width-55 {
    width: 55% !important
}

.width-56 {
    width: 56% !important
}

.width-57 {
    width: 57% !important
}

.width-58 {
    width: 58% !important
}

.width-59 {
    width: 59% !important
}

.width-60 {
    width: 60% !important
}

.width-61 {
    width: 61% !important
}

.width-62 {
    width: 62% !important
}

.width-63 {
    width: 63% !important
}

.width-64 {
    width: 64% !important
}

.width-65 {
    width: 65% !important
}

.width-66 {
    width: 66% !important
}

.width-67 {
    width: 67% !important
}

.width-68 {
    width: 68% !important
}

.width-69 {
    width: 69% !important
}

.width-70 {
    width: 70% !important
}

.width-71 {
    width: 71% !important
}

.width-72 {
    width: 72% !important
}

.width-73 {
    width: 73% !important
}

.width-74 {
    width: 74% !important
}

.width-75 {
    width: 75% !important
}

.width-76 {
    width: 76% !important
}

.width-77 {
    width: 77% !important
}

.width-78 {
    width: 78% !important
}

.width-79 {
    width: 79% !important
}

.width-80 {
    width: 80% !important
}

.width-81 {
    width: 81% !important
}

.width-82 {
    width: 82% !important
}

.width-83 {
    width: 83% !important
}

.width-84 {
    width: 84% !important
}

.width-85 {
    width: 85% !important
}

.width-86 {
    width: 86% !important
}

.width-87 {
    width: 87% !important
}

.width-88 {
    width: 88% !important
}

.width-89 {
    width: 89% !important
}

.width-90 {
    width: 90% !important
}

.width-91 {
    width: 91% !important
}

.width-92 {
    width: 92% !important
}

.width-93 {
    width: 93% !important
}

.width-94 {
    width: 94% !important
}

.width-95 {
    width: 95% !important
}

.width-96 {
    width: 96% !important
}

.width-97 {
    width: 97% !important
}

.width-98 {
    width: 98% !important
}

.width-99 {
    width: 99% !important
}

.width-100 {
    width: 100% !important
}

@media (min-width: 0px) {
    body {
        min-width: 45em
    }

    .body {
        padding: 2.9375em 0 1.875em
    }

    .container-24 {
        padding: 0 !important
    }

    .img-left {
        float: left;
        margin: .38462em 0 0;
        padding: 0 1.53846em .76923em 0
    }

    .img-right {
        float: right;
        margin: .38462em 0 0;
        padding: 0 0 .76923em 1.53846em
    }

    .content-actions {
        margin: 0;
        padding-right: 12.5em
    }

    .content-actions .btn-actions {
        position: absolute;
        right: 0;
        bottom: 1.5625em;
        text-align: right;
        width: 10.9375em
    }

    .mobile-aligned {
        padding-left: 0
    }

    .column .span-twocol {
        float: left;
        width: 49%;
        margin: 0 1%
    }

    .column .span-threecol {
        float: left;
        width: 33.333%
    }

    .column .span-fourcol {
        float: left;
        width: 25%
    }

    .column .alpha {
        margin-left: 0
    }

    .column .omega {
        margin-right: 0
    }

    .subnav {
        display: block
    }

    .content-subhead h1 {
        padding: .35714em 0 0
    }

    .pagenav .page {
        display: inline-block;
        vertical-align: middle
    }

    .breadcrumb {
        overflow: hidden;
        display: block;
        padding: 1.53846em 0
    }

    .breadcrumb:after, .breadcrumb:before {
        content: " ";
        display: table
    }

    .breadcrumb:after {
        clear: both
    }

    .breadcrumb ol {
        margin: 0 0 1.07692em;
        padding: .69231em 0 0;
        border-top: 1px solid #d6d6d6;
        list-style-type: none
    }

    .breadcrumb li {
        float: left;
        font-family: FrutigerLight;
        margin-left: .46154em;
        padding: 0 0 0 .76923em;
        background: url(../img/breadcrumb-arrow.png) left 6px no-repeat
    }

    .breadcrumb li span {
        color: #454a4d
    }

    .breadcrumb li a {
        color: #000
    }

    .breadcrumb li a:focus, .breadcrumb li a:hover {
        color: #054696
    }

    .breadcrumb .title {
        position: relative;
        top: -.07692em;
        margin-right: .15385em
    }

    .breadcrumb .first, .breadcrumb .title {
        margin-left: 0;
        padding-left: 0;
        background: 0 0
    }

    .breadprint {
        float: right;
        margin: 0;
        padding: .76923em 0 0;
        background: 0 0
    }

    .breadprint .icon {
        margin-right: 0
    }

    .breadprint a:focus {
        outline: #054696 dotted 1px
    }

    .teaser-left {
        float: left;
        width: 21.25em
    }

    .teaser-right {
        float: left;
        width: 22.5em
    }
}

@media all {
    .tpl-finanzinfo {
        min-width: 60em
    }

    .finanzinfo-detail .fi-types span {
        padding-right: 2.69231em
    }

    .finanzinfo-detail .fi-rate {
        float: left;
        width: 30%;
        padding-top: 1.15385em
    }

    .finanzinfo-detail .fi-rate .number {
        display: block;
        font-family: FrutigerLight;
        font-size: 2em;
        padding-top: .38462em
    }

    .finanzinfo-detail .fi-additional {
        float: left;
        width: 35%;
        padding-left: 5%
    }

    .finanzinfo-detail .uniform-select {
        margin-left: 1.15385em !important
    }

    .finanzinfo-detail .input-select {
        width: 23.07692em
    }

    .finanzinfo-detail .fi-col1 {
        float: left;
        width: 45%
    }

    .finanzinfo-detail .fi-col2 {
        float: left;
        width: 55%
    }

    .finanzinfo-detail .fi-col2 .fi-colvalue {
        float: left;
        width: 65%
    }

    .finanzinfo-detail .fi-col2 .fi-colchange {
        float: left;
        width: 35%
    }

    .finanzinfo-detail .fi-col2 .value {
        display: block;
        font-size: 2em;
        padding: .38462em 0
    }

    .finanzinfo-detail .fi-col2 .uniform, .finanzinfo-detail .fi-col2 select {
        margin-left: 0 !important
    }

    .finanzinfo-detail .fi-stats-negative, .finanzinfo-detail .fi-stats-positive {
        float: left
    }

    .finanzinfo-detail .fi-stats-label {
        position: relative;
        top: -1px;
        float: left;
        width: 15px
    }

    .finanzinfo-detail .fi-stats-bar {
        float: left;
        width: 50px;
        height: 16px;
        margin-right: 5px;
        background: #e6e6e6;
        box-shadow: inset 0 1px 1px #d2d7d9
    }

    .finanzinfo-detail .fi-stats-inner {
        float: left;
        height: 16px;
        background: #d92400
    }

    .finanzinfo-detail .fi-stats-positive .fi-stats-label {
        text-align: right
    }

    .finanzinfo-detail .fi-stats-positive .fi-stats-bar {
        margin-right: 0
    }

    .finanzinfo-detail .fi-stats-positive .fi-stats-inner {
        float: right;
        background: #27791B
    }

    .finanzinfo-detail .break {
        margin-bottom: 1.15385em
    }
}

.visibilityhidden {
    visibility: hidden
}

.tpl-onba {
    overflow-y: scroll;
    min-width: 60em;
    background: url(../img/bg-onba.jpg) left top !important
}

.tpl-onba .header form {
    margin: 0
}

.tpl-onba .body {
    background: 0 0
}

.tpl-finanzinfo .body, .tpl-onba .body {
    padding: 5.0625em 0 1.875em
}

.tpl-onba-narrow .body {
    padding: 2.9375em 0 1.875em
}

.tpl-onba-narrow .footprint {
    display: none
}

.box-action {
    position: absolute;
    top: .76923em;
    right: .76923em
}

.box-action .icon {
    margin: 0
}

.box-action .icon-maximize, .box-action .icon-minimize {
    margin-right: .15385em
}

.box-action a:focus {
    outline: #054696 dotted 1px
}

.onba-message {
    color: #717171;
    margin: 0;
    padding: .69231em 0;
    border-top: 1px solid #e6e6e6
}

.onba-message .type {
    float: left;
    text-align: center;
    width: 5%
}

.onba-message .title {
    float: left;
    width: 55%
}

.onba-message .author {
    float: left;
    width: 25%
}

.onba-message .date {
    float: left;
    text-align: right;
    width: 6%;
    padding-right: 4%
}

.onba-message .action {
    float: right;
    text-align: center;
    width: 5%
}

.onba-message .action:focus {
    outline: #054696 dotted 1px
}

.onba-message:last-child {
    padding-bottom: 0
}

.action .icon, .type .icon {
    margin: 0
}

.onba-message-success {
    color: #2e3233;
    background: #f3f8f2
}

.onba-message-success a {
    color: #2e3233
}

.onba-message-success .title {
    width: 90%
}

.onba-message-success .type .icon {
    position: relative;
    top: -2px
}

.title-action a {
    float: right;
    font-size: .65em;
    margin-top: .25em
}

.def-list.def-list-nopadding {
    padding-bottom: 0
}

.def-list p.nospace .btn, .def-list p.nospace .mail-stepbox a, .mail-stepbox .def-list p.nospace a {
    margin-top: -.38462em
}

.def-nofloat dt {
    width: 30%
}

.def-nofloat dd {
    float: none;
    margin-left: 30%
}

.def-nofloat.def-fullspan dd {
    margin-left: 50%
}

.def-nofloat.def-quartspan dd {
    margin-left: 25%
}

.def-nofloat.def-fifthspan dd {
    margin-left: 20%
}

.def-nofloat.def-thirdspan dd {
    margin-left: 30%
}

.def-nofloat.def-fourtysixty dd, .def-nofloat.def-mw80p dd {
    margin-left: 40%
}

.field-addtop {
    position: relative;
    top: .38462em
}

.field-addtop.table-cell {
    top: 0;
    padding-top: .38462em
}

.main-container {
    min-height: 31.25em
}

.spaceing-left {
    margin-left: .3125em
}

.spaceing-right {
    margin-right: .3125em
}

.onba-depositor-overview, .onba-financial-overview {
    clear: both;
    overflow: hidden;
    margin: 0 0 1.53846em;
    border-bottom: 1px solid #d6d6d6
}

.onba-depositor-overview .group, .onba-financial-overview .group {
    margin: 0 0 .76923em;
    padding: 0
}

.onba-depositor-overview .group .price, .onba-depositor-overview .group .title, .onba-financial-overview .group .price, .onba-financial-overview .group .title {
    float: left;
    color: #454a4d;
    font-family: FrutigerLight;
    font-size: 1.38462em;
    padding: .33333em 0 0
}

.onba-depositor-overview .group .title, .onba-financial-overview .group .title {
    width: 65%
}

.onba-depositor-overview .group .price, .onba-financial-overview .group .price {
    float: right;
    font-family: FrutigerRegular;
    font-weight: 400
}

.onba-depositor-overview .group .icon, .onba-financial-overview .group .icon {
    margin: 0 .55556em 0 0
}

.onba-depositor-overview .frm, .onba-financial-overview .frm {
    float: right;
    width: 25%
}

.onba-depositor-overview .frm .uniform, .onba-financial-overview .frm .uniform {
    margin-top: .38462em
}

.onba-depositor-overview .frm .input-block, .onba-financial-overview .frm .input-block {
    width: 99.5%
}

.onba-depositor-overview .liquidity, .onba-depositor-overview .provision, .onba-depositor-overview .savings, .onba-financial-overview .liquidity, .onba-financial-overview .provision, .onba-financial-overview .savings {
    float: left;
    width: 25%;
    margin: 0
}

.onba-depositor-overview .icon-medium, .onba-financial-overview .icon-medium {
    position: relative;
    top: -2px
}

.onba-depositor-overview .title, .onba-financial-overview .title {
    display: block;
    color: #717171
}

.onba-depositor-overview .amount, .onba-financial-overview .amount {
    display: block;
    color: #717171;
    font-family: FrutigerBold;
    white-space: nowrap
}

.onba-depositor-overview {
    padding-bottom: 1.15385em
}

.onba-depositor-overview .field {
    float: right;
    margin-top: .76923em
}

.onba-depositor-overview .icon {
    float: left;
    margin: .07692em .61538em .76923em 0
}

.onba-depositor-overview .autocomplete-foot .icon {
    float: none;
    margin: 0
}

.onba-depositor-overview .autocomplete-results .autocomplete-foot a, .onba-depositor-overview .autocomplete-results .autocomplete-foot p {
    padding: 0
}

.frm-depositor-overview .autocomplete-icon {
    top: .84615em !important
}

.account-table .user {
    color: #454a4d;
    font-family: FrutigerLight;
    font-size: 1.07692em;
    margin: .71429em 0 .21429em .57143em
}

.account-table .user strong {
    font-family: FrutigerRegular
}

.account-table .user .icon {
    font-size: .92857em
}

.account-table .table-header {
    position: relative;
    clear: both;
    overflow: hidden;
    border-top: 1px solid #fff;
    background-color: #ededed;
    background-image: -webkit-linear-gradient(top, #f5f5f5, #ededed);
    background-image: linear-gradient(to bottom, #f5f5f5, #ededed)
}

.account-table .table-header h4 {
    position: relative;
    top: -.1em;
    float: left;
    color: #454a4d;
    font-family: FrutigerLight;
    font-size: 1.53846em;
    line-height: 1.3em;
    margin: 0
}

.account-table .table-header h4 .icon {
    position: relative;
    top: .30769em;
    font-size: .65em
}

.account-table .table-header h4 a {
    color: #454a4d;
    text-decoration: none !important
}

.account-table .table-header h5 a {
    display: inline-block;
    clear: both;
    color: #454a4d;
    font-size: .8125em;
    line-height: 1.625em;
    vertical-align: middle;
    margin: 0
}

.account-table .table-header h5 a:hover {
    text-decoration: none
}

.account-table .table-header .opener {
    float: left;
    width: 2.30769em;
    min-height: 2.30769em;
    cursor: pointer
}

.account-table .table-header .opener .opener-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.76923em;
    height: 100%;
    padding: .76923em 0 0 .53846em
}

.account-table .table-header .opener .opener-inner:hover {
    background: #d2d7d9
}

.account-table .table-header .opener .opener-inner a:focus {
    outline: #054696 dotted 1px
}

.account-table .table-header .name {
    overflow: hidden;
    float: left;
    width: 29.23077em;
    padding: .61538em 1.53846em .46154em .61538em
}

.account-table .table-header .name:after, .account-table .table-header .name:before {
    content: " ";
    display: table
}

.account-table .table-header .name:after {
    clear: both
}

.account-table .table-header .balance {
    overflow: hidden;
    float: left;
    width: 16.15385em;
    min-height: 1.84615em;
    padding: .23077em .76923em 0 0
}

.account-table .table-header .balance:after, .account-table .table-header .balance:before {
    content: " ";
    display: table
}

.account-table .table-header .balance:after {
    clear: both
}

.account-table .table-header .balance .icon {
    float: left;
    margin: 3px 0 0 3px
}

.account-table .table-header .balance .price {
    position: relative;
    top: .30769em;
    float: right;
    font-family: FrutigerLight;
    font-size: 1.53846em
}

.account-table .table-header .balance .price-big {
    top: .38462em;
    font-size: 1.30769em
}

.account-table .table-header .balance .subprice {
    position: relative;
    top: .30769em;
    float: right;
    clear: both;
    font-family: FrutigerLight;
    font-size: 1em;
    line-height: 2em;
    margin-bottom: .76923em
}

.account-table .table-header .iban, .account-table .table-header .number {
    float: right;
    color: #054696;
    line-height: 2em
}

.account-table .table-header .account {
    overflow: hidden;
    float: none
}

.account-table .table-header .account:after, .account-table .table-header .account:before {
    content: " ";
    display: table
}

.account-table .table-header .account:after {
    clear: both
}

.account-table .table-header .account span {
    float: left;
    margin-right: .25em
}

.account-table .table-header .account .identifier {
    position: relative;
    top: .13333em;
    float: right;
    font-size: .65em
}

.account-table .table-header .depot {
    overflow: hidden
}

.account-table .table-header .depot:after, .account-table .table-header .depot:before {
    content: " ";
    display: table
}

.account-table .table-header .depot:after {
    clear: both
}

.account-table .table-header .icon-collapsed {
    top: 0 !important
}

.account-table .table-header .title {
    float: left;
    font-family: FrutigerRegular;
    font-size: 1.23077em;
    font-weight: 400;
    width: 37.8125em;
    margin: 0;
    padding: .5625em 1.25em .5625em .5em;
    border-left: 1px solid #dbdbdb
}

.account-table .table-header:hover {
    background: #e6e6e6
}

.account-table .table-body {
    border-bottom: 1px solid #d4d4d4;
    background: #faf9f7
}

.account-table .table-body .col-left, .account-table .table-body .col-right {
    float: left;
    width: 41.2%;
    padding: 2% 3% 2% 5.8%
}

.account-table .table-body .col-full {
    width: 91.2%;
    padding: 2% 3% 2% 5.8%
}

.account-table .table-body h5 {
    color: #454a4d;
    font-size: 1em;
    margin-bottom: .38462em;
    padding-bottom: .38462em;
    border-bottom: 1px solid #e0e0de
}

.account-table .table-body ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.account-table .table-body ul li {
    clear: both;
    overflow: hidden;
    font-size: .92308em
}

.account-table .table-body .barchart {
    margin-top: 0
}

.account-table .table-body .history {
    margin-bottom: .76923em
}

.account-table .table-body .legend {
    line-height: 1.15385em
}

.account-table .table-body .legend li {
    float: left;
    clear: none;
    text-align: center;
    width: 33%
}

.account-table .table-body .legend li:first-child {
    text-align: left
}

.account-table .table-body .legend li:last-child {
    text-align: right
}

.account-additionalinfo {
    vertical-align: top;
    box-sizing: border-box;
    padding-left: .76923em
}

.account-additionalinfo .autocomplete-item {
    position: relative;
    overflow: hidden;
    margin-top: .38462em
}

.account-additionalinfo .icon-box {
    position: absolute;
    top: -.07692em;
    left: 0
}

.account-additionalinfo .text-box {
    padding-left: 2.46154em
}

.account-additionalinfo span {
    position: relative
}

.account-additionalinfo .icon {
    position: absolute;
    top: .07692em;
    left: 0
}

.account-additionalinfo .konto-type {
    margin-right: .38462em
}

.account-additionalinfo .konto-type.hasIcon {
    padding-right: 1.23077em
}

.account-additionalinfo .konto-type.hasIcon .icon {
    top: -.15385em;
    right: 0;
    left: auto;
    margin-right: 0
}

.account-additionalinfo .meta {
    color: #717171
}

.autocomplete-dropdown {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: auto;
    margin: 0;
    cursor: pointer
}

.autocomplete-dropdown .account-search {
    font-size: 1em;
    line-height: 1.15385em;
    width: 19em;
    height: 1.15385em !important;
    margin: 0;
    padding: .46154em 0 .38462em .46154em;
    box-shadow: inset 0 .07692em 0 #f1f1f1
}

.autocomplete-dropdown .autocomplete-icon {
    top: 6px;
    right: 4px
}

.autocomplete-inline .autocomplete-icon {
    top: 5px
}

.account-results, .depositor-results {
    width: 480px;
    border: 1px solid #a8afb3 !important
}

.account-results .autocomplete-inner, .depositor-results .autocomplete-inner {
    padding: 0
}

.account-results .autocomplete-inner .autocomplete-item, .depositor-results .autocomplete-inner .autocomplete-item {
    overflow: hidden;
    position: relative;
    color: #454a4d;
    margin: 0;
    padding: 5px 5px 5px 35px
}

.account-results .autocomplete-inner .autocomplete-item:after, .account-results .autocomplete-inner .autocomplete-item:before, .depositor-results .autocomplete-inner .autocomplete-item:after, .depositor-results .autocomplete-inner .autocomplete-item:before {
    content: " ";
    display: table
}

.account-results .autocomplete-inner .autocomplete-item:after, .depositor-results .autocomplete-inner .autocomplete-item:after {
    clear: both
}

.account-results .autocomplete-inner .autocomplete-item .type, .depositor-results .autocomplete-inner .autocomplete-item .type {
    position: absolute;
    top: 3px;
    left: 4px;
    margin: 0
}

.account-results .autocomplete-inner .autocomplete-item .icon-star-small-active, .depositor-results .autocomplete-inner .autocomplete-item .icon-star-small-active {
    margin: -2px 0 0
}

.account-results .autocomplete-inner .break, .account-results .autocomplete-inner .def-list, .depositor-results .autocomplete-inner .break, .depositor-results .autocomplete-inner .def-list {
    margin: 0
}

.account-results .autocomplete-inner .def-list dd, .account-results .autocomplete-inner .def-list dt, .depositor-results .autocomplete-inner .def-list dd, .depositor-results .autocomplete-inner .def-list dt {
    font-size: 1em;
    line-height: 1.15385em
}

.account-results .autocomplete-inner .def-list dt, .depositor-results .autocomplete-inner .def-list dt {
    width: 28%;
    padding-top: .38462em;
    padding-right: 1%;
    padding-left: 1%
}

.account-results .autocomplete-inner .def-list br, .depositor-results .autocomplete-inner .def-list br {
    clear: both
}

.account-results .autocomplete-inner p.more, .depositor-results .autocomplete-inner p.more {
    padding: .76923em .38462em
}

.currency-results {
    width: 280px;
    border: 1px solid #a8afb3 !important
}

.currency-results .autocomplete-inner {
    padding: 0
}

.currency-results .autocomplete-inner ul.autocomplete-list {
    margin: 0
}

.currency-results .autocomplete-item {
    margin: -1px 0;
    padding: 5px
}

.stockmarket-results {
    width: 540px
}

.stockmarket-results .autocomplete-focus {
    display: inline-block;
    vertical-align: middle;
    padding-left: 10em !important
}

.depositor-results {
    width: 21.53846em
}

.depositor-results dd {
    width: 100%
}

.depositor-results .meta, .depositor-results .name {
    word-wrap: break-word;
    width: 80%
}

.depositor-results .image {
    position: absolute;
    top: 10px;
    left: 10px
}

.depositor-results .infos {
    margin-left: 5%
}

.depositor-results .image, .depositor-results .meta, .depositor-results .name {
    float: left
}

.depositor-results .filter-info {
    padding: .38462em;
    border-top: 1px solid #a8afb3 !important
}

.depositor-results .autocomplete-item {
    padding: 5px 5px 5px 50px
}

.onba-depot {
    padding-right: 0 !important
}

.onba-depot h1 {
    margin: 0
}

.onba-depot .user {
    font-size: 1.07692em;
    margin: 0
}

.onba-depot .user span {
    display: block;
    color: #717171;
    font-family: FrutigerLight;
    padding: 1.07143em 0 0
}

.onba-depot .icon {
    position: relative;
    top: -.15385em
}

.onba-depot .icon-star {
    top: .15385em
}

.onba-depot-right {
    padding-left: 0 !important
}

.depot-detail > td {
    padding: 0;
    background: #fff !important
}

.depot-detail .tbl-lined th {
    color: #454a4d !important;
    border-bottom: 1px solid #e0e0de !important;
    background: 0 0 !important
}

.depot-detail .tbl-lined td {
    background: 0 0 !important
}

.depot-detail-inner {
    padding: 15px 10px
}

.depot-detail-inner table.tbl-lined {
    font-size: .8125em
}

.depot-detail-inner table.tbl-lined th {
    padding-left: 0
}

.depot-detail-inner .right {
    float: right !important;
    margin: 0 0 1.53846em
}

.depot-detail-inner .charts-tabs {
    font-size: .75em
}

.box-padding > .depot-detail-inner {
    padding: 0
}

.onba-statement h1 {
    margin: 0
}

.onba-statement .user {
    font-size: 1.07692em;
    margin: 0
}

.onba-statement .user span {
    display: block;
    color: #717171;
    font-family: FrutigerLight
}

.onba-statement .icon {
    position: relative;
    top: -.15385em
}

.depot-footer {
    margin: 1.25em auto -1.25em
}

.depot-footer img {
    max-width: 100%
}

.depot-footer .font-size-12 {
    font-size: .75em;
    line-height: 1.125em
}

.depot-footer .right {
    float: right !important
}

.depot-footer-six-idms img {
    float: left
}

.depot-footer-six-idms .depot-footer-text {
    padding-top: .84615em
}

.depot-footer-six-idms .depot-footer-text p {
    margin-bottom: 0
}

.frm-collapsable, .frm-floating {
    margin: 0
}

.frm-collapsable .area-bottom, .frm-collapsable .area-floating, .frm-collapsable .area-hidden, .frm-collapsable .area-top, .frm-floating .area-bottom, .frm-floating .area-floating, .frm-floating .area-hidden, .frm-floating .area-top {
    overflow: hidden;
    padding: .38462em 0 0
}

.frm-collapsable .area-bottom:after, .frm-collapsable .area-bottom:before, .frm-collapsable .area-floating:after, .frm-collapsable .area-floating:before, .frm-collapsable .area-hidden:after, .frm-collapsable .area-hidden:before, .frm-collapsable .area-top:after, .frm-collapsable .area-top:before, .frm-floating .area-bottom:after, .frm-floating .area-bottom:before, .frm-floating .area-floating:after, .frm-floating .area-floating:before, .frm-floating .area-hidden:after, .frm-floating .area-hidden:before, .frm-floating .area-top:after, .frm-floating .area-top:before {
    content: " ";
    display: table
}

.frm-collapsable .area-bottom:after, .frm-collapsable .area-floating:after, .frm-collapsable .area-hidden:after, .frm-collapsable .area-top:after, .frm-floating .area-bottom:after, .frm-floating .area-floating:after, .frm-floating .area-hidden:after, .frm-floating .area-top:after {
    clear: both
}

.frm-collapsable .area-bottom .selection, .frm-collapsable .area-floating .selection, .frm-collapsable .area-hidden .selection, .frm-collapsable .area-top .selection, .frm-floating .area-bottom .selection, .frm-floating .area-floating .selection, .frm-floating .area-hidden .selection, .frm-floating .area-top .selection {
    float: left;
    width: 23.84615em
}

.frm-collapsable .area-bottom .selection select, .frm-collapsable .area-floating .selection select, .frm-collapsable .area-hidden .selection select, .frm-collapsable .area-top .selection select, .frm-floating .area-bottom .selection select, .frm-floating .area-floating .selection select, .frm-floating .area-hidden .selection select, .frm-floating .area-top .selection select {
    width: 10.76923em
}

.frm-collapsable .area-bottom .selection-small, .frm-collapsable .area-floating .selection-small, .frm-collapsable .area-hidden .selection-small, .frm-collapsable .area-top .selection-small, .frm-floating .area-bottom .selection-small, .frm-floating .area-floating .selection-small, .frm-floating .area-hidden .selection-small, .frm-floating .area-top .selection-small {
    width: 16.15385em
}

.frm-collapsable .area-bottom .input input, .frm-collapsable .area-bottom .selection .datepicker, .frm-collapsable .area-floating .input input, .frm-collapsable .area-floating .selection .datepicker, .frm-collapsable .area-hidden .input input, .frm-collapsable .area-hidden .selection .datepicker, .frm-collapsable .area-top .input input, .frm-collapsable .area-top .selection .datepicker, .frm-floating .area-bottom .input input, .frm-floating .area-bottom .selection .datepicker, .frm-floating .area-floating .input input, .frm-floating .area-floating .selection .datepicker, .frm-floating .area-hidden .input input, .frm-floating .area-hidden .selection .datepicker, .frm-floating .area-top .input input, .frm-floating .area-top .selection .datepicker {
    width: 9.23077em
}

.frm-collapsable .area-bottom .button label, .frm-collapsable .area-floating .button label, .frm-collapsable .area-hidden .button label, .frm-collapsable .area-top .button label, .frm-floating .area-bottom .button label, .frm-floating .area-floating .button label, .frm-floating .area-hidden .button label, .frm-floating .area-top .button label {
    padding: 0 0 0 1.15385em
}

.frm-collapsable .area-bottom label, .frm-collapsable .area-floating label, .frm-collapsable .area-hidden label, .frm-collapsable .area-top label, .frm-floating .area-bottom label, .frm-floating .area-floating label, .frm-floating .area-hidden label, .frm-floating .area-top label {
    padding-top: .38462em;
    padding-right: 1.15385em
}

.frm-collapsable .area-bottom .field, .frm-collapsable .area-bottom label, .frm-collapsable .area-floating .field, .frm-collapsable .area-floating label, .frm-collapsable .area-hidden .field, .frm-collapsable .area-hidden label, .frm-collapsable .area-top .field, .frm-collapsable .area-top label, .frm-floating .area-bottom .field, .frm-floating .area-bottom label, .frm-floating .area-floating .field, .frm-floating .area-floating label, .frm-floating .area-hidden .field, .frm-floating .area-hidden label, .frm-floating .area-top .field, .frm-floating .area-top label {
    float: left
}

.frm-collapsable .area-bottom .action, .frm-collapsable .area-floating .action, .frm-collapsable .area-hidden .action, .frm-collapsable .area-top .action, .frm-floating .area-bottom .action, .frm-floating .area-floating .action, .frm-floating .area-hidden .action, .frm-floating .area-top .action {
    float: left;
    margin: 0 0 0 1.53846em !important;
    padding: .38462em
}

.frm-collapsable .area-bottom .nospace, .frm-collapsable .area-floating .nospace, .frm-collapsable .area-hidden .nospace, .frm-collapsable .area-top .nospace, .frm-floating .area-bottom .nospace, .frm-floating .area-floating .nospace, .frm-floating .area-hidden .nospace, .frm-floating .area-top .nospace {
    padding-top: 0 !important
}

.frm-collapsable .rows li, .frm-floating .rows li {
    margin-bottom: .76923em !important
}

.frm-collapsable .rows .row, .frm-floating .rows .row {
    clear: both
}

.frm-collapsable .area-top, .frm-floating .area-top {
    overflow: hidden;
    padding: 0 0 1.38462em
}

.frm-collapsable .area-top:after, .frm-collapsable .area-top:before, .frm-floating .area-top:after, .frm-floating .area-top:before {
    content: " ";
    display: table
}

.frm-collapsable .area-top:after, .frm-floating .area-top:after {
    clear: both
}

.frm-collapsable .area-top p, .frm-floating .area-top p {
    float: left;
    margin: 0
}

.frm-collapsable .area-top .input-large, .frm-floating .area-top .input-large {
    width: 26.15385em
}

.frm-collapsable .area-top label, .frm-floating .area-top label {
    padding-top: .38462em;
    padding-right: 1.15385em
}

.frm-collapsable .area-bottom .selection, .frm-floating .area-bottom .selection {
    width: 19.23077em
}

.frm-collapsable .area-bottom .selection select, .frm-floating .area-bottom .selection select {
    width: 15.38462em
}

.frm-collapsable .area-bottom .input input, .frm-floating .area-bottom .input input {
    width: 19.23077em
}

.frm-collapsable .area-bottom label, .frm-floating .area-bottom label {
    padding-top: 0;
    padding-bottom: 1.53846em
}

.frm-collapsable .area-hidden, .frm-floating .area-hidden {
    padding: 1.53846em 0 1.875em;
    border-top: 1px solid #e6e6e6
}

.frm-collapsable .area-floating li.input .field, .frm-floating .area-floating li.input .field {
    margin-right: 1.53846em
}

.frm-collapsable .area-top-nospace, .frm-floating .area-top-nospace {
    padding-bottom: 1px !important
}

.frm-collapsable .trigger-options, .frm-floating .trigger-options {
    padding: .38462em 2.30769em
}

.frm-collapsable .change-rows, .frm-floating .change-rows {
    float: right !important;
    padding: .38462em 3.84615em .38462em 0
}

.frm-table .rows {
    display: table
}

.frm-table .row {
    display: table-row;
    float: none !important;
    width: auto !important;
    margin-bottom: 0
}

.frm-table .field, .frm-table label {
    display: table-cell;
    float: none !important;
    vertical-align: top;
    padding-bottom: .76923em
}

.frm-table label {
    white-space: nowrap
}

.frm-table .field {
    width: 16.38462em;
    padding-right: 1.15385em
}

.frm-advanced-trigger.expanded .icon-arrow-link-down {
    background-position: -160px -32px !important
}

.box-collapsable .price-collapsed, .frm-advanced-trigger.collapsed .text1, .frm-advanced-trigger.expanded .text2 {
    display: none
}

.box-collapsable .collapsed .price-collapsed {
    display: inline-block;
    vertical-align: middle
}

.data-details td, .data-details th, .data-details:hover td, .data-details:hover th {
    font-size: .92308em;
    background: #fff !important
}

.data-details dl {
    margin: 0;
    padding: 0
}

.data-details dl dd, .data-details dl dt {
    display: block;
    float: left;
    margin: 0;
    padding: 0
}

.data-details dl dt {
    clear: both;
    width: 70%
}

.data-details dl dd {
    text-align: right;
    width: 30%
}

.data-details .more {
    display: inline-block;
    vertical-align: middle;
    padding: .41667em 0
}

.mail-head {
    position: relative;
    padding: 0 6.15385em
}

.mail-head h2 {
    position: absolute;
    top: 0;
    left: 0;
    color: #717171;
    font-size: .92308em;
    text-align: right;
    width: 5em;
    padding: .33333em 0 0
}

.mail-head h3 {
    font-family: FrutigerLight;
    line-height: 1.22222em;
    margin: 0
}

.mail-head .mail-left {
    float: left;
    color: #717171;
    font-size: .92308em;
    width: 3.33333em;
    padding-right: .41667em
}

.mail-head .mail-col-second .mail-left {
    width: 5em;
    padding-right: 1.66667em
}

.mail-head .mail-col-first {
    float: left;
    width: 50%
}

.mail-head .mail-col-second {
    float: right;
    width: 50%
}

.mail-body {
    padding: 1.53846em 6.15385em 0
}

.mail-body + hr {
    margin-bottom: 1.53846em
}

.mail-foot {
    position: relative;
    padding: 0 6.15385em .76923em
}

.mail-foot h2 {
    position: absolute;
    top: 0;
    left: 0;
    color: #717171;
    font-size: .92308em;
    text-align: right;
    width: 5em;
    margin: .125em 0 0;
    padding: 0
}

.mail-stepbox {
    position: relative;
    margin: 0 0 1.92308em;
    padding: 1.15385em 1.53846em .76923em 6.15385em
}

.mail-stepbox h2 {
    position: absolute;
    top: 0;
    left: 0;
    color: #717171;
    font-size: .92308em;
    text-align: right;
    width: 5em;
    padding: 1.25em 0 0
}

.mail-stepbox p {
    margin: 0 0 .76923em
}

.mail-stepbox a {
    position: relative;
    top: -.07692em;
    margin-right: .46154em !important;
    margin-bottom: .76923em !important
}

.mail-stepbox .icon {
    margin-right: .15385em
}

.frm-slip {
    margin: 0
}

.frm-slip .frm-horizontal ol > li > label {
    width: 20%
}

.frm-slip .frm-horizontal ol > li > .field {
    width: 75%
}

.frm-slip ol {
    margin: 0 0 .76923em
}

.frm-slip li {
    margin: 0 0 .38462em
}

.frm-slip .list-plain li {
    margin: 0
}

.frm-slip .input-select-slip, .frm-slip .input-text-slip, .frm-slip .input-textarea-slip {
    width: 14.61538em;
    padding-top: .23077em;
    padding-bottom: .23077em
}

.frm-slip .input-select-slip {
    height: 1.84615em
}

.frm-slip .input-select-slip.input-large {
    width: 18.07692em !important
}

.frm-slip .input-mini {
    width: 4em !important
}

.frm-slip .input-small {
    width: 5.38462em !important
}

.frm-slip .input-medsmall {
    width: 7.84615em !important
}

.frm-slip .input-medium {
    width: 9.23077em !important
}

.frm-slip .input-largmed {
    width: 9.69231em !important
}

.frm-slip .input-large {
    width: 19.61538em !important
}

.frm-slip .input-currency {
    float: left;
    line-height: 1.2 !important;
    width: 5em !important;
    height: 1.84615em !important;
    min-height: 1.84615em;
    margin-right: .38462em
}

.frm-slip .input-text-slip-reference {
    width: 18em
}

.frm-slip fieldset.space {
    margin-bottom: 1.15385em
}

.frm-slip .aside .box-info .input-select.input-medium {
    width: 12.61538em !important;
    background-color: #fff
}

.frm-slip label.after-select {
    display: inline-block;
    vertical-align: bottom;
    padding: .23077em 0
}

.frm-slip label.after-select.right {
    margin-right: .38462em
}

.frm-slip .after-select .uniform-radio {
    top: -1px !important
}

.frm-slip .label-offset {
    position: relative;
    top: 2px
}

.frm-slip .label-offset > .uniform {
    position: relative;
    top: -1px !important
}

.slip {
    margin: 0 0 1.25em;
    border: 1px solid #bfbbb6;
    background: #e6e6e6
}

.slip h2 {
    color: #000;
    font-size: 1em;
    margin: 0 0 .23077em
}

.slip .slip-inner {
    padding: 1.15385em 1.53846em;
    border-right: 1px solid #bfbbb6
}

.slip .slip-inner-nobg {
    border: none
}

.slip .slip-left {
    float: left;
    width: 48%
}

.slip .slip-right {
    float: left;
    width: 52%
}

.slip .slip-top {
    height: 6.53846em;
    border-bottom: 1px solid #bfbbb6
}

.slip .slip-top-purpose {
    float: left;
    width: 66%;
    height: 6.53846em;
    border-bottom: 1px solid #bfbbb6
}

.slip .slip-top-purpose .input-text-slip, .slip .slip-top-purpose .input-textarea-slip {
    width: 13.84615em
}

.slip .slip-top-round {
    float: left;
    width: 34%;
    border-bottom: 1px solid #bfbbb6
}

.slip .slip-top-round-inner {
    height: 6.53846em;
    border-left: 1px solid #bfbbb6;
    background: url(../img/onba/slip-neutral.png) center center no-repeat
}

.slip .uniform-select-status {
    margin-top: -1px !important;
    padding-top: 0 !important
}

.slip .uniform-select-arrow {
    margin-top: 4px !important
}

.slip .uniform, .slip-payment .uniform {
    background: #fff
}

.slip-payment.slip-mask, .slip.slip-mask {
    position: relative
}

.slip-payment.slip-mask .mask-text, .slip.slip-mask .mask-text {
    display: table;
    position: absolute;
    top: 50%;
    left: 0;
    font-family: FrutigerBold;
    font-size: 5em;
    line-height: 1.3em;
    text-align: center;
    width: 100%;
    height: 200px;
    margin: -100px 0 0;
    opacity: .2;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
}

.slip-payment.slip-mask .mask-text span, .slip.slip-mask .mask-text span {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.slip .slip-inner, .slip-payment .slip-inner {
    word-wrap: break-word
}

.slip-payment {
    margin: 0 0 1.25em;
    border: 1px solid #bfbbb6;
    background: #e6e6e6
}

.slip-payment .slip-left {
    float: left;
    width: 63%
}

.slip-payment .slip-right {
    float: left;
    width: 37%;
    margin-left: -1px;
    border-left: 1px solid #bfbbb6
}

.slip-payment .slip-inner {
    padding: 1.15385em 1.53846em;
    border-right: 1px solid #bfbbb6
}

.slip-payment .slip-inner-nobg {
    border: none
}

.slip-payment .slip-inner-reference {
    padding-right: .76923em
}

.slip-payment .slip-top-purpose {
    min-height: 6.53846em;
    border-bottom: 1px solid #bfbbb6
}

.slip-payment .slip-top-purpose .input-text-slip, .slip-payment .slip-top-purpose .input-textarea-slip {
    box-sizing: border-box;
    width: 100%
}

.slip-payment.slip-orange input.input-text-slip, .slip-payment.slip-red input.input-text-slip {
    height: 1.23077em !important
}

.slip-payment.slip-orange .slip-left, .slip-payment.slip-red .slip-left {
    width: 55%
}

.slip-payment.slip-orange .slip-right, .slip-payment.slip-red .slip-right {
    width: 45%
}

.slip-payment.slip-orange .slip-block > h2, .slip-payment.slip-red .slip-block > h2 {
    width: 8.07692em
}

.slip-payment.slip-orange .slip-block > div, .slip-payment.slip-orange .slip-block > fieldset, .slip-payment.slip-red .slip-block > div, .slip-payment.slip-red .slip-block > fieldset {
    width: 17.61538em
}

.slip-payment h2 {
    color: #000;
    font-size: 1em;
    line-height: 1.53846em;
    margin: 0 0 .23077em
}

.slip-payment .slip-block {
    overflow: hidden
}

.slip-payment .slip-block:after, .slip-payment .slip-block:before {
    content: " ";
    display: table
}

.slip-payment .slip-block:after {
    clear: both
}

.slip-payment .slip-block > h2 {
    float: left;
    width: 11.15385em;
    margin: 0 .38462em 0 0
}

.slip-payment .slip-block > div, .slip-payment .slip-block > fieldset {
    float: left;
    width: 18.07692em
}

.slip-payment .uniform-select-status {
    margin-top: -1px !important;
    padding-top: 0 !important
}

.slip-payment .uniform-select-arrow {
    margin-top: 4px !important
}

.slip-orange {
    background: #fdf0df
}

.slip-orange .slip-top-round-inner {
    background-image: url(../img/onba/slip-orange.png)
}

.slip-red {
    background: #fee9e3
}

.slip-red input.input-text-slip {
    height: 1.23077em !important
}

.slip-red .slip-top-round-inner {
    background-image: url(../img/onba/slip-red.png)
}

.slip-red .slip-block:nth-child(2) .icon-error {
    margin-bottom: 0
}

.slip-neutral .slip-right .slip-inner-nobg {
    padding-left: 40px
}

.slip-neutral .slip-right .slip-inner-nobg .box-height-43 {
    min-height: 3.30769em;
    margin-bottom: 1.15385em
}

.slip-neutral .slip-right .slip-inner-nobg .box-height-170 {
    min-height: 13.07692em;
    margin-bottom: 1.15385em
}

.slip-neutral .input-select-slip, .slip-neutral .input-text-slip, .slip-neutral .input-textarea-slip {
    width: 18.46154em
}

.slip-neutral .input-small {
    width: 6.53846em !important
}

.slip-neutral .input-medsmall {
    width: 10.53846em !important
}

.slip-neutral .currency-search {
    width: 6.53846em !important
}

.slip-neutral .input-bank {
    width: 19.46154em !important;
    height: 1.84615em !important;
    min-height: 0
}

.checkbox-lohnzahlung .icon-tooltip {
    margin-top: -.07692em
}

.frm-instructions-trigger {
    font-size: .86667em;
    font-weight: 400
}

.frm-instructions-trigger.collapsed .text1, .frm-instructions-trigger.expanded .text2 {
    display: none
}

.modal-twocol {
    overflow: hidden;
    width: 100%
}

.modal-twocol:after, .modal-twocol:before {
    content: " ";
    display: table
}

.modal-twocol:after {
    clear: both
}

.modal-twocol .col-left {
    float: left;
    width: 46%;
    margin: 0 4% 0 0
}

.modal-twocol .col-right {
    float: right;
    width: 50%
}

.barchart {
    display: block;
    position: relative;
    margin: .76923em 0 .38462em;
    padding: .46154em 0
}

.barchart .chart {
    position: relative;
    width: 100%;
    height: .76923em;
    background-color: #e3e3e3;
    box-shadow: rgba(0, 0, 0, .4) 0 1px 3px inset
}

.barchart .chart-indicator {
    float: left;
    height: .76923em;
    opacity: .75;
    background-color: transparent
}

.barchart .chart-indicator.indicator-stacked {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0
}

.barchart .chart-indicator.indicator-green {
    background-color: #37ab26
}

.barchart .chart-indicator.indicator-yellow {
    background-color: #e6d300
}

.barchart .chart-indicator.indicator-blue {
    background-color: #043a7d
}

.barchart .chart-indicator.indicator-red {
    background-color: #eb3a2a
}

.barchart .chart-indicator.indicator-grey {
    background-color: #fafafa
}

.barchart .chart-indicator.indicator-greyblue {
    background-color: #97bbe5
}

.barchart.barchart-medium {
    margin: 0
}

.barchart.barchart-medium .chart, .barchart.barchart-medium .chart-indicator {
    height: .84615em;
    border-radius: 0
}

.chart-labels {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.chart-labels .chart-label {
    float: left;
    width: .76923em;
    height: .76923em;
    margin: .30769em .38462em 0 0
}

.chart-labels .chart-label.label-green {
    background-color: #18c718
}

.chart-labels .chart-label.label-yellow {
    background-color: #e6d300
}

.chart-labels .chart-label.label-red {
    background-color: #d62502
}

.chart-labels .chart-label.label-blue {
    background-color: #054696
}

.chart-labels .chart-label.label-grey {
    background-color: #cad6e5
}

.chart-labels .chart-label.label-greyblue {
    background-color: #87a6cd
}

.onba-exchange-data {
    padding: .625em 0 0
}

.text-offset {
    position: relative;
    top: 5px
}

.datepicker-trigger .icon-calendar {
    margin-top: 2px
}

.icon-question {
    margin-top: .15385em
}

.field-radiobox-belegart {
    padding-top: .38462em
}

.field-bestimmungen-container {
    position: relative
}

.field-bestimmungen-container .icon-tooltip {
    position: absolute;
    top: 0;
    right: -1.61538em
}

.btn-dropdown-list {
    cursor: default
}

.btn-dropdown-list .large-12 {
    width: 48%
}

.btn-dropdown-list .column {
    float: left
}

.btn-dropdown-list .column.last {
    float: right
}

.btn-dropdown-list.width-670 {
    top: 2em;
    font-size: 1em;
    width: 61.15385em;
    box-shadow: 0 .0625em .25em .25em rgba(0, 0, 0, .15)
}

.btn-dropdown-list.width-670 h2 {
    display: block;
    margin-bottom: 0;
    padding-bottom: .5em;
    border-bottom: 1px solid #d2d7d9
}

.btn-dropdown-list.width-670 p {
    font-size: 1.07692em;
    white-space: normal;
    margin-top: .71429em
}

.btn-dropdown-list.width-670 li {
    display: block;
    position: relative;
    border-bottom: 1px solid #d2d7d9
}

.btn-dropdown-list.width-670 .box-padding {
    padding: 1.53846em 1.38462em
}

.btn-dropdown-list.width-670 .favorite {
    overflow: hidden;
    display: block;
    color: #054696;
    font-size: 1.07692em;
    white-space: normal;
    text-decoration: none;
    padding-right: 1.30769em;
    padding-left: 0;
    border-top: 0;
    background: 0 0
}

.btn-dropdown-list.width-670 .favorite:after, .btn-dropdown-list.width-670 .favorite:before {
    content: " ";
    display: table
}

.btn-dropdown-list.width-670 .favorite:after {
    clear: both
}

.btn-dropdown-list.width-670 .favorite:focus, .btn-dropdown-list.width-670 .favorite:hover {
    text-decoration: none;
    outline: 0
}

.btn-dropdown-list.width-670 .favorite:focus .middle .left, .btn-dropdown-list.width-670 .favorite:hover .middle .left {
    text-decoration: underline;
    outline: 0
}

.btn-dropdown-list.width-670 .favorite.products {
    padding: .35714em 1.42857em .35714em 0
}

.btn-dropdown-list.width-670 .favorite p {
    margin: 0
}

.btn-dropdown-list.width-670 .favorite .icon-large {
    top: .14286em;
    float: left;
    margin-right: .57143em !important;
    margin-bottom: .35714em
}

.btn-dropdown-list.width-670 .favorite .middle {
    margin-top: .07143em;
    margin-left: .57143em
}

.btn-dropdown-list.width-670 .favorite .account, .btn-dropdown-list.width-670 .favorite .block {
    display: block;
    float: left;
    width: 100%
}

.btn-dropdown-list.width-670 .favorite .account, .btn-dropdown-list.width-670 .favorite .amount {
    text-decoration: none
}

.btn-dropdown-list.width-670 .favorite .amount {
    color: #454a4d
}

.btn-dropdown-list.width-670 .favorite .account {
    display: block;
    float: none;
    color: #717171;
    white-space: normal;
    width: 100%
}

.btn-dropdown-list.width-670 .last .favorite:focus, .btn-dropdown-list.width-670 .last .favorite:hover {
    text-decoration: underline
}

.btn-dropdown-list.width-670 .tooltip {
    position: absolute;
    top: 0;
    right: 0;
    margin: .35714em 0;
    padding: 0;
    border-top: 0;
    background: 0 0
}

.btn-dropdown-list.width-670 .tooltip:focus {
    outline: dotted 1px
}

.btn-dropdown-list.width-670 .icon-close {
    top: .14286em
}

.btn-dropdown-list a.btn-blue {
    display: inline-block;
    vertical-align: middle;
    margin-left: 0 !important;
    border-color: #054696;
    background-color: #054696
}

.btn-dropdown-list a.btn-blue:hover {
    background-color: #043f8c
}

.btn-dropdown-list .btn-dropdown-scrollable-footer, .btn-dropdown-list .btn-dropdown-scrollable-header {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 1
}

.btn-dropdown-list .btn-dropdown-scrollable-header {
    top: 0;
    box-shadow: none
}

.btn-dropdown-list .btn-dropdown-scrollable-footer {
    bottom: 0;
    box-shadow: none
}

.btn-dropdown-list .btn-dropdown-scrollable {
    overflow: auto
}

.btn-dropdown-list .btn-dropdown-scrollable .box {
    box-shadow: none
}

.frm .frm-advanced-container .frm-horizontal label {
    height: 1.53846em
}

@media (min-width: 0px) {
    .tpl-onba .cl-lightbox-dim.ios-5-max {
        position: absolute !important
    }
}

.inheritage-calculator .lead {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 20px
}

.inheritage-calculator .icon-zkb {
    position: absolute;
    overflow: hidden;
    width: 25px;
    height: 25px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 25px
}

.inheritage-calculator .icon-zkb.icon-zkb-user {
    background-image: url(../img/nachlassrechner/icon-user.png)
}

.inheritage-calculator .icon-zkb.icon-zkb-user.active {
    background-image: url(../img/nachlassrechner/icon-user-active.png)
}

.inheritage-calculator .icon-zkb.icon-zkb-couple {
    background-image: url(../img/nachlassrechner/icon-couple.png)
}

.inheritage-calculator .icon-zkb.icon-zkb-couple.active {
    background-image: url(../img/nachlassrechner/icon-couple-active.png)
}

.inheritage-calculator .icon-zkb.icon-zkb-female {
    background-image: url(../img/nachlassrechner/icon-female.png)
}

.inheritage-calculator .icon-zkb.icon-zkb-female.active {
    background-image: url(../img/nachlassrechner/icon-female-active.png)
}

.inheritage-calculator .icon-zkb.icon-zkb-male {
    background-image: url(../img/nachlassrechner/icon-male.png)
}

.inheritage-calculator .icon-zkb.icon-zkb-male.active {
    background-image: url(../img/nachlassrechner/icon-male-active.png)
}

.inheritage-calculator .field {
    width: 90% !important
}

.inheritage-calculator span.input-radiocheck {
    margin-left: -45px
}

.inheritage-calculator label {
    margin-left: 23px
}

.inheritage-calculator .ehepartner {
    top: 42%;
    left: 13%
}

.inheritage-calculator .eingetragenerpartner {
    top: 59%;
    left: 13%
}

.inheritage-calculator .konkubinat {
    top: 80%;
    left: 18%
}

.inheritage-calculator .kinder {
    top: 27%;
    left: 47%
}

.inheritage-calculator .enkel {
    top: 43%;
    left: 61%
}

.inheritage-calculator .urenkel {
    top: 60%;
    left: 53%
}

.inheritage-calculator .mutter {
    top: 14%;
    left: 45%
}

.inheritage-calculator .vater {
    top: 23%;
    left: 62%
}

.inheritage-calculator .geschwister {
    top: 37%;
    left: 74%
}

.inheritage-calculator .nichten-neffen {
    top: 68%;
    left: 64%
}

.inheritage-calculator .grosseltern {
    top: 2%;
    left: 47%
}

.inheritage-calculator .tanten-onkel {
    top: 31%;
    left: 86%
}

.inheritage-calculator .cousinen-cousins {
    top: 78%;
    left: 72%
}

.inheritage-calculator-results .results-img {
    text-align: center;
    margin-bottom: 20px
}

.inheritage-calculator-results .results-img img {
    width: 100%;
    max-width: 185px;
    height: auto
}

.inheritage-calculator-results legend {
    font-size: 16px;
    margin-bottom: 30px
}

.inheritage-calculator-results ul {
    font-size: 16px;
    line-height: 24px;
    padding-left: 30px;
    list-style: none
}

.inheritage-calculator-results li {
    margin-top: 30px
}

.inheritage-calculator-results li:first-child {
    margin-top: 0
}

.inheritage-calculator-results li:before {
    content: "";
    display: block;
    float: left;
    width: 15px;
    height: 15px;
    margin-left: -30px;
    border: 1px solid #f0e9df;
    background-color: #fff
}

.inheritage-calculator-results li.inheritage-calculator-list-bluedark:before {
    background-color: #017ad5
}

.inheritage-calculator-results li.inheritage-calculator-list-blue:before {
    background-color: #4eb3fe
}

.inheritage-calculator-results li.inheritage-calculator-list-bluelight:before {
    background-color: #89ccfe
}

.inheritage-calculator-results li.inheritage-calculator-list-orange:before {
    background-color: #cf935e
}

.inheritage-calculator-results li.inheritage-calculator-list-orangelight:before {
    background-color: #dfb794
}

.inheritage-calculator-results li.inheritage-calculator-list-brown:before {
    background-color: #7d4e25
}

.inheritage-calculator-results li.inheritage-calculator-list-red:before {
    background-color: #903
}

.inheritage-calculator-results li.inheritage-calculator-list-green:before {
    background-color: #587521
}

.inheritage-calculator-img {
    width: 280px;
    height: 300px
}

.inheritage-calculator-img img {
    width: 100%;
    height: auto
}

.carousel-home-wrapper {
    overflow: hidden;
    height: auto;
    box-shadow: none
}

.carousel-home-wrapper .carousel-mobile {
    display: block !important
}

.carousel-home-wrapper .carousel-desktop {
    display: none !important
}

.feature {
    position: relative;
    z-index: 1;
    margin: 0 0 .625em;
    overflow: hidden
}

.feature .feature-mobile {
    text-align: center
}

.feature .feature-desktop {
    display: none
}

.feature .feature-text-mobile {
    display: block
}

.feature .feature-text-desktop {
    display: none
}

.feature h2 {
    position: absolute;
    bottom: -1px;
    left: 0;
    color: #2e3233;
    font-family: FrutigerLight;
    font-size: .875em;
    line-height: 1.25em;
    width: 90%
}

.feature h2 .feature-anchor {
    single-transition: background, .2s;
    box-shadow: inset 0 -6px 6px -6px rgba(0, 0, 0, .2);
    display: block;
    position: relative;
    color: #2e3233;
    height: 2.5em;
    padding: .71429em 3.57143em .71429em 1.07143em;
    background-color: rgba(255, 255, 255, .9)
}

.feature a:hover .feature-anchor, .feature a:hover .feature-bg {
    color: #054696;
    background: rgba(255, 255, 255, .95)
}

.feature h2 .feature-anchor .icon-linkhover {
    border-radius: 2px;
    background-color: #054696
}

.feature .icon-linkhover {
    position: absolute;
    top: 50%;
    right: 12px;
    left: auto;
    font-size: 13px;
    margin-top: -13px
}

.feature .icon-linkhover .icon {
    margin: 4px 5px
}

.frm-teaser li {
    padding: 0 0 .76923em !important
}

.frm-teaser label {
    margin-bottom: 0
}

.frm-teaser label[for=field-appartement] {
    padding-right: 1.92308em
}

.frm-teaser .nospace {
    margin: 0 !important;
    padding: 0 !important
}

.frm-teaser .frm-horizontal ol > li > label {
    width: 15% !important
}

.frm-teaser .frm-horizontal ol > li > .field {
    width: 80% !important
}

.frm-teaser-narrow .frm-horizontal ol > li > label {
    width: 35% !important
}

.frm-teaser-narrow .frm-horizontal ol > li > .field {
    width: 60% !important
}

.frm-floated {
    margin: 0;
    padding: .38462em 0 0
}

.frm-floated li:last-child, .frm-floated ol {
    margin: 0
}

.frm-floated .input-large {
    width: 15.38462em
}

.frm-floated legend {
    float: left;
    margin: 0;
    padding: .30769em 1.53846em 0 0
}

.frm-floated .padding-left {
    padding-left: 1.53846em
}

.frm-floated .padding-right {
    padding-right: 1.53846em
}

.frm-floated .padding-top {
    padding-top: .30769em
}

.frm-placesearch li {
    padding: 0 0 .38462em !important
}

.frm-placesearch .searchfield {
    position: relative;
    top: -.46154em
}

.frm-placesearch .input-medium {
    float: left
}

.iframe-content {
    overflow: auto;
    width: 100%;
    padding: 30px 0;
    background: url(../img/iframe-scroll.png) 50% 0 no-repeat
}

.iframe-content::-webkit-scrollbar {
    width: 14px;
    height: 14px;
    -webkit-appearance: none
}

.iframe-content::-webkit-scrollbar-thumb {
    border: 3px solid #fff;
    border-radius: 8px;
    background-color: rgba(0, 0, 0, .3)
}

.iframe-eigenheim {
    width: 640px;
    height: 700px;
    margin: 0;
    border: none;
    background: 0 0
}

.location-map {
    overflow: hidden;
    margin: 0 0 .9375em
}

.zip-results {
    width: 16.53846em
}

@media (min-width: 0px) {
    .inheritage-calculator .icon-zkb {
        width: 30px;
        height: 30px;
        background-size: 30px
    }

    .inheritage-calculator-results .results-img {
        margin-bottom: 40px
    }

    .carousel-home-wrapper {
        box-shadow: inset 0 -2px 2px rgba(0, 0, 0, .1);
        height: 27.8125em;
        margin-bottom: 1.875em;
        background-color: #e8e3dc;
        overflow: hidden
    }

    .carousel-home-wrapper .carousel-mobile {
        display: none !important
    }

    .carousel-home-wrapper .carousel-desktop {
        display: block !important
    }

    .carousel-home-wrapper .owl-carousel {
        max-width: 1680px;
        margin: 0 auto
    }

    .carousel-home-wrapper .owl-carousel .feature .feature-desktop {
        background: 50%
    }

    .carousel-home-wrapper .owl-carousel .owl-item {
        overflow: hidden
    }

    .feature {
        margin: 0 0 1.875em
    }

    .feature .feature-mobile, .feature .feature-text-mobile {
        display: none
    }

    .feature .feature-text-desktop {
        display: block
    }

    .feature .feature-desktop {
        box-shadow: inset 0 -2px 2px rgba(0, 0, 0, .1);
        display: block;
        width: 100%;
        height: 27.8125em;
        background: center center no-repeat #e8e3dc;
        background-size: auto 100%;
        -webkit-transform: translateZ(0)
    }

    .feature h2 {
        bottom: 0;
        font-size: 1.5em;
        line-height: 1.16667em;
        width: 100%;
        -webkit-transform: translateZ(0)
    }

    .feature h2 .feature-anchor {
        max-width: 25.20833em;
        height: 2.33333em;
        padding: .41667em 4.16667em .41667em .41667em
    }

    .feature .feature-bg {
        single-transition: background, .2s;
        box-shadow: inset 0 -6px 6px -6px rgba(0, 0, 0, .2);
        display: block;
        position: absolute;
        bottom: 0;
        left: -15em;
        width: 15em;
        height: 3.16667em;
        background: rgba(255, 255, 255, .9)
    }

    .feature .icon-linkhover {
        right: 25px
    }

    .feature-small .feature-desktop {
        height: 18.75em
    }

    .location-map {
        margin: 0
    }

    .inheritage-calculator .inheritage-calculator-left {
        width: 18.75em !important
    }

    .inheritage-calculator .inheritage-calculator-right {
        width: 23.75em !important
    }

    .inheritage-calculator-img {
        width: 331px;
        height: 360px
    }

    .frm-floated li {
        float: left;
        padding: 0 1.53846em 0 0;
        margin: 0 0 .23077em
    }

    .frm-floated .input-large {
        width: 26.92308em
    }

    .frm-floated .empty {
        display: block !important;
        margin-bottom: 0
    }

    .frm-placesearch .input-medium {
        clear: both;
        width: 12.30769em
    }

    .iframe-content {
        padding: 0;
        background: 0 0
    }
}

@media (-webkit-min-device-pixel-ratio: 1.25),(min-resolution: 120dpi) {
    .header .mainnav-knob {
        background-image: url(../img/mainnav-mobile_retina.png);
        background-size: 30px
    }

    .header .mainnav .logo {
        background-image: url(../img/logo-main-white_retina.png);
        background-size: 134px
    }

    .uniform-radio span {
        background-image: url(../img/icons/input-radio_retina.png);
        background-size: 10px
    }

    .uniform-checkbox span {
        background-image: url(../img/icons/input-checkbox_retina.png);
        background-size: 10px
    }

    .video .icon {
        background-size: auto
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.25) and (min-width: 0px), only screen and (min-resolution: 120dpi) and (min-width: 0px), print and (-webkit-min-device-pixel-ratio: 1.25), print and (min-resolution: 120dpi) {
    .header .logo-main a {
        background-image: url(../img/logo-main_retina.png);
        background-size: 195px
    }
}

@media print {
    * {
        color: #000 !important;
        text-shadow: none !important;
        box-shadow: none !important
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
        content: ""
    }

    blockquote, pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img, tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

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

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

    a[href]:after {
        content: ""
    }

    .autocomplete-results .autocomplete-foot:after, .clearfix:after, .def-list:after, .frm .frm-horizontal ol > li:after, .frm-floated ol:after {
        display: block;
        visibility: hidden;
        clear: both;
        overflow: hidden;
        width: 0;
        height: 0
    }

    .print {
        display: block !important;
        position: static;
        left: 0
    }

    .no-print {
        display: none !important
    }

    .print-fullwidth {
        display: block;
        width: 940px !important;
        padding: 0 !important
    }

    body {
        margin: 0;
        padding: 0;
        background: #fff !important
    }

    .tpl-onba {
        background: 0 0 !important
    }

    .body {
        padding: 0 !important;
        background: #fff
    }

    .header {
        margin: 0 0 2.5em !important
    }

    .logo-main {
        padding-bottom: 0 !important
    }

    .logo-main a {
        text-indent: 0 !important;
        background: 0 0 !important
    }

    .feature {
        display: none
    }

    .sidebar {
        display: none !important
    }

    .grid-18.push-6 {
        left: 0;
        width: 100% !important
    }

    .footer {
        background: #fff
    }

    .box-search, .footnav, .logged-in, .mainnav, .quicknav {
        display: none !important
    }

    .print-timestamp {
        float: right;
        margin-top: 2.5em
    }

    .logo-main img {
        display: block !important
    }

    .box-padding {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .content-head, .content-head h1, .content-head p {
        top: 0 !important
    }

    .box-js-tabs {
        display: none
    }

    .box-js-tab {
        display: block !important
    }

    .box-dark {
        color: #454a4d;
        background: #fff !important
    }

    .box-green, .box-info {
        background: #fff !important
    }

    .box-green a, .box-green h2, .box-green p, .box-info a, .box-info h2, .box-info p {
        color: #000 !important
    }

    .box-inner hr {
        border-bottom: 1px solid #d6d6d6;
        background: 0 0 !important
    }

    .tpl-onba .border-print {
        border-bottom: 1px solid #000
    }

    .tpl-onba .aside .box-inner, .tpl-onba .box-dark, .tpl-onba .box-green, .tpl-onba .box-info {
        padding: .76923em 1em !important;
        border: 1px solid #a8afb3
    }

    .tpl-onba .mail-body h2, .tpl-onba .mail-foot h2, .tpl-onba .mail-head h2, .tpl-onba .mail-stepbox h2 {
        border-bottom: 0
    }

    .tpl-onba .mail-stepbox.box-green {
        padding: 1.15385em 1.53846em .76923em 6.15385em !important
    }

    .tpl-onba .mail-stepbox.box-green a, .tpl-onba .mail-stepbox.box-green a:hover {
        display: inline-block !important;
        color: #000 !important;
        border-color: #000 !important;
        background: #fff !important
    }

    .tpl-onba .frm-instructions-trigger {
        display: none
    }

    .tpl-onba .frm-instructions-container {
        display: block !important
    }

    .tpl-onba .slip {
        border: 0;
        background: 0 0
    }

    .tpl-onba .print-fullwidth {
        display: block;
        float: none
    }

    .tpl-onba .cl-lightbox-close, .tpl-onba .cl-lightbox-dim {
        display: none !important
    }

    .tpl-onba .cl-lightbox {
        display: table-header-group;
        position: relative !important;
        top: 0 !important;
        left: 0 !important
    }

    .tpl-onba .cl-lightbox-inner {
        width: 60em !important;
        margin: 0 auto !important
    }

    .tpl-onba .cl-lightbox-content {
        width: auto !important;
        height: auto !important;
        margin: 0 auto !important;
        background: 0 0 !important
    }

    .tpl-onba .cl-lightbox-content .modalbox {
        padding: 0 !important
    }

    .tpl-onba.cl-lightbox-noscroll {
        display: table;
        overflow: auto !important;
        width: 100%;
        padding-right: 0 !important
    }

    .tpl-onba.cl-lightbox-noscroll header {
        display: table-header-group
    }

    .tpl-onba.cl-lightbox-noscroll footer {
        display: table-footer-group
    }

    .tpl-onba.cl-lightbox-noscroll .body {
        display: none
    }

    .btn-blue, .btn-bordeux, .btn-brown, .btn-dark, .btn-green, .btn-orange, .btn-red, .mail-stepbox a, .uniform-file-btn {
        color: #fff !important
    }

    .mail-stepbox .tpl-onba a, .tpl-onba .btn, .tpl-onba .mail-stepbox a {
        display: none !important
    }

    .icon, .icon-teaser {
        display: none
    }

    .messages {
        padding: .5625em
    }

    .tbl, .tbl-data {
        border-top: 1px solid #393d3f
    }

    .tbl td, .tbl th, .tbl-data td, .tbl-data th {
        background: #fff !important
    }

    .tbl-data {
        border-top: 1px solid #393d3f
    }

    .breadcrumb {
        padding-left: 0 !important
    }

    .breadcrumb .title {
        display: none
    }

    .breadcrumb a {
        text-decoration: none
    }

    .box-tabs li, .gallery .trigger-next, .gallery .trigger-previous, .pagenav {
        display: none
    }

    .box-tabs li.active {
        display: block;
        margin-left: 0
    }

    .box-tabs li.active:before {
        display: none
    }

    .box-tabs li.active a {
        padding-left: 0
    }

    .depot-footer {
        margin: 0 auto !important
    }

    .depot-footer-six-idms {
        margin-bottom: .76923em !important
    }

    #divio-dt {
        display: none !important
    }

    .floated-list, ul.default {
        list-style-type: square
    }

    .floated-list li:before, ul.default li:before {
        display: none
    }

    .tpl-intranet .container-24 {
        width: 960px
    }

    .tpl-intranet .container-24 .grid-24 {
        width: 940px
    }

    .tpl-intranet .container-24 .grid-14.content, .tpl-intranet .container-24 .grid-15.content, .tpl-intranet .container-24 .grid-16.content {
        width: 680px;
        margin-right: 40px
    }

    .tpl-intranet .container-24 .grid-5.aside, .tpl-intranet .container-24 .grid-6.aside, .tpl-intranet .container-24 .grid-8.aside {
        width: 205px
    }

    .tpl-intranet .intranet-metanav {
        display: none !important
    }

    .tpl-intranet .list-bullet {
        padding-left: 15px;
        list-style-type: square
    }

    .tpl-intranet .list-bullet li {
        padding-left: 0;
        background: 0 0
    }

    .mail-stepbox .tpl-intranet a, .tpl-intranet .btn, .tpl-intranet .btn-toggle, .tpl-intranet .mail-stepbox a {
        display: none
    }

    .tpl-intranet .box-arrow, .tpl-intranet .box-intranet {
        background: #fff !important
    }

    .tpl-intranet .box-arrow > h2, .tpl-intranet .box-intranet > h2 {
        padding-right: 0 !important;
        padding-left: 0 !important;
        background: 0 0 !important;
        color: #000;
        font-family: FrutigerRegular;
        font-weight: 400
    }

    .tpl-intranet .box-arrow > h2 .icon-font, .tpl-intranet .box-intranet > h2 .icon-font {
        display: none !important
    }

    .tpl-intranet .box-arrow > h2:after, .tpl-intranet .box-intranet > h2:after {
        display: none
    }

    .tpl-intranet .box-arrow .box-inner, .tpl-intranet .box-intranet .box-inner {
        background: #fff !important
    }

    .tpl-intranet .box-arrow .box-padding {
        padding-top: 0
    }

    .tpl-intranet .aside .box-intranet > h2 {
        border-bottom: 1px solid #e6e6e6
    }

    .tpl-intranet .intranet-tabs .intranet-tab-nav .active {
        padding-right: 0 !important;
        padding-left: 0 !important;
        background: 0 0 !important
    }

    .tpl-intranet .intranet-tabs .intranet-tab-nav .active a {
        color: #000 !important;
        border-top: 1px solid #d6d6d6
    }

    .tpl-intranet .intranet-accordion .collapsed, .tpl-intranet .intranet-tabs .intranet-tab-nav .badge, .tpl-intranet .intranet-tabs .intranet-tab-nav .collapsed {
        display: none
    }

    .tpl-intranet .intranet-accordion h3 {
        padding-right: 0 !important;
        padding-left: 0 !important;
        background: 0 0 !important;
        color: #000 !important
    }

    .tpl-intranet .intranet-accordion h3 .icon-font {
        display: none
    }

    .tpl-intranet .entries .entry-head, .tpl-intranet .intranet-accordion .container, .tpl-intranet .intranet-accordion .newslist {
        padding-right: 0 !important;
        padding-left: 0 !important;
        background: 0 0 !important
    }

    .tpl-intranet .entries .entry-head .icon-font {
        display: none
    }

    .tpl-intranet .entries .entry-content {
        padding-right: 0 !important;
        padding-left: 0 !important;
        background: 0 0 !important
    }

    .tpl-intranet .activities .icon-close, .tpl-intranet .activities .more, .tpl-intranet .events .icon-close, .tpl-intranet .events .more, .tpl-intranet .news .icon-close, .tpl-intranet .news .more, .tpl-intranet .updates .icon-close, .tpl-intranet .updates .more {
        display: none !important
    }

    .tpl-intranet .postbox {
        padding-right: 0 !important;
        padding-left: 0 !important;
        background: 0 0 !important
    }

    .tpl-intranet .topics li a {
        color: #000 !important;
        background: 0 0 !important
    }

    .tpl-intranet .actions, .tpl-intranet .edit, .tpl-intranet .filter, .tpl-intranet .frm-filter, .tpl-intranet .frm-search, .tpl-intranet .frm-searchfilter, .tpl-intranet .icon-close, .tpl-intranet .icon-edit, .tpl-intranet .indexed {
        display: none !important
    }

    .tpl-intranet .footer p.print {
        font-size: 13px
    }
}

.tpl-print * {
    color: #000 !important;
    text-shadow: none !important;
    box-shadow: none !important
}

.tpl-print abbr[title]:after {
    content: " (" attr(title) ")"
}

.tpl-print .ir a:after, .tpl-print a[href^="javascript:"]:after, .tpl-print a[href^="#"]:after {
    content: ""
}

.tpl-print blockquote, .tpl-print pre {
    border: 1px solid #999;
    page-break-inside: avoid
}

.tpl-print thead {
    display: table-header-group
}

.tpl-print img, .tpl-print tr {
    page-break-inside: avoid
}

.tpl-print img {
    max-width: 100% !important
}

.tpl-print h2, .tpl-print h3, .tpl-print p {
    orphans: 3;
    widows: 3
}

.tpl-print h2, .tpl-print h3 {
    page-break-after: avoid
}

.tpl-print a[href]:after {
    content: ""
}

.autocomplete-results .tpl-print .autocomplete-foot:after, .frm .frm-horizontal .tpl-print ol > li:after, .frm-floated .tpl-print ol:after, .tpl-print .autocomplete-results .autocomplete-foot:after, .tpl-print .clearfix:after, .tpl-print .def-list:after, .tpl-print .frm .frm-horizontal ol > li:after, .tpl-print .frm-floated ol:after {
    display: block;
    visibility: hidden;
    clear: both;
    overflow: hidden;
    width: 0;
    height: 0
}

.tpl-print .print {
    display: block !important;
    position: static;
    left: 0
}

.tpl-print .no-print {
    display: none !important
}

.tpl-print .print-fullwidth {
    display: block;
    width: 940px !important;
    padding: 0 !important
}

.tpl-print body {
    margin: 0;
    padding: 0;
    background: #fff !important
}

.tpl-print .tpl-onba {
    background: 0 0 !important
}

.tpl-print .body {
    padding: 0 !important;
    background: #fff
}

.tpl-print .header {
    margin: 0 0 2.5em !important
}

.tpl-print .logo-main {
    padding-bottom: 0 !important
}

.tpl-print .logo-main a {
    text-indent: 0 !important;
    background: 0 0 !important
}

.tpl-print .feature {
    display: none
}

.tpl-print .sidebar {
    display: none !important
}

.tpl-print .grid-18.push-6 {
    left: 0;
    width: 100% !important
}

.tpl-print .footer {
    background: #fff
}

.tpl-print .box-search, .tpl-print .footnav, .tpl-print .logged-in, .tpl-print .mainnav, .tpl-print .quicknav {
    display: none !important
}

.tpl-print .print-timestamp {
    float: right;
    margin-top: 2.5em
}

.tpl-print .logo-main img {
    display: block !important
}

.tpl-print .box-padding {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.tpl-print .content-head, .tpl-print .content-head h1, .tpl-print .content-head p {
    top: 0 !important
}

.tpl-print .box-js-tabs {
    display: none
}

.tpl-print .box-js-tab {
    display: block !important
}

.tpl-print .box-dark {
    color: #454a4d;
    background: #fff !important
}

.tpl-print .box-green, .tpl-print .box-info {
    background: #fff !important
}

.tpl-print .box-green a, .tpl-print .box-green h2, .tpl-print .box-green p, .tpl-print .box-info a, .tpl-print .box-info h2, .tpl-print .box-info p {
    color: #000 !important
}

.tpl-print .box-inner hr {
    border-bottom: 1px solid #d6d6d6;
    background: 0 0 !important
}

.tpl-print .tpl-onba .border-print {
    border-bottom: 1px solid #000
}

.tpl-print .tpl-onba .aside .box-inner, .tpl-print .tpl-onba .box-dark, .tpl-print .tpl-onba .box-green, .tpl-print .tpl-onba .box-info {
    padding: .76923em 1em !important;
    border: 1px solid #a8afb3
}

.tpl-print .tpl-onba .mail-body h2, .tpl-print .tpl-onba .mail-foot h2, .tpl-print .tpl-onba .mail-head h2, .tpl-print .tpl-onba .mail-stepbox h2 {
    border-bottom: 0
}

.tpl-print .tpl-onba .mail-stepbox.box-green {
    padding: 1.15385em 1.53846em .76923em 6.15385em !important
}

.tpl-print .tpl-onba .mail-stepbox.box-green a, .tpl-print .tpl-onba .mail-stepbox.box-green a:hover {
    display: inline-block !important;
    color: #000 !important;
    border-color: #000 !important;
    background: #fff !important
}

.tpl-print .tpl-onba .frm-instructions-trigger {
    display: none
}

.tpl-print .tpl-onba .frm-instructions-container {
    display: block !important
}

.tpl-print .tpl-onba .slip {
    border: 0;
    background: 0 0
}

.tpl-print .tpl-onba .print-fullwidth {
    display: block;
    float: none
}

.tpl-print .tpl-onba .cl-lightbox-close, .tpl-print .tpl-onba .cl-lightbox-dim {
    display: none !important
}

.tpl-print .tpl-onba .cl-lightbox {
    display: table-header-group;
    position: relative !important;
    top: 0 !important;
    left: 0 !important
}

.tpl-print .tpl-onba .cl-lightbox-inner {
    width: 60em !important;
    margin: 0 auto !important
}

.tpl-print .tpl-onba .cl-lightbox-content {
    width: auto !important;
    height: auto !important;
    margin: 0 auto !important;
    background: 0 0 !important
}

.tpl-print .tpl-onba .cl-lightbox-content .modalbox {
    padding: 0 !important
}

.tpl-print .tpl-onba.cl-lightbox-noscroll {
    display: table;
    overflow: auto !important;
    width: 100%;
    padding-right: 0 !important
}

.tpl-print .tpl-onba.cl-lightbox-noscroll header {
    display: table-header-group
}

.tpl-print .tpl-onba.cl-lightbox-noscroll footer {
    display: table-footer-group
}

.tpl-print .tpl-onba.cl-lightbox-noscroll .body {
    display: none
}

.mail-stepbox .tpl-print a, .tpl-print .btn-blue, .tpl-print .btn-bordeux, .tpl-print .btn-brown, .tpl-print .btn-dark, .tpl-print .btn-green, .tpl-print .btn-orange, .tpl-print .btn-red, .tpl-print .mail-stepbox a, .tpl-print .uniform-file-btn {
    color: #fff !important
}

.mail-stepbox .tpl-print .tpl-onba a, .tpl-print .tpl-onba .btn, .tpl-print .tpl-onba .mail-stepbox a {
    display: none !important
}

.tpl-print .icon, .tpl-print .icon-teaser {
    display: none
}

.tpl-print .messages {
    padding: .5625em
}

.tpl-print .tbl, .tpl-print .tbl-data {
    border-top: 1px solid #393d3f
}

.tpl-print .tbl td, .tpl-print .tbl th, .tpl-print .tbl-data td, .tpl-print .tbl-data th {
    background: #fff !important
}

.tpl-print .tbl-data {
    border-top: 1px solid #393d3f
}

.tpl-print .breadcrumb {
    padding-left: 0 !important
}

.tpl-print .breadcrumb .title {
    display: none
}

.tpl-print .breadcrumb a {
    text-decoration: none
}

.tpl-print .box-tabs li, .tpl-print .gallery .trigger-next, .tpl-print .gallery .trigger-previous, .tpl-print .pagenav {
    display: none
}

.tpl-print .box-tabs li.active {
    display: block;
    margin-left: 0
}

.tpl-print .box-tabs li.active:before {
    display: none
}

.tpl-print .box-tabs li.active a {
    padding-left: 0
}

.tpl-print .depot-footer {
    margin: 0 auto !important
}

.tpl-print .depot-footer-six-idms {
    margin-bottom: .76923em !important
}

.tpl-print #divio-dt {
    display: none !important
}

.tpl-print .floated-list, .tpl-print ul.default {
    list-style-type: square
}

.tpl-print .floated-list li:before, .tpl-print ul.default li:before {
    display: none
}

.tpl-print.tpl-intranet .container-24 {
    width: 960px
}

.tpl-print.tpl-intranet .container-24 .grid-24 {
    width: 940px
}

.tpl-print.tpl-intranet .container-24 .grid-14.content, .tpl-print.tpl-intranet .container-24 .grid-15.content, .tpl-print.tpl-intranet .container-24 .grid-16.content {
    width: 680px;
    margin-right: 40px
}

.tpl-print.tpl-intranet .container-24 .grid-5.aside, .tpl-print.tpl-intranet .container-24 .grid-6.aside, .tpl-print.tpl-intranet .container-24 .grid-8.aside {
    width: 205px
}

.tpl-print.tpl-intranet .intranet-metanav {
    display: none !important
}

.tpl-print.tpl-intranet .list-bullet {
    padding-left: 15px;
    list-style-type: square
}

.tpl-print.tpl-intranet .list-bullet li {
    padding-left: 0;
    background: 0 0
}

.mail-stepbox .tpl-print.tpl-intranet a, .tpl-print.tpl-intranet .btn, .tpl-print.tpl-intranet .btn-toggle, .tpl-print.tpl-intranet .mail-stepbox a {
    display: none
}

.tpl-print.tpl-intranet .box-arrow, .tpl-print.tpl-intranet .box-intranet {
    background: #fff !important
}

.tpl-print.tpl-intranet .box-arrow > h2, .tpl-print.tpl-intranet .box-intranet > h2 {
    padding-right: 0 !important;
    padding-left: 0 !important;
    background: 0 0 !important;
    color: #000;
    font-family: FrutigerRegular;
    font-weight: 400
}

.tpl-print.tpl-intranet .box-arrow > h2 .icon-font, .tpl-print.tpl-intranet .box-intranet > h2 .icon-font {
    display: none !important
}

.tpl-print.tpl-intranet .box-arrow > h2:after, .tpl-print.tpl-intranet .box-intranet > h2:after {
    display: none
}

.tpl-print.tpl-intranet .box-arrow .box-inner, .tpl-print.tpl-intranet .box-intranet .box-inner {
    background: #fff !important
}

.tpl-print.tpl-intranet .box-arrow .box-padding {
    padding-top: 0
}

.tpl-print.tpl-intranet .aside .box-intranet > h2 {
    border-bottom: 1px solid #e6e6e6
}

.tpl-print.tpl-intranet .intranet-tabs .intranet-tab-nav .active {
    padding-right: 0 !important;
    padding-left: 0 !important;
    background: 0 0 !important
}

.tpl-print.tpl-intranet .intranet-tabs .intranet-tab-nav .active a {
    color: #000 !important;
    border-top: 1px solid #d6d6d6
}

.tpl-print.tpl-intranet .intranet-accordion .collapsed, .tpl-print.tpl-intranet .intranet-tabs .intranet-tab-nav .badge, .tpl-print.tpl-intranet .intranet-tabs .intranet-tab-nav .collapsed {
    display: none
}

.tpl-print.tpl-intranet .intranet-accordion h3 {
    padding-right: 0 !important;
    padding-left: 0 !important;
    background: 0 0 !important;
    color: #000 !important
}

.tpl-print.tpl-intranet .intranet-accordion h3 .icon-font {
    display: none
}

.tpl-print.tpl-intranet .entries .entry-head, .tpl-print.tpl-intranet .intranet-accordion .container, .tpl-print.tpl-intranet .intranet-accordion .newslist {
    padding-right: 0 !important;
    padding-left: 0 !important;
    background: 0 0 !important
}

.tpl-print.tpl-intranet .entries .entry-head .icon-font {
    display: none
}

.tpl-print.tpl-intranet .entries .entry-content {
    padding-right: 0 !important;
    padding-left: 0 !important;
    background: 0 0 !important
}

.tpl-print.tpl-intranet .activities .icon-close, .tpl-print.tpl-intranet .activities .more, .tpl-print.tpl-intranet .events .icon-close, .tpl-print.tpl-intranet .events .more, .tpl-print.tpl-intranet .news .icon-close, .tpl-print.tpl-intranet .news .more, .tpl-print.tpl-intranet .updates .icon-close, .tpl-print.tpl-intranet .updates .more {
    display: none !important
}

.tpl-print.tpl-intranet .postbox {
    padding-right: 0 !important;
    padding-left: 0 !important;
    background: 0 0 !important
}

.tpl-print.tpl-intranet .topics li a {
    color: #000 !important;
    background: 0 0 !important
}

.tpl-print.tpl-intranet .actions, .tpl-print.tpl-intranet .edit, .tpl-print.tpl-intranet .filter, .tpl-print.tpl-intranet .frm-filter, .tpl-print.tpl-intranet .frm-search, .tpl-print.tpl-intranet .frm-searchfilter, .tpl-print.tpl-intranet .icon-close, .tpl-print.tpl-intranet .icon-edit, .tpl-print.tpl-intranet .indexed {
    display: none !important
}

.tpl-print.tpl-intranet .footer p.print {
    font-size: 13px
}

body.tpl-print {
    background-color: #fff !important;
    background-image: none !important
}

.cl-lightbox {
    position: absolute;
    z-index: 99999
}

.cl-lightbox-bay {
    position: absolute;
    top: -99999em;
    left: -9999em;
    z-index: 1;
    width: 9999em;
    height: 9999em
}

.cl-lightbox-inner {
    position: relative;
    z-index: 100
}

.cl-lightbox-loader {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 102;
    width: 100%;
    height: 100%;
    background: url(../img/loader.gif) center center no-repeat
}

.cl-lightbox-content {
    position: relative;
    overflow: auto;
    z-index: 101;
    font-size: .8125em;
    padding: 30px .76923em .76923em;
    background: #fff
}

.cl-lightbox-content img {
    max-width: 100%
}

.cl-lightbox-content iframe {
    width: 100%;
    height: 100%
}

.cl-lightbox-description, .cl-lightbox-navigation a {
    display: none
}

.cl-lightbox-dim {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99990;
    width: 100%;
    height: 100%;
    cursor: default;
    opacity: inherit;
    -webkit-filter: inherit;
    filter: inherit;
    background: #000
}

.cl-lightbox:focus {
    outline: 0
}

.cl-lightbox-content .stepnav {
    font-size: 1.38462em
}

.cl-lightbox-bay {
    font-size: .8125em
}

.cl-lightbox-error {
    text-align: center;
    width: 26.92308em
}

.cl-lightbox-error p {
    padding: 1.15385em 0
}

.cl-lightbox-content::-webkit-scrollbar {
    width: 15px;
    background: #fafafa
}

.cl-lightbox-content::-webkit-scrollbar-thumb {
    border: 4px solid #fafafa;
    border-radius: 10px;
    background: #c1c1c1
}

.cl-lightbox-bay form:last-child, .cl-lightbox-content form:last-child {
    margin-bottom: 0
}

.cl-lightbox-description {
    font-size: .8125em;
    line-height: 1.15385em;
    padding: .38462em .76923em;
    border-bottom: 1px solid #ccc;
    background: #fff
}

.cl-lightbox-controls {
    overflow: hidden;
    font-size: .8125em;
    line-height: 1.15385em;
    background: #fff
}

.cl-lightbox-controls p {
    margin: 0;
    padding: 0
}

.cl-lightbox-controls .cl-lightbox-close {
    position: absolute;
    top: .61538em;
    right: .38462em;
    z-index: 105;
    -webkit-transform: translate3d(0, 0, 0)
}

.cl-lightbox-controls .cl-lightbox-close a {
    float: right;
    font-size: .92308em;
    margin-right: 1.23077em;
    padding-right: 1.07692em;
    background: url(../img/icons/lightbox-close.png) right center no-repeat
}

.cl-lightbox-controls .cl-lightbox-navigation {
    display: none !important
}

.cl-lightbox-controls .cl-lightbox-text {
    position: relative;
    clear: both;
    overflow: hidden;
    text-align: center;
    padding: .15385em 0 .92308em
}

.cl-lightbox-controls .cl-lightbox-text span {
    color: #6a7173
}

.cl-lightbox-controls .cl-lightbox-text a {
    position: absolute;
    top: .07692em;
    line-height: 1.30769em;
    height: 19px;
    background: url(../img/sprite-arrows.png) left top no-repeat
}

.cl-lightbox-controls .cl-lightbox-text .cl-lightbox-previous {
    left: .76923em;
    margin: 0;
    padding-left: 1.38462em
}

.cl-lightbox-controls .cl-lightbox-text .cl-lightbox-previous:hover {
    background-position: left -25px
}

.cl-lightbox-controls .cl-lightbox-text .cl-lightbox-next {
    right: .76923em;
    margin: 0;
    padding-right: 1.38462em;
    background-position: right -50px
}

.cl-lightbox-controls .cl-lightbox-text .cl-lightbox-next:hover {
    background-position: right -75px
}

.lightbox-padding {
    padding-top: 1.15385em
}

.zkb-background .cl-lightbox-content {
    overflow: auto !important;
    padding: 2.30769em 0 .76923em;
    background: #f0e9df
}

.accesspage-modal .cl-lightbox-content {
    padding-left: 0;
    padding-right: 0;
    background-color: #f0e9df
}

.accesspage-modal .cl-lightbox-content .modalbox-content {
    overflow-y: scroll;
    height: 200px;
    margin-bottom: 1.53846em
}

.modalbox {
    padding: 0 .9375em .0625em
}

@media (min-width: 0px) {
    .modalbox {
        padding: 0 1.5625em .0625em
    }
}

.modalbox h1 {
    color: #2e3233;
    font-family: FrutigerLight;
    font-size: 2.46154em;
    line-height: 1.25em;
    margin: 0 0 .3125em;
    padding: 0
}

.modalbox h2 {
    color: #2e3233;
    font-family: FrutigerLight;
    font-size: 1.69231em;
    line-height: 1.27273em;
    margin: 0 0 .3125em;
    padding: 0
}

.modalbox p {
    margin: .76923em 0;
    padding: 0
}

.modalbox .lead {
    color: #454a4d;
    font-family: FrutigerLight;
    font-size: 1.38462em;
    margin: 0 0 .83333em
}

.modalbox .box-tabs {
    font-size: 1em
}

.modalbox .font-size-22 {
    font-size: 1.69231em;
    line-height: 1.5em
}

.cl-lightbox-noscroll {
    position: fixed;
    right: 0;
    left: 0
}

.spinner {
    display: none;
    pointer-events: none
}

body > .spinner {
    position: fixed !important
}

.spinner-dim {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: .2;
    background: #000
}

.cl-spinner-noscroll .spinner, .cl-spinner-noscroll .spinner-dim {
    display: block
}

@media all {
    a.tooltip, a.tooltip-blue {
        display: inline-block;
        vertical-align: middle
    }

    .tooltip, .tooltip-blue {
        cursor: pointer
    }

    .tooltip:focus {
        outline: #054696 dotted 1px
    }

    .icon-tooltip {
        display: inline-block;
        position: relative
    }

    .icon-tooltip .tooltip-no-favorite {
        display: none !important
    }

    .icon-tooltip.icon-info, .icon-tooltip.icon-question, .icon-tooltip.icon-question-white-large {
        outline: 0
    }

    .focus .tooltip-warning-focus {
        margin-top: 0
    }

    #powerTip, #powerTip-blue, #powerTip-dark, #powerTip-error, #powerTip-favorite, #powerTip-warning, #powerTip-warning-focus {
        display: none;
        position: absolute;
        z-index: 99999;
        color: #222;
        font-size: .75em;
        max-width: 26.25em;
        padding: .33333em .66667em;
        border: 1px solid #a8afb3;
        border-radius: 3px;
        cursor: default;
        background: rgba(249, 248, 246, .9);
        background-color: #f9f8f6
    }

    #powerTip-blue.e:before, #powerTip-blue.n:before, #powerTip-blue.ne:before, #powerTip-blue.nw:before, #powerTip-blue.s:before, #powerTip-blue.se:before, #powerTip-blue.sw:before, #powerTip-blue.w:before, #powerTip-dark.e:before, #powerTip-dark.n:before, #powerTip-dark.ne:before, #powerTip-dark.nw:before, #powerTip-dark.s:before, #powerTip-dark.se:before, #powerTip-dark.sw:before, #powerTip-dark.w:before, #powerTip-error.e:before, #powerTip-error.n:before, #powerTip-error.ne:before, #powerTip-error.nw:before, #powerTip-error.s:before, #powerTip-error.se:before, #powerTip-error.sw:before, #powerTip-error.w:before, #powerTip-favorite.e:before, #powerTip-favorite.n:before, #powerTip-favorite.ne:before, #powerTip-favorite.nw:before, #powerTip-favorite.s:before, #powerTip-favorite.se:before, #powerTip-favorite.sw:before, #powerTip-favorite.w:before, #powerTip-warning-focus.e:before, #powerTip-warning-focus.n:before, #powerTip-warning-focus.ne:before, #powerTip-warning-focus.nw:before, #powerTip-warning-focus.s:before, #powerTip-warning-focus.se:before, #powerTip-warning-focus.sw:before, #powerTip-warning-focus.w:before, #powerTip-warning.e:before, #powerTip-warning.n:before, #powerTip-warning.ne:before, #powerTip-warning.nw:before, #powerTip-warning.s:before, #powerTip-warning.se:before, #powerTip-warning.sw:before, #powerTip-warning.w:before, #powerTip.e:before, #powerTip.n:before, #powerTip.ne:before, #powerTip.nw:before, #powerTip.s:before, #powerTip.se:before, #powerTip.sw:before, #powerTip.w:before {
        content: "";
        position: absolute
    }

    #powerTip-blue.n:before, #powerTip-blue.s:before, #powerTip-dark.n:before, #powerTip-dark.s:before, #powerTip-error.n:before, #powerTip-error.s:before, #powerTip-favorite.n:before, #powerTip-favorite.s:before, #powerTip-warning-focus.n:before, #powerTip-warning-focus.s:before, #powerTip-warning.n:before, #powerTip-warning.s:before, #powerTip.n:before, #powerTip.s:before {
        left: 50%;
        margin-left: -5px;
        border-right: 5px solid transparent !important;
        border-left: 5px solid transparent !important
    }

    #powerTip-blue.e:before, #powerTip-blue.w:before, #powerTip-dark.e:before, #powerTip-dark.w:before, #powerTip-error.e:before, #powerTip-error.w:before, #powerTip-favorite.e:before, #powerTip-favorite.w:before, #powerTip-warning-focus.e:before, #powerTip-warning-focus.w:before, #powerTip-warning.e:before, #powerTip-warning.w:before, #powerTip.e:before, #powerTip.w:before {
        top: 50%;
        margin-top: -5px;
        border-top: 5px solid transparent !important;
        border-bottom: 5px solid transparent !important
    }

    #powerTip-blue.n:before, #powerTip-dark.n:before, #powerTip-error.n:before, #powerTip-favorite.n:before, #powerTip-warning-focus.n:before, #powerTip-warning.n:before, #powerTip.n:before {
        bottom: -10px;
        border-top: 10px solid rgba(102, 102, 102, .8)
    }

    #powerTip-blue.e:before, #powerTip-dark.e:before, #powerTip-error.e:before, #powerTip-favorite.e:before, #powerTip-warning-focus.e:before, #powerTip-warning.e:before, #powerTip.e:before {
        left: -10px;
        border-right: 10px solid rgba(102, 102, 102, .8)
    }

    #powerTip-blue.s:before, #powerTip-dark.s:before, #powerTip-error.s:before, #powerTip-favorite.s:before, #powerTip-warning-focus.s:before, #powerTip-warning.s:before, #powerTip.s:before {
        top: -10px;
        border-bottom: 10px solid rgba(102, 102, 102, .8)
    }

    #powerTip-blue.w:before, #powerTip-dark.w:before, #powerTip-error.w:before, #powerTip-favorite.w:before, #powerTip-warning-focus.w:before, #powerTip-warning.w:before, #powerTip.w:before {
        right: -10px;
        border-left: 10px solid rgba(102, 102, 102, .8)
    }

    #powerTip-blue.ne:before, #powerTip-blue.se:before, #powerTip-dark.ne:before, #powerTip-dark.se:before, #powerTip-error.ne:before, #powerTip-error.se:before, #powerTip-favorite.ne:before, #powerTip-favorite.se:before, #powerTip-warning-focus.ne:before, #powerTip-warning-focus.se:before, #powerTip-warning.ne:before, #powerTip-warning.se:before, #powerTip.ne:before, #powerTip.se:before {
        left: 10px;
        border-right: 10px solid transparent;
        border-left: 0
    }

    #powerTip-blue.nw:before, #powerTip-blue.sw:before, #powerTip-dark.nw:before, #powerTip-dark.sw:before, #powerTip-error.nw:before, #powerTip-error.sw:before, #powerTip-favorite.nw:before, #powerTip-favorite.sw:before, #powerTip-warning-focus.nw:before, #powerTip-warning-focus.sw:before, #powerTip-warning.nw:before, #powerTip-warning.sw:before, #powerTip.nw:before, #powerTip.sw:before {
        right: 10px;
        border-right: 0;
        border-left: 10px solid transparent
    }

    #powerTip-blue.ne:before, #powerTip-blue.nw:before, #powerTip-dark.ne:before, #powerTip-dark.nw:before, #powerTip-error.ne:before, #powerTip-error.nw:before, #powerTip-favorite.ne:before, #powerTip-favorite.nw:before, #powerTip-warning-focus.ne:before, #powerTip-warning-focus.nw:before, #powerTip-warning.ne:before, #powerTip-warning.nw:before, #powerTip.ne:before, #powerTip.nw:before {
        bottom: -10px;
        border-top: 10px solid rgba(102, 102, 102, .8)
    }

    #powerTip-blue.se:before, #powerTip-blue.sw:before, #powerTip-dark.se:before, #powerTip-dark.sw:before, #powerTip-error.se:before, #powerTip-error.sw:before, #powerTip-favorite.se:before, #powerTip-favorite.sw:before, #powerTip-warning-focus.se:before, #powerTip-warning-focus.sw:before, #powerTip-warning.se:before, #powerTip-warning.sw:before, #powerTip.se:before, #powerTip.sw:before {
        top: -10px;
        border-bottom: 10px solid rgba(102, 102, 102, .8)
    }

    #powerTip h3, #powerTip-blue h3, #powerTip-dark h3, #powerTip-error h3, #powerTip-favorite h3, #powerTip-warning h3, #powerTip-warning-focus h3 {
        font-size: 1.16667em;
        line-height: 1.07143em;
        margin: .35714em 0;
        padding: 0
    }

    #powerTip p, #powerTip-blue p, #powerTip-dark p, #powerTip-error p, #powerTip-favorite p, #powerTip-warning p, #powerTip-warning-focus p {
        line-height: 1.25em;
        margin: .41667em 0;
        padding: 0
    }

    #powerTip ul, #powerTip-blue ul, #powerTip-dark ul, #powerTip-error ul, #powerTip-favorite ul, #powerTip-warning ul, #powerTip-warning-focus ul {
        margin: .41667em 0
    }

    #powerTip hr, #powerTip-blue hr, #powerTip-dark hr, #powerTip-error hr, #powerTip-favorite hr, #powerTip-warning hr, #powerTip-warning-focus hr {
        height: 1px;
        margin: .83333em -.83333em;
        padding: 0
    }

    #powerTip-error {
        color: #454a4d;
        border: 1px solid #d92400;
        background: #fceeeb
    }

    #powerTip-error.e:before {
        border-color: #d92400
    }

    #powerTip-error hr {
        background-color: #d92400
    }

    #powerTip-warning, #powerTip-warning-focus {
        color: #454a4d;
        border: 1px solid #e6d300;
        background: #faf0e2
    }

    #powerTip-warning-focus.e:before, #powerTip-warning.e:before {
        border-color: #e6d300
    }

    #powerTip-warning hr, #powerTip-warning-focus hr {
        background-color: #e6d300
    }

    #powerTip-blue {
        color: #454a4d;
        border: 1px solid #054696;
        background: #e6ecf5
    }

    #powerTip-blue.e:before, #powerTip-blue.n:before, #powerTip-blue.s:before, #powerTip-blue.w:before {
        border-color: #054696
    }

    #powerTip-dark {
        color: #fff;
        border: none;
        background: rgba(0, 0, 0, .9);
        background-color: #000
    }

    #powerTip-dark.e:before, #powerTip-dark.n:before, #powerTip-dark.s:before, #powerTip-dark.w:before {
        border-color: #000
    }

    #powerTip-favorite {
        color: #27791B;
        border: 1px solid #27791B;
        background-color: #e7ecde
    }

    #powerTip-favorite .icon {
        position: relative;
        top: -3px
    }

    .tooltip-grey {
        color: #222 !important;
        border: 1px solid #a8afb3 !important;
        background-color: #f9f8f6 !important
    }

    .icon-offset {
        position: relative;
        top: -2px
    }

    .icon-offset-reverse {
        position: relative;
        top: 2px
    }

    .uniform {
        cursor: pointer
    }

    .uniform-checkbox, .uniform-file, .uniform-radio, .uniform-select {
        display: inline-block;
        position: relative;
        cursor: pointer;
        vertical-align: middle
    }

    .uniform input, .uniform select {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 100;
        opacity: 0
    }

    .ie8 .uniform select {
        width: 100% !important;
        padding: 0
    }

    .uniform-checkbox input, .uniform-radio input {
        width: 100%;
        height: 100%;
        text-indent: -9999em
    }

    .uniform-select.input-block .uniform-input {
        display: block;
        position: relative;
        margin-right: -.61538em
    }

    .uniform-select.input-block.uniform-ready .uniform-input {
        display: inline;
        position: static;
        margin-right: 0
    }

    .ie9 .uniform-ready select {
        padding-right: 0;
        padding-left: 0;
        border-left: 0
    }

    select.input-auto.uniform {
        box-sizing: content-box;
        border-right: 20px solid
    }

    .uniform-select.input-auto.uniform-ready select {
        box-sizing: border-box;
        border-right: 1px solid
    }

    .uniform-checkbox, .uniform-radio {
        position: relative;
        top: -2px !important;
        line-height: 0;
        width: 12px;
        height: 12px;
        border: 1px solid #a8afb3;
        border-radius: 2px;
        background: #fff
    }

    .uniform-checkbox > span, .uniform-radio > span {
        display: none;
        position: relative;
        float: left;
        width: 100%;
        height: 100%;
        margin: 0
    }

    .uniform-radio {
        behavior: stylesheet-url(pie.htc);
        position: relative;
        border-radius: 100%
    }

    .uniform-radio span {
        background: url(../img/icons/input-radio.png) center center no-repeat
    }

    .uniform-checkbox span {
        background: url(../img/icons/input-checkbox.png) center center no-repeat
    }

    .uniform-file, .uniform-select {
        font-size: 1em;
        line-height: 1.23077em;
        margin: 0;
        padding: .38462em .46154em;
        border: .07692em solid #a8afb3;
        border-radius: 2px;
        background: #f7f7f7
    }

    .uniform-select {
        padding: .38462em .46154em .38462em 0 !important;
        line-height: 1.15385em;
        box-sizing: border-box
    }

    .uniform-file-status, .uniform-select-status {
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding: .07692em 0 0 .45455em
    }

    .ie8 .uniform-file-status, .ie8 .uniform-select-status {
        padding-top: 0
    }

    .ie8 .uniform-file {
        height: 18px !important
    }

    .uniform-select-status {
        margin-right: 1.69231em
    }

    .uniform-file-status {
        margin-right: 4.61538em;
        padding-left: 0
    }

    .uniform-file-btn {
        float: right;
        color: #fff;
        text-shadow: 0 1px 0 #043f8c;
        margin: -.15385em -.23077em 0 0;
        padding: .23077em .38462em;
        border-radius: 2px;
        cursor: pointer;
        background-color: #054696;
        background-image: -webkit-linear-gradient(top, #064da0, #043f8c);
        background-image: linear-gradient(to bottom, #064da0, #043f8c);
        box-shadow: none
    }

    .uniform-file-btn:hover {
        background: #043f8c !important;
        box-shadow: 0 0 2px #043f8c
    }

    .uniform-disabled .uniform-file-btn {
        cursor: not-allowed
    }

    span.uniform-select {
        min-height: 2.15385em
    }

    .ie8 span.uniform-select {
        min-height: 0
    }

    .uniform-select-arrow {
        position: absolute;
        top: .38462em;
        right: .46154em;
        width: .69231em;
        height: .38462em;
        margin: .46154em .46154em 0 0;
        background: url(../img/icons/uniform-select.png) right center no-repeat
    }

    .uniform-disabled {
        cursor: not-allowed;
        opacity: .5
    }

    .uniform-checkbox:hover, .uniform-file:hover, .uniform-radio:hover, .uniform-select:hover, label:hover .uniform-checkbox, label:hover .uniform-file, label:hover .uniform-radio {
        border-color: #717171
    }

    .uniform-focus {
        border-color: #2e3233
    }

    .uniform-range {
        display: block
    }

    .uniform-range .uniform-range-prefix {
        float: left;
        width: 12%
    }

    .uniform-range .uniform-range-suffix {
        float: left;
        text-align: right;
        width: 12%
    }

    .uniform-range .uniform-range-bar-inner {
        display: block;
        height: 7px;
        border-radius: 3.5px;
        background: url(../img/input-range-inner.png) left top repeat-x #043f8c
    }

    .uniform-range .uniform-range-knob {
        position: absolute;
        top: -6px;
        left: 30%;
        width: 19px;
        height: 19px;
        margin-left: -10px;
        background: url(../img/input-range-knob.png) left top no-repeat
    }

    .uniform-range .uniform-input {
        display: none
    }

    .uniform-range-bar {
        position: relative;
        float: left;
        width: 73%;
        height: 7px;
        margin-top: 6px;
        background: url(../img/input-range-bar.png) left top repeat-x #e8e8e8;
        boder-radius: 3.5px
    }

    .slider-range-prefix {
        float: left;
        width: 12%
    }

    .slider-range-suffix {
        float: left;
        text-align: right;
        width: 15%
    }

    .ui-slider-handle {
        position: absolute;
        top: -6px;
        left: 30%;
        width: 19px;
        height: 19px;
        margin-left: -10px;
        cursor: pointer;
        background: url(../img/input-range-knob-ui.png) left top no-repeat
    }

    .ui-slider-range {
        position: absolute;
        height: .53846em;
        background-color: #043f8c
    }

    .ui-slider-handle span {
        position: absolute;
        top: 19px;
        left: -3px;
        text-align: center;
        width: 25px
    }
}

.hasDatepickerBackdrop {
    position: relative;
    z-index: 999
}

.ui-datepicker {
    display: none;
    z-index: 999 !important;
    font-size: .75em;
    width: 16.66667em;
    border: 1px solid #454a4d;
    border-radius: 3px;
    background: #fff
}

.ui-datepicker-header {
    color: #fff;
    font-family: FrutigerLight;
    padding: .33333em .75em;
    background: #454a4d
}

.ui-datepicker-next, .ui-datepicker-prev {
    color: #fff !important;
    cursor: pointer
}

.ui-datepicker-prev {
    float: left
}

.ui-datepicker-next {
    float: right
}

.ui-datepicker-title {
    color: #f0f0f0;
    font-family: FrutigerRegular;
    font-weight: 400;
    text-align: center
}

.ui-datepicker table {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 1px solid #fff
}

.ui-datepicker td, .ui-datepicker th {
    padding: .16667em 0
}

.ui-datepicker th {
    font-family: FrutigerLight;
    text-align: center;
    background: #fff
}

.ui-datepicker td {
    text-align: center;
    vertical-align: middle;
    cursor: pointer
}

.ui-datepicker td:hover {
    background: #e6e6e6
}

.ui-datepicker td a {
    color: #454a4d;
    text-decoration: none !important
}

.ui-datepicker-current-day {
    background: #054696 !important
}

.ui-datepicker-current-day a {
    color: #fff !important
}

.ui-datepicker-week-end {
    background: #f0f0f0
}

.ui-datepicker-week-end a {
    color: #454a4d
}

.ui-datepicker .ui-datepicker-unselectable, .ui-datepicker .ui-datepicker-unselectable:hover {
    color: #ddd;
    cursor: default;
    background: #f5f5f5
}

.ui-datepicker .ui-datepicker-unselectable.ui-datepicker-week-end {
    background: #f0f0f0
}

.datepicker-trigger {
    display: inline-block;
    cursor: pointer
}

.datepicker-disabled {
    cursor: not-allowed;
    opacity: .5
}

@media all {
    .gallery {
        max-width: 660px;
        margin: 0 auto
    }

    .gallery .wrapper {
        position: relative;
        overflow: hidden;
        z-index: 1;
        margin: 0 0 1.53846em
    }

    .gallery .viewport {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        margin: 0;
        padding: 0;
        list-style-type: none
    }

    .gallery .viewport .item {
        display: none;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        text-align: center;
        width: 100%;
        margin-bottom: 0;
        background: #000
    }

    .gallery .viewport .item:before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        height: 100%
    }

    .gallery .viewport .item img {
        vertical-align: middle;
        max-width: 100%
    }

    .gallery .viewport .item.active, .gallery .viewport .item:first-child {
        display: block
    }

    .gallery .viewport .caption {
        position: absolute;
        bottom: 0;
        left: 0;
        color: #222;
        font-family: FrutigerLight;
        line-height: 1.23077em;
        text-align: left;
        box-sizing: border-box;
        width: 100%;
        padding: .76923em;
        background: rgba(249, 248, 246, .8);
        background-color: #f9f8f6
    }

    .gallery .viewport .caption .count {
        color: #2e3233;
        margin-right: 10px
    }

    .gallery .trigger-next, .gallery .trigger-previous {
        text-indent: -119988px;
        overflow: hidden;
        text-align: left;
        position: absolute;
        top: 50%;
        z-index: 101;
        width: 2.30769em;
        height: 2.30769em;
        margin: -1.15385em 0 0
    }

    .gallery .trigger-next {
        right: 0;
        background-position: center -43px
    }

    .gallery .trigger-previous {
        left: 0
    }

    .gallery .trigger-next a, .gallery .trigger-previous a {
        display: none;
        float: left;
        line-height: 1em;
        width: 2.30769em;
        height: 2.30769em;
        background: url(../img/sprite-arrows.png) center 7px no-repeat #fff
    }

    .gallery .trigger-next a:active, .gallery .trigger-next a:focus, .gallery .trigger-next a:hover, .gallery .trigger-previous a:active, .gallery .trigger-previous a:focus, .gallery .trigger-previous a:hover {
        color: #000;
        background-color: #d2d7d9
    }

    .gallery .trigger-next a:focus, .gallery .trigger-previous a:focus {
        color: #000;
        background-color: #717171
    }

    .gallery .trigger-previous a {
        border-radius: 0 2px 3px 0
    }

    .gallery .trigger-next a {
        border-radius: 2px 0 0 2px;
        background-position: center -43px
    }

    .gallery .trigger-previous a:hover {
        background-position: center -18px
    }

    .gallery .trigger-next a:hover {
        background-position: center -68px
    }

    .gallery nav {
        margin: 0 0 1.53846em
    }
}

.owl-carousel .owl-nav {
    display: none;
    position: absolute;
    top: 40%;
    width: 100%
}

.owl-carousel .owl-nav div {
    display: block;
    width: 34px;
    height: 34px;
    border: 2px solid #a0a4a5;
    border-radius: 100%;
    background: #fff
}

.owl-carousel .owl-nav div:hover {
    border-color: #454a4d
}

.owl-carousel .owl-nav .owl-prev {
    position: absolute;
    left: 10px;
    background-image: url(../img/sprite-arrows-carousel.png);
    background-repeat: no-repeat;
    background-position: center 9px
}

.owl-carousel .owl-nav .owl-prev:hover {
    background-position: center -16px
}

.owl-carousel .owl-nav .owl-next {
    position: absolute;
    right: 10px;
    background-image: url(../img/sprite-arrows-carousel.png);
    background-repeat: no-repeat;
    background-position: center -41px
}

.owl-carousel .owl-nav .owl-next:hover {
    background-position: center -66px
}

.owl-carousel .owl-dots {
    display: block;
    text-align: center;
    margin-top: 5px
}

.owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    vertical-align: middle;
    zoom: 1
}

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-prev, .owl-nav .owl-next {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-dots .owl-dot.active span {
    background: #054696
}

.owl-carousel .owl-dots .owl-dot span {
    display: block;
    width: 8px;
    height: 8px;
    margin: 5px 7px;
    border: 1px solid #a8afb3;
    border-radius: 30px;
    background: #fff;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    -webkit-backface-visibility: visible
}

.carousel-home-wrapper .owl-carousel {
    position: relative;
    overflow: hidden;
    max-width: 1680px;
    height: 0;
    margin: 0 auto
}

.carousel-home-wrapper .owl-carousel.owl-loaded {
    height: auto
}

.carousel-home-wrapper .feature {
    margin-bottom: 0
}

.owl-carousel .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.owl-height {
    -webkit-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}

.owl-carousel {
    display: none;
    position: relative;
    z-index: 1;
    width: 100%;
    -webkit-tap-highlight-color: transparent
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    position: relative;
    float: left;
    min-height: 1px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: none
}

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -khtml-user-select: none
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    display: block;
    opacity: 0
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    display: none
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 80px;
    height: 80px;
    margin-top: -40px;
    margin-left: -40px;
    cursor: pointer;
    background: url(owl.video.play.png) no-repeat;
    -webkit-transition: scale .1s ease;
    transition: scale .1s ease;
    -webkit-backface-visibility: hidden
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transition: scale(1.3, 1.3);
    transition: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    height: 100%;
    opacity: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%
}

@media (min-width: 0px) {
    .owl-carousel .owl-dots {
        display: none !important
    }

    .owl-carousel .owl-nav {
        display: block;
        opacity: 0
    }

    .carousel-home-wrapper:hover .owl-carousel .owl-nav {
        opacity: 1
    }
}

.container-24 {
    margin-left: auto;
    margin-right: auto;
    width: 60em
}

.container-24
enumerate

(
".grid"
)
enumerate

(
1
)
enumerate

(
24
)
enumerate

(
"-"
)
{
    display: inline
;
    float: left
;
    margin-left: .625em
;
    margin-right: .625em
}
.container-24 .grid-1 {
    display: inline;
    float: left;
    margin-left: .625em;
    margin-right: .625em;
    width: 1.25em
}

.container-24 .grid-2 {
    display: inline;
    float: left;
    margin-left: .625em;
    margin-right: .625em;
    width: 3.75em
}

.container-24 .grid-3 {
    display: inline;
    float: left;
    margin-left: .625em;
    margin-right: .625em;
    width: 6.25em
}

.container-24 .grid-4 {
    display: inline;
    float: left;
    margin-left: .625em;
    margin-right: .625em;
    width: 8.75em
}

.container-24 .grid-5 {
    display: inline;
    float: left;
    margin-left: .625em;
    margin-right: .625em;
    width: 11.25em
}

.container-24 .grid-6 {
    display: inline;
    float: left;
    margin-left: .625em;
    margin-right: .625em;
    width: 13.75em
}

.container-24 .grid-7 {
    display: inline;
    float: left;
    margin-left: .625em;
    margin-right: .625em;
    width: 16.25em
}

.container-24 .grid-8 {
    display: inline;
    float: left;
    margin-left: .625em;
    margin-right: .625em;
    width: 18.75em
}

.container-24 .grid-9 {
    display: inline;
    float: left;
    margin-left: .625em;
    margin-right: .625em;
    width: 21.25em
}

.container-24 .grid-10 {
    display: inline;
    float: left;
    margin-left: .625em;
    margin-right: .625em;
    width: 23.75em
}

.container-24 .grid-11 {
    display: inline;
    float: left;
    margin-left: .625em;
    margin-right: .625em;
    width: 26.25em
}

.container-24 .grid-12 {
    display: inline;
    float: left;
    margin-left: .625em;
    margin-right: .625em;
    width: 28.75em
}

.container-24 .grid-13 {
    display: inline;
    float: left;
    margin-left: .625em;
    margin-right: .625em;
    width: 31.25em
}

.container-24 .grid-14 {
    display: inline;
    float: left;
    margin-left: .625em;
    margin-right: .625em;
    width: 33.75em
}

.container-24 .grid-15 {
    display: inline;
    float: left;
    margin-left: .625em;
    margin-right: .625em;
    width: 36.25em
}

.container-24 .grid-16 {
    display: inline;
    float: left;
    margin-left: .625em;
    margin-right: .625em;
    width: 38.75em
}

.container-24 .grid-17 {
    display: inline;
    float: left;
    margin-left: .625em;
    margin-right: .625em;
    width: 41.25em
}

.container-24 .grid-18 {
    display: inline;
    float: left;
    margin-left: .625em;
    margin-right: .625em;
    width: 43.75em
}

.container-24 .grid-19 {
    display: inline;
    float: left;
    margin-left: .625em;
    margin-right: .625em;
    width: 46.25em
}

.container-24 .grid-20 {
    display: inline;
    float: left;
    margin-left: .625em;
    margin-right: .625em;
    width: 48.75em
}

.container-24 .grid-21 {
    display: inline;
    float: left;
    margin-left: .625em;
    margin-right: .625em;
    width: 51.25em
}

.container-24 .grid-22 {
    display: inline;
    float: left;
    margin-left: .625em;
    margin-right: .625em;
    width: 53.75em
}

.container-24 .grid-23 {
    display: inline;
    float: left;
    margin-left: .625em;
    margin-right: .625em;
    width: 56.25em
}

.container-24 .grid-24 {
    display: inline;
    float: left;
    margin-left: .625em;
    margin-right: .625em;
    width: 58.75em
}

.container-24 .prefix-1 {
    padding-left: 2.5em
}

.container-24 .prefix-2 {
    padding-left: 5em
}

.container-24 .prefix-3 {
    padding-left: 7.5em
}

.container-24 .prefix-4 {
    padding-left: 10em
}

.container-24 .prefix-5 {
    padding-left: 12.5em
}

.container-24 .prefix-6 {
    padding-left: 15em
}

.container-24 .prefix-7 {
    padding-left: 17.5em
}

.container-24 .prefix-8 {
    padding-left: 20em
}

.container-24 .prefix-9 {
    padding-left: 22.5em
}

.container-24 .prefix-10 {
    padding-left: 25em
}

.container-24 .prefix-11 {
    padding-left: 27.5em
}

.container-24 .prefix-12 {
    padding-left: 30em
}

.container-24 .prefix-13 {
    padding-left: 32.5em
}

.container-24 .prefix-14 {
    padding-left: 35em
}

.container-24 .prefix-15 {
    padding-left: 37.5em
}

.container-24 .prefix-16 {
    padding-left: 40em
}

.container-24 .prefix-17 {
    padding-left: 42.5em
}

.container-24 .prefix-18 {
    padding-left: 45em
}

.container-24 .prefix-19 {
    padding-left: 47.5em
}

.container-24 .prefix-20 {
    padding-left: 50em
}

.container-24 .prefix-21 {
    padding-left: 52.5em
}

.container-24 .prefix-22 {
    padding-left: 55em
}

.container-24 .prefix-23 {
    padding-left: 57.5em
}

.container-24 .suffix-1 {
    padding-right: 2.5em
}

.container-24 .suffix-2 {
    padding-right: 5em
}

.container-24 .suffix-3 {
    padding-right: 7.5em
}

.container-24 .suffix-4 {
    padding-right: 10em
}

.container-24 .suffix-5 {
    padding-right: 12.5em
}

.container-24 .suffix-6 {
    padding-right: 15em
}

.container-24 .suffix-7 {
    padding-right: 17.5em
}

.container-24 .suffix-8 {
    padding-right: 20em
}

.container-24 .suffix-9 {
    padding-right: 22.5em
}

.container-24 .suffix-10 {
    padding-right: 25em
}

.container-24 .suffix-11 {
    padding-right: 27.5em
}

.container-24 .suffix-12 {
    padding-right: 30em
}

.container-24 .suffix-13 {
    padding-right: 32.5em
}

.container-24 .suffix-14 {
    padding-right: 35em
}

.container-24 .suffix-15 {
    padding-right: 37.5em
}

.container-24 .suffix-16 {
    padding-right: 40em
}

.container-24 .suffix-17 {
    padding-right: 42.5em
}

.container-24 .suffix-18 {
    padding-right: 45em
}

.container-24 .suffix-19 {
    padding-right: 47.5em
}

.container-24 .suffix-20 {
    padding-right: 50em
}

.container-24 .suffix-21 {
    padding-right: 52.5em
}

.container-24 .suffix-22 {
    padding-right: 55em
}

.container-24 .suffix-23 {
    padding-right: 57.5em
}

.container-24 .alpha {
    margin-left: 0
}

.container-24 .omega {
    margin-right: 0
}

.container-24
enumerate

(
".push"
)
enumerate

(
1
)
enumerate

(
23
)
enumerate

(
"-"
)
,
.container-24
enumerate

(
".pull"
)
enumerate

(
1
)
enumerate

(
23
)
enumerate

(
"-"
)
{
    position: relative
}
.container-24 .push-1 {
    left: 2.5em;
    position: relative
}

.container-24 .pull-1 {
    left: -2.5em;
    position: relative
}

.container-24 .push-2 {
    left: 5em;
    position: relative
}

.container-24 .pull-2 {
    left: -5em;
    position: relative
}

.container-24 .push-3 {
    left: 7.5em;
    position: relative
}

.container-24 .pull-3 {
    left: -7.5em;
    position: relative
}

.container-24 .push-4 {
    left: 10em;
    position: relative
}

.container-24 .pull-4 {
    left: -10em;
    position: relative
}

.container-24 .push-5 {
    left: 12.5em;
    position: relative
}

.container-24 .pull-5 {
    left: -12.5em;
    position: relative
}

.container-24 .push-6 {
    left: 15em;
    position: relative
}

.container-24 .pull-6 {
    left: -15em;
    position: relative
}

.container-24 .push-7 {
    left: 17.5em;
    position: relative
}

.container-24 .pull-7 {
    left: -17.5em;
    position: relative
}

.container-24 .push-8 {
    left: 20em;
    position: relative
}

.container-24 .pull-8 {
    left: -20em;
    position: relative
}

.container-24 .push-9 {
    left: 22.5em;
    position: relative
}

.container-24 .pull-9 {
    left: -22.5em;
    position: relative
}

.container-24 .push-10 {
    left: 25em;
    position: relative
}

.container-24 .pull-10 {
    left: -25em;
    position: relative
}

.container-24 .push-11 {
    left: 27.5em;
    position: relative
}

.container-24 .pull-11 {
    left: -27.5em;
    position: relative
}

.container-24 .push-12 {
    left: 30em;
    position: relative
}

.container-24 .pull-12 {
    left: -30em;
    position: relative
}

.container-24 .push-13 {
    left: 32.5em;
    position: relative
}

.container-24 .pull-13 {
    left: -32.5em;
    position: relative
}

.container-24 .push-14 {
    left: 35em;
    position: relative
}

.container-24 .pull-14 {
    left: -35em;
    position: relative
}

.container-24 .push-15 {
    left: 37.5em;
    position: relative
}

.container-24 .pull-15 {
    left: -37.5em;
    position: relative
}

.container-24 .push-16 {
    left: 40em;
    position: relative
}

.container-24 .pull-16 {
    left: -40em;
    position: relative
}

.container-24 .push-17 {
    left: 42.5em;
    position: relative
}

.container-24 .pull-17 {
    left: -42.5em;
    position: relative
}

.container-24 .push-18 {
    left: 45em;
    position: relative
}

.container-24 .pull-18 {
    left: -45em;
    position: relative
}

.container-24 .push-19 {
    left: 47.5em;
    position: relative
}

.container-24 .pull-19 {
    left: -47.5em;
    position: relative
}

.container-24 .push-20 {
    left: 50em;
    position: relative
}

.container-24 .pull-20 {
    left: -50em;
    position: relative
}

.container-24 .push-21 {
    left: 52.5em;
    position: relative
}

.container-24 .pull-21 {
    left: -52.5em;
    position: relative
}

.container-24 .push-22 {
    left: 55em;
    position: relative
}

.container-24 .pull-22 {
    left: -55em;
    position: relative
}

.container-24 .push-23 {
    left: 57.5em;
    position: relative
}

.container-24 .pull-23 {
    left: -57.5em;
    position: relative
}