﻿/*
 * Main stylesheet for the new cleaned structure.
 *
 * 2022-01-31 VIPHI
 */
/* 
 * General
 */

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500&family=Montserrat:wght@300;600&family=Outfit:wght@700&display=swap');
html {
}

body {
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 1em;
    line-height: 1.5em;
    color: #222;
    background: #FAFAF8;
}

input, textarea, select {
}

pre, code, kbd {
}

strong, b {
}

em {
}

.ingress {
    //font-size: 15px;
    font-weight: 600;
    color: #3b3b3b;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
}

.pre-amble {
}

.alert {
}

p {
    color: #222;
    font-weight: 300;
}

a {
    color: #00529c;
}

    a.bulleted {
        color: #00529c;
        text-decoration: none;
    }

        a.bulleted:before {
            color: #00529c;
        }
caption {
    display:none;
}
/*
 * Headers
 */
h1, h2, h3, h4, h5, h6 {
    color: #00529c;
    font-weight: 400;
}

    h1, h2.pagetitle {
        font-family: "Outfit";
        font-weight: 700;
        font-size: 2em;
        line-height: 1.65em;
        text-transform: uppercase;
        color: #00529c;
        letter-spacing: 1px;
    }

h2, h3, h4, h5, h6 {
    font-family: "Outfit";
    font-weight: 500;
}

    h2 {
        font-size: 1.75em;
        line-height: 1.65em;
    }

h3 {
    font-size: 1.5em;
    line-height: 1.6em;
}

h4 {
    font-size: 1.4em;
    line-height: 1.55em;
}

h5 {
    font-size: 1.3em;
    line-height: 1.5em;
}

h6 {
    font-size: 1.2em;
    line-height: 1.5em;
}

h2.header, h3.header {
}

.alignleft {
    margin-right: 1.25em;
}

form.bg {
    position: absolute;
    top: 0;
    width: 100%;
}

body.default form.bg {
    background: none;
}

img.bg {
    /* Set rules to fill background */
    min-height: initial;
    min-width: 980px;
    /* Set up proportionate scaling */
    width: 100%;
    height: auto;
    /* Set up positioning */
    position: fixed;
    top: 0px;
    left: 0;
    display: none;
}

header.siteHeader-container,
main.siteMain-container {
    width: 66em !important;
    position: relative;
    z-index: 2;
    background: #fff none repeat scroll 0 0;
}

footer.siteFooter-container {
    width: 100% !important;
}

main.siteMain-container {
    overflow: visible;
}

header.siteHeader-container {
    position: relative;
    z-index: 3;
    overflow: visible;
    height: 10.5em;
}

div.siteOptions-container {
}

    div.siteOptions-container:after {
        content: "";
        display: block;
        clear: both;
    }

    div.siteOptions-container div.siteOptions {
        float: none;
        margin: 0 auto;
        position: relative;
        top: 20px;
        width: 60em;
    }

        div.siteOptions-container div.siteOptions:after {
            content: "";
            display: block;
            clear: both;
        }

    div.siteOptions-container ul.siteOptions {
        font-size: 13px;
        margin: 4px 0 0;
        overflow: visible;
        width: 100%;
        text-align: center;
    }

        div.siteOptions-container ul.siteOptions li {
        }

            div.siteOptions-container ul.siteOptions li a {
                color: #fff;
                text-decoration: none;
                font-size: 12px;
                padding: 0 10px;
            }

footer.siteFooter-container {
    overflow: visible;
    background: #e5eef6;
    position: relative;
    z-index: 2;
    padding:2em 0;
}

    footer.siteFooter-container:after {
        content: "";
        display: block;
        clear: both;
    }

    footer.siteFooter-container .col100 {
        background: transparent;
    }

div.siteHeader,
div.siteMain,
div.siteFooter {
    width: 60em;
    margin: 0 auto;
    position: relative;
    z-index: 100;
}

div.siteMain {
    min-height: 470px;
    padding: 20px 0;
}

body.default div.siteMain {
    padding-top: 0;
    padding-bottom: 40px;
}

div.headerliks {
    float: right;
    position: absolute;
    right: 174px;
    top: 41px;
    z-index: 1;
}

    div.headerliks ul {
        height: 29px;
        line-height: 19px;
        margin: 0;
        position: relative;
    }

        div.headerliks ul li a {
            color: #3b3b3b;
            font-size: 13px;
            text-decoration: none;
        }

            div.headerliks ul li a:before {
                content: "\f0ac";
                font-family: FontAwesome;
                padding-right: 4px;
                color: #3b3b3b;
            }

            div.headerliks ul li a:hover {
                text-decoration: none;
                color: #00529c;
            }

            div.headerliks ul li a:before:hover {
                color: #00529c;
            }


/*
 * Site header
 */
/** Site logo **/
div.siteLogo {
}
    /** Site logo **/
    div.siteLogo img {
    }

/*
 * Sidebar container 
 */
div.siteSidebar {
    background: none;
}

/*
 * Content containers 
 */
