/* 
    ==================================================
    Reset
    ================================================== 
    YUI 3.16.0 (build 76f0e08)
    Copyright 2014 Yahoo! Inc. All rights reserved.
    Licensed under the BSD License.
    http://yuilibrary.com/license/
*/

html {
    color: #000;
    background: #FFF;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote {
    margin: 0;
    padding: 0;
}

fieldset, img {
    border: 0;
}

.PuffMain {
    position: relative;
    margin-bottom: 20px;
}

.PuffMain img {
    max-width: 100%;
    padding: 10px 0 10px 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}

ol, ul {
    list-style: none;
}

caption, th {
    text-align: left;
}

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

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
    font-variant: normal;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

input, textarea, select {
    font-family: inherit;
    font-size: inherit;
    *font-size: 100%;
}

fieldset {
    margin-bottom: 1.5em;
}

legend {
    color: #000;
    font-size: 20px;
    margin-bottom: .5em;
}

#yui3-css-stamp.cssreset {
    display: none;
}

.EditorContent em {
    font-style: italic;
}

/* 
    ==================================================
    Grid
    ================================================== 
*/

/* Used for naming the selection */

.article-leading-wrapper {
    /*float: left;*/
    width: auto;
    padding: 1px 65px 15px;
    max-width: 750px;
}

.LeftColumn {
    float: left;
    width: 290px;
}

.RightColumn {
    float: right;
    width: 880px;
}

.right-content-area {
    float: right;
    width: 200px;
}

.left-content-area {
    width: 525px;
    display: inline-block;
    float: left;
    margin-right: 25px;
}

.left-content-area.wide {
    width: 100%;
    display: inline-block;
    float: left;
    margin-right: 0px;
}

.left-content-area .Contact span {
    display: block;
}

.left-content-area .EditorContent a:link, 
.left-content-area .EditorContent a:visited {
    text-decoration: underline;
}

.PuffMain {
    position: relative;
    clear: both;
    width: 100%;
    margin-bottom: 20px;
}

.display-full {
}

.display-half {
}

.display-three-quarters {
}

.display-one-quarter {
}

.display-one-third {
}

.display-two-thirds {
}

.row {
    margin-left: -15px;
    margin-right: -15px;
}

    /* Clear */
    .clearfix:before, .clearfix:after,
    .row:before, .row:after {
        display: table;
        content: " ";
    }

    .clearfix:after,
    .row:after {
        clear: both;
    }

.display-full, .display-half, .display-three-quarters, .display-one-quarter, .display-one-third, .display-one-third, .display-two-thirds,
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 {
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 50px;
}

/*  Grid - newtheme
    ============================= */
div.newtheme.display-full {
    width: 100%;
}

div.newtheme.display-half {
    width: 50%;
}

div.newtheme.display-one-quarter {
    width: 25%;
}

div.newtheme.display-three-quarters {
    width: 75%;
}

div.newtheme.display-one-third {
    width: 33.33333333%;
}

div.newtheme.display-two-thirds {
    width: 66.66666667%;
}

.grid-1 {
    width: 70px;
}

.grid-2 {
    width: 170px;
}

.grid-3, .display-one-quarter {
    width: 270px;
}

.grid-4, .display-one-third {
    width: 370px;
}

.grid-5 {
    width: 470px;
}

.grid-6, .display-half {
    width: 570px;
}

.grid-7 {
    width: 670px;
}

.grid-8, .display-two-thirds {
    width: 770px;
}

.grid-9, .display-three-quarters {
    width: 870px;
}

.grid-10 {
    width: 970px;
}

.grid-11 {
    width: 1070px;
}

.grid-12, .display-full {
    width: 1170px;
}

.desktop {
    display: block;
}

.tablet, .mobile {
    display: none;
}

.flyout .wrapper,
.container {
    width: 1170px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.stack {
    padding-bottom: 0;
}

.clear {
    clear: both;
}

/* Weather-table */

.weather-table table {
    table-layout: fixed;
    border-spacing: 0;
}

.weather-table th{
    padding: 10px;
    background-color:#6c6d71;
    color: #FFF;
    border-right: 0.5px solid white;
    vertical-align: text-top;
}

.weather-table th:last-of-type {
    border-right: none;
}

.weather-table td{
    padding: 10px;
    border: 0.5px solid #c2c2c2;
    border-top: none;
    margin-top: -1px;
}

.ui-widget {
    font-family: 'Source Sans Pro', sans-serif !important;
}

/* Responsive */
@media (min-width: 992px) and (max-width: 1199px) {
    
    /*  Grid - newtheme
    ============================= */
    div.newtheme.display-full {
        width: 100%;
    }

    div.newtheme.display-half {
        width: 50%;
    }

    div.newtheme.display-one-quarter {
        width: 25%;
    }

    div.newtheme.display-three-quarters {
        width: 75%;
    }

    div.newtheme.display-one-third {
        width: 33.33333333%;
    }

    div.newtheme.display-two-thirds {
        width: 66.66666667%;
    }

    .desktop {
        display: none;
    }

    .tablet {
        display: block;
    }

    .grid-1 {
        width: 50px;
    }

    .grid-2 {
        width: 130px;
    }

    .grid-3, .display-one-quarter {
        width: 210px;
    }

    .grid-4, .display-one-third {
        width: 290px;
    }

    .grid-5 {
        width: 370px;
    }

    .grid-6, .display-half {
        width: 450px;
    }

    .grid-7 {
        width: 530px;
    }

    .grid-8, .display-three-quarters, .display-two-thirds {
        width: 610px;
    }

    .grid-9 {
        width: 690px;
    }

    .grid-10 {
        width: 770px;
    }

    .grid-11 {
        width: 850px;
    }

    .grid-12, .display-full {
        width: 930px;
    }

    .flyout .wrapper,
    .container {
        width: 930px;
    }

    .article-leading-wrapper {
        float: none;
        width: auto;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {

    /*  Grid - newtheme
    ============================= */
    div.newtheme.display-full, 
    div.newtheme.display-half, 
    div.newtheme.display-three-quarters, 
    div.newtheme.display-one-quarter, 
    div.newtheme.display-one-third, 
    div.newtheme.display-two-thirds {
        float: none;
        width: 100%;
    }

    .desktop {
        display: none;
    }

    .tablet {
        display: block;
    }

    .grid-1 {
        width: 32px;
    }

    .grid-2 {
        width: 94px;
    }

    .grid-3 {
        width: 156px;
    }

    .grid-4 {
        width: 218px;
    }

    .grid-5 {
        width: 280px;
    }

    .grid-6 {
        width: 342px;
    }

    .grid-7 {
        width: 404px;
    }

    .grid-8 {
        width: 466px;
    }

    .grid-9 {
        width: 528px;
    }

    .grid-10 {
        width: 590px;
    }

    .grid-11 {
        width: 652px;
    }

    .grid-12, .display-full, .display-half, .display-three-quarters, .display-one-quarter, .display-one-third, .display-two-thirds {
        width: 714px;
    }

    .flyout .wrapper,
    .container {
        width: 714px;
    }

    .article-leading-wrapper {
        padding: 1px 0px 15px;
        max-width: 100%;
    }

    .left-content-area {
        width: 100%;
        margin: 0px;
    }

    .right-content-area {
        width: 100%;
    }

    img.ImageLeft {
        padding-bottom: 10px;
    }

    #LeftMenuHolder {
        margin-bottom: 20px;
    }
}

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

    /*  Grid - newtheme
    ============================= */
    div.newtheme.display-full, 
    div.newtheme.display-half, 
    div.newtheme.display-three-quarters, 
    div.newtheme.display-one-quarter, 
    div.newtheme.display-one-third, 
    div.newtheme.display-two-thirds {
        float: none;
        width: 100%;
    }

    .desktop {
        display: none;
    }

    .tablet, .mobile {
        display: block;
    }

    .display-full, 
    .display-half, 
    .display-three-quarters, 
    .display-one-quarter, 
    .display-one-third, 
    .display-two-thirds,
    .grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 {
        float: none;
        width: auto;
    }

    .container {
        width: auto;
        margin: 0 15px;
    }

    .article-leading-wrapper {
        padding: 1px 0px 15px;
        max-width: 100%;
    }

    .left-content-area {
        width: 100%;
        margin: 0px;
    }

    .right-content-area {
        width: 100%;
    }

    img.ImageLeft {
        padding-bottom: 10px;
    }

    .ac_results {
        width: auto !important;
        left: 0 !important;
        margin-left: 0 !important;
        margin: 0 17px;
        border-radius: 0 !important;
    }
}

@media print {
    .hidden-print {
        display: none !important;
    }
}

/* 
    ==================================================
    Base
    ================================================== 
*/

img {
    max-width: 100%;
}

/*  Base - Layout
    ============================= */

.main {
    padding: 50px 0;
}

/*  Base - Typography
    ============================= */

body {
    color: #111;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    position: relative;
    background-color: #f9f9f9;
}

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

    a:hover {
        color: #046CB1;
    }

h1 {
    font-size: 24px;
}

h2 {
    font-size: 22px;
}

h3 {
    font-size: 20px;
}

strong, b {
    font-weight: bold;
}

.category, .date {
    font-size: 11px;
}


.category, .date {
    text-transform: uppercase;
    color: #9e9e9e;
}

.date {
    text-transform: none;
}

time.date-graphics {
    width: 45px;
    display: block;
    float: left;
    color: #646464;
    text-align: center;
    background-color: #ececec;
    border: solid 1px #d7d7d7;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

time.date-graphics .month {
    display: block;
    padding: 1px 0;
    background-color: #fff;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
}

time.date-graphics .day {
    display: block;
    padding: 2px 0;
    font-size: 22px;
    background-color: #fff;
    border-top: solid 1px #d7d7d7;
    color: #B97F7F;
    -webkit-box-shadow: inset 0 0 6px 0 #dedede;
    box-shadow: inset 0 0 6px 0 #DEDEDE;
}

.icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background-color: #6c6d71;
}

.medallions {
    display: none;
}

.alert-container {

    margin: 30px auto 30px;
    width: 55%;
    display: block;
    clear: both;
    background: #ffcc00;
    padding: 40px 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    
}

.alert-img {

    width: 15%;
    float: left;
    padding: 0 15px;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;

}
.alert-img img {

    width: 100%;

}

.alert-content {

    width: 80%;
    float: left;
    padding: 0 15px;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.alert-content h3 {

    font-weight: bold;
    margin-bottom: 5px;

}
.alert-content p {
    margin-bottom: 10px;
}

.alert-content .read-more {

    font-weight: bold;

}

.alert-content .read-more::after {
    content: ">";
    padding-left: 5px;
    position: relative;
    top: 1px;
}

.archive-search {
    float: left;
    margin-bottom: 30px;
    display: block;
}

.archive-search .search input[type="text"] {
    width: 240px;
}



/*  Base - Animations
    ============================= */

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


/*  Base - Forms
    ============================= */

input,
textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}

.button-center {
    display: block;
    text-align: center;
}

.button-whitespace {
    margin-top: 24px;
}
.transparent-button {
    font-size: 16px;
    font-style: italic;
    display: inline;
    padding: 10px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ccc;
    cursor: pointer;
}

    .transparent-button:hover {
        border-color: #b9b9b9;
    }

/*  Base - Header
    ============================= */

header {
}

/* Entry links */
nav.entry-links,
.nav-tabs {
    border-top: solid 3px #6c6d71;
    height: 31px;
    margin-bottom: 20px;
}

nav.entry-links ul,
.nav-tabs ul {
    float: right;
    margin-top: -3px;
    background-color: #6c6d71;
}

nav.entry-links ul li,
.nav-tabs ul li {
    float: left;
    height: 28px;
    background: #6c6d71 url(../images/tabs_center.png) no-repeat top right;
}

nav.entry-links ul li.last,
.nav-tabs ul li.last {
    padding-right: 0px;
    background-image: none;
}

nav.entry-links ul li.focus,
.nav-tabs ul li.focus {
    background: #f9f9f9 url(../images/tabs_center_left_focus.png) no-repeat top left;
    margin-left: -34px;
    padding-left: 34px;
}

nav.entry-links ul li.focus a,
.nav-tabs ul li.focus a {
    color: #6c6d71;
    background: #f9f9f9 url(../images/tabs_center_right_focus.png) no-repeat top right;
}

nav.entry-links ul li.first a,
.nav-tabs ul li.first a {
    padding-left: 34px;
    background: transparent url(../images/tabs_first_left.png) no-repeat top left;
}

nav.entry-links ul li.first.focus,
.nav-tabs ul li.first.focus {
    background: #f9f9f9 url(../images/tabs_center_right_focus.png) no-repeat top right;
}

nav.entry-links ul li.first.focus a,
.nav-tabs ul li.first.focus a {
    border: none;
    background: transparent url(../images/tabs_first_left_focus.png) no-repeat top left;
}

nav.entry-links ul li.last.focus a,
.nav-tabs ul li.last.focus a {
    background-image: none;
}

nav.entry-links ul li a,
.nav-tabs ul li a {
    display: block;
    padding: 5px 34px 5px 8px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
}

nav.entry-links ul li.first.last,
.nav-tabs ul li.first.last {
    padding-right: 10px;
    background: transparent url(../images/tabs_first_left.png) no-repeat top left;
}

nav.entry-links ul li.first.last.focus,
.nav-tabs ul li.first.last.focus {
    color: #6c6d71;
    padding-right: 10px;
    background: #f9f9f9 url(../images/tabs_center_right_focus.png) no-repeat top right;
}

nav.entry-links ul li.first.last.focus a,
.nav-tabs ul li.first.last.focus a {
    color: #6c6d71;
    background: transparent url(../images/tabs_first_left_focus.png) no-repeat top left;
}

/*  Base - LeftMenuHolder
    ============================= */
#LeftMenuHolder .list-heading {
    margin-bottom: 20px;
    display: block;
    font-size: 22px;
}

