/*
 * Main stylesheet for the new cleaned structure.
 *
 * 2023-10-12 VIPHI
 */
@import url("hco_fonts.css");
/* 
 * General
 */
form {
    padding-bottom: 0;
    width: 100%;
    background: #EFE7D7;
}

html {
    font-size: 100%;
    background: #EFE7D7;
}

body {
    background: #EFE7D7;
    font-family: "Red Hat Display", sans-serif;
    font-size: 1em;
    color: #000;
    font-weight: 300;
    line-height: 1.5em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

div.cookie-header {
    background: #7c766f;
    font-size: 1em;
    padding: 1.5em 3em 0.5em;
    box-sizing: border-box;
    color: #fff;
}

    div.cookie-header a {
        font-size: 1em;
        color: #fff;
        text-decoration: underline;
    }

div#cookie-header.cookie-header input.btn {
    display: block;
    margin: 15px auto;
    font-size: 1.125em;
    padding: 0.45em 0.95em 0.5em;
    background: #000;
}

a.skiptocontent {
    position: absolute;
    top: -1000px;
    left: 0px;
    background: transparent;
    z-index: 100;
}

div.ImportantContainer {
    background: #20445a;
    border-bottom: 1px solid #ddd;
    position: relative;
    left: auto;
    top: 0;
    width: 100%;
    height: auto;
    padding: 1.5em 0 1.25em;
    box-sizing: border-box;
    font-weight: bold;
    color: #fff;
    box-shadow: 0 5px 20px 0 rgba(181, 189, 202, 0.3);
}

    div.ImportantContainer a {
        text-decoration: none;
    }

div.ImportantContainerContent {
    width: 1180px;
    margin: 0 auto;
}

div.ImportantContainer h1.ImportantTitle {
    font-size: 1.125em;
    line-height: 1.5em;
    letter-spacing: 0;
    font-weight: 700;
    color: #fff;
}

    div.ImportantContainer h1.ImportantTitle span {
        margin-right: 0.45em;
    }

div.ImportantContainer p {
    font-size: 1em;
    line-height: 1.5em;
    letter-spacing: 0;
    font-weight: 400;
    color: #fff;
    margin-bottom: 5px;
}

div.ImportantContainer a.bulleted {
    font-size: 1em;
    line-height: 1.5em;
    letter-spacing: 0;
    font-weight: 600;
    color: #fff;
}

    div.ImportantContainer a.bulleted:before {
        content: "\f054";
        font-family: FontAwesome;
        padding-right: 3px;
        color: #fff;
        text-decoration: none;
        font-size: 1em;
        display: inline-block;
    }

div.ImportantContainer span.date-ice {
    color: #fff;
}

    div.ImportantContainer span.date-ice:after {
        content: ':'
    }

    div.ImportantContainer span.date-ice:before {
        content: "\f05a";
        font-family: FontAwesome;
        padding-right: 3px;
        color: #fff;
        text-decoration: none;
        font-size: 26px;
        display: inline-block;
        top: 3px;
        position: relative;
        margin-right: 8px;
    }


/*
 * Form elements
 */
input, select, textarea {
    font-size: 1em;
    box-shadow: unset;
    border-radius: unset;
    line-height: 1.75em;
}

input {
    height: auto;
    text-indent: 0.3em;
}

input, textarea {
    padding: unset;
}

select {
    height: auto;
}

div.loginarea p input {
    width: 100% !important;
    box-sizing: border-box;
    padding: 0.25em;
}

pre, code, kbd {
}

strong, b {
}

em {
}

.ingress {
    color: #000;
    font-weight: 400;
    font-size: 1.125em;
    line-height: 1.45em;
}

.pre-amble {
}

.alert {
}

div.alertinfo p {
    margin-bottom: 0;
}

p {
    color: #000;
    margin-bottom: 1.35em;
}

a {
    text-decoration: underline;
    color: #20445A;
    font-weight:500;
}

    a.bulleted {
        font-weight: 500;
    }

        a.bulleted:hover {
            text-decoration: underline;
        }

        a.bulleted:before {
            content: "\f054";
            font-family: FontAwesome;
            padding-right: 3px;
            color: #20445A;
            text-decoration: none;
            font-size: 1em;
            display: inline-block;
        }

.primary a.bulleted:before {
    content: "\f054";
    font-family: FontAwesome;
    padding-right: 3px;
    color: #20445A;
    text-decoration: none;
    font-size: 1em;
    display: inline-block;
}
/*
 * Headers
 */
h1, h2, h3, h4, h5, h6 {
    color: #000;
    background: none;
    font-weight: 500;
    line-height: 1.35em;
}

    h1, h2.pagetitle {
        font-size: 2.625em;
        margin-bottom: 0.5em;
        font-weight: 300;
    }

h2 {
    font-size: 1.75em;
    margin-bottom: 0.55em;
    font-weight: 400;
}

h3 {
    font-size: 1.55em;
    margin-bottom: 0.5em;
    font-weight: 400;
}

h4 {
    font-size: 1.35em;
    margin-bottom: 0.5em;
}

h5 {
    font-size: 1.125em;
    margin-bottom: 0.5em;
}

h6 {
    font-size: 1em;
    margin-bottom: 0.35em;
}

h2.header, h3.header {
}

.siteHeader h1 {
    margin-left: 40px;
}

blockquote {
    font-weight: bold;
    font-style: italic;
    margin-bottom: 1.35em;
}

ul.mypage_profile_interest_header h4 {
    font-size: 1.35em;
    margin-top: 3px;
}

div.interest h2.interest,
div.resident h2.resident,
div.areanews h2.localnews {
    color: #5c564f;
    font-size: 1.65em;
    margin-bottom: 0.25em;
    display:none;
}
/*
 * Main site containers 
 */
div.siteTopLinks-container,
div.siteHeader-container,
div.siteMenu-container,
div.siteMain-container,
div.siteFooter-container {
    width: 100%;
    position: relative;
    margin: 0 auto;
    background: #EFE7D7;
}

div.siteTopLinks-container {
    background: #000;
}

div.siteMain-container {
    width: 1440px;
    padding-top: 1.65em;
}

body.default div.siteMain-container {
}

div.siteFooter-container {
    background: #000;
    position: relative;
    overflow: hidden;
    padding: 2.5em 0;
    border-top-right-radius: 48px;
    border-top-left-radius: 48px;
}

div.siteLinks,
div.siteHeader,
div.siteMain,
div.siteFooter {
    width: 1280px;
    margin: 0 auto;
}

div.siteMain {
    padding-bottom: 3em;
}

div.siteFooter {
    position: relative;
}

    div.siteFooter img.hebalogo {
        width: 180px;
        margin-bottom: 30px;
    }

    div.siteFooter ul li {
        border-bottom: 1px solid #858585;
        line-height: 3em;
    }
div.siteHeader a.backBtn {
    background: #000;
    position: absolute;
    float: right;
    color: #fff;
    text-decoration: none;
    padding: 0.5em 1em;
    border-radius: 2em;
    right: 0;
    bottom: 0;
    font-weight: 500;
}
    div.siteHeader a.backBtn:hover {
        background: #565655;
    }
    div.siteHeader a.backBtn:before {
        content: "";
        display: inline-block;
        height: 13px;
        width: 25px;
        background-size: 21px 15px;
        background-image: url(../Img/arrow-white.svg);
        background-repeat: no-repeat;
        margin-right: 5px;
    }
div.siteFooter a.backBtn {
    background: #fff;
    position: relative;
    float: left;
    color: #000;
    text-decoration: none;
    padding: 0.5em 1em;
    border-radius: 2em;
    font-weight: 500;
}
div.siteFooter a.backBtn:hover {
    background: #565655;
}
    div.siteFooter a.backBtn:before {
        content: "";
        display: inline-block;
        height: 13px;
        width: 25px;
        background-size: 21px 15px;
        background-image: url(../Img/arrow-black.svg);
        background-repeat: no-repeat;
        margin-right: 5px;
    }

    /*
 * Site header
 */
    div .siteHeader {
        position: relative;
        height: 8em;
        box-sizing: border-box;
    }

div.siteLogo {
    float: left;
    position: absolute;
    top: 3em;
    width: 10em;
}

div.global-authorization {
    display: block;
}

    div.global-authorization a {
        color: #fff;
        line-height: 1.5em;
        text-decoration: none;
        font-size: 0.9em;
    }

        div.global-authorization a:hover {
            text-decoration: underline;
        }

    div.global-authorization i {
        color: #fff;
        display: block;
        float: left;
        font-size: 1.125em;
        height: unset;
        line-height: 1.375em;
        width: 1em;
        margin-right: 0.2em;
    }

        div.global-authorization i.icon-signin:before {
            content: "\f023";
            font-family: FontAwesome;
            color: #fff;
            font-size: 23px;
            padding-right: 6px;
            text-decoration: none;
            display: inline-block;
        }

    div.global-authorization div.global-unauthorized div.global-unauthorized-login,
    div.global-authorization div.global-authorized div.global-authorized-mypages {
    }
    div.global-authorization div.global-unauthorized div.global-unauthorized-register {
        display:none;
    }
    /*
 * Sidebar container 
 */
    div.siteSidebar {
        width: 23.40425531914894%;
    }
/*
 * Content containers 
 */
div.siteContent {
    width: 74.46808510638298%;
}
    div.siteContent .col75 {
        background:#fff;
        padding:1em 1.5em;
        box-sizing:border-box;
        border-radius:12px;
    }
    div.siteContent .col50 {
        width: 65.71428571428571%;
    }

    div.siteContent .col25 {
        width: 31.42857142857143%;
    }

div.siteContentFull {
    width: 100%;
}

div.siteContentPopup {
}

div.siteContentIframe {
}

/*
 * Footer elements 
 */
div.siteBreadcrumbs {
    width: 100%;
    font-size: 100%;
    font-size: 0.8125em;
    margin-bottom: 2em;
    border-bottom: 1px solid #000;
    padding-bottom: 1em;
}

    div.siteBreadcrumbs a {
        color: #858585;
        text-decoration: none;
        font-weight: 400;
    }

        div.siteBreadcrumbs a:hover {
            text-decoration: underline;
        }

        div.siteBreadcrumbs a b {
            color: #000;
            font-weight: 400;
        }

div.siteOptions {
}

div.siteContact {
}

div.siteLogos {
}

ul.siteOptions {
}

    ul.siteOptions li {
    }

/*
 * Page containers 
 */
.col100, .col75, .col50, .col37, .col25 {
}

.col100 {
}

.col75 {
    width: 100%;
}

.col50 {
    width: 48.93617021276596%;
}

.col37 {
}

.col33 {
}

.col25 {
}

.page-popup {
}

/*
 * Errormessage control
 */
div.errormsg {
    width: auto;
}

div.erroricon {
    width: 100%;
    float: left;
    padding: 10px 0 10px 10px;
    box-sizing: border-box;
    text-align: center;
}

div.errortext {
    font-size: 1em;
    line-height: 1.5em;
    text-align: center;
    width:100%;
}
input#btnDetails {
    display: block;
    margin:1em auto 0;
}

.txt_warning_title,
.txt_information_title {
    font-size: 1.75em;
    color: #000;
    font-weight: 500;
    letter-spacing: -0.0125em;
    margin-bottom: 0em;
    display: block;
}

div.errortext {
    font-size: 1em;
    line-height: 26px;
    width: 100%;
    float: left;
    padding: 12px 10px 10px 10px;
    box-sizing: border-box;
}

ul.promotepage {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: right;
    position: absolute;
    right: 320px;
    top: 44px;
}

    ul.promotepage li {
        display: inline;
    }

        ul.promotepage li a {
            color: #20445a;
            background: #fff;
            padding: 2px 0 2px 1em;
            text-decoration: none;
            font-size: 16px;
        }

            ul.promotepage li a:before {
                content: "\f054";
                font-family: FontAwesome;
                padding-right: 6px;
                color: #be9941;
                text-decoration: none;
                font-size: 17px;
                display: inline-block;
                top: 1px;
                position: relative;
            }

/*
 * Search area
 */
div.search_area {
    background: #5c564f;
    border: 1px solid #d7d4d1;
    border-radius: 3px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 4em;
    width: 18.7em;
}

    div.search_area .search_field {
        background: transparent;
        border: 0;
        font-size: 1em;
        padding: 0.3em;
        position: relative;
        top: 0;
        width: 15.5em;
        box-shadow: none;
        float: left;
    }

        div.search_area .search_field:focus {
            background: #d7d4d1;
        }

    div.search_area .btn_search {
        border: none;
        color: #8C8C8B;
        background: transparent url(../Img/search-solid.svg) no-repeat 0 0;
        height: 23px;
        text-indent: -9999px;
        text-transform: uppercase;
        width: 1.75em;
        cursor: pointer;
        margin-top: 0.85em;
        margin-right: 0.75em;
        box-shadow: none;
    }