div.siteContent {
}

div.siteContentFull {
}

div.siteContentPopup {
}

div.siteContentIframe {
}

div.welcome {
    padding: 70px 0 330px;
}
/*
 * Footer elements 
 */
body.default div.siteBreadcrumbs {
    display: none;
    float: none !important;
}

div.siteBreadcrumbs {
    float: none;
    font-size: 13px;
    margin-bottom: 17px;
    padding: 8px 0 0;
    width: 100%;
    font-weight: 300
}

    div.siteBreadcrumbs, div.siteBreadcrumbs span a {
        color: #3b3b3b !important;
        text-decoration: none;
        font-weight: 400
    }

        div.siteBreadcrumbs a:hover {
            color: #00529c !important;
        }


div.siteContact {
    width: 100%;
}

    div.siteContact a {
        color: #3b3b3b;
        text-decoration: none;
    }

        div.siteContact a:hover {
            text-decoration: underline;
        }

    div.siteContact .footerTitle,
    ul.siteOptions li.footerTitle {
        width: 100%;
        font-weight: 600;
        color: #3b3b3b;
        margin-bottom: 0;
        font-size:1.25em;
    }

    div.siteContact ul {
        width: 100%;
        overflow: hidden;
    }

        div.siteContact ul li {
            display: block;
            color: #3b3b3b;
            font-size:100%;
        }
footer {
    font-size:100%;
}
footer ul.siteOptions li {
    font-size:100%;
}

footer ul.siteOptions {
    display: none;
}

div.siteLogos {
}

div.siteOptions {
    width: 100%;
}

ul.siteOptions li {
    display: inline-block;
    width: 100%;
}

ul.siteOptions h4 {
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    color: #3b3b3b;
    line-height: 20px;
    margin-bottom: 0;
}

ul.siteOptions li a {
    color: #3b3b3b;
    text-decoration: none;
}

    ul.siteOptions li a:hover {
        text-decoration: underline;
    }

/*
 * Page containers 
 */
.col100, .col75, .col50, .col37, .col25 {
}

.col100 {
}
    .col100 img {
        max-width:100%;
    }
    .col75 {
    }

.col50 {
}

.col37 {
}

.col33 {
}

.col33full {
    width: 300px;
}

.col25 {
}

body.global_cookiecheck .page-popup h1 {
    display: none;
}

.page-popup {
    background: #fff;
    color: #000000;
    float: left;
    font-size: 13px;
    line-height: 22px;
    padding: 10px;
}

.page-popup {
    float: left !important;
    width: 96%;
    padding: 3px;
}

.col75.article {
    margin-bottom: 10px;
}

div.wrapper {
    z-index: 200;
    position: relative;
    min-height: 600px;
}

body.default div.wrapper {
    background: none;
    min-height: 0;
    margin-bottom: 10px;
}

div.col100.ingangar, div.col100.large-puff {
    background: transparent;
    margin-bottom: 20px;
}
/*
 * 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%;
    box-sizing: border-box;
}

    div.errortext input.btn {
        display: block;
        margin: 0 auto;
        margin-top: 0px;
        margin-top: 1em;
    }

caption {
    margin-bottom: 1em;
}

caption, th {
}
/*
 * Search area
 */


div.search_area {
    background: #fff;
    border: 1px solid #cfdfee;
    border-radius: 5px;
    float: right;
    position: absolute;
    right: 0;
    text-align: right;
    top: 3.75em;
    width: 14em;
    z-index: 1;
}

    div.search_area .search_field {
        border: none;
        border-radius: 0;
        box-shadow: none;
        width: 74%;
    }

    div.search_area .btn_search {
        box-shadow: none;
        border: none;
        border-radius: 0;
        background: none;
        margin-right: 0.25em;
        color: #00529c;
        padding: 0 0.5em;
        height: auto;
        line-height: initial;
        font-weight: 600;
        text-transform: uppercase;
    }

        div.search_area .btn_search:hover {
            color: #00529c;
        }
div.global-unauthorized-login, div.global-unauthorized-register, div.global-authorized-mypages, div.global-authorized-logout, div.global-language, div.global-rss {
    padding:0.5em;
}
div.global-authorization {
    font-size: 0.875em;
    position: absolute;
    right: 12em;
    top: 0.85em;
    z-index: 101;
}

    div.global-authorization a {
        text-decoration: none;
        color: #3b3b3b;
    }

        div.global-authorization a:hover {
            text-decoration: none;
            color: #00529c;
            text-decoration:underline;
        }

    div.global-authorization i {
        color: #00529c;
    }

        div.global-authorization i:before {
            color: #00529c;
        }

div.siteContent div.col75 div.article-general table.box.primary.col25 {
    width: 100% !important;
}

div.siteContent div.col75 div.article-general table.box.secondary.col25 {
    width: 100% !important;
}

/**Små puffar**/

.col25.smapuffar .box-inner {
    padding: 0;
}

.col25.smapuffar .smapuffimg {
    opacity: 0.70;
    width: 100% !important;
}