#LeftMenuHolder ul li {
    margin-bottom: 16px;
}

#LeftMenuHolder ul li a {
    padding-left: 12px;
}

#LeftMenuHolder ul li a:hover {
    color: black;
}

#LeftMenuHolder ul li a.activeitem  {
    font-weight: 700;
}

#LeftMenuHolder ul li a.HasChildren {
    padding-left: 0px;
}

#LeftMenuHolder ul li a.HasChildren:before {
    content: ">";
    margin-right: 5px;
}

#LeftMenuHolder ul li.OpenGroup ul {
    margin-left: 35px;
    padding-left: 7px;
    border-left: 1px solid black;
}

#LeftMenuHolder ul li.OpenGroup ul li {
    margin-bottom: 7px;
}

#LeftMenuHolder ul li.OpenGroup a.ArrowOpen {
    font-weight: 700;
    margin-bottom: 10px;
    display: block;
    padding-left: 0px;
}

#LeftMenuHolder ul li.OpenGroup a.ArrowOpen:before {
    content: ">";
    font-weight: 500;
    margin-right: 5px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    display: inline-block;
    position: relative;
    top: 3px;
}

/*Level 3*/
#LeftMenuHolder ul li.OpenGroup ul li a {
    padding-left: 0px;
}

/*Level 4*/
#LeftMenuHolder ul li.OpenGroup ul li.OpenGroup a.ArrowOpen:before {
    content: none;
}

#LeftMenuHolder ul li.OpenGroup ul li.OpenGroup ul {
    border: none;
    padding-left: 0px;
    margin-left: 20px;
}

/*Level 5*/
#LeftMenuHolder ul li.OpenGroup ul li.OpenGroup ul li a.ArrowOpen {
    margin-bottom: 5px;
}

#LeftMenuHolder ul li.OpenGroup ul li.OpenGroup ul li ul li {
    margin-bottom: 5px;
}

#LeftMenuHolder ul li.OpenGroup ul li.OpenGroup ul li ul li a {
    font-size: 12px;
}

/* Containers */
.container-top {
    margin-bottom: 20px;
    position: relative;
}

.container-left,
.container-right {
    float: left;
}

.container-left {
    width: 25%;
    margin-top: -5px;
}

.container-right {
    width: 75%;
    margin-top: 30px;
}

/*  Header
    ============================= */
header .logo {
}

header .logo .img-logo {
    height: 85px;
    background: url('../images/logo.png') no-repeat;
}

/* Links */
header .links {
    float: right;
    margin: 0px -30px 5px 0;
}

header .links ul li {
    float: left;
    padding: 5px 25px;
}

header .links ul li a {
    color: #595959;
}

header .links ul li a:hover {
    color: #046CB1;
}

header .links ul li span {
    display: block;
    float: left;
}

header .links #weather {
    width: 80px;
    float: left;
    margin-top: -12px;
    overflow: hidden;
}

header .links #weather iframe {
    position: relative;
    left: -198px;
}

header .links span.icon-finnish,
header .links span.icon-globe,
header .links span.icon-rss {
    padding-right: 7px;
}

header .links span.icon-finnish {
    width: 20px;
    height: 15px;
    margin-top: 1px;
    background: transparent url(../images/icon_finnish.png) no-repeat top left;
}

header .links span.icon-globe {
    width: 17px;
    height: 17px;
    background: transparent url(../images/icon_globe.png) no-repeat top left;
}

header .links span.icon-rss {
    width: 16px;
    height: 16px;
    margin-top: 1px;
    background: transparent url(../images/icon_rss.png) no-repeat top left;
}

.LinkListHeading.eService {
    background:url(../Images/e-service-icons/Snabel-E-rod.png) 2px 2px no-repeat;
    padding-left:22px;
    background-size: 16px;
}

.LinkListHeading.eServiceBlue {
    background:url(../Images/e-service-icons/Snabel-E-bla.png)  2px 2px no-repeat;
    padding-left:22px;
    background-size: 16px;
}

.LinkListHeading.pdf {
    background:url(../Images/old/pdf.gif) no-repeat 3px 0;
    padding-left:22px;

}

/* Search */
header .search {
    float: right;
}

header .search-wrapper {
    float: right;
    display: inline-block;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    border: solid 1px #d7d7d7;
    background-color: #fff;
    padding: 6px 13px 6px;
}

header .search input[type="text"] {
    width: 140px;
    border: none;
    float: left;
}

header .search input[type="submit"] {
    width: 15px;
    height: 18px;
    float: left;
    background: transparent url(../images/icon_search.png) no-repeat 50% 50%;
    border: none;
    cursor: pointer;
    text-indent: -9999px;
}

/* extra-logo*/
header .right-content {
    float: right;
    width: auto;
    margin: 0 0 20px 20px;
}

header .extra-logo {
    float: right;
    margin-left: 35px;
    margin-top: -30px;
}

header .extra-logo img {
    max-height: 79px;
    width: auto;
}



/*  Base - Navigation
    ============================= */

nav[role="navigation"] {
    width: 1170px;
    z-index: 10000;
    border-top: solid 1px #949496; /*#d7d7d7*/
    border-bottom: solid 1px #949496; /*#d7d7d7*/
    background-color: #fff;
}

    nav[role="navigation"].fixed {
        position: fixed;
        top: 0;
    }

        nav[role="navigation"].fixed .flyout {
            background-image: none !important;
            margin-left: -15px;
        }

    nav[role="navigation"] ul.nav {
        background: transparent url(../images/nav_divider2.png) no-repeat left center;
    }

        nav[role="navigation"] ul.nav > li {
            float: left;
            /* Center vertical */
            display: table-cell;
            height: 63px;
            margin-right: -1px;
        }

            nav[role="navigation"] ul.nav > li > a {
                display: block;
                height: 63px;
                width: 89px;
                padding: 0 16px;
                font-size: 15px;
                text-align: center;
                background: transparent url(../images/nav_divider2.png) no-repeat right center;
                /* Center vertical */
                display: table-cell;
                vertical-align: middle;
            }

        nav[role="navigation"] ul.nav li.nav-start a {
            background: #6c6d71 url('../images/start-nav-icon.png') no-repeat center center;
            background-size: 24px;
            width: 54px;
            padding: 0;
            -webkit-box-shadow: inset -5px 0px 18px -8px rgba(50, 50, 50, 0.73);
            -moz-box-shadow:    inset -5px 0px 18px -8px rgba(50, 50, 50, 0.73);
            box-shadow:         inset -5px 0px 18px -8px rgba(50, 50, 50, 0.73);
        }

        nav[role="navigation"] ul.nav li.nav-start a:focus,
        nav[role="navigation"] ul.nav li.nav-start a:hover {
            background: #999 url('../images/start-nav-icon.png') no-repeat center center;
            background-size: 24px;
        }
    
        nav[role="navigation"] ul.nav > li.focus,
        nav[role="navigation"] ul.nav > li:hover {
            -webkit-box-shadow: 0 0 10px 0 #898989;
            box-shadow: 0 0 10px 0 #898989;
            background-color: #fff;
        }

        /*nav[role="navigation"] ul.nav > li > a:hover,
nav[role="navigation"] ul.nav > li:last-child > a {
    background-image: none;
}*/

        nav[role="navigation"] ul.nav > li > a:hover {
            background-image: none;
        }

        nav[role="navigation"] ul.nav > li .remove-shadow {
            display: none;
        }

        nav[role="navigation"] ul.nav > li.focus .remove-shadow {
            display: block;
            background-color: #fff;
            width: 125px; /* match a ul li a */
            height: 10px;
            position: absolute;
            margin-top: -10px;
            z-index: 20000;
        }

        nav[role="navigation"] ul.nav > li .flyout {
            display: none;
            position: absolute;
            z-index: 10000;
            left: 0;
            width: 100%;
            min-height: 100%;
            /*background: transparent url(../images/background_fade.png) repeat top left;*/
        }

.no-js nav[role="navigation"] ul.nav > li:hover .flyout {
    display: block;
}

nav[role="navigation"] .flyout .wrapper {
    z-index: inherit;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px 0 #898989;
    box-shadow: 0 0 10px 0 #898989;
}

    nav[role="navigation"] .flyout .wrapper .inner {
        padding: 40px 30px 50px;
    }

nav[role="navigation"] .flyout .column-left {
    width: 70%;
    float: left;
}

nav[role="navigation"] .flyout .column-right {
    width: 25%;
    padding-left: 4%;
    border-left: 1px solid #d7d7d7;
    float: left;
}

nav[role="navigation"] .flyout h2 {
    margin-bottom: 30px;
}

/* Subnavigation */
nav[role="navigation"] ul.subnav {
    float: left;
    width: 33%;
}

    nav[role="navigation"] ul.subnav li a {
        display: block;
        padding: 5px 30px 5px 0;
    }

/* Navigation lists */

nav[role="navigation"] ul.list {
    margin-bottom: 15px;
}

    nav[role="navigation"] ul.list li {
        padding-bottom: 8px;
    }

        nav[role="navigation"] ul.list li a {
            display: block;
            border-bottom: none;
        }

            nav[role="navigation"] ul.list li a:before,
            nav[role="navigation"] ul.list li a:after {
                display: table;
                content: " ";
            }

            nav[role="navigation"] ul.list li a:after {
                clear: both;
            }

        nav[role="navigation"] ul.list li .image {
            width: 23%;
            margin-left: 12px;
            float: right;
            overflow: hidden;
        }

        nav[role="navigation"] ul.list li .image img {
            float: left;
            max-width: 140%;
            margin: 0 -20%;
        }

    nav[role="navigation"] ul.list li p {
        padding: 5px 17px 0 0;
    }

        nav[role="navigation"] ul.list li time {
            display: inline-block;
            color: #9e9e9e;
            font-size: 11px;
        }

/* Google Translate */
#google_translate_element img {
    display: none;
}

.goog-te-gadget {
    font-family: Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.goog-te-gadget-simple {
    border: none !important;
    padding-bottom: 0 !important;
}

#google_translate_element,
.goog-te-gadget-simple {
    
    background-color: #f8f8f8 !important;
    border-color: #f8f8f8 !important;
}

.goog-te-menu-value span {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px !important;
    color: #595959;
    background-color: #f8f8f8;
    border-color: #f8f8f8 !important;
    margin-top: -1px;
}

.goog-te-gadget-simple .goog-te-menu-value span {
    margin-top: -1px;
}

.goog-te-menu-value span:hover {
    color: #046CB1 !important;
}

.goog-te-menu-value span a {
    margin: 0;
    padding: 0;
}

/* READ SPEAKER */
.row-readspeaker,
.row-readspeaker .display-full {
    padding: 0 !important;
}

.row-readspeaker {
    text-align: right;
    margin-top: -35px;
    padding-bottom: 15px !important;
}

/* Readspeaker */
.rsbtn {
    float: left;
    display: inline-block;
}

/* Contact button*/
.btn-contact {
    float: right;
    background: #6c6d71;
    border: 0;
    color: #FFF;
    padding: 8px 15px;
}

.btn-contact {
    float: right;
    background: #6c6d71;
    border: 0;
    color: #FFF;
    margin: 0 0 10px 0;
    outline: none;
    cursor: pointer;
}

.btn-contact.close:after {
    content: "";
    background:no-repeat url(../Images/icon-up.png);
    height: 6px;
    width: 9px;
    display: inline-block;
    background-size: contain;
    margin: 0 0 0 6px;
    position: relative;
    top: -1px;
}

.btn-contact:after {
    content: "";
    background:no-repeat url(../Images/icon-down.png);
    height: 6px;
    width: 9px;
    display: inline-block;
    background-size: contain;
    margin: 0 0 0 6px;
    position: relative;
    top: -1px;
}

.btn-contact:hover {
    color: #FFF;
}

.page-top-image {
    max-height: 300px;
    margin-bottom: 30px;
    background-size: cover;
    background-position: 100% 50%;
    display:block;
    height: 300px;
    max-height:300px;
    position:relative;
    background-image: url(../images/img-005.jpg);
}

/* BreadCrumb */
ul#BreadCrumb {
    display: inline-block;
    list-style-type:none;
    padding:0;
    margin:0 0 0.85em 0;
    font-size: 0.8em;
    font-family: Arial;
    float: left;
    width: 100%;
    position: relative;
    top: -40px;
}

ul#BreadCrumb li {
    list-style-type:none;
    display:inline;
    background:transparent no-repeat url(../Images/old/bc-sep.gif);
    background-repeat:no-repeat;
    background-position:right;
}

ul#BreadCrumb a:link, 
ul#BreadCrumb a:visited {
    color: #046CB1;
    text-decoration:none;
    padding-right:8px;
}

ul#BreadCrumb a:hover {
    text-decoration:underline;
}

ul#BreadCrumb li.ActiveCrumb {
    background:transparent no-repeat none;
    color:#333;
}

/* ContactArea */
.ContactArea {
    background: #e5e5e5;
    padding: 30px;
    width: 100%;
    max-width: 690px;
    float: left;
    margin: 0 0 20px 0;
    display: none;
}

.ContactArea h2 {
    margin-bottom: 27px;
    font-size: 28px;
}

.ContactArea h3 {
    font-size: 1em;
    font-weight: 700;
}

.ContactArea .first-contact,
.ContactArea .second-contact {
    width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;
}

.ContactArea .first-contact {
    margin-bottom: 30px;
    border-bottom: 1px solid black;
    padding-bottom: 30px;
}

.ContactArea .first-contact .left-area {
    padding: 0 30px 0 0; 
}

.ContactArea .first-contact .right-area {
    padding: 0 0 0 30px;
    border-left: 1px solid black;
}