/*** Link styles ***/
ul.submenu {
    padding-right: 0;
}

    ul.submenu a {
        color: #000;
        font-size: 1em;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 20px;
        text-decoration: none;
        width: auto;
        padding: 6px 0;
        border-color: #AFB0B1;
    }

        ul.submenu a:hover {
            color: #000
        }

    ul.submenu ul {
    }

        ul.submenu ul a {
            color: #000;
            font-size: 1em;
            font-weight: 600;
            line-height: 26px;
        }

    ul.submenu li {
        font-size: 100%;
    }

        ul.submenu li.selected a {
            color: #000;
            font-weight:500;
            background:#fff;
        }

    ul.submenu a,
    ul.submenu ul a,
    ul.submenu ul ul a {
        line-height: 28px;
        padding: 10px 30px 10px 16px;
        word-break: break-word;
    }

    ul.submenu ul a,
    ul.submenu ul ul a {
        padding-top: 6px;
        padding-bottom: 6px;
    }

    ul.submenu ul a {
        padding-left: 20px;
    }

    ul.submenu ul ul a {
        padding-left: 30px;
    }



    /*** Special styles ***/
    ul.submenu li.expanded {
    }

    ul.submenu li.collapsed {
    }

    ul.submenu li.selected, ul.submenu li.childselected {
    }

        ul.submenu li.selected ul, ul.submenu li.childselected ul {
            font-weight: normal;
            padding-bottom: 10px;
            padding-top: 0;
            padding-bottom: 0;
        }

        ul.submenu li.selected > ul,
        ul.submenu li.expanded.childselected > ul {
            margin-top: 0;
            background: #fff;
        }

    ul.submenu li.expanded.childselected ul li.expanded.selected.first ul,
    ul.submenu li.expanded.childselected ul li.expanded.childselected.first ul {
        margin-top: 0;
    }


    ul.submenu li.selected ul ul, ul.submenu li.childselected ul ul {
        margin-bottom: 0;
        padding-bottom: 0;
    }


    ul.submenu li.collapsed a:before {
        content: "\f078";
        color: #000;
        font-family: FontAwesome;
        font-size: 0.95em;
        line-height: 28px;
        position: absolute;
        right: 1em;
        text-decoration: none;
        vertical-align: middle;
    }

    ul.submenu li.expanded a:before {
        content: "\f077";
        color: #000;
        font-family: FontAwesome;
        font-size: 0.95em;
        line-height: 28px;
        position: absolute;
        right: 1em;
        text-decoration: none;
        vertical-align: middle;
    }

    ul.submenu li.expanded.childselected ul li.expanded.selected a:before {
        content: "\f077";
        color: #000;
        font-family: FontAwesome;
        font-size: 0.95em;
        line-height: 28px;
        position: absolute;
        right: 1em;
        text-decoration: none;
        vertical-align: middle;
    }

    ul.submenu li.expanded.childselected ul li.collapsed.selected a:before {
        content: "\f078";
        color: #000;
        font-family: FontAwesome;
        font-size: 0.95em;
        line-height: 28px;
        position: absolute;
        right: 1em;
        text-decoration: none;
        vertical-align: middle;
    }

    ul.submenu li.expanded.childselected ul li.expanded.childselected a:before {
        content: "\f077";
        color: #000;
        font-family: FontAwesome;
        font-size: 0.9em;
        line-height: 28px;
        position: absolute;
        right: 1em;
        text-decoration: none;
        vertical-align: middle;
    }

    ul.submenu li.expanded.selected ul li.collapsed a:before {
        content: "\f078";
        color: #000;
        font-family: FontAwesome;
        font-size: 0.95em;
        line-height: 28px;
        position: absolute;
        right: 1em;
        text-decoration: none;
        vertical-align: middle;
    }

    ul.submenu li.expanded.childselected ul li.collapsed a:before {
        content: "\f078";
        color: #000;
        font-family: FontAwesome;
        font-size: 0.95em;
        line-height: 28px;
        position: absolute;
        right: 1em;
        text-decoration: none;
        vertical-align: middle;
    }

    ul.submenu li.expanded.childselected ul li.expanded.childselected ul li a:before,
    ul.submenu li.expanded.childselected ul li.expanded.childselected ul li.selected a:before {
        content: "";
    }

    ul.submenu li.collapsed:before {
        content: "";
    }

    ul.submenu li.expanded:before {
        content: "";
    }

    ul.submenu li.expanded.selected ul li a:before {
        content: "";
    }

    ul.submenu li.expanded.childselected ul li a:before {
        content: "";
    }

    ul.submenu li.expanded.childselected ul li.expanded.selected ul li a:before {
        content: "";
    }

/*
 * Search area
 */
div.search_area .btn_search {
}

/*
 * Boxes
 */
.box {
}

.primary h3, .secondary h3 {
}

.primary h3 {
}

.secondary h3 {
}

.box-rental h2, .box-resident h2 {
}

h2.localnews {
}

span.button-list input {
}

a.link-large {
}

.siteBreadcrumbs, .siteOptions {
}

.siteContact {
}

div.siteHeader table {
}

ul.form {
}

.box ul.form {
}

.pageFooter input {
}

div.navbar div.text {
}

    div.navbar div.text a {
        color: #20445a;
    }

.tbl_list {
}

.tbl_cell_list_header {
}

.tbl_grid {
}

.agreetext, .infotext {
    font-size: 0.9375em;
    line-height: 1.5em;
    display: inline;
}

#ctl00_ctl01_DefaultSiteContentPlaceHolder1_Col1_spanPUL {
    padding: 0.5em 1.25em 0.5em;
    float: left;
    margin-bottom: 1em;
    background:#fff;
}

div#ctl00_ctl01_DefaultSiteContentPlaceHolder1_Col1_spanPUL ul.form li.label {
    width: 22em;
    line-height: 1.25em;
}

#ctl00_ctl01_DefaultSiteContentPlaceHolder1_Col1_spanPUL br {
    display: none;
}


/*@import url("CM.css");*/

/* 
 * Snippets 
 */
.tbl_snippets_main {
}

.tbl_snippets_main_70 {
}

.tbl_snippets_main_hss {
}

.tbl_cell_snippet_spacer {
}

.tbl_cell_snippet_33 {
}

.tbl_cell_snippet_50 {
}

.tbl_cell_snippet_70 {
}

.tbl_cell_snippet_100 {
}

.link {
}

/*
 * Paragraphs
 */
p {
    margin-bottom: 15px;
}

    p.mul-img img {
    }

    p.mul-plan img {
    }

    p.pNoEntries {
    }

/*
 * Hyperlinks
 */
a.image {
}

a.planning {
}

a.bulleted {
    color: #20445a;
    text-decoration: none;
}

    a.bulleted:before,
    span.bulleted:before {
        content: "\f054";
        font-family: FontAwesome;
        padding-right: 3px;
        color: #be9941;
        text-decoration: none;
        font-size: 1em;
        display: inline-block;
    }

    a.bulleted:hover {
        text-decoration: underline;
    }

a.icon-areainfo img {
}

/*
 * Form elements
 */
input, select, textarea {
}

input, textarea {
}

    input.no-border, table.no-border input, span.no-border input {
    }

    /*** Checkbox ***/
    input.check, table.check input, span.check input {
    }

    /*** Radiobutton ***/
    input.radio, table.radio input, span.radio input, span.radio label {
    }


/*** Submit button ***/
.btn, .btn-disabled,
.btn_interest {
    font-family: 'Red Hat Display', sans-serif;
    font-size: 1em;
    font-weight:500;
    line-height: 1.25em;
    background: #000;
    color: #fff;
    padding: 0.5em 1.5em;
    height: auto;
    text-shadow: unset;
    border: none;
    box-shadow: none;
    border-radius: 4px;
    cursor: pointer;
    border-radius: 2em;
    text-align: center;
}

.btn-disabled {
    background: #EFE7D7;
    color:#000;
}

.btn_interest {
    font-size: 18px;
}

.btn:hover {
    background: #565655;
}

.register-interest input[type="submit"] {
    font-size: 1.125em;
    color: #fff;
    background: #000;
    cursor: pointer;
    color: #fff;
    padding: 10px;
    font-weight: 600;
    border: none;
}

    .register-interest input[type="submit"]:hover {
        background: #038422;
        cursor: pointer;
        color: #fff;
    }

input#ctl00_ctl01_DefaultSiteContentPlaceHolder1_Col1_ObjectSearch1_btnSearch.btn {
    padding: 0.45em 0.7em 0.45em 0.5em;
}

.btn-disabled {
    opacity: 0.7;
    cursor: not-allowed;
}
/*** Input element default sizes ***/
.col50 .box-inner .textbox,
.col75 .box-inner .textbox {
}

.col50 .box-inner .textarea,
.col75 .box-inner .textarea {
}

/*
 * Horizontal rule 
 */
hr {
    width: 100%;
    height: 1px;
    border: none 0;
    background-color: #dedede;
    color: #dedede;
    margin: 6px 0 1em;
}

/*
 * Button list
 */
span.button-list input, span.button-list a {
}

span.button-list a {
}

    span.button-list a.selected {
    }

.rentalinfo input, .rentalinfo a {
}

/* 
 * Navigation bar
 */
div.navbar {
    margin-top: 20px;
}

    div.navbar .buttons {
    }

        div.navbar .buttons input {
        }

            div.navbar .buttons input dimmed {
            }

        div.navbar .buttons .btn_first {
        }

        div.navbar .buttons .btn_prev {
        }

        div.navbar .buttons .btn_next {
        }

        div.navbar .buttons .btn_last {
        }

    div.navbar .text {
    }

        div.navbar .text a {
        }

        div.navbar .text p {
        }

            div.navbar .text p.left {
            }

            div.navbar .text p.right {
            }

/*
 * Page form header & footer
 */
div.pageHeader, div.pageSubHeader {
    background: #fff;
    color: #000;
    font-weight: 400;
    font-size: 1.5em;
    padding:0;
    border: none;
    display: block;
    width: 100%;
    box-sizing: border-box;
    height: auto;
    float: left;
}

div.pageFooter {
    background: #fff;
    color: #000;
    padding: 0.25em;
    border:none;
}

    div.pageFooter input {
        margin: 0;
    }

    div.pageFooter span {
    }

.removeInterestBox {
    border:none;
    padding:0;
    margin-top:2em;
}
.removeInterestBox > div.pageSubHeader {
    color: #000;
}
/*
 * Validator 
 */
td div.validator-valid, td div.validator-unvalid {
}

div.validator-valid {
}

div.validator-unvalid {
}

span.validation-summary {
    color: red;
    line-height: 1.5em;
    font-weight:500;
}

span.forminfo-icon {
}

span.forminfo-text {
}

span#ctl00_ctl01_DefaultSiteContentPlaceHolder1_Col1_lblAreas_Msg {
    margin: 0.6em 0;
    display: inline-block !important;
}

div.validator-unvalid:before,
div.validator-valid:before {
    position: relative;
    font-size: 1em;
    line-height: 1em;
}

/*
 * Landlord presentation
 */
div.landlord-area {
}

div.landlord-img {
    display:none !important;
}

    div.landlord-img img {
        display: none !important;
    }

ul.landlord-list {
    list-style-type: none;
    width: 100%;
    margin: 2px 0 4px 0;
    max-width:unset !important;
}

    ul.landlord-list li {
    }

        ul.landlord-list li div.label {
        }

/* 
 * Image text 
 */
div.image-text-basic {
}

    div.image-text-basic img {
    }

div.article {
}

/* 
 * Parking-direct & Object-direct & Storage-direct
 */
span.ico_p-direct, span.ico_object_direct, span.ico_storage-direct {
}

span.ico_p-direct {
}

span.ico_object_direct {
}

span.ico_storage-direct {
}

/* NEWS DATE */
span.newsdate {
    font-style: italic;
    color: #20445a;
    font-size: 16px;
    margin-bottom: 0px;
    display: inline-block;
}

div.news-area div.col33.alignright.press.column span.newsdate {
    margin-bottom: 4px;
}

/* COMMENT*/
span.comment {
}

/* 
 * Table list
 */
table.tbl_list {
}

    table.tbl_list tr td {
    }

    table.tbl_list tr.tbl_cell_list_header td {
    }

/* 
 * Table grid
 */
table.tbl_grid {
}

    table.tbl_grid tr td {
    }

.headerstyle {
}

.alternate {
}

/*
 * Control specific styles
 */
div.ImageTextStyles {
    margin-bottom: 0;
}

    div.ImageTextStyles.Image img {
        width: 100%;
        position: relative;
    }

div.ImageTextStyles {
}


/*
 * Search Area Results
 */
div.search_results {
}

    div.search_results .search_textfield_area {
    }

    div.search_results .navbar {
    }

div.siteHeader-container {
    background: #EFE7D7;
    border-top: 1px solid #a29c97;
}

div.siteMenu-container {
    background: #EFE7D7;
    color: #000;
    padding: 0;
    margin-bottom: 0;
}

    div.siteMenu-container:after {
        content: "";
        clear: both;
        display: block;
    }
/*** Reset all list-styles ***/
ul.topmenu {
    width: 1280px;
    margin: 0 auto;
    text-align: left;
    float: none;
    display: block;
}

    ul.topmenu li {
        float: left;
        padding: 8px 0;
        margin-right: 25px;
    }