.col25.smapuffar .box-inner img {
    max-width: 100% !Important;
}

.col25.smapuffar p {
    text-align: center;
    padding: 20px 0;
}

.col25.smapuffar .box.ingang {
}

.col25.smapuffar p a {
    text-align: center;
    font-family: "Shadows Into Light Two";
    text-transform: uppercase;
    font-size: 1.25em;
    color: #fff;
    text-decoration: none;
    text-shadow: 1px 1px 1px #444;
    letter-spacing: 1px;
}

.col25.smapuffar:nth-of-type(4n+1) .box-inner {
    background: #0056a2;
}

.col25.smapuffar:nth-of-type(4n+2) .box-inner {
    background: #f7941d;
}

.col25.smapuffar:nth-of-type(4n+3) .box-inner {
    background: #1ea29d;
}

.col25.smapuffar:nth-of-type(4n+4) .box-inner {
    background: #f26d7d;
}

/**Nyheter**/

.col50.news {
    padding-top: 20px;
}

    .col50.news h2 {
        font-family: "Shadows Into Light Two";
        text-transform: uppercase;
        font-size: 30px;
        color: #00529c;
        text-decoration: none;
        margin-bottom: 20px;
        letter-spacing: 1px;
    }

    .col50.news span.newsdate {
        font-size: 0.85em;
        color: #3b3b3b;
    }

    .col50.news h3 {
        line-height: 18px;
    }

        .col50.news h3 a {
            font-size: 16px;
            color: #00529c;
            text-decoration: none;
            line-height: 18px;
        }

/**Stor Puff**/

.col50.storpuff .box-inner {
    padding: 0;
    padding-top: 20px;
}

    .col50.storpuff .box-inner img {
    }

    .col50.storpuff .box-inner.column {
        width: 28.75em;
    }

.col50.storpuff .box.ingang {
    width: 28.75em;
    display: block;
    margin-top: 10px;
}

.col50.storpuff p {
    text-align: center;
}

    .col50.storpuff p a {
        font-family: "Shadows Into Light Two";
        text-transform: uppercase;
        font-size: 26px;
        color: #1ea29d;
        text-decoration: none;
        line-height: 35px;
    }
.col50 .box-inner img {
    max-width:470px;
}

.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;
}


.siteHeader div.siteOptions img {
    margin-top: 1.35em;
    width: 250px;
}

/*
 * Search area
 */
div.search_area .btn_search {
}

/*
 * Boxes
 */
.box {
}

.primary h2, .secondary h2, .primary h3, .secondary h3, .primary h4, .secondary h4, .primary h5, .secondary h5, .primary h6, .secondary h6 {
    background: none;
}

.primary h1, .primary h2, .primary h3, .primary h4, .primary h5, .primary h6 {
    color: #fff;
}

.secondary h1, .secondary h2, .secondary h3, .secondary h4, .secondary h5, .secondary h6 {
    color: #00529c;
}
div.rental h2, div.trade h2 {
    font-size: 2em;
    line-height: 1.5em;
    margin-bottom: 0em;
}
h2.localnews {
}

span.button-list input {
}

a.link-large {
}

.siteBreadcrumbs {
    font-size:100%;
}

.siteContact {
}

div.siteHeader table {
}

ul.form {
}

.box ul.form {
}

.pageFooter input {
}

div.navbar div.text {
}

.tbl_list {
}

.tbl_cell_list_header {
}

.tbl_grid {
}

.agreetext, .infotext {
    font-size: 0.8125em;
}
/*
 * Styles used by content from the CM-editor in PortalAdmin
 *
 * 090824	HE		Initial version
 */

/* 
 * 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 {
}

    p.mul-img img {
    }

    p.mul-plan img {
    }

    p.pNoEntries {
    }

/*
 * Hyperlinks
 */
a.image {
}

a.planning {
}

a.bulleted {
}

a.icon-areainfo img {
}

/*
 * Form elements
 */
input, select, textarea {
    font-size: 0.9em;
    box-shadow: unset;
    border-radius: unset;
    line-height: 1.85em;
}

input {
    height: unset;
    text-indent: 0.3em;
}

input, textarea {
    padding: unset;
}

select {
    height: auto;
}

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: "Source Sans Pro", Arial, Helvetica, sans-serif;
    font-size: 0.85em;
    line-height: 1.25em;
    background: #00529c;
    color: #fff;
    padding: 0.5em 1em;
    height: auto;
    text-shadow: unset;
    border: none;
    box-shadow: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 600;
}

.btn-disabled {
    background: #888;
}

.btn_interest {
    font-size: 18px;
}

.btn:hover {
    background: #02396b;
}

.register-interest input[type="submit"] {
    font-size: 0.95em;
    color: #fff;
    background: #00529c;
    cursor: pointer;
    color: #fff;
    padding: 10px;
    font-weight: 600;
    border: none;
}

    .register-interest input[type="submit"]:hover {
        background: #02396b;
        cursor: pointer;
        color: #fff;
    }