.ContactArea .first-contact .left-area .contact-info p,
.ContactArea .first-contact .left-area .contact-info a {
    font-size: 20px;
}

.ContactArea .first-contact .left-area,
.ContactArea .first-contact .right-area {
    display: inline-block;
    float: left;
    width: 50%;
    box-sizing: border-box;
}

.ContactArea .first-contact .right-area .adress-info,
.ContactArea .first-contact .right-area .open-hours {
    width: 50%;
    display: inline-block;
    float: left;
}

.ContactArea .second-contact .contactcard-area {
    display: inline-block;
    float: left;
    width: 33.33333333%;
    box-sizing: border-box;
    margin-top: 20px;
    padding-right: 30px;
    min-height: 110px;
}

.ContactArea .second-contact .contactcard-area:first-child,
.ContactArea .second-contact .contactcard-area:nth-child(2),
.ContactArea .second-contact .contactcard-area:nth-child(3) {
    margin-top: 0px;
}

.ContactArea .second-contact .contactcard-area:nth-child(3n-1) {
    padding: 0 15px;
}

.ContactArea .second-contact .contactcard-area:nth-child(3n+0) {
    padding: 0 0 0 30px;
}

/* siteQuestions */
.site-questions {
    border: solid 1px #e8e8e8;
    text-align: center;
    padding: 25px;
    margin: 0 0 20px 0;
}

.site-questions p {
    font-size: 22px;
    max-width: 400px;
    margin: 0 auto;
}

.site-questions ul {
    margin-top: 25px;
}

.site-questions ul li {
    display: inline-block;
    max-width: 100px;
    width: 100%;
    padding: 6px 0;
}

.site-questions ul li a {
    color: #FFF;
    font-weight: 700;
    display: block;
}

.site-questions ul li.btn-yes {
    background: #e50052;
}

.site-questions ul li.btn-no {
    margin: 0 15px;
    background: #6c6d71;
}

.site-questions ul li.btn-later {
    border: 1px solid #6c6d71;
}

.site-questions ul li.btn-later a {
    color: #6c6d71;
}

/* statutes-file-accordion */
.statues-file-search {
    margin: 0 0 30px 0;
    position: relative;
}

.statues-file-search:after {
    content: "\f002";
    font-family: fontawesome;
    float: right;
    color: #666666;
    font-size: 14px;
    /*width: 100%;*/
    position: absolute;
    right: 15px;
    top: 16px;
    cursor: pointer;
}

.statutes-file-search-input {
    border: 1px solid #d7d7d7;
    height: 50px;
    width: 100%;
    padding: 0 20px;
    /*margin: 0 0 30px 0;*/
    font-size: 16px;
}

.statutes-file-accordion-title .ui-accordion-header-icon {
    display:none;
}

.statutes-file-search-button {
    position: absolute;
    right: 0;
    top: 0;
    height: 50px;
    width: 50px;
    background: none;
    border: none;
    text-align: center;
    cursor: pointer;
    text-indent: -99999px;
}

.statutes-file-search-button:focus {
    outline: none;
}

.statutes-file-accordion {
    margin: 0 0 40px 0 !important;
}

.statutes-file-accordion li .statutes-file-accordion-title {
    border: 0;
    display: block;
    white-space: nowrap;
    padding: 15px;
    font-size: 1rem;
    cursor: pointer;
    background: #ffcc00;
    font-family: 'Source Sans Pro', sans-serif;
    text-overflow: ellipsis;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    border-radius: 0;
    width: 100%;
}

.statutes-file-accordion li h3.statutes-file-accordion-title {
    padding-right: 40px;
}

.statutes-file-accordion li .accordion-title-grey {
    background: #eaeaea;
}

.statutes-file-accordion li .ui-state-active {
    margin-bottom: 2px;
}    

.statutes-file-accordion li .accordion-title-grey h4 {
   display: inline-block;
   font-size: 14px;
   line-height: 18px;
   text-align: left;
   word-break: break-word;
}

.statutes-file-accordion-title .accordion-title-decider h4,
.statutes-file-accordion-title .accordion-title-category h4,
.statutes-file-accordion-title .accordion-title-date-up h4,
.statutes-file-accordion-title .accordion-title-date-down h4 {
    padding-right: 5px;
}

.statutes-file-accordion-title .accordion-title-decider,
.statutes-file-accordion-title .accordion-title-category,
.statutes-file-accordion-title .accordion-title-date-up,
.statutes-file-accordion-title .accordion-title-date-down {
    display:inline-block;
    display:inline-block;
    white-space: normal;
    white-space: normal;
    vertical-align: top;
    vertical-align: top;
    float: left;
}

.statutes-file-accordion li .statutes-file-accordion-title-type {
    font-weight: 600;
}

.statutes-file-accordion li .statutes-file-accordion-title:after {
    content: "\f055";
    font-family: fontawesome;
    float: right;
    color: #666666;
    position: absolute;
    right: 15px;
    top: 15px;
}

.statutes-file-accordion li .statutes-file-accordion-title:focus {
    outline: none;
}

.statutes-file-accordion li:last-child .statutes-file-accordion-title {
    border-bottom: 0px;
}

.statutes-file-accordion li .statutes-file-accordion-title.ui-state-active:after {
    content: "\f056";
    font-family: fontawesome;
    float: right;
    color: #666666;
}

.statutes-file-accordion li .statutes-file-accordion-content {
    padding: 15px 0;
    background: #eaeaea;
    border: 0;
    border-radius: 0;
}

.statutes-file-accordion li:last-child .statutes-file-accordion-content {
    border-bottom: 0.5px solid #d7d7d7;
    border-radius: 0;
}

.statutes-file-list-head {
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 20px;
    margin-top: 35px;
    padding-bottom: 10px;
    position: relative;
    overflow: hidden;
}

.statutes-file-list-head h3 {
    float: left;
}

.statutes-file-list-head .button-container {
    float: right;
}

.statutes-file-list-clear {
    float: left;
    margin: 1px 20px 0 0;
    overflow: hidden;
    background: #666;
    height: 30px;
    box-sizing: border-box;
}

.statutes-file-list-clear:hover {
    background: #939393;
}

.statutes-file-list-clear a {
    color: white;
    display: block;
    padding: 5px 15px;
}

.statutes-file-list-head-select {
    float: left;
    height: 32px;
    padding: 0 10px;
    border: 1px solid #d7d7d7;
    width: 174px;
    font-size: 14px;
    color: #949496;
}

.statutes-file-list-head-select:focus {
    outline: none;
}