/*** Setup basic menu look ***/
ul.topmenu {
}

    ul.topmenu li {
    }

        ul.topmenu li a {
            padding: 0;
            color: #000;
            text-decoration: none;
            font-size: 0.95em;
            font-weight: 400;
            text-transform: uppercase;
        }

            ul.topmenu li a:hover {
                color: #be9941;
            }

        /*** Selected item or selected child-item ***/
        ul.topmenu li.selected, ul.topmenu li.childselected {
        }

            ul.topmenu li.selected a, ul.topmenu li.childselected a {
                font-weight: 500;
                color: #be9941
            }

                ul.topmenu li.selected a:hover, ul.topmenu li.childselected a:hover {
                }

        ul.topmenu li.last {
        }

            ul.topmenu li.last a {
            }

            ul.topmenu li.last:hover {
            }

        ul.topmenu li.first a:before {
        }
/*@import url("Elements/SubMenu.css");*/

/*** Element padding ***/
ul.submenu {
}

    ul.submenu ul {
    }

        ul.submenu ul a {
        }

        ul.submenu ul ul a {
        }

    /*** Link styles ***/
    ul.submenu a {
    }

        ul.submenu a:hover {
        }

    /*** Special styles ***/
    ul.submenu li.expanded {
    }

    ul.submenu li.collapsed {
    }

    ul.submenu li.selected, ul.submenu li.childselected {
    }

        ul.submenu li.selected ul, ul.submenu li.childselected ul {
        }

/*
 * Ordered/Unordered lists 
 */
ul, ol {
    margin-bottom: 25px;
}

    ul li {
    }

    ol li {
    }

    /* 
 * Horizontal list 
 */
    ul.horizontal {
    }

        ul.horizontal li, div.box-primary-inner ul.horizontal li, div.box-secondary-inner ul.horizontal li, div.box-inner ul.horizontal li {
        }

        ul.horizontal li, div.box-primary-inner ul.horizontal li, div.box-secondary-inner ul.horizontal li, div.box-inner ul.horizontal li {
            font-size: 15px;
        }

    ul.horizontal-bulleted {
        width: 100%;
        margin-bottom: 30px;
    }

        ul.horizontal-bulleted li {
            background: none;
            padding: 0;
            margin: 0;
            border-bottom: 1px solid #eeeae4;
            list-style-type: none;
            width: 100%;
            display: block;
            line-height: 28px;
            font-size: 15px;
        }

            ul.horizontal-bulleted li:before {
                content: "\f00c";
                color: #66cc00;
                display: inline-block;
                font-family: FontAwesome;
                font-size: 1em;
                line-height: 11px;
                margin-right: 5px;
                padding: 5px;
                text-decoration: none;
                width: 10px;
            }

table.list tr td ul#ctl00_ctl01_DefaultSiteContentPlaceHolder1_Col1_blProperties li {
    background: none;
    padding: 0;
    margin: 0;
    width: auto;
    border-bottom: none;
    list-style-type: none;
    display: block;
    line-height: 28px;
    font-size: 15px;
}

div.related-content div.box-inner li.doc_document {
}

div.related-content div.box-inner li.inf_link {
}

div.related-content div.box-inner li.cm_page {
}

/*
 * Boxlist
 */
ul.boxlist {
}

    ul.boxlist li {
    }
/* 
 * FAQ List 
 */
ul.faq-list {
    border-top: 1px solid #dbdbdb;
    clear: both;
    float: left;
    width: 100%;
    position: relative;
}

    ul.faq-list:hover {
        background: #f1f1f1;
    }

    ul.faq-list li {
        padding-left: 1em;
        margin-top: 1em;
        margin-bottom: 6px;
    }

        ul.faq-list li p {
            margin-bottom: 12px;
        }

        ul.faq-list li.icon-questionmark {
            display: none;
        }

    ul.faq-list .question:before {
        content: "\f059";
        color: #20445a;
        font-family: FontAwesome;
        font-size: 21px;
        padding-right: 4px;
        position: absolute;
        right: 10px;
        text-decoration: none;
        width: 20px;
    }

    ul.faq-list .answer:before {
        content: "\f05a";
        color: #be9941;
        font-family: FontAwesome;
        font-size: 21px;
        padding-right: 4px;
        position: absolute;
        right: 10px;
        text-decoration: none;
        width: 20px;
    }

    ul.faq-list .question {
    }

    ul.faq-list li.question, ul.faq-list li.answer {
    }
/* 
* Sitemap
*/
.sitemap_paragraph {
}

/* 
 * Sitemap List 
 */
ul.link {
}

ul li.maplink {
    line-height: 32px;
}

    ul li.maplink:before {
        content: "\f054";
        font-family: FontAwesome;
        padding-right: 3px;
        color: #be9941;
        text-decoration: none;
        font-size: 1em;
        display: inline-block;
    }

/* 
 * ListAvailable
 */
ul.listavailable {
}

.col50 ul.listavailable li a {
}

.col25 ul.listavailable li a.align-left {
}

ul.listavailable a img {
}

.startpage ul.listavailable li span {
    display: none;
}

.startpage ul.listavailable li {
    text-align: center;
}

    .startpage ul.listavailable li a.bulleted::before {
        content: "";
        display: none;
    }

.startpage .col66 {
    width: 75.64102564102564%;
    box-sizing: border-box;
    float: left;
}

    .startpage .col66.alignleft {
        margin: 0 !important;
    }

div.listavailableHeader {
    font-size: 44px;
    text-align: center;
    width: 90%;
    margin: 40px auto 30px;
}

    div.listavailableHeader span {
        background: #f9f9f9;
        display: inline-block;
        padding: 0 30px;
        line-height: 62px;
    }

.startpage .colStart {
    width: 25% !important;
    float: left;
}

.startpage .col25 .box-inner {
    padding: 20px 30px 20px;
    box-sizing: border-box;
}

.numeroApartment a {
    font-size: 96px;
    color: #0e2e46;
    text-align: center;
    text-decoration: none;
    line-height: 96px;
}

.numeroStudent a {
    font-size: 96px;
    color: #c92601;
    text-align: center;
    text-decoration: none;
    line-height: 96px;
}

.numeroHousing a {
    font-size: 96px;
    color: #009933;
    text-align: center;
    text-decoration: none;
    line-height: 96px;
}

.numeroEstate a {
    font-size: 96px;
    color: #ff6a00;
    text-align: center;
    text-decoration: none;
    line-height: 96px;
}

.numeroEstate ul li {
    text-align: center;
}

.numeroApartment p,
.numeroStudent p,
.numeroHousing p,
.numeroEstate p {
    font-size: 26px;
    text-align: center;
    letter-spacing: -1px;
    margin-top: 1em;
}

.login-container {
    width: 24.35897435897436%;
    float: right;
}

.login-mypages {
    background: #20445a;
    color: #fff;
    text-align: center;
    padding: 20px 0px 30px 20px;
    box-sizing: border-box;
}

    .login-mypages h2 {
        font-size: 30px;
        color: #fff;
        line-height: 46px;
    }

    .login-mypages p {
        font-size: 21px;
        color: #fff;
        margin-bottom: 4px;
    }

    .login-mypages .fa.fa-user-circle-o {
        font-size: 60px;
        margin-bottom: 10px;
    }

.register-mypages {
    background: #0e2e46;
    color: #fff;
    text-align: center;
    padding: 20px 0px 30px 20px;
    box-sizing: border-box;
}

    .register-mypages h2 {
        font-size: 30px;
        color: #fff;
        line-height: 46px;
    }

    .register-mypages p {
        font-size: 26px;
        color: #fff;
    }

    .register-mypages .fa.fa-user-circle-o {
        font-size: 60px;
        margin-bottom: 10px;
    }

    .register-mypages a, .login-mypages a {
        color: #fff;
        text-decoration: none;
    }

div.col100.links.startpage {
    background: #f9f9f9;
    position: relative;
    z-index: 1000;
}

    div.col100.links.startpage .box {
        margin-bottom: 0;
    }

    div.col100.links.startpage:after {
        content: "";
        display: block;
        clear: both;
        position: relative;
    }

.col25.entrance {
    margin-top: 30px;
    padding: 30px 20px 30px;
    box-sizing: border-box;
    background: #20445a;
    color: #fff;
    text-align: center;
}

    .col25.entrance.alignleft {
        margin-right: 2.125%;
    }

    .col25.entrance h3 {
        color: #fff;
        font-size: 32px;
        line-height: 36px;
    }

    .col25.entrance .fa-stack {
        position: relative;
        display: inline-block;
        width: 1em;
        height: 1em;
        line-height: 1em;
        vertical-align: middle;
        margin-bottom: 20px;
    }

    .col25.entrance .fa,
    .col25.entrance .fa-stack {
        font-size: 82px;
        text-align: center;
    }

        .col25.entrance .fa-stack .fa-circle {
            font-size: 18px;
            text-align: center;
            top: 30px;
            position: absolute;
            vertical-align: middle;
            right: 33px;
            color: #20445a;
        }

    .col25.entrance a {
        color: #fff;
        text-decoration: none;
    }

/** 3 kolumn Boxes**/

div.col33.boxcol div.box div.box-outer a img {
    max-width: 100%;
}

    div.col33.boxcol div.box div.box-outer a img.boxIcon {
        width: 120px;
        margin: 0 auto;
        margin-bottom: 20px;
    }


div.col33.boxcol div.box div.box-outer .boxContent {
    padding: 10px 30px;
    box-sizing: border-box;
    position: absolute;
    text-align: center;
    z-index: 1000;
    top: 50%; /* position the top  edge of the element at the middle of the parent */
    left: 50%; /* position the left edge of the element at the middle of the parent */

    transform: translate(-50%, -50%); /* This is a shorthand of translateX(-50%) and translateY(-50%) */
    width: 100%;
}

    div.col33.boxcol div.box div.box-outer .boxContent h2.boxTitle,
    div.col33.boxcol div.box div.box-outer .boxContent h3.boxTitle {
        margin-bottom: 10px;
        font-size: 34px;
        line-height: 34px;
        letter-spacing: -1px;
        color: #fff;
    }

    div.col33.boxcol div.box div.box-outer .boxContent span.boxText {
        font-size: 24px;
        letter-spacing: -1px;
        line-height: 32px;
        color: #fff;
    }

    div.col33.boxcol div.box div.box-outer .boxContent a {
        color: #fff;
        text-decoration: none;
    }

div.col33.boxcol div.box {
    position: relative;
}

    div.col33.boxcol div.box div.box-outer .boxContent2 {
        padding: 10px 30px;
        box-sizing: border-box;
        position: absolute;
        text-align: center;
        z-index: 1000;
        top: 50%; /* position the top  edge of the element at the middle of the parent */
        left: 50%; /* position the left edge of the element at the middle of the parent */
        width: 100%;
        transform: translate(-50%, -50%); /* This is a shorthand of translateX(-50%) and translateY(-50%) */
    }

        div.col33.boxcol div.box div.box-outer .boxContent2 h2,
        div.col33.boxcol div.box div.box-outer .boxContent2 h3 {
            margin-bottom: 10px;
            font-size: 42px;
            font-weight: 300;
            color: #fff;
            line-height: 48px;
            float: left;
            display: block;
            width: 100%;
        }

        div.col33.boxcol div.box div.box-outer .boxContent2 p {
            font-size: 28px;
            letter-spacing: -1px;
            line-height: 32px;
            color: #fff;
        }

        div.col33.boxcol div.box div.box-outer .boxContent2 a {
            color: #fff;
            text-decoration: none;
        }

            div.col33.boxcol div.box div.box-outer .boxContent2 a.bulleted:before {
                content: "";
            }

            div.col33.boxcol div.box div.box-outer .boxContent2 a.bulleted:after {
                content: "\f105";
                font-family: FontAwesome;
                padding-left: 10px;
                color: #fff;
                text-decoration: none;
                font-size: 33px;
                display: inline-block;
                top: 2px;
                position: relative;
            }

div.col33.boxcol.alignleft {
    margin-right: 3%;
}

/** 2 kolumn Boxes**/

div.col50.boxcol div.box div.box-outer a img {
    max-width: 100%;
}

    div.col50.boxcol div.box div.box-outer a img.boxIcon {
        width: 120px;
        margin: 0 auto;
        margin-bottom: 20px;
    }


div.col50.boxcol div.box div.box-outer .boxContent {
    padding: 10px 30px;
    box-sizing: border-box;
    position: absolute;
    text-align: center;
    z-index: 1000;
    top: 50%; /* position the top  edge of the element at the middle of the parent */
    left: 50%; /* position the left edge of the element at the middle of the parent */

    transform: translate(-50%, -50%); /* This is a shorthand of translateX(-50%) and translateY(-50%) */
    width: 100%;
}

    div.col50.boxcol div.box div.box-outer .boxContent h2.boxTitle,
    div.col50.boxcol div.box div.box-outer .boxContent h3.boxTitle {
        margin-bottom: 10px;
        font-size: 34px;
        line-height: 34px;
        letter-spacing: -1px;
        color: #fff;
    }

    div.col50.boxcol div.box div.box-outer .boxContent span.boxText {
        font-size: 24px;
        letter-spacing: -1px;
        line-height: 32px;
        color: #fff;
    }

    div.col50.boxcol div.box div.box-outer .boxContent a {
        color: #fff;
        text-decoration: none;
    }