input#ctl00_ctl01_DefaultSiteContentPlaceHolder1_Col1_ObjectSearch1_btnSearch.btn {
    padding: 0.45em 0.7em 0.45em 0.7em;
    text-transform: uppercase;
}

.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 {
}

/*
 * 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 {
    border: solid 1px #cfdfee;
    background: #e5eef6;
    font-weight: bold;
    height: unset;
    line-height: 1.5em;
    padding: 0.5em 0.85em;
    width: 100%;
    box-sizing: border-box;
    float: left;
}

div.pageFooter {
    border: solid 1px #cfdfee;
    background: #e5eef6;
    text-align: right;
    margin: 1em 0 0 0;
    padding: 0.5em 0.5em;
    clear: both;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    float: left;
}

    div.pageFooter input {
        margin:0;
    }

/*
 * Validator 
 */
td div.validator-valid, td div.validator-unvalid {
}

div.validator-valid {
}

div.validator-unvalid {
}

span.validation-summary {
}

span.forminfo-icon {
}

span.forminfo-text {
}

/*
 * Landlord presentation
 */
div.landlord-area {
}

div.landlord-img {
}

    div.landlord-img img {
    }

ul.landlord-list {
}

    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 {
}

/* 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 {
}

/*
 * Search Area Results
 */
div.search_results {
}

    div.search_results .search_textfield_area {
    }

    div.search_results .navbar {
    }
/*
 * TopMenu definition.
 *
 * 090817	HE		Initial version
 */

/*** Reset all list-styles ***/
ul.topmenu, ul.topmenu li {
}

/*** Setup basic menu look ***/
ul.topmenu {
    position: relative;
    top: 1.5em;
    left: 0;
    width: 100%;
}

    ul.topmenu li {
        margin-right: 1em;
    }

        ul.topmenu li a {
            color: #3b3b3b;
            font-size: 1.05263em;
            line-height: 1.5em;
            text-decoration: none;
            padding: 0 0 0.5em;
            border-bottom: 6px solid #fff;
        }

            /*ul.topmenu li.first a {
            display: none;
            visibility: hidden;
        }*/

        ul.topmenu li a:hover {
            color: #0056a2;
            border-bottom: 6px solid #e5eef6;
        }

        ul.topmenu li:hover {
        }

        /*** Selected item or selected child-item ***/
        ul.topmenu li.selected a, ul.topmenu li.childselected a {
            color: #0056a2;
            border-bottom: 6px solid#0056a2;
        }

            ul.topmenu li.selected a:hover, ul.topmenu li.childselected a:hover {
            }

/*** Element padding ***/
ul.submenu {
    padding: 5px 0 5px 0;
}

    ul.submenu ul {
    }

        ul.submenu ul a {
        }

        ul.submenu ul ul a {
        }

    /*** Link styles ***/
    ul.submenu a {
        font-size: 1.05263em;
        text-decoration: none;
        color: #3b3b3b;
        display: block;
        line-height: 20px;
        border-bottom: none;
        font-weight: normal;
        padding: 7px;
        border-left: 4px solid #fff;
    }

        ul.submenu a:hover {
            color: #00529c;
            border-left: 4px solid #e5eef6;
        }

    /*** Special styles ***/
    ul.submenu li {
    }

        ul.submenu li.selected {
            color: #00529c;
        }

            ul.submenu li.selected a {
                color: #00529c;
                display: block;
                padding-left: 10px;
                border-left: 4px solid #00529c;
            }

                ul.submenu li.selected a:hover {
                    color: #00529c;
                    border-left: 4px solid #e5eef6;
                }


        ul.submenu li.collapsed a:before {
            content: "\f067";
            color: #00529c;
            font-family: FontAwesome;
            font-size: 0.9em;
            line-height:1.5em;
            position: absolute;
            right: 1em;
            text-decoration: none;
            vertical-align: middle;
            font-weight: 400;
        }

        ul.submenu li.expanded a:before {
            content: "\f068";
            color: #00529c;
            font-family: FontAwesome;
            font-size: 0.90em;
            line-height: 1.5em;
            position: absolute;
            right: 1em;
            text-decoration: none;
            vertical-align: middle;
            font-weight: 400;
        }

        ul.submenu li.expanded.childselected ul li.expanded.selected a:before {
            content: "\f068";
            color: #00529c;
            font-family: FontAwesome;
            font-size: 0.95em;
            line-height: 1.5em;
            position: absolute;
            right: 1em;
            text-decoration: none;
            vertical-align: middle;
            font-weight: 400;
        }

        ul.submenu li.expanded.childselected ul li.collapsed.selected a:before {
            content: "\f067";
            color: #00529c;
            font-family: FontAwesome;
            font-size: 0.95em;
            line-height: 1.5em;
            position: absolute;
            right: 1em;
            text-decoration: none;
            vertical-align: middle;
            font-weight: 400;
        }

        ul.submenu li.expanded.childselected ul li.expanded.childselected a:before {
            content: "\f068";
            color: #00529c;
            font-family: FontAwesome;
            font-size: 0.9em;
            line-height: 1.5em;
            position: absolute;
            right: 1em;
            text-decoration: none;
            vertical-align: middle;
            font-weight: 400;
        }

        ul.submenu li.expanded.selected ul li.collapsed a:before {
            content: "\f067";
            color: #00529c;
            font-family: FontAwesome;
            font-size: 0.95em;
            line-height: 1.5em;
            position: absolute;
            right: 1em;
            text-decoration: none;
            vertical-align: middle;
            font-weight: 400;
        }

        ul.submenu li.expanded.childselected ul li.collapsed a:before {
            content: "\f067";
            color: #00529c;
            font-family: FontAwesome;
            font-size: 0.95em;
            line-height: 1.5em;
            position: absolute;
            right: 1em;
            text-decoration: none;
            vertical-align: middle;
            font-weight: 400;
        }

        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: "";
        }