ul.statutes-file-list-type {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

ul.statutes-file-list-type li {
    width: 33.33%;
    display: block;
    float: left;
    margin: 0 0 2px 0;
    padding: 0;
}

ul.statutes-file-list-type li a {
    background: none;
    border: none;
    padding: 0 5px;
    text-align: left;
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
}

ul.statutes-file-list-type li span {
    padding: 7px 10px;
    font-size: 14px;
    width: 100%;
    display: block;
    box-sizing: border-box;
    word-break: keep-all;
}

ul.statutes-file-list-type li.active-item {
    border-radius: 3px;
    position: relative;
}

ul.statutes-file-list-type li.active-item a:hover {
    color: black;
}

ul.statutes-file-list-type li.active-item a:after {
    content: "\f00d";
    font-family: fontawesome;
    color: #666666;
    font-size: 10px;
    position:  absolute;
    right: 15px;
    top: 8px;
}

ul.statutes-file-list-type li.active-item span {
    border-radius: 3px;
    position: relative;
    background: #d7d7d7;
    padding: 5px 25px 5px 10px;
}

ul.statutes-file-list-date {
    width: 93%;
    display: inline-block;
    padding: 15px;
}

ul.statutes-file-list-date li {
    width: 33.33333333%;
    display: inherit;
    float: left;
}

ul.statutes-file-list-date li .statutes-file-list-date-content {
    padding-right: 30px;
}

ul.statutes-file-list-date li .statutes-file-list-date-content label {
    display: block;
    margin: 0 0 5px 0;
}

ul.statutes-file-list-date li .statutes-file-list-date-content input {
    height: 32px;
    border: 1px solid #d7d7d7;
    width: 100%;
    padding: 0 15px;
}

ul.statutes-file-list-date li .statutes-file-list-date-content select {
    border: 1px solid #d7d7d7;
    height: 32px;
    width: 100%;
    padding: 0 10px;
    font-size: 14px;
    color: #949496;
}

 ul.statutes-file-list-date li .statutes-file-list-date-content select:focus {
    outline: none;
}

.statutes-file-list {
    flex-wrap: wrap;
    display: flex;
    display: -webkit-flex; /* Safari */
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    display: flex;
    flex-wrap: wrap;
    margin: 0 -9px;

}

.statutes-file-list li {
    padding: 0 9px;
    width: 33.33333%;
    position: relative;
    box-sizing: border-box;
    margin: 0 0 18px 0;
}

.statutes-file-list li .statutes-file-item {
    border: solid 1px #d7d7d7;
    height: 185px;
    background: #efefef;
}

.statutes-file-list li .statutes-file-link {
    padding: 15px;
    display: block;
}

.statutes-file-list li .statutes-file-link:after {
    content: '';
    display: block;
    width: 20px;
    height: 30px;
    background: #f9f9f9;
    border-right: 1px solid #d7d7d7;
    position: absolute;
    top: -11px;
    right: 2px;
    transform: rotate(135deg);
}

.statutes-file-list li .statutes-file-name {
    font-size: 0.95rem;
    color: #046CB1;
    margin-bottom: 8px;
    display: block;
    word-break: break-word;
    margin-bottom: 2px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 60px;
}

.statutes-file-list li a .statutes-file-name:before {
    display: block;
    margin: 0 0 5px 0;
}

.statutes-file-list li a:hover {
    color: #606060;
}

.statutes-file-list li .statutes-file-link:hover .statutes-file-name {
    text-decoration: underline;
}

.statutes-file-list li .statutes-file-published {
    margin-bottom: 1em;
    font-size: 0.82rem;
    color: #606060;
}

.statutes-file-list li .statutes-file-descriptions {
    line-height: 16px;
    color: #606060;
    font-size: 0.82rem;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 65px;
}

/*.statutes-file-list li .statutes-file-descriptions:hover{
     color: #046CB1;
}*/

.statutes-file-list li .statutes-file-descriptions .file-created-date {
    display: block;
    margin-bottom: 5px;
}

.statutes-file-list li a[href$=".pdf"] .statutes-file-name:before {
  content: "\f1c1";
  font-family: fontawesome;
}

.statutes-file-list li a[href$=".zip"] .statutes-file-name:before {
  content: "\f1c6";
  font-family: fontawesome;
}

.statutes-file-list li a[href$=".xml"] .statutes-file-name:before,
.statutes-file-list li a[href$=".xls"] .statutes-file-name:before,
.statutes-file-list li a[href$=".xlsx"] .statutes-file-name:before {
  content: "\f1c3";
  font-family: fontawesome;
}

.statutes-file-list li a[href$=".docx"] .statutes-file-name:before,
.statutes-file-list li a[href$=".txt"] .statutes-file-name:before,
.statutes-file-list li a[href$=".odt"] .statutes-file-name:before,
.statutes-file-list li a[href$=".doc"] .statutes-file-name:before {
  content: "\f0f6";
  font-family: fontawesome;
}

.top-content-area img {
    width: initial;
}

.accordion-title-decider { 
    width: 40%;
}
.accordion-title-category { 
    width: 20%;
}
.accordion-title-date-up { 
    width: 20%;
}
.accordion-title-date-down { 
    width: 20%;
}

.accordion-billboard-file-list-type {
    list-style: none;
    margin-left: 10px;
}

.accordion-billboard-file-list-type i {
    margin-bottom: 10px;
    font-size: 36px;
    height: auto;
}

.billboard-file-search {
    margin-bottom: 10px;
}

.billboard-top-bar {
    padding: 15px;
    height: 19px;
    background: #ffcc00;
}

.billboard-top-bar .accordion-title-decider,
.billboard-top-bar .accordion-title-category,
.billboard-top-bar .accordion-title-date-up,
.billboard-top-bar .accordion-title-date-down {
    display: inline-block;
    float: left;
}

.billboard-top-bar div a:hover {
    color: black;
    text-decoration: none;
}

.billboard-top-bar h4 {
    font-size: 1rem;
    display:inline-block;
}

.billboard-file-list-clear {
    display:inline;
}


.billboard-file-list-clear a {
    position: absolute;
    right: 0;
    top: 0;
    padding: 6px 15px;
    color: white;
    background: #666666;
}

.billboard-file-list-clear a:hover {
    background: #939393;
}

.filter-arrows {
    color: black;
    opacity: 0.3;
    margin-left: 5px;
    float:right;
    clear: both;
}

.filter-arrows.fa-caret-up {
    margin-top:-3px
}

.filter-arrows.fa-caret-down {
    margin-top:-13px
}
.filter-arrows.active {
    opacity: 1;
}

.accordion-billboard-file-list-type li {
    display: inline-block;
    vertical-align: text-top;
    width: 24%;
    text-align: center;
    font-size: 80%;
}

.accordion-billboard-file-list-type li a {
    display: block;
    margin: 10px 0;
    font-size: 1.1em;
    word-break: break-all;
}

/* LinkList */
.left-content-area .LinkList .ItemNewsHeading, .ItemNewsHeading {
    color:#046CB1;  
}
.left-content-area .LinkList .NewsItem:link,
.left-content-area .LinkList .NewsItem:visited {
    width:96%;
    border:none;    
}

.left-content-area .LinkList a.LinkListItem:link,
.left-content-area .LinkList a.LinkListItem:visited {
    float:left;
    width:100%;
    padding-bottom:15px;
    margin:0;
    clear:both;
    padding-bottom:10px;
    margin-bottom:10px;
}

.left-content-area .LinkList a, 
.left-content-area .LinkList a:link, 
.left-content-area .LinkList a:visited {
    display:block;
    padding:0 0 0 10px;
    background:url(../Images/old/arrow.gif) 0 4px no-repeat transparent;
    text-decoration: none;
    clear: both;
    color: #000;
}

.left-content-area .LinkList a
.left-content-area .LinkList a:link, 
.left-content-area .LinkList a:visited {
    color:#046CB1;
}
.left-content-area .LinkList a:hover {
    text-decoration:underline;
}

.left-content-area .LinkList a.ImageWithLink:link,
.left-content-area .LinkList a.ImageWithLink:visited {
    background-image:none;  
    padding-left:0;
}

.left-content-area .LinkList .LinkListHeading {
    font-weight:normal;
    display:inline;
    margin:0;
    color:#046CB1;
}
.left-content-area .LinkList .LinkListText {
    padding:0;
    margin:0;
    color:#000;
}

/* Browser Prompt */
div.browser-prompt {
    overflow: auto;
    background-color: #fff070;
    padding: 10px 0 15px 0;
}

div.browser-prompt p {
    padding: 15px 15px 5px 40px;
    background: url('../images/warning.png') no-repeat left center;
}

div.browser-prompt a {
    color: #046CB1;
}

/*  Base - mobile navigation
    ============================= */
nav.nav-mobile {
    display: none;
}

nav.nav-mobile .icon-bar {
    margin-top: 4px;
    margin-bottom: 4px;
}

nav.nav-mobile a.toggle-navigation-btn {
    display: block;
    padding: 10px 15px;
    border-top: solid 1px #d7d7d7;
    border-bottom: solid 1px #d7d7d7;
}

nav.nav-mobile a.toggle-navigation-btn:active {
    background-color: #fff;
}

nav.nav-mobile a.toggle-navigation-btn div.icon,
nav.nav-mobile a.toggle-navigation-btn div.content {
    float: left;
}

nav.nav-mobile a.toggle-navigation-btn div.content {
    margin: -2px 0 0 15px;
}

nav.nav-mobile a.toggle-navigation-btn:hover .icon-bar {
    background-color: #046CB1;
}

nav.nav-mobile ul {
    background-color: #fff;
}

nav.nav-mobile ul li a {
    display: block;
    padding: 15px 15px;
    border-bottom: solid 1px #f1f1f1;
}

nav.nav-mobile ul li a:active {
    background-color: #f8f8f8;
}


.js nav.nav-mobile ul {
    display: none;
}

/*  Base - footer
    ============================= */

footer {
    width: 100%;
    border-top: solid 3px #6c6d71;
    padding-top: 35px;
    font-size: 13px;
}

footer h3 {
    padding: 0 0 10px;
    font-size: 18px;
    border-bottom: solid 1px #d7d7d7;
}

/*  Modules - footersocialblock
    ============================= */
div.footersocialblock {
    margin-top: 0.6em;
    padding-bottom: 4em !important;
}

div.footerlistblock ul {
    margin-top: 1em;
    border-bottom: 1px solid #d7d7d7;
}

div.footerlistblock ul li {
    margin-bottom: 15px;
}

div.footerlistblock ul li a {
    display: block;
    clear: both;
    background: url(../images/arrow_normal.png) no-repeat 100% 5px;
}

div.footerlistblock ul li:hover a {
    color: #0a8dbe;
    background: url(../images/arrow_focus.png) no-repeat 100% 5px;
}

div.footerlistblock ul li.icon {
    height: 30px;
}

div.footerlistblock ul li.icon a {
    margin-left: 40px;
    padding-top: 5px;
}

div.footerlistblock ul li.icon-facebook {
    background: transparent url(../images/icon_facebook.png) no-repeat top left;
}

div.footerlistblock ul li.icon-twitter {
    background: transparent url(../images/icon_twitter.png) no-repeat top left;
}

div.footerlistblock ul li.icon-instagram {
    background: transparent url(../images/icon_instagram.png) no-repeat top left;
}

div.footerlistblock ul li.icon-linkedin {
    background: transparent url(../images/icon_linkedin.png) no-repeat top left;
}

div.footerlistblock ul li.icon-youtube {
    background: transparent url(../images/icon_youtube.png) no-repeat top left;
}

div.footerlistblock .text {
    margin-top: 1em;
}

/* custom linklist for full-width */
div.footerlistblock.display-full ul {
    overflow: auto;
}

div.footerlistblock.display-full ul li {
    float: left;
    width: 31.3%;
}

div.footerlistblock.display-full ul li:nth-child(3n+1) {
    margin-right: 3%;
}

div.footerlistblock.display-full ul li:nth-child(3n+0) {
    margin-left: 3%;
}

/* Contact form */

.contact-form {
    margin-top: 1em;
}

.contact-form input[type="text"],
.contact-form input[type="tel"],
.contact-form input[type="email"],
.contact-form textarea {
    width: 100%;
}

.contact-form input,
.contact-form select {
    padding: .3em .5em;  
    border: 1px solid #d7d7d7;
}

.contact-form input.upload-file {
    border: none;
    float: left;
    padding: .5em 0;
}

.contact-form .invalid {
    background: #ffd9d9;
    border: 1px solid #ff0000;
}

.contact-form input.submit-file {
    float: right;
}

.contact-form label {
    display: block;
    margin: .5em 0;
}

.contact-form label input[type=radio] {
    vertical-align: middle;
    margin: 1px 3px 3px 0px;
}

.contact-form .input-group {
    margin: 1em 0;
    padding: 1em;
    background: #eee;
    overflow: hidden;
}

.contact-form p {
    margin: 0;
    padding: 0 0 1.0em;
}

.contact-form .button {
    background: #e50052;
    color: #FFF;
    display: inline-block;
    margin: .5em 0;
    padding: .5em 1.5em;
    cursor: pointer; 
    border: none;
}

.contact-form .pull-down-button:after {
    content: "\f078";
    font-family: fontawesome;
    font-size: 10px;
    margin-left: 6px;
}

.contact-form .pull-down-button.expanded:after {
    content: "\f077";
    font-family: fontawesome;
    font-size: 10px;
    margin-left: 6px;
}

.contact-form .pull-down-container .row-input-group {
    width: 100%;
    overflow: hidden;
    margin-bottom: 1em;
}

.contact-form .pull-down-container .row-input-group .submitted {
    margin-bottom: 10px;
}

.contact-form .pull-down-container .row-input-group .size {
    margin-left: 3px;
    padding-left: 8px;
    color: #aaaaaa;
    font-size: 12px;
    position: relative;
}

.contact-form .pull-down-container .row-input-group .size:before {
    content: "-";
    position: absolute;
    left: 0;
    top: 0;
}

.contact-form .pull-down-container input[type="submit"] {
    float: right;
    cursor: pointer;
}

.contact-form .pull-down-container .remove-file {
    background: transparent;
    border: none;
    padding: 0;
    color: #e50052;
}

.contact-form .map-container iframe {
    width: 100% !important;
}

.contact-form .required {
    margin: 1em 0;
    padding: 1em;
    background: #ffd9d9;
    overflow: hidden;
    color: #ff0000;
}

.contact-form .required ul li {
    padding: .2em 0;
}


/*  Base - Media
    ============================= 
    Responsive adjustments are made here
*/

@media (min-width: 992px) and (max-width: 1199px) {

    nav[role="navigation"] ul.nav > li > a {
        padding: 15px 15px 15px 15px;
        width: 70px;
    }

    .left-content-area {
        width: 50%;
        margin: 0px;
    }

    .right-content-area {
        width: 45%;
    }

    /* files-list */
    ul.statutes-file-list li {
        width: 50%;
    }

    ul.statutes-file-list li:last-child,
    ul.statutes-file-list li:nth-last-child(2) {
        margin-bottom: 0;
    }

    ul.statutes-file-list-type li {
        width: 50%;
    }

    ul.statutes-file-list-type li:nth-child(even) a {
        padding: 0 10px 0 5px;
    }

    ul.statutes-file-list-type li:nth-child(odd) a {
        padding: 0 5px 0 10px;
    }

    ul.statutes-file-list-type li.active-item:after {
        right: 10px;
    }

    /* ContactArea */
    .ContactArea {
        max-width: 461px;
    }

    .ContactArea .first-contact .left-area .contact-info p, 
    .ContactArea .first-contact .left-area .contact-info a {
        font-size: 1em;
    }
}

/* Datepicker */


#ui-datepicker-div {
    width: 250px;
    background: #FFF;
    border-radius: 0 !important;
    font-size: 1em !important;
}


#ui-datepicker-div .ui-datepicker-header {
    background: #666 !important;
    border: none !important;
    position: relative;
    padding: .5em;
    font-weight: normal !important;
}

#ui-datepicker-div .ui-datepicker-title {
    text-align: center;
    color: #FFF;
}

#ui-datepicker-div .ui-datepicker-prev {
    position: absolute;
}

#ui-datepicker-div .ui-datepicker-next {
    position: absolute;
}

#ui-datepicker-div .ui-datepicker-prev:before {
    content: "\f137";
    font-family: fontawesome;
    color: #fff;
    font-size: 14px;
    margin-left: 0;
    margin-top: 2px;
}

#ui-datepicker-div .ui-datepicker-next:before {
    content: "\f138";
    font-family: fontawesome;
    color: #fff;
    font-size: 14px;
    margin-right: 6px;
    margin-top: 2px;
}

#ui-datepicker-div .ui-datepicker-prev span,
#ui-datepicker-div .ui-datepicker-next span {
    display: none !important;
}

#ui-datepicker-div .ui-datepicker-next {
    position: absolute;
    right: 0;
}

#ui-datepicker-div .ui-datepicker-prev-hover,
#ui-datepicker-div .ui-datepicker-next-hover {
    color: #FFF;
}

#ui-datepicker-div .ui-icon {
    background-image: none;
}

#ui-datepicker-div .ui-datepicker-calendar {
    width: 100%;
}

#ui-datepicker-div .ui-widget.ui-widget-content {
    border: 1px solid #d7d7d7;
}

#ui-datepicker-div .ui-state-default, 
#ui-datepicker-div .ui-widget-content 
#ui-datepicker-div .ui-state-default, 
#ui-datepicker-div .ui-widget-header .ui-state-default {
    background: #eaeaea;
    border: 1px solid #eaeaea;
    color: #111;
    font-weight: normal;
    display: block;
    text-align: center;
}
 
#ui-datepicker-div .ui-widget-header 
#ui-datepicker-div .ui-state-highlight {
    background: #eaeaea;
    border: 1px solid #046CB1;
}

#ui-datepicker-div .ui-widget-header .ui-state-hover,
#ui-datepicker-div .ui-widget-header .ui-state-focus,
#ui-datepicker-div .ui-widget-header .ui-state-active {
    background: transparent;
    border: none;
}

#ui-datepicker-div .ui-datepicker-calendar .ui-state-active,
#ui-datepicker-div .ui-datepicker-calendar .ui-state-hover,
#ui-datepicker-div .ui-datepicker-calendar .ui-state-focus,
#ui-datepicker-div .ui-datepicker-today .ui-state-default.ui-state-active,
#ui-datepicker-div .ui-datepicker-today .ui-state-default.ui-state-hover,
#ui-datepicker-div .ui-datepicker-today .ui-state-default.ui-state-focus {
    background: #046CB1;
    border: 1px solid #046CB1;
    color: #FFF;
}

#ui-datepicker-div .ui-datepicker-today .ui-state-default {
    background: #eaeaea;
    color: #111;
    border: 1px solid #046CB1;
}


#ui-datepicker-div .ui-datepicker th {
    font-weight: normal;
}

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

    .alert-container {
        margin: 30px 15px 30px;
        width: auto;
        display: block;

    }

    .alert-img {
        width: 100%;
        float: left;
        padding: 0 15px;
        display: inline-block;

    }
    .alert-img img {
        width: 100%;
        max-width: 120px;
        display: block;
        margin: 0 auto 20px;

    }

    .alert-content {
        width: 100%;
        float: left;
        padding: 0 15px;
        display: inline-block;
    }

    .container-top {
        position: relative;
    }

    .archive-search {
        float: none;
    }

    header .search {
        width: 100%;
        margin: 0px;
    }

    header .right-content {
        width: 100%;
    }

    /* tilted tabs in desktop */
    nav.entry-links ul li.focus,
    .nav-tabs ul li.focus {
    margin-left: -34px;
    padding-left: 34px;
    }

    /* extra-logo*/
    header .extra-logo {
        position: absolute;
        margin-top: 0px;
        top: 15px;
        right: 0;
    }

    header .extra-logo img {
        max-height: 70px;
    }

    nav[role="navigation"] {
        display: none;
    }

    nav.entry-links, .nav-tabs {
        margin-bottom: 0px;
    }

    nav.entry-links ul {
        float: left;
        width: 100%;
        padding-right: 0;
        margin-top: 0;
        display: inline-block;
    }

    nav.entry-links ul li.first a,
    nav.entry-links ul li a {
        padding: 5px 2.5px;
        font-size: 12px;
    }

    nav.entry-links ul li, .nav-tabs ul li,
    nav.entry-links ul li.first a, .nav-tabs ul li.first a,
    nav.entry-links ul li.focus a, .nav-tabs ul li.focus a {
        background-image: none !important;
    }
    /*nav.entry-links ul li.focus a, .nav-tabs ul li.focus a {
       border: solid 1px #d7d7d7; 
    }*/

    .nav-tabs {
        height: auto;
        display: inline-block;
    }

    .nav-tabs ul {
        width: auto;
        padding-right: 0;
    }

    .nav-tabs ul li a,
    .nav-tabs ul li.first a,
    .nav-tabs ul li.first.focus a {
        padding: 5px 8px 5px 8px;
        border: 0.1px solid;
        border-color: #d7d7d7;
    }
    
    .nav-tabs ul li {
        width: 100%;
    }

    /* siteQuestions */
    .site-questions ul li {
        width: 25%;
    }

    .alert-container {
        margin: 30px 15px 30px;
        width: auto;
        display: block;
    }

    .alert-img {
        width: 100%;
        float: left;
        padding: 0 15px;
        display: inline-block;

    }
    .alert-img img {
        width: 100%;
        max-width: 120px;
        display: block;
        margin: 0 auto 20px;

    }

    .alert-content {
        width: 100%;
        float: left;
        padding: 0 15px;
        display: inline-block;
    }

    /* files-list */

    ul.statutes-file-list li {
        width: 50%;
    }

    ul.statutes-file-list li:last-child {
        margin-bottom: 0;
    }

    ul.statutes-file-list-type li {
        width: 50%;
    }

    ul.statutes-file-list-type li:nth-child(even) a {
        padding: 0 10px 0 5px;
    }

    ul.statutes-file-list-type li.active-item:after {
        right: 10px;
    }

    ul.statutes-file-list-type li:nth-child(odd) a {
        padding: 0 5px 0 10px;
    }
      
}