div.col50.boxcol div.box {
    position: relative;
}

    div.col50.boxcol div.box div.box-outer .boxContent2 {
        padding: 10px 30px;
        box-sizing: border-box;
        position: absolute;
        text-align: center;
        z-index: 1000;
        top: 50%; /* position the top  edge of the element at the middle of the parent */
        left: 50%; /* position the left edge of the element at the middle of the parent */
        width: 100%;
        transform: translate(-50%, -50%); /* This is a shorthand of translateX(-50%) and translateY(-50%) */
    }

        div.col50.boxcol div.box div.box-outer .boxContent2 h2,
        div.col50.boxcol div.box div.box-outer .boxContent2 h3 {
            margin-bottom: 10px;
            font-size: 42px;
            font-weight: 300;
            color: #fff;
            line-height: 48px;
            float: left;
            display: block;
            width: 100%;
        }

        div.col50.boxcol div.box div.box-outer .boxContent2 p {
            font-size: 28px;
            letter-spacing: -1px;
            line-height: 32px;
            color: #fff;
        }

        div.col50.boxcol div.box div.box-outer .boxContent2 a {
            color: #fff;
            text-decoration: none;
        }

div.col50.boxcol.alignleft {
    margin-right: 2%;
}


/*
 * Thumbnail list
 */
div.thumbnail-container {
}

ul.thumbnail-list {
}

    ul.thumbnail-list img {
        border-width: 3px;
        margin: 6px;
    }

.thumbnail-container ul.thumbnail-list li {
}

    .thumbnail-container ul.thumbnail-list li.alignleft {
    }

.col25 .thumbnail-container ul.thumbnail-list li {
}

    .col25 .thumbnail-container ul.thumbnail-list li.alignleft {
    }


/*@import url("Elements/Boxes.css");*/

/*** General rules ***/
.box {
}

.box-outer {
}

.box .noheight {
}

.box-inner {
}

.box a.rss {
}

.box a img {
}

.box a.rss img {
}

td.box-inner {
}

/*** Primary ***/
.primary {
    background: #fff;
    border-radius: 12px;
}

    .primary .box-inner {
        background: #fff;
        color: #000
    }

    .primary a {
        color: #000;
    }

        .primary a:hover {
            color: #000;
        }

    .primary.col75 .box-inner, .col75 .primary .box-outer, td.col75 .primary td.box-inner, .primary.col50 .box-inner, .col50 .box.primary .box-inner, td.col50 .primary td.box-inner, .primary.col25 .box-inner, .col25 .primary .box-inner, .primary td.box-inner {
        background: #fff;
        border: none;
        border-radius: 12px;
    }

.box.primary.listavailable.col75 {
    margin-bottom: 20px;
}

.primary hr {
}

.primary a {
    color: #20445A;
    text-decoration: none;
}

    .primary a.bulleted {
        color: #20445A;
        text-decoration: none;
    }
        .primary a.bulleted:hover {
            text-decoration:underline;
        }

        .primary a.bulleted:before {
            content: "\f054";
            font-family: FontAwesome;
            padding-right: 3px;
            color: #20445A;
            text-decoration: none;
            font-size: 1em;
            display: inline-block;
        }
/*** Secondary ***/
.secondary {
    background: #fff;
    border-radius: 12px;
}

    .secondary .box-inner {
        background: #fff;
        color: #000;
        border-radius: 12px;
    }


    .secondary hr {
    }

    .secondary a {
        color: #20445A;
        text-decoration: none;
    }

        .secondary a.bulleted {
            color: #20445A;
            text-decoration: none;
        }
            .secondary a.bulleted:hover {
                text-decoration: underline;
            }


            .secondary a.bulleted:before {
                content: "\f054";
                font-family: FontAwesome;
                padding-right: 3px;
                color: #000;
                text-decoration: none;
                font-size: 1em;
                display: inline-block;
            }

.box-primary, .box-secondary, .box-rental, .box-resident, .box {
    font-size:1em;
}

    .box-primary h3, .primary h3, .box-primary h4, .primary h4 {
        background: transparent;
        color: #000;
        font-size: 1.35em;
        line-height: 1.5em;
        font-weight: 500;
        margin: 0 0 10px 0px;
        letter-spacing: -0.25px;
        word-break: break-all;
    }

div.rental h3, div.rental h2, div.resident h2, div.rental h2.rental, div.trade h2.trade {
    background: transparent;
}

    div.rental h2.rental {
        color: #5c564f;
        display:none;
    }

.box-secondary h3, .secondary h3, .box-secondary h4, .secondary h4 {
    background: transparent;
    color: #000;
    font-size: 1.35em;
    line-height: 1.5em;
    font-weight: 500;
    margin: 0 0 0.65em 0px;
}

.box-primary h3.user:before {
    content: "";
    display: inline-block;
    height: 20px;
    width: 19px;
    background-size: 20px 19px;
    background-image: url(../Img/file-person.svg);
    background-repeat: no-repeat;
    margin-right: 0.5em;
    position: relative;
    top: 0.125em;
}

.box-primary h3.user {
    margin-bottom: 0;
}

div.residentInfo.residentLinks {
    margin-top: 1em;
}

    div.residentInfo.residentLinks h4 {
        margin-bottom: 0.35em;
    }

ul.mypage_list .ico_wash, ul.mypage_list .ico_landlord, ul.mypage_list .ico_servicerequest, ul.mypage_list .ico_stakeholders, ul.mypage_list .ico_rentalinfo, ul.mypage_list .ico_plan, ul.mypage_list .ico_serviceorder, ul.mypage_list .ico_contracts, ul.mypage_list .ico_stakeholder {
    display: inline-block;
    border-radius: 2em;
    padding: 0.25em 1em;
    margin: 0 0 0.35em;
    background: #EFE7D7;
    font-weight: 500;
    color: #000;
}

    ul.mypage_list .ico_wash:hover, ul.mypage_list .ico_landlord:hover, ul.mypage_list .ico_servicerequest:hover, ul.mypage_list .ico_stakeholders:hover, ul.mypage_list .ico_rentalinfo:hover, ul.mypage_list .ico_plan:hover, ul.mypage_list .ico_serviceorder:hover, ul.mypage_list .ico_contracts:hover, ul.mypage_list .ico_stakeholder:hover {
        background: #dedede;
    }

ul.mypage_list,
ul.mypage_list.rent,
ul.mypage_list.contract_list {
    margin-bottom: 0.5em;
    padding: 0;
}

div.residentInfo {
    padding-bottom: 0;
}

    div.residentInfo.residentApartment h4 {
        margin-bottom: 0.45em;
    }

ul.mypage_list .ico_servicerequest:before {
    content: "";
    display: inline-block;
    height: 20px;
    width: 20px;
    background-size: 20px 20px;
    background-image: url('../Img/construct.svg');
    background-repeat: no-repeat;
    margin-right: 0.25em;
    position: relative;
    top: 3px;
}
ul.mypage_list .ico_landlord:before {
    content: "";
    display: inline-block;
    height: 20px;
    width: 20px;
    background-size: 20px 20px;
    background-image: url('../Img/chatbubbles-sharp.svg');
    background-repeat: no-repeat;
    margin-right: 0.25em;
    position: relative;
    top: 3px;
}
ul.mypage_list .ico_rentalinfo:before {
    content: "";
    display: inline-block;
    height: 20px;
    width: 20px;
    background-size: 20px 20px;
    background-image: url('../Img/vector.svg');
    background-repeat: no-repeat;
    margin-right: 0.25em;
    position: relative;
    top: 3px;
}

ul.mypage_list .ico_wash:before {
    content: "";
    display: inline-block;
    height: 20px;
    width: 20px;
    background-size: 20px 20px;
    background-image: url('../Img/calendar.svg');
    background-repeat: no-repeat;
    margin-right: 0.25em;
    position: relative;
    top: 3px;
}
/*** Login Control ***/
div.loginarea p label {
    margin-bottom: 10px;
    float: left;
    font-weight: 600;
}

div.loginarea hr {
    opacity: 0;
}

div.loginarea a.bulleted {
    display: block;
    width: 100%;
}

div.loginarea input.btn {
}

div.loginarea br:last-of-type {
    visibility: hidden;
    display: none;
}

.col37 div.loginarea span {
}

.col37 div.loginarea input {
}

    .col37 div.loginarea input.btn {
    }


/** Grids.css **/
/*
 * Table grid list
 */
div.grid {
}

table.gridlist {
    font-size: 1em;
}

    table.gridlist tr.headerrow {
    }

    table.gridlist tr.marked {
    }

    table.gridlist tr.dimmed {
    }

    table.gridlist td {
    }

        table.gridlist td.header, tr.header td {
            background-color: #fff;
            font-size: 1em;
            height: 32px;
            font-weight: 500;
            color: #000;
            padding: 0 10px;
        }

            table.gridlist td.header:first-of-type {
                padding-left: 6px;
            }

            table.gridlist td.header:last-of-type {
                padding-right: 10px;
            }

            table.gridlist td.header a, tr.header td a {
                background-color: #fff;
                color: #000;
            }

                table.gridlist td.header a:hover, tr.header td a:hover {
                }

                table.gridlist td.header a.sel-asc, table.gridlist tr.header td a.sel-asc {
                    background-color: #fff;
                    color: #000;
                }

                table.gridlist td.header a.sel-desc, table.gridlist tr.header td a.sel-desc {
                    background-color: #000;
                }

        table.gridlist td.listitem-even, tr.listitem-even td {
            padding: 10px 3px;
            font-size: 15px;
            background: #f9f9f9;
        }

.box-primary table.gridlist td.listitem-even, .box-primary tr.listitem-even td,
.box-secondary table.gridlist td.listitem-even, .box-secondary tr.listitem-even td,
.box table.gridlist td.listitem-even, .box tr.listitem-even td,
.box-primary table.gridlist td.listitem-odd, .box-primary tr.listitem-odd td,
.box-secondary table.gridlist td.listitem-odd, .box-secondary tr.listitem-odd td,
.box table.gridlist td.listitem-odd, .box tr.listitem-odd td {
}

table.gridlist td.listitem-odd, tr.listitem-odd td {
    border-bottom: 1px solid #ccc;
    padding: 10px 3px;
    font-size: 15px;
}

table.gridlist td.listitem-level2, tr.listitem-level2 td {
}

table.gridlist .label {
}

table.gridlist tr td a {
    color: #20445a;
    text-decoration: none;
}

table.gridlist img.objectlist_icon {
}

ul.mypage_profile {
    border-bottom: 1px solid #ddd;
    padding-top: 0.7em;
}

    ul.mypage_profile li {
        margin: 0 0 0.125em 0;
        word-break: break-word;
    }

        ul.mypage_profile li a.bulleted {
            margin-top: 0.85em;
            display: block;
        }
/*
 * UL form list
 */
ul.form {
    font-size: 0.95em;
    line-height: 1.5em;
    width: 100%;
    float: left;
}

    ul.form li {
    }

        ul.form li.validator {
            width: 1.125em;
        }

        ul.form li.label {
            width: 15em;
            font-weight: 500;
        }

        ul.form li.value, .box ul.form li.value {
            margin-bottom: 8px;
            padding-left: 17em;
        }

        ul.form li.label {
        }

.box-primary ul.form li.label,
.box-secondary ul.form li.label,
.box ul.form li.label {
}

ul.form li.textvalue {
}

ul.form li.value {
}

ul.form li.text {
}

div.siteContentIframe ul.form li.label {
}

div.siteContentIframe ul.form li.text {
}

ul.form li.textrow {
}

ul.form li.value label {
}

ul.form li.value input {
}

ul.form li.label-large {
}

.formstyle {
}

    .formstyle .label {
    }

/*
 * Statistics grid
 */
div.statistics table {
}

/*
 * News-archive grid
 */
body.default div.news-archive {
    text-align: right;
}

div.news-archive {
    width: 100%;
    float: left;
    padding: 4px 10px;
    box-sizing: border-box;
    text-align: left;
}

    div.news-archive .date-column {
    }

    div.news-archive .content-column .title {
        font-weight: 400;
        font-size: 20px;
    }

div.news-area div.col50.alignleft div.news-archive {
    width: 100%;
    float: left;
    padding: 8px 0;
    box-sizing: border-box;
    text-align: right;
}
/*@import url("Elements/DynamicMap.css");*/

.dynamic-map {
    border: 0;
}

    .dynamic-map a {
        color: #20445a;
        text-decoration: none;
        font-size: 13px;
    }

    .dynamic-map #infobox {
    }

        .dynamic-map #infobox > div {
            border-top: solid 1px #ccc;
        }

    .dynamic-map #fade_bg {
    }

    .dynamic-map #fade_color {
    }

    .dynamic-map #fade_bg img {
    }

    .dynamic-map .more {
    }

        .dynamic-map .more .nr {
        }

        .dynamic-map .more .area-label {
        }

span.close img {
    width: initial;
}

.area-info {
    font-size: 1em;
    line-height: 23px;
}

.area-img {
    margin-top: 10px;
}