*
* Ordered/Unordered lists
*/
ul, ol {
    margin-left: 2em;
}

ul li {
    font-size: 0.95em;
}

ol li {
    font-size: 0.95em;
}

/* 
 * Horizontal list 
 */
ul.horizontal {
}

    ul.horizontal li span {
        font-size: 0.95em;
    }

    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-bulleted {
    margin-bottom: 1.25em;
    width: 100%;
}

    ul.horizontal-bulleted li {
        background: none;
        margin: 0;
        padding: 0;
        white-space: unset;
        width: 100%;
        line-height: 1.75em;
    }

        ul.horizontal-bulleted li::before {
            color: #00529c;
            content: "\f00c";
            display: inline-block;
            font-family: FontAwesome;
            font-size: 0.85em;
            line-height: 11px;
            margin-right: 0.5em;
            padding: 0.25em;
            text-decoration: none;
            width: 0.65em;
        }

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 {
}

ul#ctl00_ctl01_DefaultSiteContentPlaceHolder1_Col1_ulBuilding {
    display:none;
}
/*
 * Boxlist
 */
ul.boxlist {
}

    ul.boxlist li {
    }

/* 
 * FAQ List 
 */
ul.faq-list {
}

    ul.faq-list li {
    }

    ul.faq-list .icon-question {
    }

    ul.faq-list .icon-answer {
    }

    ul.faq-list .question {
    }

    ul.faq-list .question, ul.faq-list .answer {
    }

/* 
* Sitemap
*/
.sitemap_paragraph {
}

/* 
 * Sitemap List 
 */
ul.link {
}

ul li.maplink {
}

/* 
 * ListAvailable
 */
ul.listavailable {
}

.col50 ul.listavailable li a {
}

.col25 ul.listavailable li a.align-left {
}

ul.listavailable a img {
}

/*
 * Thumbnail list
 */
div.thumbnail-container {
}

ul.thumbnail-list {
}

    ul.thumbnail-list img {
    }

.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 {
    }
/*** 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: #00529c;
    color: #fff;
}

    .primary hr {
        background: #4488c5;
    }

    .primary a {
        color: #fff;
    }

    .primary p {
        color: #fff;
    }

    .primary a.bulleted {
        color: #fff;
    }
        .primary a.bulleted:before {
            color:#fff;
        }
        /*** Secondary ***/
        .secondary {
            background: #e5eef6;
        }

    .secondary hr {
    }

    .secondary a {
        color: #00529c;
    }

        .secondary a.bulleted {
            color: #00529c;
        }

/*** Login Control ***/
.col25 div.loginarea span {
}

.col37 div.loginarea span {
}

.col37 div.loginarea input {
}

    .col37 div.loginarea input.btn {
    }
div.loginarea input.btn {
    background:#000;
}

.box-primary, .box-secondary, .box-rental, .box-resident, .box {
    font-size: 100%;
}
/*
 * Table grid list
 */
div.grid {
}

table.gridlist {
    font-size: 0.95em;
}

    table.gridlist tr.headerrow {
    }

    table.gridlist tr.marked {
    }

    table.gridlist tr.dimmed {
    }

    table.gridlist td {
    }

        table.gridlist td.header, tr.header td {
            background-color: #3b3b3b;
        }

            table.gridlist td.header a, tr.header td a {
                background-color: #3b3b3b;
            }

                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: #3b3b3b;
                }

                table.gridlist td.header a.sel-desc, table.gridlist tr.header td a.sel-desc {
                    background-color: #3b3b3b;
                }

        table.gridlist td.listitem-even, tr.listitem-even td {
            padding: 8px 6px;
        }

    table.gridlist tr.listitem-even td a {
        font-weight: 600;
    }

        table.gridlist tr.listitem-even td a:hover {
            text-decoration: underline;
        }

.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: 8px 6px;
}


table.gridlist tr.listitem-odd td a {
    font-weight: 600;
}

    table.gridlist tr.listitem-odd td a:hover {
        text-decoration: underline;
    }


table.gridlist td.listitem-level2, tr.listitem-level2 td {
}