@media screen and (min-width: 375px) and (max-width: 420px) {
    nav.entry-links ul li.first a,
    nav.entry-links ul li a {
        padding: 5px 8px;
        font-size: 12px;
    }
}

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

    /* files-list */

    .statutes-file-list-head h3,
    .statutes-file-list-head .button-container {
        float: none;
    }

    .statutes-file-list-head h3 {
        margin-bottom: 10px;
    }
    
    .statutes-file-search-input {
        padding: 0 15px;
    }


    ul.statutes-file-list li {
        width: 100%;
    }

    ul.statutes-file-list li:last-child {
        margin-bottom: 0;
    }

    ul.statutes-file-list-type li {
        width: 100%;
    }

    .statutes-file-list li .statutes-file-name {
        height: auto;
    }

    ul.statutes-file-list-type li a {
        padding: 0;
    }

    ul.statutes-file-list-type li span {
        padding: 7px 10px;
    }

    .statutes-file-list li .statutes-file-item {
        height: auto;
    }

    ul.statutes-file-list-type li.active-item span {
        padding: 5px 25px 5px 10px;
    }

    ul.statutes-file-list-type li.active-item:after {
        right: 10px;
    }

    ul.statutes-file-list-date {
        padding: 0 10px;
    }

    ul.statutes-file-list-date li {
        width: 100%;
        margin-bottom: 20px;
    }

    ul.statutes-file-list-type li:nth-child(even) a,
    ul.statutes-file-list-type li:nth-child(odd) a {
        padding: 0 10px;
    }

    ul.statutes-file-list-date li:last-child {
        margin-bottom: 0;
    }

    ul.statutes-file-list-date li .statutes-file-list-date-content {
        padding-right: 0;
    }

    ul.statutes-file-list-date li .statutes-file-list-date-content input {
        padding: 0 10px;
    }

    ul.statutes-file-list-date li .statutes-file-list-date-content select {
        padding: 0 5px;
    }

    div#slideshow.rs_skip {
        height: 200px;
    }
    
}

/* 
    ==================================================
    Modules
    ================================================== 
    Write the episerver 7 blocks here 
*/

/*  Modules - divider-block
    ============================= */
.divider-block {
    padding: 0;
}

/*  Modules - Title
    ============================= */

div.linklistblock h3, div.calendarblock h3, div.linklistblock h3, div.newslistblock h2 {
    padding-bottom: 10px;
    border-bottom: 1px solid #d7d7d7;
}

/*  Modules - slideshowblock
    ============================= */

div.slideshowblock {
    position: relative;
    padding-bottom: 30px;
    margin: 0px 0px 40px 0px;
    background: #f8f8f8 url('../images/slider_shadow.png') no-repeat 0% 100%;
    background-size: 100%;
    padding: 0 15px;
}

div.slideshowblock .slideshow {
    position: relative;
    max-width: 1170px;
    max-height: 450px;
    overflow: hidden;
}

/* Custom aspect ratio - our padding-bottom is 38.46 due to 5:13 aspect ratio which means 5/13 = 0,3846 */
div.slideshowblock .slideshow .slides {
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    padding-bottom: 38.46%;
}

div.slideshowblock .slideshow .slides div {
    position: absolute;
    padding-bottom: 38.46%;
    width: 100%;
}

.slideshowblock .slideshow .caption {
    display: none !important;
}

div.slideshowblock .slideshow .caption-container {
    z-index: 100;
    color: #fff;
    position: absolute;
    height: 25%;
    width: 44%;
    bottom: 33%;
    left: 28%;
    padding: 25px 0 30px 0;
    text-align: center;
    text-shadow: 0 1px 1px #474747;
    background: transparent;
    border: 1px solid #fff;
    pointer-events: none;
    overflow: hidden;
    white-space: nowrap;
}


div.slideshowblock .slideshow .next,
div.slideshowblock .slideshow .prev,
div.slideshowblock .slideshow .start,
div.slideshowblock .slideshow .stop,
div.slideshowblock .slideshow .youtube-play {
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
    position: absolute;
    z-index: 100;
}

    div.slideshowblock .slideshow .next:hover,
    div.slideshowblock .slideshow .prev:hover,
    div.slideshowblock .slideshow .start:hover,
    div.slideshowblock .slideshow .stop:hover,
    div.slideshowblock .slideshow .youtube-play {
        opacity: 1;
        filter: alpha(opacity=100); /* For IE8 and earlier */
        -o-transition: .5s;
        -ms-transition: .5s;
        -moz-transition: .5s;
        -webkit-transition: .5s;
        transition: .5s;
    }

div.slideshowblock .slideshow .next,
div.slideshowblock .slideshow .prev {
    top: 45%;
    padding: 15px;
}

div.slideshowblock .slideshow .next {
    right: 35px;
    background: #fff url('../Images/glyphicons_223_chevron-right.png') no-repeat 8px 4px;
}

div.slideshowblock .slideshow .prev {
    left: 35px;
    background: #fff url('../Images/glyphicons_224_chevron-left.png') no-repeat 6px 4px;
}

div.slideshowblock .slideshow a.stop,
div.slideshowblock .slideshow a.start {
    top: 20px;
    left: 35px;
    padding: 15px;
}

div.slideshowblock .slideshow a.stop {
    background: #fff url('../Images/glyphicons_174_pause.png') no-repeat 10px 7px;
}

div.slideshowblock .slideshow a.start {
    background: #fff url('../Images/glyphicons_173_play_small.png') no-repeat 10px 8px;
}

div.slideshowblock .slideshow .youtube-play {
    top: 15%;
    width: 70px;
    height: 70px;
    background: #fff;
    margin-left: -35px;
    left: 50%;
    background: #fff url('../Images/glyphicons_173_play.png') no-repeat 27px 26px;
}

div.slideshowblock .slideshow .slides iframe,
div.slideshowblock .slideshow .slides object,
div.slideshowblock .slideshow .slides embed {
    position: absolute;
    width: 100%;
    height: 100%;
}

div.slideshowblock .slideshow .pager {
    position: absolute;
    z-index: 1000;
    bottom: 20px;
    margin: 0;
    width: 20%;
    left: 40%;
    right: 40%;
    text-align: center;
}

    div.slideshowblock .slideshow .pager a {
        position: relative;
        display: inline-block;
        width: 22px;
        height: 22px;
        margin: 0 3px;
        text-indent: -999em;
        background: transparent url(../images/dots.png) no-repeat top left;
        background-position: 0px 0px;
    }

        div.slideshowblock .slideshow .pager a.activeSlide {
            background-position: -22px 0px;
        }


/* slideshow custom width adjustments */
div.slideshowblock .slideshow .caption-container h1 {
    margin-bottom: 20px;
}

div.slideshowblock.display-three-quarters .slideshow,
div.slideshowblock.display-two-thirds .slideshow,
div.slideshowblock.display-half .slideshow {
    padding-bottom: 20px;
}

div.slideshowblock.display-one-quarter .slideshow,
div.slideshowblock.display-one-third .slideshow {
    padding-bottom: 10px;
}

    div.slideshowblock.display-one-quarter .slideshow .caption-container,
    div.slideshowblock.display-one-third .slideshow .caption-container {
        border: none;
    }

div.slideshowblock.display-two-thirds .slideshow .caption-container h1 {
    margin-bottom: 10px;
}

div.slideshowblock.display-half .slideshow .caption-container h1,
div.slideshowblock.display-one-quarter .slideshow .caption-container h1,
div.slideshowblock.display-one-third .slideshow .caption-container h1 {
    margin-bottom: 5px;
}

/* slideshow h1 */
div.slideshowblock .slideshow h1 {
    font-size: 69px;
}

div.slideshowblock.display-two-thirds .slideshow h1,
div.slideshowblock.display-three-quarters .slideshow h1 {
    font-size: 49px;
}

div.slideshowblock.display-half .slideshow h1 {
    font-size: 39px;
}

div.slideshowblock.display-one-third .slideshow h1,
div.slideshowblock.display-one-quarter .slideshow h1 {
    font-size: 18px;
}

/* slideshow p */
div.slideshowblock .slideshow p {
    font-size: 18px;
    font-style: italic;
}

div.slideshowblock.display-one-third .slideshow p,
div.slideshowblock.display-one-quarter .slideshow p {
    font-size: 16px;
}

/* Georgia */

div.slideshowblock .slideshow {
    font-family: 'Georgia', sans-serif;
}

/*  Modules - titleblock
    ============================= */
div.titleblock {
    border-bottom: solid 1px #d7d7d7;
    padding-bottom: 13px;
    margin-bottom: 15px;
}

div.oldtheme-section {
    display: none;
}

/*  Modules - Contact-area
    ============================= */
/*.contact-area {
    background: #e5e5e5;
    margin-bottom: 20px;
    float: left;
    width: 100%;
    padding: 30px;
}

.contact-area .col-wide {
    border-bottom: 1px solid black;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.contact-area .col-wide .heading {
    margin-bottom: 7px;
    font-size: 2em;
    display: block;
}

.col-left, .col-right {
    width: 50%;
    display: inline-block;
    float: left;
}*/

.ac_results {
    border-radius: 0 !important;
}

/*  Modules - newtheme
    ============================= */

div.newtheme-section {
    padding: 0 15px;
    margin-top: -50px;
}

div.newtheme {
    height: 350px;
    padding: 0px;
    position: relative;
    overflow: hidden;
    float: left;
}

/* img-content */
div.newtheme .img-content {
    text-align: center;
}

div.newtheme .img-content img {
    height: 350px;
    max-width: none;
    margin: 0 -100%;
}

div.newtheme.display-one-quarter .img-content img {
    margin: 0 -500%;
}

/* text-content */
div.newtheme .text-content p {
    margin-bottom: 10px;
}
    
div.newtheme ul li,
div.newtheme .text-content p {
   font-size: 1.2em;
   color: #FFF;
}

div.newtheme .text-content .holder ul li {
    margin-bottom: 17px;
}

div.newtheme .text-content .holder ul li:last-child {
    margin-bottom: 0px;
}

div.newtheme .text-content a,
div.newtheme .text-content h3,
div.newtheme .text-content p {
    color: #FFF;
}

div.newtheme .text-content .holder {
    padding: 25px 20px;
    word-break: break-word;
}

div.newtheme .text-content .holder h3 {
    font-size: 2em;
    margin-bottom: 8px;
}

div.newtheme .text-content .read-more-link {
    font-weight: 700;
    position: absolute;
    bottom: 0px;
    width: 100%;
    padding: 25px 0px;
}

div.newtheme .text-content .read-more-link:after {
    content: ">";
    padding-left: 5px;
}

div.newtheme .text-content .read-more-link span {
    padding-left: 20px;
}

/* 01 Black */
div.newtheme .text-content.bg-black,
div.newtheme .bg-black .read-more-link {
    background: #404641;
}

/* 02 Brown */
div.newtheme .text-content.bg-brown,
div.newtheme .bg-brown .read-more-link {
    background: #796a63;
}

/* 03 Blue */
div.newtheme .text-content.bg-blue,
div.newtheme .bg-blue .read-more-link {
    background: #0870b8;
}

/* 04 Teal */
div.newtheme .text-content.bg-teal,
div.newtheme .bg-teal .read-more-link {
    background: #65bfce;
}

/* 05 Lavender */
div.newtheme .text-content.bg-lavender,
div.newtheme .bg-lavender .read-more-link {
    background: #5e4f9c;
}

/* 06 Purple */
div.newtheme .text-content.bg-purple,
div.newtheme .bg-purple .read-more-link {
    background: #831f82;
}

/* 07 Green */ 
div.newtheme .text-content.bg-green,
div.newtheme .bg-green .read-more-link {
    background: #3aaa35;
}

/* 08 Lime */
div.newtheme .text-content.bg-lime,
div.newtheme .bg-lime .read-more-link {
    background: #76b82a;
}

/* 09 Yellow */
div.newtheme .text-content.bg-yellow,
div.newtheme .bg-yellow .read-more-link {
    background: #F9b000;
}

/* 10 Orange */
div.newtheme .text-content.bg-orange,
div.newtheme .bg-orange .read-more-link {
    background: #ea5b0c;
}

/* 11 Pink */
div.newtheme .text-content.bg-pink,
div.newtheme .bg-pink .read-more-link {
    background: #e3007b;
}

/* 12 Red */
div.newtheme .text-content.bg-red,
div.newtheme .bg-red .read-more-link {
    background: #e50052;
}

/*  Modules - imageslidertileblock
    ============================= */
div.imageslidertileblock {
    position: relative;
    background-size: 100%;
    padding: 0px;
}