.area-links ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-bottom: 20px;
    width: 100%;
    margin-top: 1em;
}

    .area-links ul li {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

        .area-links ul li a:before {
            content: "\f054";
            font-family: FontAwesome;
            padding-right: 6px;
            color: #20445a;
            text-decoration: none;
            font-size: 17px;
            display: inline-block;
            top: 1px;
            position: relative;
        }
/*@import url("Elements/Slider.css");*/

/*
  * Slider width and position
  */
.col100 .slider, .col100 .slider-container {
    width: 1280px;
    height: 500px;
    position: relative;
    background: transparent;
}

.col75 .slider, .col75 .slider-container {
    width: 700px;
}

.col75 .slider, .col75 .slider-container {
}

.col50 .slider, .col50 .slider-container {
}

.col25 .slider, .col25 .slider-container {
}

.col25 .slider, .col25 .slider-container, .col25-default .slider, .col25-default .slider-container {
    width: 220px;
}

.col100 .slider img, .col100 .slider-container img {
    max-width: 1280px;
}

.slider-container {
    margin: 0 0 20px;
    position: relative;
    background: transparent;
}

    .slider-container.col25 {
        margin: 0 0 0;
    }

.slider-inner {
}

.slider {
    height: auto;
}

    .slider img {
    }

img.sliderImg1 {
    visibility: visible;
    display: block;
}

img.sliderImg2 {
    visibility: hidden;
    display: none;
}

/*
 * Pager
 */
.pager-container {
    top: 3px;
    position: absolute;
    right: 16px;
    text-align: center;
}

body.hso_area_area_info_cm .pager-container {
}

.pager {
}

.pager-container ul.pager {
    display: inline-block;
    float: right;
}

    .pager-container ul.pager li.selected {
        border: 0;
        background: transparent url(../Img/2017/Slider/slider-bullet-sel.png) no-repeat 0 0;
    }

    .pager-container ul.pager li {
        border: 0;
        background: transparent url(../Img/2017/Slider/slider-bullet.png) no-repeat 0 0;
        width: 25px;
        height: 25px;
        margin: 0;
    }
/*
 * Prev/Next buttons
 */
#slider_next, #slider_prev {
    display: block;
    height: 3em;
    margin-top: -1.25em;
    outline: 0 none;
    position: absolute;
    top: 50%;
    width: 3em;
    z-index: 100;
    opacity: 0;
}

#slider_next {
    background: transparent url(../Img/2017/Slider/slider-next.png) no-repeat 0 0;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in;
    -moz-transition: opacity 0.5s ease-in;
    -o-transition: opacity 0.5s ease-in;
    transition: opacity 0.5s ease-in;
}

#slider_prev {
    background: transparent url(../Img/2017/Slider/slider-prev.png) no-repeat 0 0;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in;
    -moz-transition: opacity 0.5s ease-in;
    -o-transition: opacity 0.5s ease-in;
    transition: opacity 0.5s ease-in;
}

.slider-inner:hover #slider_prev,
.slider-inner:hover #slider_next {
    opacity: 0.6;
    -webkit-transition: opacity 0.5s ease-in;
    -moz-transition: opacity 0.5s ease-in;
    -o-transition: opacity 0.5s ease-in;
    transition: opacity 0.5s ease-in;
}

/** Slider Content **/
div.ImageTextStyles.Text {
    background: transparent url(../Img/2017/Slider/bg-text-slider.png) repeat 0 0;
    bottom: 20%;
    color: #000;
    font-size: 17px;
    line-height: 30px;
    padding: 1.5% 3% 2%;
    position: absolute;
    width: 50%;
    right: 6%;
}

    div.ImageTextStyles.Text p {
        margin-bottom: 0;
    }

    div.ImageTextStyles.Text a {
        text-decoration: none;
        color: #000;
        line-height: 25px;
    }

div.ImageText div.sliderTitle {
    color: #000;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -0.0125em;
    line-height: 50px;
}

div.ImageTextStyles.Image {
}

    div.ImageTextStyles.Image:hover > #slider_next, div.ImageTextStyles.Image:hover > #slider_prev {
        opacity: 1;
    }

div.ImageTextStyles.Text p.link:hover {
    text-decoration: underline;
}

div.ImageTextStyles.Text p.link {
    float: right;
    font-weight: 400;
    font-size: 16px;
    margin-top: 10px;
}

    div.ImageTextStyles.Text p.link:before {
        content: "\f054";
        font-family: FontAwesome;
        padding-right: 4px;
        color: #12596e;
        text-decoration: none;
        font-size: 17px;
        display: inline-block;
        top: 1px;
        position: relative;
    }
/*Area info slide*/
div.slidergallery .container {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

div.slidergallery .pager {
    background: transparent;
    margin: 6px 0 0 0;
}

div.slidergallery .container img {
    max-width: 870px;
}

div.slidergallery .pager ul {
    margin: 0;
}

    div.slidergallery .pager ul li {
        width: 34px;
        height: 34px;
        padding: 2px;
        border: solid 1px #fff;
        background: #fff;
        overflow: hidden;
        margin-right: 10px;
    }

        div.slidergallery .pager ul li a {
            background: #fff;
            color: #fff;
        }

        div.slidergallery .pager ul li:hover {
            background: #d1e1f3
        }

        div.slidergallery .pager ul li.active {
            background: #a2c0e1;
        }

            div.slidergallery .pager ul li.active:hover {
            }

            div.slidergallery .pager ul li.active a {
                background: #a2c0e1;
                color: #b2cf4c;
            }

div.slidergallery ul.nav-buttons {
    position: absolute;
}

    div.slidergallery ul.nav-buttons li a {
        width: 39px;
        height: 52px;
    }

        div.slidergallery ul.nav-buttons li a.previous {
            background: url('../Img/btn-slider-prev-large.png') no-repeat 0 0;
            float: left;
        }

            div.slidergallery ul.nav-buttons li a.previous:hover {
                background: url('../Img/btn-slider-prev-large-hover.png') no-repeat 0 0;
                float: left;
            }

        div.slidergallery ul.nav-buttons li a.next {
            background: url('../Img/btn-slider-next-large.png') no-repeat 0 0;
            float: right;
        }

            div.slidergallery ul.nav-buttons li a.next:hover {
                background: url('../Img/btn-slider-next-large-hover.png') no-repeat 0 0;
                float: right;
            }

div.slidergallery .pager li {
    border: none;
}

div.slidergallery .pager li {
    margin-right: 0;
}

div.col50.slidergallery .pager {
    margin: -90px 0 0 50px;
    position: absolute;
    width: 460px;
    height: 60px;
}

div.col50.slidergallery ul.nav-buttons {
    margin: -96px 0 0 0;
    width: 560px;
    list-style-type: none;
}

    div.col50.slidergallery ul.nav-buttons li {
        margin: 10px 10px 0 10px;
        width: 440px;
        list-style-type: none;
    }

div.col50.slidergallery .container {
    width: 560px;
    height: 320px;
}

    div.col50.slidergallery .container .slides {
        position: absolute;
        top: 0;
        left: 0;
        height: 320px;
    }

        div.col50.slidergallery .container .slides > div {
            position: absolute;
            top: 0;
            width: 460px;
        }

div.col75.slidergallery .pager {
    margin: -78px 0 0 60px;
    position: absolute;
    width: 750px;
    height: 60px;
}

div.col75.slidergallery ul.nav-buttons {
    margin: -96px 0 0 0;
    width: 870px;
    list-style-type: none;
}

    div.col75.slidergallery ul.nav-buttons li {
        margin: 10px 10px 0 10px;
        width: 850px;
        list-style-type: none;
    }

div.col75.slidergallery .container {
    width: 100%;
    height: 400px;
}

    div.col75.slidergallery .container .slides {
        position: absolute;
        top: 0;
        left: 0;
        height: 400px;
    }

        div.col75.slidergallery .container .slides > div {
            position: absolute;
            top: 0;
            width: 870px;
        }


div.siteFooter .col25:first-of-type {
}

div.siteFooter {
    margin: 0 auto;
    color: #fff;
}

    div.siteFooter h6 {
        font-size: 26px;
        color: #fff;
        line-height: 32px;
        margin-bottom: 20px;
        font-weight: 600;
    }

    div.siteFooter a {
        color: #fff;
        text-decoration: none;
    }

    div.siteFooter .visiting {
        margin-top: 20px;
    }
    div.siteFooter ul {
        margin-bottom:3em;
    }
    div.siteFooter a.icon-mail,
    div.siteFooter a.icon-app {
        font-size: 1.5em;
    }
        div.siteFooter a.icon-mail:before {
            content: "";
            display: inline-block;
            height: 16px;
            width: 16px;
            background-size: 16px 16px;
            padding: 10px;
            background-image: url(../Img/icon-mail.svg);
            background-repeat: no-repeat;
            background-color: #EFE6D3;
            margin-right: 0.5em;
            background-position: 50% 50%;
            border-radius: 1em;
            position: relative;
            top: 0.35em;
        }
        div.siteFooter a.icon-app:before {
            content: "";
            display: inline-block;
            height: 16px;
            width: 16px;
            background-size: 16px 16px;
            padding: 10px;
            background-image: url(../Img/icon-app.svg);
            background-repeat: no-repeat;
            background-color: #EFE6D3;
            margin-right: 0.5em;
            background-position: 50% 50%;
            border-radius: 1em;
            position: relative;
            top: 0.35em;
        }
        div.siteFooter a.icon-mail {
            margin-right:1em;
        }

        div.col100.siteinfo {
            background: transparent;
            border-top: 1px solid #dedede;
            margin-top: 30px;
        }

    div.col100.siteinfo ul {
        text-align: left;
        list-style-type: none;
        font-size: 0.9em;
        margin-top: 1em;
    }

        div.col100.siteinfo ul li {
            display: inline;
            color: #fff;
            padding: 0;
            font-weight: 300;
        }

            div.col100.siteinfo ul li:last-of-type {
                border: none;
            }

            div.col100.siteinfo ul li a {
                text-decoration: none;
                color: #fff;
                font-weight: 300;
            }

div.col100.welcome {
    background: transparent;
    margin-bottom: 10px;
    margin-bottom: 10px;
}

    div.col100.welcome div.welcome-container {
        text-align: center;
        padding: 20px 130px;
        box-sizing: border-box;
    }

        div.col100.welcome div.welcome-container h2 {
            font-weight: 300;
            font-size: 1.35em;
            margin-bottom: 2em;
            margin-top: 1em;
        }
/* QuickFilter */
.objectlistFilters {
    background: #f9f9f9;
    margin-bottom: 20px;
    padding: 17px 30px 3px;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(124,118,111,0.5);
    -moz-box-shadow: 0px 0px 2px 0px rgba(124,118,111,0.5);
    box-shadow: 0px 0px 2px 0px rgba(124,118,111,0.5);
}

ul.quickfilter li {
    float: left;
    font-size: 13px;
    list-style-type: none;
    margin-left: 0;
    margin-right: 44px;
    width: 47%;
}

.ui-slider-horizontal .ui-slider-handle {
    margin-left: -0.6em;
    top: -0.4em;
}

.ui-slider .ui-slider-handle {
    border-radius: 100%;
    border: 1px solid #b9b8b6;
    cursor: default;
    height: 1.3em;
    position: absolute;
    width: 1.3em;
    z-index: 2;
    background: #ffffff;
    background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #ffffff 30%, #d5d5d5 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#ffffff 30%,#d5d5d5 100%);
    background: radial-gradient(ellipse at center, #ffffff 0%,#ffffff 30%,#d5d5d5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d5d5d5',GradientType=1 );
}

ul.quickfilter span.minValue, ul.quickfilter span.maxValue {
    float: left;
    font-size: 0.95em;
    margin-top: 8px;
}

ul.quickfilter span.maxValue {
    float: right;
    width: auto;
    font-size: 0.85em;
}

ul.quickfilter li span.title, ul.quickfilter li span {
    font-size: 16px;
    margin-bottom: 12px;
    font-weight: normal;
}

ul.quickfilter label {
    font-size: 1em;
}

.ui-widget-header {
    background: #20445a;
}

.ui-widget-content {
    background: #fff;
    border: 2px solid #ddd;
}

.ui-slider-horizontal .ui-slider-range {
    height: 7px;
    top: 2px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 10px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 10px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 10px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 10px;
}

label.title {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #262626;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
    padding: 8px 16px 10px;
}

ul.quickfilter .minValueInput, ul.quickfilter .maxValueInput {
    margin-top: 0.5em;
    border-radius: 0.25em;
}

table.check tr td {
    padding: 8px;
}

.templatelist.block.objectlist,
ul.templatelist.block,
.templatelist.block:nth-child(1n+3) {
    background: #f9f9f9;
    border: 1px solid #dbdbdb;
    margin-right: 2%;
    width: 31.5% !important;
    font-size: 12px;
}

.templatelist.block:nth-child(3n+3) {
    margin-right: 0 !important;
}

.templatelist.block {
    background: #efefef;
    border: none;
}

    .templatelist.block li {
        padding-top: 8px;
        font-size: 15px;
    }

ul.templatelist.block li h4 {
    font-size: 21px;
    margin-top: 0;
    text-align: center;
}

    ul.templatelist.block li h4 a {
        color: #20445a;
        text-decoration: none;
        font-weight: 300;
    }

ul.templatelist.block li img.image {
    display: block;
    margin: 0 auto;
    padding-left: 0;
    width: 100%;
    overflow: hidden;
}

.templatelist.block.objectlist .image {
    width: 100%;
    height: auto;
}

.templatelist.block li:nth-of-type(9n+2) {
    padding: 0;
}

.templatelist.block.objectlist li label {
    font-weight: 600;
    width: 85px;
}

ul.listviews li a {
    font-size: 1em;
    font-weight: normal;
    text-decoration: none;
}

ul.listviews li i {
    color: #ccc;
    padding-right: 4px;
}

ul.listviews li.selected i {
    color: #000;
}

div.page-col25 ul.grid li.left {
    float: left;
    width: 5em;
    min-width: unset;
}

div.page-col25 ul.grid li.right {
    padding-left: unset;
    width: auto;
}

.object-facts ul.grid li:nth-child(n+2) {
    font-weight: 500;
}

div.page-col50 ul.grid li.left {
    float: left;
    line-height: 2.5em;
    width: auto;
    font-size: 1.125em;
    font-weight: 400;
}

div.page-col50 ul.grid li.right {
    width: auto;
    padding-left: unset;
}

div.object-facts div.box-inner ul.grid {
    font-size: 0.9em;
}

div.jquerypanel .header a.hidden,
div.jquerypanel .header a {
    background-color: transparent;
    background-position: 0 50%;
}

ul.exchangeobject, div.jquerypanel {
    background-color: #e6f9ff;
}

span#ctl00_ctl01_DefaultSiteContentPlaceHolder1_Col1_lblNoEntries {
    background: #506378;
    color: #fff;
    display: inline-block;
    font-weight: normal;
    margin-top: 30px;
    padding: 10px 20px;
}

div.invoice, div.debt {
    border: 1px solid #ddd;
    margin-bottom: 20px;
    padding: 10px 12px 9px;
}

div.debt {
    background: #fff;
}

    div.debt p {
        font-size: 16px;
        margin: 0;
        padding: 0;
        line-height: 21px;
    }

#cookiecheck span {
    font-size: 12px;
}