table.gridlist .label {
}

table.gridlist tr td td {
}

table.gridlist img.objectlist_icon {
}

table.gridlist td.header:first-of-type {
    padding-left: 6px;
}

table.gridlist td.header:last-of-type {
    padding-right: 10px;
}

table.gridlist td.header, tr.header td {
    height: 32px;
    vertical-align: middle;
    padding: 1px 7px;
}

/*
 * UL form list
 */
ul.form {
    margin: 0;
    width: 100%;
    box-sizing: border-box;
    font-size: 0.95em;
    box-sizing: border-box;
}

    ul.form li {
    }

        ul.form li.validator {
            width: 1.125em;
        }

        ul.form li.label {
            width: 11em;
        }

        ul.form li.value, .box ul.form li.value {
            margin-bottom: 8px;
            padding-left: unset;
        }

.box-primary ul.form li.label, .box-secondary ul.form li.label, .box ul.form li.label {
}

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 input {
        width: auto !important;
        padding: 0 5px;
    }

ul.form li.text {
}

ul.form li.textrow, .box ul.form li.textrow {
    font-weight: normal;
    font-size: 1em;
    font-style: italic;
}

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 {

}

ul.form li.value select {
    width: unset
}

    ul.form li.value select#ctl00_ctl01_DefaultSiteContentPlaceHolder1_Col1_drpUser1Century.controlRequired {
        width: unset !important;
    }

ul.form li.value table.checkboxlist.no-border tbody tr td {
    width: 12em;
}


.formstyle {
}

    .formstyle .label {
    }
/* QuickFilter */
.objectlistFilters {
    background: #e5eef6;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    margin-bottom: 20px;
    padding: 17px 30px 3px;
}

ul.quickfilter li.full {
    border-bottom: 1px dotted #3b3b3b;
    margin-bottom: 10px;
    padding-bottom: 10px;
    width: 100%;
}

ul.quickfilter li {
    float: left;
    font-size: 0.95em;
    list-style-type: none;
    margin-left: 0;
    margin-right: 44px;
    width: 46%;
}

ul.quickfilter span.minValue, ul.quickfilter span.maxValue {
    margin-top: 0.5em;
    margin-right: 0.5em;
}

ul.quickfilter span.minValue,
ul.quickfilter span.maxValue {
    font-size: 0.85em;
}

ul.quickfilter .minValueInput,
ul.quickfilter .maxValueInput {
    border-radius: 0.25em;
    font-size: 0.75em;
    font-weight: 600;
}

ul.quickfilter li span.title {
    font-size: 16px;
    font-weight: 600;
}

.ui-widget-header {
    background: #00529c;
}

.ui-widget-content {
    background: #fff;
    margin-bottom: 0.3em;
}

label.title {
    background: #e5eef6;
    border-radius: 6px;
    color: #00529c;
    display: inline-block;
    margin-bottom: -4px;
    padding: 13px 20px;
}

#lblShowHideQuikfilter {
    background: #e5eef6;
    color: #00529c;
    display: inline-block;
    margin-bottom: -4px;
    padding: 13px 20px;
    font-weight: 600;
}

table.check tr td {
    padding: 8px 0 8px 3px;
}

.templatelist.block.objectlist,
ul.templatelist.block,
.templatelist.block:nth-child(1n+3) {
    background: transparent;
    border: 1px solid #dbdbdb;
    margin-right: 2%;
    width: 31.5% !important;
}

.templatelist.block:nth-child(3n+3) {
    margin-right: 0 !important;
}

.templatelist.block {
    background: #efefef;
    border: none;
    border-radius: 6px;
}

    .templatelist.block li {
        padding-top: 8px;
    }

ul.templatelist.block li h2 {
    font-size: 16px;
    font-weight: 600;
    margin-top: 0;
}

ul.templatelist.block li img.image {
    display: block;
    margin: 0 auto;
    max-height: 110px;
    padding-left: 0;
    width: 80%;
    overflow: hidden;
}
ul.listviews li a {
    display: block;
    font-size: 14px;
    height: 14px;
    font-weight: 600;
}

ul.listviews {
    float: right;
}

div.page-col25 ul.grid {
    margin-bottom: 4px;
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 5px;
}

    div.page-col25 ul.grid li {
        font-size: 14px;
    }

        div.page-col25 ul.grid li.left {
            float: left;
        }

        div.page-col25 ul.grid li.right {
            padding-left: 0;
            width: 100%;
            display: block;
            font-size: 14px;
        }

div.page-col50 ul.grid li.right {
    padding: unset;
}

div.page-col50 ul.grid li.left {
    float: left;
    font-size: 1.125em;
    line-height: 2em;
    font-weight: 600;
    width: 70%;
}

span#object_detail_buttonlist.button-list .btn_details {
    background: #00529c;
    color: #fff;
    font-size: 1em;
    line-height: 1.85em;
    display: block;
    width: 3em;
    height: 2em;
    border-radius: 4px;
    margin: 0 auto;
    z-index: 1;
    position: relative;
    margin-bottom: -0.25em;
}