div.imageslidertileblock .slideshow {
    position: relative;
    max-width: 1170px;
    height: 350px;
    overflow: hidden;
}

/* Custom aspect ratio - our padding-bottom is 38.46 due to 5:13 aspect ratio which means 5/13 = 0,3846 */
div.imageslidertileblock .slideshow .slides {
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    padding-bottom: 350px;
}

div.imageslidertileblock .slideshow .slides div {
    position: absolute;
    padding-bottom: 38.46%;
    width: 100%;
    text-align: center;
}

div.imageslidertileblock .slideshow .slides div a {
    display: block;
    position: relative;
}

div.imageslidertileblock .slideshow .slides div img {
    height: 100%;
    max-width: none;
    height: 350px;
    min-width: 100%;
    max-width: none;
    margin: 0 -100%;
}

div.imageslidertileblock.display-one-quarter .slideshow .slides div img,
div.imageslidertileblock.display-one-third .slideshow .slides div img {
    margin: 0 -500%;
}

div.imageslidertileblock .slideshow .caption {
    display: none !important;
}

div.imageslidertileblock .slideshow .caption-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 990;
}

div.imageslidertileblock .slideshow a {
    display: table;
    height: 100%;
    width: 100%;
}

div.imageslidertileblock .slideshow a .slider-text {
    z-index: 100;
    color: #fff;
    text-align: center;
    pointer-events: none;
    padding: 0 55px;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
}

div.imageslidertileblock .slideshow a .slider-text .text-holder {
    background: rgba(0, 0, 0, 0.25);
    width: auto;
    display: inline-block;
    padding: 27px;
}

div.imageslidertileblock .slideshow .next,
div.imageslidertileblock .slideshow .prev,
div.imageslidertileblock .slideshow .start,
div.imageslidertileblock .slideshow .stop,
div.imageslidertileblock .slideshow .youtube-play {
    position: absolute;
    z-index: 999;
}

div.imageslidertileblock .slideshow .next:hover,
div.imageslidertileblock .slideshow .prev:hover,
div.imageslidertileblock .slideshow .start:hover,
div.imageslidertileblock .slideshow .stop:hover,
div.imageslidertileblock .slideshow .youtube-play {
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}

div.imageslidertileblock .slideshow .next,
div.imageslidertileblock .slideshow .prev {
    top: 45%;
    background: white;
    font-weight: 700;
    font-size: 20px;
    width: 25px;
    height: 25px;
    text-align: center;
}

div.imageslidertileblock .slideshow .next {
    right: 20px;
}

div.imageslidertileblock .slideshow .next:after {
    content: ">";
}

div.imageslidertileblock .slideshow .prev {
    left: 20px;
}

div.imageslidertileblock .slideshow .prev:after {
    content: "<";
}

div.imageslidertileblock .slideshow a.stop,
div.imageslidertileblock .slideshow a.start {
    top: 20px;
    left: 20px;
    height: 30px;
    width: 30px;
    padding: 0;
}

div.imageslidertileblock .slideshow a.stop {
    background: #fff url('../Images/glyphicons_174_pause.png') no-repeat 10px 7px;
}

div.imageslidertileblock .slideshow a.start {
    background: #fff url('../Images/glyphicons_173_play_small.png') no-repeat 10px 8px;
}

div.imageslidertileblock .slideshow .youtube-play {
    width: 70px;
    height: 70px;
    background: #fff;
    margin-left: -35px;
    margin-top: -35px;
    left: 50%;
    top: 50%;
    background: #fff url('../Images/glyphicons_173_play.png') no-repeat 27px 26px;
}

div.imageslidertileblock .slideshow .slides iframe,
div.imageslidertileblock .slideshow .slides object,
div.imageslidertileblock .slideshow .slides embed {
    height: 350px;
    left: 0;
    top: 0;
    position: relative;
}

div.imageslidertileblock .slideshow .pager {
    position: absolute;
    z-index: 1000;
    bottom: 20px;
    margin: 0;
    width: 100%;
    text-align: center;
}

div.imageslidertileblock .slideshow .pager a {
    position: relative;
    display: inline-block;
    width: 22px;
    height: 22px;
    margin: 0 3px;
    text-indent: -999em;
    background: transparent url(../images/dots.png) no-repeat top left;
    background-position: 0px 0px;
}

div.imageslidertileblock .slideshow .pager a.activeSlide {
    background-position: -22px 0px;
}

/* slideshow custom width adjustments */
div.imageslidertileblock .slideshow .caption-container h1 {
    /*margin-bottom: 20px;*/
}

div.imageslidertileblock.display-one-quarter .slideshow .caption-container,
div.imageslidertileblock.display-one-third .slideshow .caption-container {
    border: none;
}

div.imageslidertileblock.display-two-thirds .slideshow .caption-container h1 {
    margin-bottom: 10px;
}

div.imageslidertileblock.display-half .slideshow .caption-container h1,
div.imageslidertileblock.display-one-quarter .slideshow .caption-container h1,
div.imageslidertileblock.display-one-third .slideshow .caption-container h1 {
    margin-bottom: 5px;
}

/* slideshow h1 */
div.imageslidertileblock .slideshow h1 {
    font-size: 69px;
    font-weight: 700;
}

div.imageslidertileblock.display-two-thirds .slideshow h1,
div.imageslidertileblock.display-three-quarters .slideshow h1 {
    font-size: 49px;
}

div.imageslidertileblock.display-half .slideshow h1 {
    font-size: 39px;
    line-height: 42px;
}

div.imageslidertileblock.display-one-third .slideshow h1,
div.imageslidertileblock.display-one-quarter .slideshow h1 {
    font-size: 18px;
}

/* slideshow p */
div.imageslidertileblock .slideshow p {
    font-size: 18px;
    font-style: italic;
}

div.imageslidertileblock.display-one-third .slideshow p,
div.imageslidertileblock.display-one-quarter .slideshow p {
    font-size: 16px;
}

/*  Modules - ImageTileBlock
    ============================= */
div.imagetileblock {
    display: block;
}

div.imagetileblock .text-content {
    position: absolute;
    top: 0;
}

div.imagetileblock .text-content .holder h3 {
    font-weight: 700;
    font-size: 49px;
    line-height: 57px;
    margin-bottom: 0px;
    text-shadow: rgb(0, 0, 0) 0px 0px 12px;
    text-shadow: rgba(0,0,0,0.6) 4px 3px 14px;
    text-shadow: rgba(0,0,0,9) 4px 3px 14px;
}

div.imagetileblock .text-content .holder h3.alt-color {
    color: black;
    text-shadow: rgba(0,0,0,0.75) 4px 3px 14px;
}

div.imagetileblock .text-content.align-top-right {
    text-align: right;
    right: 0;
}

div.imagetileblock .text-content.align-bottom-left {
    position: absolute;
    bottom: 0;
    top: auto;
}

div.imagetileblock .text-content.align-bottom-right {
    position: absolute;
    bottom: 0;
    right: 0;
    top: auto;
    text-align: right;
}

/*  Modules - EditorTileBlock
    ============================= */
div.editortileblock .text-content {
    width: 100%;
    height: 100%;
}

div.editortileblock .text-content .holder table {
    color: #FFF;
}

div.editortileblock .text-content .holder table td {
    font-size: 1.2em;
}

div.editortileblock .text-content .holder h3 {
    font-weight: 300;
}

div.editortileblock .text-content .holder ul {
    list-style-type: none;
}

div.editortileblock .text-content .holder ul li a:before {
    content: ">";
    padding-right: 5px;
}

/*  Modules - ImagePlateTileBlock
    ============================= */

div.imageplatetileblock {
    /*background: url('../images/img-001.jpg') no-repeat center;*/
    display: block;
}

div.imageplatetileblock a {
    display: block;
    height: 100%;
}

div.imageplatetileblock .text-content {
    position: absolute;
    bottom: 0;
    width: 100%;
}

div.imageplatetileblock .text-content .holder h3 {
    font-weight: 700;
    margin-bottom: 8px;
}

/*  Modules - imageblock
    ============================= 
    Promotes articles with an image and optional title */

div.imageblock.display-one-quarter img {
    background: url('../images/image_shadow_one_quarter.png') no-repeat 0% 100%;
    background-size: 100%;
    padding-bottom: 16px;
    margin-bottom: -16px;
}

div.imageblock.display-three-quarters img {
    background: url('../images/image_shadow_three_quarters.png') no-repeat 0% 100%;
    background-size: 100%;
    padding-bottom: 22px;
    margin-bottom: -22px;
}


div.imageblock.display-one-third img {
    background: url('../images/image_shadow_one_third.png') no-repeat 0% 100%;
    background-size: 100%;
    padding-bottom: 23px;
    margin-bottom: -23px;
}

div.imageblock.display-half img {
    background: url('../images/image_shadow_half.png') no-repeat 0% 100%;
    background-size: 100%;
    padding-bottom: 23px;
    margin-bottom: -23px;
}

div.imageblock a {
    overflow: auto;
}

div.imageblock a:hover {
    color: #111;
}

div.imageblock .transparent-border-wrap {
    font-style: italic;
    position: absolute;
    bottom: 28%;
    left: 15%;
    width: 70%;
    margin: 0 auto;
    text-align: center;
    background-color: transparent;
    border: 1px solid #fff;
}

div.imageblock .transparent-border-wrap h3 {
    background-color: #fff;
    padding: 20px 0;
    margin: 6px;
}


/*  Modules - newslistblock
    ============================= 
    A nice list for news*/

div.newslistblock h2 {
    font-size: 20px;
}

div.newslistblock ul {
    padding-bottom: 12px;
}

div.newslistblock ul li {
    margin: 15px 0;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    overflow: auto;
}

div.newslistblock ul li:first-child {
    margin-top: 15px;
}

div.newslistblock ul li a:hover p {
    color: #111;
}

div.newslistblock .image {
    float: left;
    width: 40%;
    overflow: hidden;
}

div.newslistblock img {
    max-width: 120%;
    float: left;
    margin-left: -10%;
}

div.newslistblock div.article-content {
    width: 60%;
    float: left;
}

div.newslistblock div.article-content .inner {
    padding: 15px 0 15px 15px;
}

div.newslistblock div.article-content.no-image {
    width: 100%;
}

div.newslistblock div.article-content.no-image .inner {
    padding-left: 0;
}

div.newslistblock div.article-content .information {
    margin: 10px 0;
}

div.newslistblock span.category {
    display: inline-block;
}

div.newslistblock time {
    display: inline-block;
    color: #9e9e9e;
    font-size: 11px;
    padding-right: 5px;
    margin-right: 5px;
    border-right: solid 1px #d7d7d7;
}

div.newslistblock a.transparent-button {
    width: 130px;
    text-align: center;
    margin: 0 auto;
}

div.newslistblock.display-one-quarter .image {
    margin-top: 15px;
}

div.newslistblock.display-full div.article-content {
    width: 80%;
}

div.newslistblock.display-full .image {
    width: 20%;
}

div.newslistblock.display-three-quarters div.article-content {
    width: 75%;
}

div.newslistblock.display-three-quarters .image {
    width: 25%;
}

/*  Modules - articleblock
    ============================= 
    Promotes articles with text and title*/

div.articleblock a:hover p {
    color: #111;
}

div.articleblock.displaymode-half img {
    padding-bottom: 25px;
}

div.articleblock h3 {
    margin-top: 15px;
}

div.articleblock span.category {
    display: block;
    margin: 10px 0;
}

/*  Modules - linklistblock
    =============================
    A list with links */

div.linklistblock ul {
    margin-top: 10px;
    border-bottom: 1px solid #d7d7d7;
}

div.linklistblock ul li {
    margin-bottom: 15px;
    background: url(../images/arrow_normal.png) no-repeat 100% 5px;
}

div.linklistblock ul li:hover {
    background: url(../images/arrow_focus.png) no-repeat 100% 5px;
}

div.linklistblock ul li a {
    display: block;
}

div.linklistblock ul li:hover a {
    color: #0a8dbe;
}

/* custom linklist for full-width */
div.linklistblock.display-full ul {
    overflow: auto;
}

div.linklistblock.display-full ul li {
    float: left;
    width: 31.3%;
}

div.linklistblock.display-full ul li:nth-child(3n+1) {
    margin-right: 3%;
}

div.linklistblock.display-full ul li:nth-child(3n+0) {
    margin-left: 3%;
}


/*  Modules - calendarblock
    ============================= 
    A simple calendar list with optional image */

div.calendarblock {
}

div.calendarblock ul {
    padding-top: 15px;
    border-bottom: 1px solid #d7d7d7;
}

div.calendarblock ul li {
    overflow: auto;
    margin-bottom: 15px;
}

div.calendarblock ul li div.calendar-info a {
    display: block;
    vertical-align: top;
    padding: 0 0 0 15px;
}

div.calendarblock time.date-graphics {
    margin-right: 15px;
}

div.calendarblock span.time {
    font-size: 11px;
    color: #9e9e9e;
    display: block;
}

div.calendarblock div.calendar-info {
    padding: 5px 0;
}

div.calendarblock a.transparent-button {
    width: 130px;
    margin: 15px auto 0;
}

/*  Modules - tabblock
    =============================
    This block will contain a lot of different elements */

div.tabblock div.inner {
    border-left: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7;
}

div.tabblock div.toggle-content {
    display: none;
    padding: 25px;
}

div.tabblock div.toggle-content.show {
    display: block;
}

div.tabblock div.toggle-content h2,
div.tabblock div.toggle-content h3,
div.tabblock div.toggle-content h4 {
    margin: 20px 0px 10px 0px;
}

div.tabblock div.toggle-content h2:first-child,
div.tabblock div.toggle-content h3:first-child,
div.tabblock div.toggle-content h4:first-child {
    margin-top: 0px;
}