#cookiecheck div.pageHeader, #cookiecheck div.pageSubHeader {
    border: 1px solid #555;
}


.col75 img {
    max-width: 872px;
}

.col25 .box-inner img {
    /*width:243px;*/
    max-width: unset;
}

li.stageobject span {
    padding-left: 19px;
    color: #0e2e46;
    font-size: 1em;
    line-height: 16px;
    display: inline-block;
}

div.image-big img {
    width: 430px;
}

div.image-thumbs {
    padding-left: 440px;
}

div.image-big-full img {
    width: 570px;
}
/** Startsidan **/
div.col100.ingangar {
    background: transparent url(../Img/2017/bg-ingangar.png) repeat 0 0;
    box-sizing: border-box;
    padding: 25px 30px;
    position: relative;
    margin: -90px 2% 20px;
    width: 96%;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(124,118,111,0.5);
    -moz-box-shadow: 0px 0px 2px 0px rgba(124,118,111,0.5);
    box-shadow: 0px 0px 2px 0px rgba(124,118,111,0.5);
}

div.col33.ingangar {
    width: 32%;
}

    div.col33.ingangar.alignleft {
        margin-right: 20px;
    }

div.ingangar p,
div.ingangar a {
    color: #fff;
    text-decoration: none;
    font-size: 1.125em;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    line-height: 48px;
    letter-spacing: -1px;
    margin-bottom: 0;
    word-break: break-all;
}

div.ingangar-container {
    background: #864527;
    color: #fff;
    font-size: 21px;
    padding: 20px 18px;
}

div.col33.ingangar:first-of-type div.ingangar-container {
    background: #be9941;
}

div.col33.ingangar:last-of-type div.ingangar-container {
    background: #5c564f;
}

div.ingangar-container:hover {
    opacity: 0.6;
    -webkit-transition: opacity 0.5s ease-in;
    -moz-transition: opacity 0.5s ease-in;
    -o-transition: opacity 0.5s ease-in;
    transition: opacity 0.5s ease-in;
}

div.col100.ingangar:after {
    content: "";
    clear: both;
    display: block;
}

div.newsHeader {
    background-color: #f3b603;
    color: #fff;
    clear: both;
    margin: 0;
    margin-bottom: 0px;
    margin-bottom: 20px;
    padding: 10px 20px 6px;
    box-sizing: border-box;
}

    div.newsHeader h2 {
        color: #fff;
        display: block;
        margin: 0;
        line-height: 32px;
        font-weight: 500;
        font-size: 17px;
        text-transform: uppercase;
    }

div.news-area {
    float: left;
}

    div.news-area img.newsImg {
        height: 200px;
    }

    div.news-area div.col100 {
        float: left;
        width: 100%;
        margin-right: 0;
        background: transparent;
        margin-bottom: 1em;
    }

    div.news-area div.col33.news {
        float: left;
        width: 31.88%;
        margin-right: 2.13%;
        background: #fff;
        margin-bottom: 20px;
        border: 1px solid #dedede;
        box-sizing: border-box;
    }

        div.news-area div.col33.news:hover {
            border: 1px solid #506378;
        }

        div.news-area div.col33.news:nth-of-type(3n+3) {
            margin: 0;
            float: right;
        }

div.newscontent {
    float: left;
    display: block;
}

div.news-area div.col33.news a img {
    max-width: 100%;
    width: 100%;
    float: left;
}

div.newsBox {
    text-align: left;
    display: block;
    float: left;
    width: 100%;
    padding: 1em;
    box-sizing: border-box;
}

div.col33.news div.newsBox h3 {
    font-weight: 600;
    color: #000;
    letter-spacing: -0.5px;
    font-size: 1.25em;
    margin-bottom: 0.5em;
    line-height: 1.35;
    float: left;
    display: block;
}

div.col33.news div.newsBox a {
    text-decoration: none;
    color: #000;
}

div.col33.news a {
    text-decoration: none;
    display: block;
}

    div.col33.news a div.newsBox p {
        float: left;
        display: block;
        width: 100%;
        margin-bottom: 0.5em;
    }

div.newsBox span.newsdate {
    display: block;
    margin-bottom: 0.5em;
    font-style: normal;
    font-weight: 400;
    font-size: 0.85em;
    color: #506378;
    float: left;
    width: 100%;
}

div.newsBox h3 {
    margin-bottom: 0.8em;
}

    div.newsBox h3:hover {
        text-decoration: underline;
    }

div.news-area div.col50.alignright.press h3,
div.news-area div.col50.alignleft h3 {
    font-weight: 600;
    color: #000;
    letter-spacing: -0.5px;
    font-size: 30px;
    margin-bottom: 20px;
}

div.news-area div.col50 div.puffcontainer a img {
    margin-bottom: 1em;
}

div.news-area div.col50 div.puffcontainer a {
    text-decoration: none;
}

.news_pricesensitive {
    display: inline-block;
    background: #2e5b5e;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0px 11px;
    box-sizing: border-box;
    color: #fff;
    position: relative;
    top: -3px;
    margin-left: 5px;
    border-radius: 20px;
}

.col50.press {
    position: relative;
}

    .col50.press h4 {
        font-size: 1em;
        line-height: 1.5em;
        text-decoration: none;
        margin-bottom: 1em;
        font-weight: 400;
    }

        .col50.press h4 a {
            text-decoration: none;
            color: #000;
        }

    .col50.press .pressFooter {
        margin-top: 0.25em;
        float: right;
        margin-bottom: 1.35em;
    }

div.col100.puff {
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    margin-bottom: 30px;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(124,118,111,0.5);
    -moz-box-shadow: 0px 0px 2px 0px rgba(124,118,111,0.5);
    box-shadow: 0px 0px 2px 0px rgba(124,118,111,0.5);
}

    div.col100.puff .puffcontent {
        float: left;
        display: inline-block;
        box-sizing: border-box;
        padding: 30px 30px 10px;
    }

div.puffcontainer div.puffcontent h3 {
    font-weight: 600;
    color: #000;
    letter-spacing: -0.5px;
    font-size: 28px;
    margin-bottom: 20px;
}

div.puffcontainer div.puffcontent p {
    font-size: 16px;
    margin-bottom: 20px;
}

    div.puffcontainer div.puffcontent p a.bulleted {
        float: right;
        margin-right: 20px;
    }

div.col33.subscribe {
    background: #20445a;
    margin-top: 20px;
    height: 260px;
}

    div.col33.subscribe .subContainer {
        padding: 30px;
        box-sizing: border-box;
    }

    div.col33.subscribe div.subContainer div.Cision_Subscribe_Form h3 {
        font-weight: 600;
        font-style: italic;
        font-size: 32px;
        line-height: 38px;
        color: #fff;
        margin-bottom: 20px;
    }

    div.col33.subscribe div.subContainer div.Cision_Subscribe_Form .subscribeLabel {
        display: block;
        color: #fff;
        margin-bottom: 5px;
        font-style: italic;
    }

    div.col33.subscribe div.subContainer div.Cision_Subscribe_Form .subscribeEmail {
        border-radius: 0;
        width: 94%;
        padding: 7px 10px;
        border: none;
    }

    div.col33.subscribe div.subContainer div.Cision_Subscribe_Form .button {
        border-radius: 0;
        background: #506378;
        height: 30px;
        padding: 18px;
        line-height: 0px;
        color: #fff;
        border: none;
        font-size: 15px;
        float: right;
    }

div.col100.project {
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
    background: transparent;
}

    div.col100.project .projectarea {
        background: transparent url(../Img/2017/bg-projects.png) repeat 0 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 44%;
        height: 430px;
        padding: 50px;
        box-sizing: border-box;
        color: #fff;
    }

        div.col100.project .projectarea h4 {
            font-weight: 600;
            color: #fff;
            letter-spacing: -0.5px;
            font-size: 30px;
            margin-bottom: 16px;
            line-height: 40px;
        }

        div.col100.project .projectarea a {
            text-decoration: none;
        }

        div.col100.project .projectarea .ingress {
            color: #fff;
            margin-bottom: 30px;
        }

div.projectcontainer div.projectarea a.bulleted {
    display: block;
    float: right;
    color: #fff;
    font-size: 17px;
}

    div.projectcontainer div.projectarea a.bulleted:hover {
        text-decoration: underline;
    }

    div.projectcontainer div.projectarea a.bulleted:before {
        content: "\f054";
        font-family: FontAwesome;
        padding-right: 3px;
        color: #12596e;
        text-decoration: none;
        font-size: 17px;
        display: inline-block;
        top: 1px;
        position: relative;
    }

h3.box-title,
h3.box-title a {
    color: #20445a;
    font-size: 26px;
    text-decoration: none;
    letter-spacing: -0.5px;
    margin-bottom: 4px;
    line-height: 32px;
}

div.col100.areanews-col {
    padding: 0;
}

    div.col100.areanews-col .box-inner {
        padding: 0;
    }

    div.col100.areanews-col h2 {
        font-weight: 400;
        color: #20445a;
        display: inline-block;
        margin-bottom: 20px;
        line-height: 44px;
    }

h3.box-title,
h3.box-title a {
    color: #20445a;
    font-size: 26px;
    text-decoration: none;
    letter-spacing: -0.5px;
    margin-bottom: 4px;
    line-height: 32px;
}

.box-primary div.title-icon, .box-secondary div.title-icon {
    width: 2.5em;
    display:none;
}

    .box-primary div.title-icon i.fa, .box-secondary div.title-icon i.fa {
    }

    .box-primary div.title-icon i.fa {
        color: #be9941;
    }

    .box-secondary div.title-icon i.fa {
        color: #be9941;
    }

.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 60%;
    text-align: center;
}

.box.box-secondary div.title-icon span.fa-stack {
    line-height: 1em;
    height: 1em;
}

div.title-icon span.fa-stack.fa-3x i.fa-stack-1x.fa.fa-search {
    font-size: 0.7em;
}

.alignleft {
    margin-right: 24px;
}

ul.templatelist.block.objectlist li h2 {
    font-size: 24px;
}


span#object_detail_buttonlist.button-list .btn_details {
    background: #506378;
    color: #fff;
    font-size: 1.25em;
    line-height: 2em;
    display: block;
    width: 3em;
    height: 2em;
    border-radius: 4px;
    margin: 0 auto;
    z-index: 1;
    position: relative;
    margin-bottom: -0.5em;
}

span#object_detail_buttonlist.button-list .btn_details_container {
    margin-right: 6px;
}

span#object_detail_buttonlist.button-list .btn_details_button {
    display: block;
    height: 5em;
    position: relative;
    bottom: 1.5em;
    line-height: 7em;
    z-index: 2;
    width: 100%;
    font-weight: bold;
    font-size: 0.75em;
}

.fa-pdf:before {
    content: "\f1c1";
}

div.object-buttons {
    padding-top: 2px;
}

div.areatext {
    width: 325px;
    float: left;
}

div.areaimg img {
    border: 1px solid #dedede;
}

.col50 img {
    max-width: 570px;
}