span#object_detail_buttonlist.button-list .btn_details_container {
    margin-right: 0.65em;
}

span#object_detail_buttonlist.button-list .btn_details_button {
    font-size: 0.6725em;
    width: 100%;
    text-align: center;
    font-weight: bold;
    display: block;
    height: 3em;
    position: relative;
    bottom: 1em;
    line-height: 5em;
    z-index: 2;
    margin-bottom: 0;
}

div.jquerypanel .header a.hidden,
div.jquerypanel .header a {
    background-color: transparent;
    background-position: 0 50%;
}

ul.exchangeobject, div.jquerypanel {
    background-color: #e5eef6;
}

/** Interest **/
ul.mypage_profile_interest_header h4 {
    font-size: 19px;
    margin-top: 3px;
}

div.interest-header {
    padding: 6px 10px;
    font-size: 18px;
    background:#00529c;
    color:#fff;
}

div.interest-objectinfo div.subst-table ul.subst-row {
    padding: 0;
    line-height:1.85em;
}

div.interest-image {
    float: left;
    width: 130px;
    height: 85px;
    padding: 5px 10px 0 0;
}
div.interest-objectinfo {
    border:none;
    padding:0;
}
div.interest-footer p {
    background-color: transparent;
    font-size: 15px;
}
div.interest-objectinfo {
    width: 35em;
    float: right;
    box-sizing: border-box;
}

div.interest-interestinfo {
    height: auto;
    width: 100%;
    box-sizing: border-box;
    font-size: 100%;
    padding: 1em;
    border: 1px solid #ccc;
    margin-top: 1em;
    margin-bottom: 1em;
}

    div.interest-interestinfo table tbody tr td a {
        background-color: #00529c;
        color: #fff;
        padding: 3px 15px;
        display: inline-block;
        margin-bottom: 4px;
        text-decoration: none;
        font-weight: 600;
        font-size: 0.95em;
    }

        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: #3b3b3b;
        padding: 0;
        font-weight: 600;
        margin-right: 15px;
        text-decoration: none;
    }

        div.interest-interestinfo table tbody tr td a.image:hover,
        div.interest-interestinfo table tbody tr td a.planning:hover {
            text-decoration: underline;
        }

        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: #00529c;
            font-family: FontAwesome;
            font-size: 16px;
            padding-right: 4px;
            text-decoration: none;
            top: 1px;
            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: #00529c;
            padding: 0;
            font-weight: 600;
            text-decoration: none;
        }

            div.interest-interestinfo table tbody tr td div.right a:hover {
                text-decoration: underline;
            }

table tbody tr td div.interest-footer {
    background: #f1f1f1;
}

    table tbody tr td div.interest-footer p {
        background-image: none;
        padding: 0 0 0 10px;
        margin: 6px 0 4px 0px;
        color: #000;
        font-size: 15px;
    }

        table tbody tr td div.interest-footer p:before {
            content: "\f05a";
            color: #00529c;
            font-family: FontAwesome;
            font-size: 26px;
            padding-right: 12px;
            text-decoration: none;
            top: 4px;
            position: relative;
        }

div.interest-interestinfo {
    font-size: 100%;
}

div.interest-header table tbody tr td {
    color: #fff !important;
}

div.interest-header .alert {
    color: red;
    font-weight: 600;
}
div.interest-header p.content-left {
    color:#fff;
}
div.interest-header ul.content-right li {
    font-size: 15px;
    color:#fff;
}
div.interest-header a {
    color:#fff !important;
}

div.subst-table ul, div.subst-table li {
    font-size: 1em;
}

body.hss_interest_summary div.tbl_block.subst-table {
    border: 1px solid #ccc;
}

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: #e5eef6;
    padding: 10px 15px;
}

    .property-description-container ul li {
        font-size: 0.95em;
    }

.property-more-information, .property-detail-more-information {
    cursor: pointer;
    margin-bottom: 12px;
    color: #00529c;
    font-weight: 600;
}

.property-description-container.showed .property-descriptions {
    display: block;
    margin-left: 16px;
}

.property-descriptions div {
    font-style: italic;
}

div.object-buttons {
    padding:0;
}
/*** Objektlistan  END ***/

div.areainfo {
    margin-top:1em;
}
/*
 * Statistics grid
 */
div.statistics table {
}

/*
 * News-archive grid
 */
div.news-archive .date-column {
}

div.news-archive .content-column .title {
}
.dynamic-map {
}

    .dynamic-map a {
    }

    .dynamic-map #infobox {
    }

        .dynamic-map #infobox > div {
        }

    .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 {
        }
/*
  * Slider width and position
  */
.col100 .slider,
.col100 .slider-container {
}

.col75 .slider,
.col75 .slider-container {
}

.col50 .slider,
.col50 .slider-container {
}

.col25 .slider,
.col25 .slider-container {
}

.col25 .slider,
.col25 .slider-container {
}

.col66 .slider,
.col66 .slider-container {
}