div.tabblock div.toggle-content span.date {
    display: block;
    margin-bottom: 6px;
}

/*  Modules - Infoblock
    =============================  */

.info-wrapper {
    background: #e5e5e5;
    padding: 15px;
    margin-bottom: 20px;
}

.info-wrapper .content-box {
    margin-bottom: 17px;
    display: block;
}

.info-wrapper .content-box:last-of-type {
    margin-bottom: 0px;
}

.info-wrapper .content-box .heading {
    margin-bottom: 7px;
    font-size: 1.2em;
    display: block;
    text-decoration: underline;
}

/*.info-wrapper .content-box img {
    float: left;
}*/

.info-wrapper .content-box ul li a {
    margin-top: 0px;
    position: relative;
    left: 10px;
}

.info-wrapper .content-box ul li a[href$=".pdf"],
.info-wrapper .content-box ul li a[href$=".xls"],
.info-wrapper .content-box ul li a[href$=".xlsx"],
.info-wrapper .content-box ul li a[href$=".xlr"],
.info-wrapper .content-box ul li a[href$=".doc"],
.info-wrapper .content-box ul li a[href$=".docx"],
.info-wrapper .content-box ul li a[href$=".odt"],
.info-wrapper .content-box ul li a[href$=".zip"],
.info-wrapper .content-box ul li a[href$=".pptx"],
.info-wrapper .content-box ul li a[href$=".pps"],
.info-wrapper .content-box ul li a[href$=".ppt"],
.info-wrapper .content-box ul li a[href$=".mp4"],
.info-wrapper .content-box ul li a[href$=".mov"],
.info-wrapper .content-box ul li a[href$=".flv"],
.info-wrapper .content-box ul li a[href$=".txt"],
.info-wrapper .content-box ul li a[href$=".png"],
.info-wrapper .content-box ul li a[href$=".jpg"],
.info-wrapper .content-box ul li a[href$=".jpeg"],
.info-wrapper .content-box ul li a[href$=".gif"],
.info-wrapper .content-box ul li a[href$=".tif"],
.info-wrapper .content-box ul li a[href$=".tiff"],
.info-wrapper .content-box ul li a[href$=".html"],
.info-wrapper .content-box ul li a[href$=".css"],
.info-wrapper .content-box ul li a[href$=".js"],
.info-wrapper .content-box ul li a[href$=".wav"],
.info-wrapper .content-box ul li a[href$=".mp3"],
.info-wrapper .content-box ul li a[href$=".wma"] {
    padding-left: 5px;
    display: inline-block;
}

.info-wrapper .content-box ul li a[href$=".pdf"]:before,
.info-wrapper .content-box ul li a[href$=".xls"]:before,
.info-wrapper .content-box ul li a[href$=".xlsx"]:before,
.info-wrapper .content-box ul li a[href$=".xlr"]:before,
.info-wrapper .content-box ul li a[href$=".doc"]:before,
.info-wrapper .content-box ul li a[href$=".docx"]:before,
.info-wrapper .content-box ul li a[href$=".odt"]:before,
.info-wrapper .content-box ul li a[href$=".zip"]:before,
.info-wrapper .content-box ul li a[href$=".pptx"]:before,
.info-wrapper .content-box ul li a[href$=".pps"]:before,
.info-wrapper .content-box ul li a[href$=".ppt"]:before,
.info-wrapper .content-box ul li a[href$=".mp4"]:before,
.info-wrapper .content-box ul li a[href$=".mov"]:before,
.info-wrapper .content-box ul li a[href$=".flv"]:before,
.info-wrapper .content-box ul li a[href$=".txt"]:before,
.info-wrapper .content-box ul li a[href$=".png"]:before,
.info-wrapper .content-box ul li a[href$=".jpg"]:before,
.info-wrapper .content-box ul li a[href$=".jpeg"]:before,
.info-wrapper .content-box ul li a[href$=".gif"]:before,
.info-wrapper .content-box ul li a[href$=".tif"]:before,
.info-wrapper .content-box ul li a[href$=".tiff"]:before,
.info-wrapper .content-box ul li a[href$=".html"]:before,
.info-wrapper .content-box ul li a[href$=".css"]:before,
.info-wrapper .content-box ul li a[href$=".js"]:before,
.info-wrapper .content-box ul li a[href$=".wav"]:before,
.info-wrapper .content-box ul li a[href$=".mp3"]:before,
.info-wrapper .content-box ul li a[href$=".wma"]:before {
    left: -10px;
    top: 3px;
    position: absolute;
    padding: 0;
    font-size: 12px;
}

/* pdf-icon */
.info-wrapper .content-box ul li a[href$=".pdf"]:before {
    content: "\f1c1";
    font-family: fontawesome;
}

/* excel-icon */
.info-wrapper .content-box ul li a[href$=".xls"]:before,
.info-wrapper .content-box ul li a[href$=".xlsx"]:before,
.info-wrapper .content-box ul li a[href$=".xlr"]:before {
    content: "\f1c3";
    font-family: fontawesome;
}

/* word-icon */
.info-wrapper .content-box ul li a[href$=".docx"]:before,
.info-wrapper .content-box ul li a[href$=".doc"]:before,
.info-wrapper .content-box ul li a[href$=".odt"]:before {
    content: "\f1c2";
    font-family: fontawesome;
}

/* zip-icon */
.info-wrapper .content-box ul li a[href$=".zip"]:before {
    content: "\f1c6";
    font-family: fontawesome;
}

/* powerpoint-icon */
.info-wrapper .content-box ul li a[href$=".pptx"]:before,
.info-wrapper .content-box ul li a[href$=".pps"]:before,
.info-wrapper .content-box ul li a[href$=".ppt"]:before {
    content: "\f1c4";
    font-family: fontawesome;
}

/* video-icon */
.info-wrapper .content-box ul li a[href$=".mp4"]:before,
.info-wrapper .content-box ul li a[href$=".mov"]:before,
.info-wrapper .content-box ul li a[href$=".flv"]:before {
    content: "\f1c8";
    font-family: fontawesome;
}

/* text-icon */
.info-wrapper .content-box ul li a[href$=".txt"]:before {
    content: "\f0f6";
    font-family: fontawesome;
}

/* image-icon */
.info-wrapper .content-box ul li a[href$=".png"]:before,
.info-wrapper .content-box ul li a[href$=".jpg"]:before,
.info-wrapper .content-box ul li a[href$=".jpeg"]:before,
.info-wrapper .content-box ul li a[href$=".gif"]:before,
.info-wrapper .content-box ul li a[href$=".tif"]:before,
.info-wrapper .content-box ul li a[href$=".tiff"]:before {
    content: "\f1c5";
    font-family: fontawesome;
}

/* audio-icon */
.info-wrapper .content-box ul li a[href$=".mp3"]:before,
.info-wrapper .content-box ul li a[href$=".wav"]:before,
.info-wrapper .content-box ul li a[href$=".wma"]:before {
    content: "\f1c7";
    font-family: fontawesome;
}

/* code-icon */
.info-wrapper .content-box ul li a[href$=".html"]:before,
.info-wrapper .content-box ul li a[href$=".css"]:before,
.info-wrapper .content-box ul li a[href$=".js"]:before {
    content: "\f1c9";
    font-family: fontawesome;
}

/* audio-icon */
.info-wrapper .content-box ul li a[href$=".mp3"]:before,
.info-wrapper .content-box ul li a[href$=".wav"]:before,
.info-wrapper .content-box ul li a[href$=".wma"]:before {
    content: "\f1c7";
    font-family: fontawesome;
}

/* code-icon */
.info-wrapper .content-box ul li a[href$=".html"]:before,
.info-wrapper .content-box ul li a[href$=".css"]:before,
.info-wrapper .content-box ul li a[href$=".js"]:before {
    content: "\f1c9";
    font-family: fontawesome;
}

.info-wrapper .content-box a.external-link {
    margin-top: 10px;
    display: block;
    position: relative;
    left: 10px;
}

.info-wrapper .content-box a.external-link:before {
    content: ">";
    padding-right: 5px;
    position: absolute;
    top: 1px;
    left: -10px;
}

.info-wrapper .content-box ul li a:before {
    content: ">";
    padding-right: 5px;
    position: absolute;
    top: 1px;
    left: -10px;
}

.info-wrapper ul li {
    margin: 0 0 5px 0; 
}

.info-wrapper ul li:last-child {
    margin: 0; 
}


/*  Modules - RSS
    =============================  */
.rssblock {
}

.rssblock ul {
    margin-top: 10px;
}

.rssblock ul li {
    padding: 10px 0;
    border-bottom: 1px solid #d7d7d7;
}

.rssblock ul li a {
    display: block;
}

.rssblock ul li img {
    max-width: 70px;
    max-height: 56px;
    padding-right: 5px;
    margin-left: 0;
}

/* Clearfix */
.rssblock span.intro:before,
.rssblock span.intro:after {
    display: table;
    content: " ";
}

.rssblock span.intro:after {
    clear: both;
}

.rssblock a .intro {
    color: #111;
}

/*  Modules - toplinks
    =============================  */
.popularlinks ul {
    margin-bottom: 25px;
}

.popularlinks ul li {
    padding: 12px 0;
    border-bottom: 1px solid #d7d7d7;
    background: transparent url(../images/arrow_normal.png) no-repeat 0px 17px;
}

.popularlinks ul li:hover {
    background-image: url(../images/arrow_focus.png);
}

.popularlinks ul li a {
    display: block;
}

.popularlinks ul li span.date {
    margin-bottom: 0;
}

.popularlinks ul li a {
    padding-left: 15px;
}

.popularlinks ul li a.pdf,
.popularlinks ul li a.eService {
    padding-left: 36px;
}

.popularlinks ul li a.pdf {
    background: transparent url(../images/pdf.gif) no-repeat 15px 2px;
}

.popularlinks ul li a.eService {
    background: transparent url(../images/eService.png) no-repeat 12px 1px;
}



/*  Modules - dividerblock
    =============================
    This is a empty block to give the layout some structure */

.dividerblock {
    clear: both;
}

.alignblock {
    padding-bottom: 0;
}

/* Jämförtjänst */

#stratsysComparison #stratsysMainArea {
  width: 100% !important;
  max-width: 650px;
}

.EventHolderImg {
    float: left;
}


/*  Puff - CalendarPuff
    =============================  */
.CalendarPuff {
    background: #e5e5e5;
    padding: 15px;
    margin-bottom: 10px;
}

.CalendarPuff h1 {
    text-decoration: underline;
    margin-bottom: 7px;
    font-size: 1.2em;
    display: block;
}

.CalendarPuff ul.EventList h4 {
    font-weight: 700;
}

.CalendarPuff ul.EventList .Date {
    color: black;
}

.CalendarPuff ul.EventList li {
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 10px;
}

.CalendarPuff ul.EventList li a:link {
    padding: 0px;
    background: none;
}

.CalendarPuff ul.EventList li a:hover {
    text-decoration: none;
    color: #046CB1;
}

.CalendarPuff a.ReadMore:link, a.ReadMore:visited {
    background: none;
    padding: 0px;
}

.CalendarPuff a.ReadMore:after {
    content: ">";
    padding-left: 5px;
    position: relative;
    top: 1px;
}

.CalendarPuff a.ReadMore:hover {
    text-decoration: none;
}

/*  Modules - Responsive adjustments
    ============================= */