div.areanews h2.localnews {
    color: #20445a;
}

ul.form li, .box ul.form li {
}

div.adminmap {
    float: right;
}

li#ctl00_ctl01_DefaultSiteContentPlaceHolder1_Col1_liRandomSort span, li.objectproperty-OBJECTPROPERTY_5050 span, li.objectproperty-OBJECTPROPERTY_11 span, li.objectproperty-OBJECTPROPERTY_3838 span, li.objectproperty-OBJECTPROPERTY_3636 span, li.objectproperty-OBJECTPROPERTY_4545 span, li.objectproperty-OBJECTPROPERTY_4040 span, li.objectproperty-OBJECTPROPERTY_3434, li.objectproperty-OBJECTPROPERTY_3327 span {
    background-repeat: no-repeat;
    color: #42413b;
    padding-left: 17px;
    background-position: left;
}

li#ctl00_ctl01_DefaultSiteContentPlaceHolder1_Col1_liRandomSort span {
    background-image: url("../../../../HSS/Res/Img/ico_object_direct_14.png");
}

li.objectproperty-OBJECTPROPERTY_5050 span {
    background-image: url("../Img/ico_youth.png");
}

li.objectproperty-OBJECTPROPERTY_11 span {
    background-image: url("../Img/ico_allergyfriendly.png");
}

li.objectproperty-OBJECTPROPERTY_3838 span {
    background-image: url("../Img/ico_senior.png");
}

li.objectproperty-OBJECTPROPERTY_3636 span {
    background-image: url("../Img/ico_non_smoking.png");
}

li.objectproperty-OBJECTPROPERTY_4545 span {
    background-image: url("../Img/ico_trygghetsboende.png");
}

li.objectproperty-OBJECTPROPERTY_4040 span {
    background-image: url("../Img/ico_student.png");
}

li.stageobject span {
    background-image: url("../../../../HSS/Res/Img/ico-stage.png");
}

li.objectproperty-OBJECTPROPERTY_3434 span {
    background-image: url("../Img/ico-newprod.png");
}

li.objectproperty-OBJECTPROPERTY_3327 span {
    background-image: url("../Img/ico_nyproduktion.png");
}

span.ico_object_random {
    background: transparent url(../../../../HSS/Res/Img/ico_object_direct_14.png) no-repeat 0 50%;
    margin: 0 0 0 2px;
}

.object-facts ul li {
    line-height: 32px;
}

#ctl00_ctl01_DefaultSiteContentPlaceHolder1_Col1_ulRealestate {
    display: none;
}

#ctl00_ctl01_DefaultSiteContentPlaceHolder1_Col1_ulBuilding {
    display: none;
}
/*#ctl00_ctl01_DefaultSiteContentPlaceHolder1_Col1_trRebuiltYear {
    display:none;
}*/

ul.mypage_profile_interest li span#ctl00_ctl01_DefaultSiteContentPlaceHolder1_Col2_lblIAEndApartment,
ul.mypage_profile_interest li span#ctl00_ctl01_DefaultSiteContentPlaceHolder1_Col2_lblIAEndParking {
    color: #a70f0f;
    font-weight:500;
}

/*ul.mypage_profile_interest li span#ctl00_ctl01_DefaultSiteContentPlaceHolder1_Col2_lblIAEndStorage {
    color: #ff7000;
}*/

ul.mypage_profile_interest li span {
    margin: 2px 0 0 13px;
    display: block;
}
#ctl00_Col1_trFlatNo td:first-child {
    width: 250px;
}

#ctl00_ctl01_DefaultSiteContentPlaceHolder1_Col1_ulInvoiceHeader li:first-child {
    display: none;
}

#ctl00_ctl01_DefaultSiteContentPlaceHolder1_Col1_ulInvoiceHeader li:nth-child(1n+1) {
    display: none;
}

li.showonmap span {
    background-position: left;
}

#ctl00_ctl01_DefaultSiteContentPlaceHolder1_Col1_divDetails ul.form {
    padding: 0 12px 12px;
    box-sizing: border-box;
}

    #ctl00_ctl01_DefaultSiteContentPlaceHolder1_Col1_divDetails ul.form li.label {
        clear: left;
        width: 35%;
    }


ul.form li.textvalue {
    padding-top: 0;
    margin-bottom: 2px;
    min-height: 30px;
    line-height: 30px;
    border-bottom: 1px dotted #ccc;
}

ul.form li.value {
    font-size: 1em;
}

    ul.form li.value input {
        width: auto !important;
        padding: 0.35em 0.6em;
    }

ul.form li.text {
}

ul.form li.textrow, .box ul.form li.textrow {
    font-weight: normal;
    font-size: 1em;
    font-style: italic;
}

div.invoice p.ocr {
    margin: 10px 0 0 0;
    float: left;
    padding: 3px 0;
}

ul.serviceorder-header li.textvalue {
    text-align: unset;
}

ul.serviceorder-row li.textvalue {
    text-align: unset;
}

div.box-primary.box.primary.areanews div.box-primary-outer.box-outer div.box-primary-inner.box-inner table tbody tr td a.bulleted {
    color: #20445a;
    text-decoration: none;
    font-size: 1.25em;
    display: block;
}

div.printlist {
    display: none;
}


.col100 img {
    max-width: 1280px;
}

.sitemaster-ticker-header {
    position: absolute;
    right: 0;
    width: 140px;
    top: 1.35em;
}

.linkwrap {
    position: relative;
    display: inline-block;
}

.blocker {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
}

.linkwrap iframe {
    z-index: 2;
}

.stocknote.header {
    display: none;
}

#cision-websolution-container {
    width: 100%;
}

.glyphicon-calendar {
    color: #000;
    font-size: 21px;
}

#periods {
    position: relative;
    margin: 0;
    width: auto;
    z-index: 999;
}

#target-ticker td:first-child {
    font-weight: inherit;
    padding-right: inherit;
}


body.org_employeelist h3.header {
    margin-top: 40px;
}

body.org_employeelist ul.templatelist.block li img:not(.image):first-child,
body.org_employeelist table.gridlist td img {
    margin: 0 6px 0 0;
}

body.org_employeelist table.gridlist td.header:nth-child(2n+1),
body.org_employeelist table.gridlist td.listitem-odd:nth-child(2n+1),
body.org_employeelist tr.listitem-odd td:nth-child(2n+1),
body.org_employeelist table.gridlist td.listitem-even:nth-child(2n+1),
body.org_employeelist tr.listitem-even td:nth-child(2n+1) {
    width: 40%;
    padding-left: 15px;
    box-sizing: border-box;
}

body.org_employeelist table.gridlist td.header:nth-child(2n+2),
body.org_employeelist table.gridlist td.listitem-odd:nth-child(2n+2),
body.org_employeelist tr.listitem-odd td:nth-child(2n+2),
body.org_employeelist table.gridlist td.listitem-even:nth-child(2n+2),
body.org_employeelist tr.listitem-even td:nth-child(2n+2) {
    width: 40%;
    padding-left: 15px;
    box-sizing: border-box;
}

body.org_employeelist table.gridlist td.header:last-of-type,
body.org_employeelist table.gridlist td.listitem-odd:last-of-type,
body.org_employeelist tr.listitem-odd td:last-of-type,
body.org_employeelist table.gridlist td.listitem-even:last-of-type,
body.org_employeelist tr.listitem-even td:last-of-type {
    width: 20%;
}

div.siteContentPopup div.page-popup h1 {
    font-size: 28px;
}

.col25 img {
    width: 100%;
}

/*** ABK Bygger **/

.heba-project img.puffimg {
    margin-bottom: 20px;
}

.heba-project h3 {
    line-height: 24px;
    padding-bottom: 0;
    margin-bottom: 8px
}

.heba-project .infotext {
    display: block;
    margin-bottom: 8px;
    color: #fff;
    display: inline-block;
    background: #be9941;
    font-style: normal;
    padding: 1px 10px;
    line-height: 25px;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
}

.heba-project a .infotext {
    color: #fff !important;
}

.heba-project a p {
    color: #555 !important;
}

.heba-project a h3 {
    color: #0e2e46;
}

div.col25.heba-project div.box.secondary div.box-outer div.box-inner.column a img.puffimg {
    width: 243px;
    max-width: 243px;
}

div.col25.heba-project div.box.secondary div.box-outer div.box-inner.column a p {
    font-size: 1em;
}

    div.col25.heba-project div.box.secondary div.box-outer div.box-inner.column a p.readmore {
        margin-bottom: 0;
    }

div.col25.heba-project div.box.secondary div.box-outer div.box-inner.column {
    background: #fff;
}

div#ctl00_ctl01_DefaultSiteContentPlaceHolder1_Col1_ctl00_CMArt_ctl00_divText.text {
    margin-bottom: 20px;
}

div.imgText {
    font-style: italic;
}

.heba-project .infotext.Kommande,
.heba-project .infotext.Kommande a {
    background: #864527;
    color: #fff !important;
}

.heba-project .infotext.Avslutad,
.heba-project .infotext.Avslutad a {
    background: #506378;
    color: #fff !important;
}

table.cmProjektFakta {
    background: #f9f9f9;
    margin-top: 20px;
    width: 100%;
    border: 1px solid #e2e2e2;
}

    table.cmProjektFakta tr td {
        padding: 20px 30px;
        box-sizing: border-box;
    }

        table.cmProjektFakta tr td ul,
        table.cmProjektFakta tr td ul li {
            margin: 0;
            padding: 0;
            list-style-type: none;
        }

        table.cmProjektFakta tr td ul {
            overflow: hidden;
            margin-bottom: 10px;
        }

        table.cmProjektFakta tr td h4 {
            margin-bottom: 10px;
        }

        table.cmProjektFakta tr td:first-of-type {
            border-right: 1px solid #e2e2e2;
        }

.articleImg {
    margin-bottom: 20px;
}

.devwatermark {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 144px;
    position: fixed;
    bottom: 49px;
    right: 8px;
    opacity: 0.05;
    z-index: 99;
    color: black;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}

table.col75 tr td.col37 {
    vertical-align: text-top;
    border: 1px solid #20445a;
    padding: 10px;
    box-sizing: border-box;
}

body.fastighet_ungdomsbostader ul.listavailable.apartments {
    display: none;
    visibility: hidden;
}


/** HYRESGÄSTPÄRM **/
div.hsm_binder {
    background: #fff;
    padding: 1em;
    float: left;
    width: 100%;
    box-sizing:border-box;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(124,118,111,0.5);
    -moz-box-shadow: 0px 0px 2px 0px rgba(124,118,111,0.5);
    box-shadow: 0px 0px 2px 0px rgba(124,118,111,0.5);
}

    div.hsm_binder span.button-list.rentalinfo {
        width: 28%;
        float: left;
        margin-right: 2%;
    }

    div.hsm_binder span.button-list a {
        padding: 6px 10px;
        background: #EFE7D7;
        color: #000;
        font-size: 1em;
        text-decoration: none;
        width: 100%;
        font-weight:500;
        display: block;
        box-sizing: border-box;
        height: auto;
        margin: 0 0 5px 0;
    }

        div.hsm_binder span.button-list a.selected, div.hsm_binder span.button-list a:hover {
            background: #000;
            color:#fff;
        }

        div.hsm_binder span.button-list a:last-of-type {
            margin: 0;
        }

    div.hsm_binder span.rentalinfo_content span a {
        text-decoration: none;
    }

        div.hsm_binder span.rentalinfo_content span a:before {
            content: "\f054";
            font-family: FontAwesome;
            padding-right: 3px;
            color: #be9941;
            text-decoration: none;
            font-size: 1em;
            display: inline-block;
        }

    div.hsm_binder table.rentalinfo_content, div.hsm_binder span.rentalinfo_content {
        margin: 5px 0 0 0;
        box-sizing: border-box;
        width: 69%;
        display: block;
        float: left;
    }

        div.hsm_binder span.rentalinfo_content img {
            max-width: 100%;
        }

a.yearBtn {
    /*color: #fff;
    background: #20445a;
    padding: 6px 10px;*/
    margin-right: 10px;
    /*border-radius: 3px;
    margin-top: 10px;
    margin-bottom:20px;*/
    display: inline-block;
}

div.Cision_Subscribe_Form {
    padding: 20px;
    background: #fff;
    margin-bottom: 20px;
    padding-bottom: 10px;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(124,118,111,0.5);
    -moz-box-shadow: 0px 0px 2px 0px rgba(124,118,111,0.5);
    box-shadow: 0px 0px 2px 0px rgba(124,118,111,0.5);
}

#google_translate_element {
    display: block;
    font-size: 1em;
    position: absolute;
    right: 10.5em;
    top: 1.25em;
}

.goog-te-gadget-simple {
    border-radius: 4px;
    padding: 2px 7px 4px;
    border-color: #c6cbd0 !important;
}

.goog-te-gadget .goog-te-combo {
    margin: 4px 0;
    float: right;
    margin-left: 10px !important;
}

.goog-te-gadget-simple .goog-te-menu-value span {
    color: #7A838E !important;
    font-weight: bold !important;
}