.slider-container {
    width: 60em;
    margin-bottom: 20px;
}

.slider-inner {
    width: 60em;
}

.slider {
    height: 370px;
}

    .slider img {
        width: 60em;
    }


/*
 * Pager
 */
.pager-container {
    margin: -42px 0 0 20px;
    position: absolute;
    text-align: center;
}

.pager {
}

    .pager li {
        border: none;
        cursor: pointer;
        float: left;
        height: 1em;
        list-style-type: none;
        margin-right: 1em;
        width: 1em;
    }

        .pager li.selected {
            background: none;
        }

        .pager li:before {
            color: #fff;
            content: "\f111";
            display: inline-block;
            font-family: FontAwesome;
            font-size: 16px;
            text-decoration: none;
            text-shadow: 1px 1px 1px #444;
        }

        .pager li.selected:before {
            color: #00579a;
            content: "\f111";
            display: inline-block;
            font-family: FontAwesome;
            font-size: 16px;
            text-decoration: none;
            background: none;
            text-shadow: 1px 1px 1px #444;
        }
/*
 * Prev/Next buttons
 */
#slider_next, #slider_prev {
    background: none;
    top: 89%;
    text-decoration: none;
    display: none;
}

    #slider_next:before {
        color: #00579a;
        content: "\f054";
        display: inline-block;
        font-family: FontAwesome;
        font-size: 40px;
        text-decoration: none;
        border-radius: 26px;
        height: 24px;
        width: 34px;
        line-height: 25px;
    }

    #slider_prev:before {
        color: #00579a;
        content: "\f053";
        display: inline-block;
        font-family: FontAwesome;
        font-size: 40px;
        text-decoration: none;
        border-radius: 26px;
        height: 24px;
        width: 34px;
        line-height: 25px;
    }

    #slider_next[style], #slider_prev[style] {
        top: 380px !important;
        display: none;
    }

    #slider_prev[style] {
        left: 0px !important;
    }

/*
 * Slider Text
 */


div.ImageTextStyles {
}

div.ImageTextStyles {
    margin: 0;
}
    /* For IE8 and earlier */
    div.ImageTextStyles.Image {
        height: 370px;
        overflow: hidden;
    }
    div.ImageTextStyles.Text {
        bottom: 3.75em;
        position: absolute;
        width: auto;
        background: rgba(0,82,156,.65);
        padding: 2em;
    }

        div.ImageTextStyles.Text h1.sliderTitle, div.ImageTextStyles.Text {
        }

            div.ImageTextStyles.Text h1.sliderTitle {
                font-family: "Shadows Into Two";
                text-transform: uppercase;
                font-size: 2.25em;
                color: #fff;
                text-decoration: none;
                text-shadow: 1px 1px 1px #444;
                line-height: 35px;
                margin-bottom: 15px;
                letter-spacing: 1px;
            }

            div.ImageTextStyles.Text p {
                color: #3b3b3b;
                text-shadow: 1px 1px 1px #121212;
                color: #fff;
            }

                div.ImageTextStyles.Text p a span.abstract {
                    display: inline;
                }

            div.ImageTextStyles.Text hr {
                display: none;
            }

            div.ImageTextStyles.Text p a {
                color: #fff;
                margin-left: 3px;
                text-decoration: none;
            }

                div.ImageTextStyles.Text p a.bulleted:before {
                    color: #fff;
                    content: "\f138";
                    display: inline-block;
                    font-family: FontAwesome;
                    font-size: 14px;
                    padding-right: 4px;
                    padding-left: 4px;
                    text-decoration: none;
                }

p.readmore {
    text-align: left;
}


#google-translate-container {
    position: absolute;
    right: 0px;
    z-index: 3000;
    top: 0.85em;
}

#google_translate_element {
    display: block;
    font-size: 15px;
}

.goog-te-gadget-simple {
    border-radius: 4px;
    padding: 2px 7px 4px;
    border-color: #cfdfee !important;
}

.goog-te-combo, .goog-te-banner *, .goog-te-ftab *, .goog-te-menu *, .goog-te-menu2 *, .goog-te-balloon * {
    background-image: url(../Img/Google-G-Logo.svg);
    background-repeat: no-repeat;
    background-color: #fff;
    color: #000 !important;
    background-size: 1.25em;
    background-position: 85% 0.525em;
    font-size: 100%;
}

.goog-logo-link {
    display: none !important;
}

.goog-te-gadget {
    color: transparent !important;
    font-size: 100% !important;
}

    .goog-te-gadget .goog-te-combo {
        margin: 2px 0 !important;
    }

select.goog-te-combo {
    float: right !important;
    height: 2.35em;
    border-radius: 0.25em;
    border-color:#cfdfee;
}

div.areatext {
    width: 70%;
    float: left;
}
div.areaimg {
    width: 27%;
    float: right;
    overflow: hidden;
}

.box-primary div.title-icon, .box-secondary div.title-icon {
    color: #000;
    font-size: 0.75em;
}