@media screen and (min-width: 992px) and (max-width: 1199px) {

    /*  Modules - imageblock
    ============================= */
    div.imageblock .transparent-border-wrap {
        bottom: 35%;
    }

    div.imageblock .transparent-border-wrap h3 {
        font-size: 16px !important;
    }

    /*  Modules - linklistblock
    ============================= */
    div.linklistblock.display-full ul li {
        margin-left: 2%;
        background-position: 96% 5px;
        float: left;
        width: 48%;
    }

    header .container-top {
        margin-bottom: 0;
    }

    header .search {
        margin-top: 0px;
    }

    header .links {
        margin: 20px -30px 5px 0;
    }

    nav[role="navigation"] {
        width: 930px;
    }

    nav[role="navigation"] ul.nav > li > a {
        padding: 0 8px;
        height: 63px;
    }

    nav[role="navigation"] ul.nav li.nav-start a {
        width: 46px;
    }
    
    /* remove-shadow in tablet */
    nav[role="navigation"] ul.nav > li.focus .remove-shadow {
        width: 98px;
    }

    nav.nav-mobile {
        display: none;
    }

    .LeftColumn {
        float: left;
        width: 30%;
    }

    .MidRightColHolder {
        float: right;
        width: 70%;
    }

    .RightColumn {
        float: right;
        width: 70%;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {

    /*  Modules - newtheme
    ============================= */
    div.newtheme {
        height: auto;
    }

    div.newtheme .img-content img,
    div.newtheme.display-one-quarter .img-content img {
        max-width: 100%;
        min-width: auto;
        height: auto;
        margin: 0;
        float: left;
    }

    div.newtheme .text-content .read-more-link {
        position: relative;
        width: 100%;
        float: left;
        padding: 0 0 25px 0;
    }

    /*  Modules - imageplatetileblock
    ============================= */
    div.imageplatetileblock .text-content {
        position: relative;
        float: left;
    }

    /*  Modules - slideshowblock
    ============================= */
    div.slideshowblock.display-full .slideshow h1 {
        font-size: 49px;
    }

    div.slideshowblock.display-half .slideshow h1,
    div.slideshowblock.display-three-quarters .slideshow h1,
    div.slideshowblock.display-two-thirds .slideshow h1 {
        font-size: 29px;
    }

    div.slideshowblock.display-one-quarter .slideshow h1,
    div.slideshowblock.display-one-third .slideshow h1 {
        font-size: 18px;
    }

    div.slideshowblock {
        padding-bottom: 20px;
    }

    div.slideshowblock .slideshow .start,
    div.slideshowblock .slideshow .stop {
        left: 20px !important;
    }

    div.slideshowblock .slideshow .next {
        right: 20px;
    }

    div.slideshowblock .slideshow .prev {
        left: 20px;
    }

    div.slideshowblock .slideshow .youtube-play {
        top: 12%;
    }

    div.slideshowblock .slideshow .pager {
        bottom: 20px;
    }

    div.slideshowblock.display-full .slideshow h1,
    div.slideshowblock.display-half .slideshow h1,
    div.slideshowblock.display-three-quarters .slideshow h1,
    div.slideshowblock.display-one-quarter .slideshow h1,
    div.slideshowblock.display-one-third .slideshow h1,
    div.slideshowblock.display-two-thirds .slideshow h1 {
        font-size: 29px;
    }

    div.slideshowblock.display-one-quarter .slideshow .caption-container,
    div.slideshowblock.display-one-third .slideshow .caption-container {
        border: 1px solid #fff;
    }

    /*  Modules - imageslidertileblock
    ============================= */
    div.imageslidertileblock .slideshow {
        height: auto;
    }
    div.imageslidertileblock .slideshow .slides {
        padding-bottom: 49%;
    }
    div.imageslidertileblock .slideshow .slides div {
        padding-bottom: 49%;
    }
    div.imageslidertileblock .slideshow .slides div img {
        height: 100%;
    }

    div.imageslidertileblock .slideshow .slider-text .text-holder {
        padding: 15px;
    }

    div.imageslidertileblock.display-full .slideshow h1 {
        font-size: 49px;
    }

    div.imageslidertileblock.display-half .slideshow h1,
    div.imageslidertileblock.display-three-quarters .slideshow h1,
    div.imageslidertileblock.display-two-thirds .slideshow h1 {
        font-size: 29px;
        line-height: 32px;
    }

    div.imageslidertileblock.display-one-quarter .slideshow h1,
    div.imageslidertileblock.display-one-third .slideshow h1 {
        font-size: 18px;
    }

    div.imageslidertileblock .slideshow .start,
    div.imageslidertileblock .slideshow .stop {
        left: 20px !important;
    }

    div.imageslidertileblock .slideshow .next {
        right: 20px;
    }

    div.imageslidertileblock .slideshow .prev {
        left: 20px;
    }

    div.imageslidertileblock .slideshow .pager {
        bottom: 20px;
    }

    div.imageslidertileblock.display-full .slideshow h1,
    div.imageslidertileblock.display-half .slideshow h1,
    div.imageslidertileblock.display-three-quarters .slideshow h1,
    div.imageslidertileblock.display-one-quarter .slideshow h1,
    div.imageslidertileblock.display-one-third .slideshow h1,
    div.imageslidertileblock.display-two-thirds .slideshow h1 {
        font-size: 29px;
    }

    div.imageslidertileblock.display-one-quarter .slideshow .caption-container,
    div.imageslidertileblock.display-one-third .slideshow .caption-container {
        border: 1px solid #fff;
    }

    /*  Modules - imageblock
    ============================= */
    div.imageblock.display-one-quarter img,
    div.imageblock.display-one-third img,
    div.imageblock.display-half img,
    div.imageblock.display-three-quarters img {
        background: url('../images/image_shadow_three_quarters.png') no-repeat 0% 100%;
        background-size: 100%;
        padding-bottom: 22px;
        margin-bottom: -22px;
    }

    /*  Modules - linklistblock
    ============================= */
    div.linklistblock.display-full ul li {
        width: 100%;
        margin-left: 0;
        background-position: 100% 5px;
    }

    nav[role="navigation"] {
        display: none;
    }
    
    /*  Header
    ============================= */
    header .container-top {
        margin-bottom: 0;
    }

    header .container-left,
    header .container-right {
        width: 100%;
    }

    header .right-content {
        position: absolute;
        top: 0px;
        right: 0;
    }

    header .logo {
        width: 220px;
    }

    header .search {
        margin-top: 20px;
    }

    header .links {
        width: 100%;
        clear: both;
        margin: 10px -30px 5px 0;
    }

    header .links ul {
        float: right;
    }

    /* extra-logo*/
    header .extra-logo {
        margin-top: 0px;
    }

    nav.nav-mobile {
        display: block;
    }

    /* ContactArea */
    .ContactArea {
        max-width: 654px;
    }

    .page-top-image {
        height: 200px;
    }
}

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

    /*  Modules - newtheme
    ============================= */
    div.newtheme {
        height: auto;
    }

    div.newtheme .text-content .read-more-link {
        position: relative;
        width: 100%;
        float: left;
        padding: 0 0 25px 0;
    }

    div.newtheme .img-content img,
    div.newtheme.display-one-quarter .img-content img {
        height: auto;
        max-width: 100%;
        min-width: auto;
        margin: 0;
        float: left;
    }

    div.newtheme ul li, div.newtheme .text-content p {
        font-size: 14px;
    }


    /*  Modules - editortileblock
    ============================= */
    div.editortileblock .text-content .holder h3 {
        font-size: 22px;
    }

    div.editortileblock .text-content .holder table td {
        font-size: 14px;
    }
    /*  Modules - imageplatetileblock
    ============================= */
    div.imageplatetileblock .text-content {
        position: relative;
        float: left;
    }

    div.imageplatetileblock .text-content .holder h3 {
        font-size: 22px;
        line-height: normal;
    }

    /*  Modules - imagetileblock
    ============================= */
    div.imagetileblock .text-content .holder h3 {
        font-size: 30px;
        line-height: 35px;
        text-shadow: rgba(0,0,0,0.80) 0 2px 6px;
        text-shadow: rgba(0,0,0,1) 0 2px 6px;
    }

    /*  Modules - imageslidertileblock
    ============================= */
    div.imageslidertileblock .slideshow {
        height: auto;
    }

    div.imageslidertileblock .slideshow .slides {
        padding-bottom: 56.4%;
    }

    div.imageslidertileblock .slideshow .slides div {
        padding-bottom: 56.4%;
        height: 100%;
    }

    div.imageslidertileblock .slideshow .slides div img {
        height: 100%;
    }

    div.imageslidertileblock .slideshow .slides div iframe, 
    div.imageslidertileblock .slideshow .slides div object, 
    div.imageslidertileblock .slideshow .slides div embed {
        height: 100%;
        width: 100%;
        position: relative;
    }

    div.imageslidertileblock.display-half .slideshow h1 {
        font-size: 22px;
        line-height: normal;
    }

    div.imageslidertileblock .slideshow .slider-text {
        padding: 0 20px;
    }

    div.imageslidertileblock .slideshow a .slider-text .text-holder {
        padding: 10px;
    }

    div.imageslidertileblock .slideshow .youtube-play {
        height: 30px;
        width: 30px;
        background: #fff url('../Images/glyphicons_173_play.png') no-repeat 10px 8px;
        margin-left: -15px;
        margin-top: -15px;
        background-size: 13px;
    }

    /*div.imageslidertileblock .slideshow .slides iframe, 
    div.imageslidertileblock .slideshow .slides object, 
    div.imageslidertileblock .slideshow .slides embed {
        height: auto;
    }*/

    /*  Modules - slideshowblock
    ============================= */
    div.slideshowblock {
        padding-bottom: 10px;
    }

    div.slideshowblock.display-full .slideshow h1,
    div.slideshowblock.display-half .slideshow h1,
    div.slideshowblock.display-three-quarters .slideshow h1,
    div.slideshowblock.display-one-quarter .slideshow h1,
    div.slideshowblock.display-one-third .slideshow h1,
    div.slideshowblock.display-two-thirds .slideshow h1 {
        margin-top: 20px;
        font-size: 22px;
    }
    div.slideshowblock p {
        display: none;
    }

    div.slideshowblock .slideshow .caption-container {
        border: none;
    }

    div.slideshowblock .slideshow .pager,
    div.slideshowblock .slideshow .next,
    div.slideshowblock .slideshow .prev {
        display: none;
    }

    div.slideshowblock .slideshow .youtube-play {
        top: 11%;
    }

    /*  Modules - imageslidertileblock
    ============================= */
    div.imageslidertileblock .slideshow h1 {
        font-size: 22px !important;
    }
    div.imageslidertileblock p {
        display: none;
    }

    div.imageslidertileblock .slideshow .caption-container {
        border: none;
    }

    div.imageslidertileblock .slideshow .pager,
    div.imageslidertileblock .slideshow .next,
    div.imageslidertileblock .slideshow .prev {
        display: none;
    }

    /*  Modules - imageblock
    ============================= */
    div.imageblock.display-one-quarter img,
    div.imageblock.display-one-third img,
    div.imageblock.display-half img,
    div.imageblock.display-three-quarters img {
        background: url('../images/image_shadow_three_quarters.png') no-repeat 0% 100%;
        background-size: 100%;
        padding-bottom: 3%;
        margin-bottom: -3%;
    }

    /*  Modules - newslistblock
    ============================= */
    div.newslistblock div.article-content {
        width: 70% !important;
    }

    div.newslistblock .image {
        width: 30% !important;
        margin: 15px 0;
    }

    /*  Modules - linklistblock
    ============================= */
    div.linklistblock.display-full ul li {
        width: 100%;
        margin-left: 0;
        background-position: 100% 5px;
    }

    /*  Modules - tabblock
    ============================= */
    div.tabblock nav ul li a {
        display: block;
        margin: 0 !important;
    }

    div.tabblock nav ul li a.focus {
        border-left: none;
        border-right: none;
        border-top: none;
        border-bottom: solid 1px #d7d7d7;
    }

    div.tabblock nav ul li a.focus:hover {
        border-bottom: solid 1px #d7d7d7;
    }

    /*  Header
    ============================= */
    header > .container {
        margin: 0;
    }

    header .container-left,
    header .container-right {
        width: 100%;
    }

    header .container-right {
        margin-top: 30px;
    }

    header .logo {
        width: 220px;
        margin-top: 20px;
    }

    header .search {
        margin-left: 30px;
        float: none;
        width: auto;
    }

    header .search-wrapper {
        width: 100%;
    }

    header .search input[type="text"] {
        width: 90%;
    }

    header .search input[type="submit"] {
        float: right;
    }

    header .links {
        width: 100%;
        margin: 10px 0 0 0;
    }

    header .links ul {
        float: right;
    }

    header .links ul li {
        padding: 5px 15px;
    }

    .hide-mobile {
        display: none;
    }

    nav.nav-mobile {
        display: block;
    }

    .row-readspeaker {
        margin-right: 15px;
    }

    /*ContactArea*/
    .ContactArea {
        width: auto;
    }

    .ContactArea h2 {
        font-size: 2em;
        line-height: 1.4em;
    }

    .ContactArea h3 {
        font-size: 14px;
        line-height: 1.3em;
    }

    .ContactArea .first-contact

    .ContactArea .first-contact .left-area, 
    .ContactArea .first-contact .right-area {
        width: 100%;
    }

    .ContactArea .first-contact .left-area .contact-info {
        border: none;
    }

    .ContactArea .first-contact .left-area {
        margin-bottom: 20px;
    }

    .ContactArea .second-contact .contactcard-area {
        width: 100%;
        padding: 0;
        min-height: auto;
    }

    .ContactArea .second-contact .contactcard-area:nth-child(2),
    .ContactArea .second-contact .contactcard-area:nth-child(3) {
        margin-top: 20px;
    }

    .ContactArea .first-contact .left-area, 
    .ContactArea .first-contact .right-area {
        padding: 0;
    }

    .ContactArea .first-contact .right-area {
        border: none;
    }

    .ContactArea .first-contact .right-area .adress-info {
        margin-bottom: 20px;
    }

    .ContactArea .first-contact .right-area .adress-info, 
    .ContactArea .first-contact .right-area .open-hours {
        width: 100%;
    }

    .ContactArea .second-contact .contactcard-area:nth-child(3n+0),
    .ContactArea .second-contact .contactcard-area:nth-child(3n-1) {
        padding: 0;
    }

    .ContactArea .second-contact .contactcard-area:last-of-type {
        margin-bottom: 0px;
    }

    .page-top-image {
        height: 160px;
        background-position: 50% 50%;
    }

    .statutes-file-accordion-title div {
        display: block;
    }

    .statutes-file-accordion li .statutes-file-accordion-title {
        height: auto;
    }

    .statutes-file-accordion li .statutes-file-accordion-title {
        padding: 15px 30px 15px 10px;
    }

    .billboard-top-bar {
        padding: 15px 30px 15px 10px;
    }

}

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

    body {
        background-image: none !important;
    }
}

@media screen and (min-width: 1420px) {

    body {
        padding: 15px;
        background-color: #cccccc;
    }

    .body-wrapper {
        margin: 0 auto;
        width: 1380px;
        background-color: #f9f9f9;
        -webkit-box-shadow: 0 0 10px 0 #898989;
        box-shadow: 0 0 10px 0 #898989;
    }
}

@media screen and (min-width: 768px) {
    nav.entry-links ul li.first.focus a,
    .nav-tabs ul li.first.focus a {
        padding-left: 34px;
        padding-right: 0;
        margin-left: -34px;
        margin-right: 34px;
    }

    nav.entry-links ul li.first.last.focus a,
    .nav-tabs ul li.first.last.focus a {
        padding-left: 34px;
        padding-right: 0;
        margin-left: -34px;
        margin-right: 34px;

    }
}

/* Kontaktformulär informationsträff */
@media screen and (max-width: 420px) {
    #id_matrix tbody tr td input {
        width: auto;
        max-width: 160px;
    }

    .statutes-file-accordion-title-type {
        display: block;
        text-overflow: ellipsis;
        overflow: hidden;
    }
}

.xForm div ul li {
    color: red;
    font-weight: bold;
}