div.col100.puffcontent {
    background: transparent;
    margin-bottom: 20px;
}

    div.col100.puffcontent div.col50.puffcontent-container div.info-area a {
        text-decoration: none;
        float: left;
    }

    div.col100.puffcontent div.col50.puffcontent-container h4 {
        font-weight: 600;
        color: #000;
        letter-spacing: -0.5px;
        font-size: 1.5em;
        margin-bottom: 0.75em;
    }

    div.col100.puffcontent div.col50.puffcontent-container div.info-area p {
        color: #000;
        font-size: 1em;
        line-height: 1.5em;
    }

    div.col100.puffcontent div.col50.puffcontent-container a img {
        margin-bottom: 20px;
        float: left;
    }

div.interest table tbody tr td a#ctl00_ctl01_DefaultSiteContentPlaceHolder1_Col1_hlRegisterComplement.bulleted {
    display: block;
    margin-top: 1em;
}

table.check tr td {
    padding: 8px;
}

div.interest-header {
    padding: 6px 10px;
    background: #be9941;
    color: #fff;
    border: none;
}

    div.interest-header p.content-left {
        color: #fff;
    }

div.interest-objectinfo div.subst-table ul.subst-row {
    padding: 0;
}

div.interest-image {
    float: left;
    width: 130px;
    height: auto;
    padding: 5px 10px 0 0;
}

div.interest-footer p {
    background-color: transparent;
    font-size: 14px;
}

div.interest-objectinfo {
    width: 81%;
}

div.interest-interestinfo {
    height: auto;
    width: 100%;
    box-sizing: border-box;
}

    div.interest-interestinfo table tbody tr td a {
        background-color: #be9941;
        color: #fff;
        padding: 0.25em 1em;
        display: inline-block;
        border-radius: 4px;
        margin-bottom: 4px;
        text-decoration: none;
    }

        div.interest-interestinfo table tbody tr td a:hover {
            background: #db0707;
            color: #fff;
        }

        div.interest-interestinfo table tbody tr td a:first-of-type {
            background-color: red;
            display: none;
        }

    div.interest-interestinfo table tbody tr td {
        width: auto;
        float: right;
        display: inline;
    }

    div.interest-interestinfo table tbody tr:first-child td:first-child {
        float: left;
    }

    div.interest-interestinfo table tbody tr:last-child td {
        float: left;
    }

    div.interest-interestinfo table tbody tr td a.image,
    div.interest-interestinfo table tbody tr td a.planning {
        background: none;
        display: inline-block;
        float: left;
        color: #506378;
        padding: 0;
        font-weight: 600;
        margin-right: 15px;
        text-decoration: none;
    }

        div.interest-interestinfo table tbody tr td a.image:before,
        div.interest-interestinfo table tbody tr td a.planning:before,
        div.interest-interestinfo table tbody tr td div.right a:last-of-type:before {
            content: "\f054";
            color: #be9941;
            font-family: FontAwesome;
            font-size: 1em;
            padding-right: 4px;
            text-decoration: none;
            position: relative;
        }

        div.interest-interestinfo table tbody tr td a.image:before {
            content: "\f03e"
        }

        div.interest-interestinfo table tbody tr td a.planning:before {
            content: "\f15b"
        }

    div.interest-interestinfo table tbody tr td div.right {
        float: left;
    }

        div.interest-interestinfo table tbody tr td div.right a {
            background: none;
            display: inline-block;
            float: left;
            color: #333;
            padding: 0;
            font-weight: normal;
            text-decoration: none;
        }

table tbody tr td div.interest-footer {
    background: #fafafa;
}

    table tbody tr td div.interest-footer p {
        background-image: none;
        padding: 0 0 0 10px;
        margin: 6px 0 4px 0px;
        color: #000;
    }

        table tbody tr td div.interest-footer p:before {
            content: "\f05a";
            color: #be9941;
            font-family: FontAwesome;
            font-size: 26px;
            padding-right: 12px;
            text-decoration: none;
            top: 4px;
            position: relative;
        }

div.interest-interestinfo {
    font-size: 100%;
}

.page-col75 div.interest-objectinfo {
    margin-bottom: 1em;
}

div.subst-table ul, div.subst-table li {
    font-size: 1em;
}

body.hss_interest_summary div.tbl_block.subst-table {
    border: none;
}
body.hss_interest_summary div#Table28.TableSummary.subst-table {
    padding: 1em;
}

.tfcorrespondence .lblTFCorrespondence_error {
    color: #d61726;
}

div.tfcorrespondence label {
    margin-left: 5px;
    display: inline-block;
    font-size: 1em;
}

.tfcorrespondence .dividerTFCorrespondence {
    margin-top: 10px;
    padding-top: 9px;
    border-top: 1px #ddd solid;
}

.property-description-container {
    background: #f8f8f8;
    padding: 10px;
    border: 1px solid #DEE1E5;
}

    .property-description-container .property-more-information:after {
        color: #0b7b35;
    }

    .property-description-container .property-more-information {
        color: #000;
        font-weight: 500;
    }

    .property-description-container ul,
    .property-description-container ol {
        margin: 10px 10px;
    }

.property-descriptions div {
    margin-bottom: 12px;
    font-style: italic;
}

li.directsearch span {
    font-size: 0.95em;
}
/* Kundo */
.kundo-forum-right {
    border-radius: 3px 3px 0 0;
    padding: 12px 21px;
    position: fixed;
    right: 0;
    text-decoration: none;
    top: 17em;
    transform-origin: bottom right;
    transform: rotate(-90deg);
    z-index: 10000;
    background: #be9941;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}

    .kundo-forum-right:hover {
        background: #864527;
        color: #fff;
        text-decoration: none;
    }

div.siteFooter a.kundo-forum-bottom {
    color: #fff;
    background: #506378;
    padding: 8px 16px;
    position: relative;
    float: left;
    border-radius: 3px;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin-top: 0;
    display: none;
}

div.box-container.columns-holder {
    margin-top: 2em;
}

    div.box-container.columns-holder div.col25 {
        width: 48%;
    }

caption {
    display: none;
}

.startpage-hr {
    margin: 1.5em 0 1.5em;
    float: left;
    display: block;
    width: 100%;
}

h3#ctl00_ctl01_DefaultSiteContentPlaceHolder1_Col1_lblNewsListHeader {
    display: none;
    visibility: hidden;
}

/** FAQ AREA **/
div.col100.info div.startinfo-container {
    background-color: #f8f8f8;
    text-align: center;
    padding: 2em 6em;
    margin-top: 0;
    box-sizing: border-box;
    margin-bottom: 0;
    border-radius: 0.25em;
    float: left;
    width: 100%;
    box-sizing: border-box;
}

    div.col100.info div.startinfo-container h4 {
        font-size: 1.75em;
        line-height: 1.5em;
        letter-spacing: -0.0225em;
        color: #fff;
    }

    div.col100.info div.startinfo-container p {
        margin-bottom: 1em;
        font-size: 1em;
        font-weight: 400;
    }

        div.col100.info div.startinfo-container p:last-of-type {
            margin: 0;
        }

div.col100.faq div.startinfo-container p:last-of-type {
    margin-bottom: 0;
}

div.col100.info div.startinfo-container a.bulleted {
    display: block;
    width: 100%;
    margin-top: 1em;
    color: #fff;
}

a.knapp-bulleted {
    background: #577C13;
    color: #fff;
    font-size: 1.25em;
    padding: 1em;
    display: inline-block;
    border-radius: 0.125em;
}

    a.knapp-bulleted:hover {
        background: #00852E;
    }

ctl00_ctl01_DefaultSiteContentPlaceHolder1_Col1_chkAreas

div.subst-table ul, div.subst-table li {
    font-size: 1em;
}

div.tbl_block.subst-table {
    border: 1px solid #ccc;
}

div#Table28.TableSummary.subst-table {
    padding: 1em;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    ul.form li.value input {
        width: auto !important;
        padding: 6px 0;
        line-height: 0;
    }

    div.loginarea p input {
        padding: 6px 0;
        line-height: 0;
    }

    input, select, textarea {
        border-radius: 0;
    }
}

.ListImage {
    float: left;
    margin-right: 15px;
    width: 160px;
}

.ListImageReport {
    float: left;
    margin-right: 15px;
    width: 100px;
    height: 100px;
}

.ListIntro {
    font-style: normal;
}

.imgMainPress {
    width: 800px;
    margin-bottom: 20px;
}

.GenericImageList {
    float: left;
    margin-right: 15px;
    width: 160px;
    height: 160px;
    object-fit: cover;
}

.PressWrapper {
    width: 100%;
    float: left;
    box-sizing: border-box;
    margin-bottom: 1.5em;
    padding-bottom: 1em;
    border-bottom: solid 1px #cccccc;
}

    .PressWrapper.header {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }

.pressCol1, .pressCol2, .pressCol3, .pressCol4 {
    float: left;
}

    .pressCol1, .pressCol2, .pressCol3, .pressCol1.header, .pressCol2.header, .pressCol3.header {
        padding-right: 10px;
    }

        .pressCol1.header, .pressCol2.header, .pressCol3.header, .pressCol4.header {
            font-weight: bold;
            border-bottom: 2px solid black;
            font-size: 1.1em;
            margin-bottom: 1em;
        }

.pressCol1 {
    width: 37%;
}

.pressCol2 {
    width: 24%;
}

.pressCol3 {
    width: 13%;
}

.pressCol4 {
    width: 18%;
}

.clearDate {
    clear: both;
    margin-top: 1em;
}

.ReportType {
    font-weight: bold;
}

.DateTitleWrapper {
    float: left;
    width: 60%;
}


body.mina-sidor_tidsbokning_boka-pass div.box-secondary-inner.box-inner {
    background: #F7F2E9;
    border-radius:2em;
}
.btnbooked {
    margin: 1em 0 0 0;
    height: auto;
    line-height: 2em;
    width: auto;
    padding: 0 1em;
    color: #000;
    font-size: 1em;
    text-align: center;
    background: #B7D9B1;
    border-radius: 2em;
    display: block;
    text-indent: 0;
    border: 1px solid #000;
    font-weight: 600;
}
.btnavailable {
    margin: 1em 0 0 0;
    height: auto;
    line-height: 2em;
    width: auto;
    padding: 0 1em;
    color: #000;
    font-size: 1em;
    text-align: center;
    background: #fff;
    border-radius: 2em;
    display: block;
    text-indent: 0;
    border: 1px solid #000;
    font-weight: 600;
}
.btnunavailable {
    margin: 1em 0 0 0;
    height: auto;
    line-height: 2em;
    width: auto;
    padding: 0 1em;
    color: #858585;
    font-size: 1em;
    text-align: center;
    background: #E0E0E0;
    border-radius: 2em;
    display: block;
    text-indent: 0;
    border: 1px solid #858585;
    font-weight: 300;
}
#divBookedPasses .border, .divBookedPasses .border {
    background: #F7F2E9;
    margin: 0 1% 1% 0;
    padding: 1.5em;
    float: left;
    border-radius: 3px;
    border: 1px solid #000;
    width: 28%;
    box-sizing: border-box;
}

div.debt p.errorreport a#ctl00_ctl01_DefaultSiteContentPlaceHolder1_Col1_hlAddOrder1,
div.debt p.errorreport a#ctl00_ctl01_DefaultSiteContentPlaceHolder1_Col1_hlAddOrder2 {
    background: #EFE6D3;
    border-radius: 2em;
    margin-left: 0;
    padding: 0.5em 1em;
    display: inline-block;
    text-decoration: none;
    font-weight: 500;
    color: #000;
    font-size: 1em;
    text-align: center;
}

    div.debt p.errorreport a#ctl00_ctl01_DefaultSiteContentPlaceHolder1_Col1_hlAddOrder1:hover,
    div.debt p.errorreport a#ctl00_ctl01_DefaultSiteContentPlaceHolder1_Col1_hlAddOrder2:hover {
        background: #EFE6D3;
    }
    div.debt p.errorreport a#ctl00_ctl01_DefaultSiteContentPlaceHolder1_Col1_hlAddOrder1:before,
    div.debt p.errorreport a#ctl00_ctl01_DefaultSiteContentPlaceHolder1_Col1_hlAddOrder2:before {
        content: "";
        display: inline-block;
        height: 20px;
        width: 20px;
        background-size: 20px 20px;
        background-image: url('../Img/construct.svg');
        background-repeat: no-repeat;
        margin-right: 0.25em;
        position: relative;
        top: 3px;
    }
div.alertinfo div.box-secondary-inner.box-inner,
div.user div.box-primary-outer.box-outer div.box-primary-inner.box-inner,
div#ctl00_ctl01_DefaultSiteContentPlaceHolder1_Col2_divAreaLinks div.box-primary-inner.box-inner {
    background: #F7F2E9;
}

a.bulleted:before,
.primary a.bulleted:before,
.secondary a.bulleted:before {
    content: "";
    display: inline-block;
    height: 6px;
    width: 6px;
    background-size: 6px 6px;
    background-image: url('../Img/rectangle.svg');
    background-repeat: no-repeat;
    margin-right: 0.25em;
    position: relative;
    top: -3px;
}


.navigation-tabs .tab.active {
    background-color: #EFE7D7;
    color: #222;
    font-weight:500;
}