﻿/*.bulleted:before
{
    content: "\f138";
    font-family: FontAwesome;
    display: inline-block;
    width: 1em;
    height: 1em;
    color: black;
    font-size: 1.15em;
}
.bulleted
{
    background: none !important;
    padding-left: 0 !important;
}*/

.navSupScrollTop
{
	visibility: hidden;
	opacity: 0;

	position: fixed;
	bottom: 0.3em;
	left: 0.3em;
	width: 3em;
	height: 3em;
	background-color: #00529C;
    background-size: contain;
	
	cursor: pointer;
	
	box-shadow: rgba(0,0,0,0.5) 0 0 5px;
	
	-moz-transition: opacity .25s linear, visibility .1s linear;
	-webkit-transition: opacity .25s linear, visibility .1s linear;
	-o-transition: opacity .25s linear, visibility .1s linear;
	transition: opacity .25s linear, visibility .1s linear;
    z-index:1000;
}
.navSupScrollTop.is-active
{
	visibility: visible;
	opacity: 1;
}

.box-secondary.box.secondary.object-documents
{
    width: 100%;
}

div.jquerypanel .header a.hidden {
    background-position:0 4px;
}


/* Default (desktop) */
    form {
        width:100%;
        margin:0 auto;
        position:relative;
        padding:0;
    }
    body {
        margin:0;
        padding:0;
    }
    header.siteHeader-container, main.siteMain-container, div.siteOptions-container, footer.siteFooter-container {
        
        margin:0 auto;
    }
    div.siteContentFull, div.siteContainer, div.siteHeader, div.siteMain, div.siteFooter {
        width:60em;
	    margin:0 auto;
    }
    div.siteContact {
        width:100%;
    }
    div.siteSidebar {
        width:23.40425531914894%;
    }
    div.siteSidebar ul {
    }
    div.siteBreadcrumbs {
    }
    div.siteContent {
        width:74.46808510638298%;
    }
    ul.submenu {
        padding:0;
    }
    .col50.alignleft {
        margin-right:2.12765957446809%;
    }
    .alignright {
        margin:0;
    }
    .col100 {   
        width:100%;
        background:#fff;
    }
    .col75 {
	    width:74.46808510638298%;
    }
    .col50 {
        width:48.93617021276596%;
    }
    .col33 {
        width:31.33333333333333%;
    }
    .col25 {
        width:23.40425531914894%;
    }
    .col50 .col25 {
        width:47.82608695652174%;
    }
    div.siteContent .col75 {
        width:100%;
    }
    div.siteContent .col50 {
        width:65.71428571428571%;
    }
    div.siteContent .col25 {
        width:31.42857142857143%;
    }
    div.siteContent .col50 .col25 {
        width:47.82608695652174%;
    }
    .page-col25 .box-primary, .page-col25 .box-secondary, .col25 .box-primary, .col25 .box-secondary {
    }

    h2.pagetitle {
        line-height: 3em;
        margin: 0;
        padding: 0;
    }

    .topmenu-side-board-button
    {
        display: none;
    }
    .topmenu
    {
        display: block;
    }
    .handheld-menu
    {
        display: none;
    }
    .handheld-menu > .handheldTopMenu
    {
        display: none;
    }
    .handheldTopMenu.nojs
    {
        display: none;
    }
    .col25.sideBar .gridlist
    {
        width:100%;
    }

    div.siteContentIframe
    {
        width: 100%;
    }
    body.global_cookiecheck .page-popup h1 {
        display:none !important;
        visibility:hidden !important;
    }
    .page-popup {
        background:#fff;
        color: #000000;
        float: left;
        font-size: 13px;
        line-height: 22px;
        padding: 10px;
    }
    .page-popup {
        float: left !important;
        padding:3px;
    }
span.validation-summary {
    position: relative;
    float: left;
    padding-top: 0;
    color: #cc0000;
    line-height: 1.5em;
    margin-left: 0.5em;
    margin-top: 0.125em;
}

    ul.landlord-list
    {
        width: auto;
    }

    /** Snippets Tables **/
    table tr td.col25 > .col25 {
        width:100%;
    }

    div.subst-table ul, div.subst-table li
	{
		list-style: none;
		margin: 0;
	}

    div.subst-table:after
    {
        content: "";
        display: block;
        clear: both;
    }

    ul.subst-row
    {
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        width: 50%;
        padding-bottom: 0.4em;
    }

	ul.subst-row li
	{
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        width: 50%;
	}

    ul.subst-row li.subst-cell-full
    {
        width: 100%;
    }
    ul.subst-row.subst-row-full
    {
        width: 100%;
    }

    .page-col75.col75 ul.subst-row li:not(.validator):not(.value):not(.label)
    {
        clear: none;
    }

    ul.subst-row:last-child > li:not(:last-child) div.subst-table {
        padding-right: 0.4em;
    }

    .register-interest input[type="submit"]
    {
        height: auto;
    }

    .page-col75 div.interest-objectinfo
    {
        height: auto;
    }

    .page-popup .value input[id*='txtAnswerText']
    {
        width: 90% !important;
    }

    .page-col75 div.invoice,
    .page-col75 div.debt,
    .page-col75 div.invoice p.address,
    .page-col75 div.invoice-spec ul li.desc
    {
        width: auto;
    }

    ul.faq-list li.question, ul.faq-list li.answer
    {
        width: 90%;
        clear: right;
    }

    .page-popup input[type="submit"]
    {
        height: auto;
    }

    div.col2-div {
        float: left;
        font-size: 14px;
        padding: 11px 0;
        width: 50%;
    }

    li.exchange-object-val
    {
        float:left; 
        clear:left;
    }

     li.exchange-object-label
    {
        float:left; 
        clear:right;
    }

    li.exchange-object-input
    {
        float:left; 
        clear:both;
    }

    div.global-unauthorized-login,
    div.global-unauthorized-register,
    div.global-authorized-mypages,
    div.global-authorized-logout,
    div.global-language
    {
        display: inline-block;
    }
    div.language
    {
        display:none;
    }
   .templatelist.block {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #E4E4E4;
        border-radius: 6px;
    }
    ul.templatelist.block li h2 {
        font-size:18px;
        color:#00529C;
    }
    ul.templatelist.block li h2 a {
        color:#00529C;
    }
    .templatelist.block.objectlist {
        margin-right: 2%;
        width: 31.7%;
    }
    .templatelist.block:nth-child(3n+3) {
        margin-right: 0;
    }
    .templatelist.block.objectlist .image
    {
        width: auto;
        height: 8em;
    }
    .templatelist.block.objectlist a {
        color: #00529C;
        word-break: break-all;
    }

    .templatelist.block.objectlist {
        min-height: 0px !important;
    }

/* Tablet */
@media (min-width: 481px) and (max-width: 979px) {
    body {
        
        padding:0;
    }

    form {
        width: 100%;
        margin: 0 auto;
    }

    header.siteHeader-container, main.siteMain-container, div.siteOptions-container, footer.siteFooter-container {
    margin: 0 auto;
    width: 100% !important;
}

    header.siteHeader-container {
        border:none;
    }
   .handheld-menu .handheldTopMenu, .handheldTopMenu.nojs {
        position: relative;
        z-index: 2000;
        background: #00529C;
        border-bottom: 1px solid #fff;
        border-top: 1px solid #fff;
    }

    .handheld-menu .handheldTopMenu li, .handheldTopMenu.nojs li {
        position: relative;
        z-index: 2000;
    }

    .handheld-menu .handheldTopMenu a,
    .handheld-menu .handheldTopMenu span {
        font-weight: normal;
        font-size: 14px;
        line-height: 46px;
        padding-left: 0.6em;
        color: #fff;
        border: none;
    }

    .handheld-menu .handheldTopMenu li, .handheldTopMenu.nojs li {
        border-bottom: 1px solid #fff;
    }

    .handheld-menu .handheldTopMenu ul li > ul li > ul li, .handheldTopMenu.nojs ul li > ul li > ul li {
        border-bottom: 1px solid #fff;
    }

    .handheld-menu .handheldTopMenu .expanded ul {
        padding-left: 0;
        width: 100%;
    }

    .handheld-menu .handheldTopMenu .expanded ul li a {
        padding-left: 1em;
    }

    .handheld-menu .handheldTopMenu .expanded ul li ul li a {
        padding-left: 2em;
    }

    .handheld-menu .handheldTopMenu .expanded ul li ul li ul li a {
        padding-left: 3em;
    }

    .handheld-menu .handheldTopMenu .expanded ul li ul li ul li ul li a {
        padding-left: 4em;
    }

    .handheld-menu .handheldTopMenu .expanded ul li ul {
        background: #004380;
        overflow: hidden;
    }

    .handheld-menu .handheldTopMenu .expanded ul li ul li ul {
        background: #003366;
        overflow: hidden;
    }

    .handheld-menu .handheldTopMenu .expanded ul li ul li ul li ul li {
        background: #002b56;
        overflow: hidden;
    }

    .handheld-menu .handheldTopMenu .expand-button, .handheld-menu .handheldTopMenu .collapse-button {
        color: #fff;
        padding-top: 0.615em;
    }

    .handheld-menu .handheldTopMenu ul li:last-child, .handheldTopMenu.nojs ul li:last-child {
        margin: 0;
    }

    .handheldTopMenu ul li:hover, .handheldTopMenu ul ul li:hover, .handheldTopMenu ul ul ul li:hover, .handheldTopMenu ul ul ul ul li:hover, .handheldTopMenu ul ul ul ul ul li:hover {
        background: #73c2e9 !important;
    }
    div.siteContent {
        width: 100%;
    }

    div.siteSidebar {
        display: none;
    }

    .col100 {
        margin-bottom: 2.12765957446809%;
    }

    .col75 {
        width: 100%;
    }

        .col75 .col50 {
            width: 100%;
        }

    .col50 {
        width: 100%;
    }

    .col25 {
        width: 47.82608695652174%;
    }

    div.siteContent .col50 {
        width: 100%;
    }

    div.siteContent table tr > .col50 {
        width: 100%;
        display: block;
        float: left;
    }

    div.siteContent .col50 img[style] {
        /*width:100% !important;*/
    }

    .col50 .col25 .box-inner img {
        width: 100%;
    }

    div.siteContent .col25 {
        width: 100%;
    }

    div.siteContent table tr > .col25 {
        width: 100%;
        display: block;
        float: left;
    }

    div.siteContent .col25 .box {
        width: 100%;
        float: left;
    }

    div.siteContent table tr > .col25 .box {
        width: 100%;
        float: left;
    }

    div.siteContent .col25 .box:last-child {
        /*width:100%;*/
        float: right;
    }

    div.siteContent .col25 .box.object-interest {
        display: block;
        width: 100%;
    }


    div.page-col50 ul.grid li.left {
        font-size: 1.7em;
        line-height: 2em;
        width: 70%;
    }

    div.page-col50 ul.grid li.right {
        width: 29%;
        float: right;
        overflow: hidden;
        padding-left: 1px;
    }

    .btn_interest {
        padding: 0.5em;
        font-size: 1.15em;
    }

    span.button-list {
        width: 100%;
        display: block;
    }

        span.button-list input {
            background-position: 10px 10px;
            border: 1px solid #000000;
            border-radius: 6px;
            font-size: 14px;
            padding: 15px 0 10px 40px;
            text-align: left;
            width: 30%;
            height: 40px;
        }

    div.image-big {
        float: left;
        width: 100%;
    }

        div.image-big img {
            width: 100%;
        }

    div.image-thumbs {
        padding: 10px 0;
    }

        div.image-thumbs img {
            margin: 2px 0 14px;
        }

    div.image-slideshow {
        margin: 0;
    }

    div#divOverview {
        border: 1px solid #333;
        border-radius: 6px;
        padding: 20px;
        margin-bottom: 20px;
    }

    div.siteContent .col50 .col25 {
        width: 47.82608695652174%;
    }

    div.siteContent .col50 > table.col25 {
        width: 100%;
    }

    .col100 img {
        width: 100%;
        max-width:100%;
    }

    .col50 img {
        max-width: 99%;
    }
    /** Search Area, Language, Logo **/
    div.search_area, div.language {
        width: 100%;
        padding: 10px 0;
        float: right;
        position: relative;
    }

        div.language span {
            font-size: 1em;
        }

header.siteHeader-container h1 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    float: left;
    margin-left:0;
    padding: 0;
    text-indent: 0;
    width: 30%;
}
    .siteHeader h1 {

    top:0;

}

        header.siteHeader-container h1 a {
            color: #fff;
            text-decoration: none;
        }

    div.siteBreadcrumbs {
        display: none;
    }

    div.siteFooter ul.siteOptions {
        width: 100%;
        display: block;
        margin-bottom: 5%;
    }

        div.siteFooter ul.siteOptions li {
            width: 100%;
            border-bottom: 1px solid #000;
            display: block;
            padding: 2% 0;
        }

    h2.pagetitle {
        line-height: 3em;
        margin: 0;
        padding: 0;
        text-align: center;
    }

    .loginarea p {
        position: relative;
        /*margin-bottom: 2em;*/
    }

        .loginarea p input[type="text"], .loginarea p input[type="password"] {
            /*position: absolute;
        left: 0;
        right: 0;*/
        }

        .loginarea p input[type="submit"] {
            margin-top: 3em;
            min-width: 5em;
        }

    .touch .loginarea p input[type="submit"] {
        min-height: 5em;
    }

    div.siteContent .col25 .box.box-secondary.msg {
        float: right;
    }

    div.siteContent .col25 .box.box-primary.user {
        width: 100%;
    }

    .col75 .pageHeader, .siteContentIframe .pageHeader, .col75 .pageSubHeader {
        height: auto;
    }

    .touch .page-col75.col75 .pageFooter input[type="submit"] {
        padding: 1.5em;
    }

    .page-col75.col75 .form .label {
        clear: right;
    }

    .page-col75.col75 .form .value {
        padding-left: 1.25em;
        clear: left;
    }

    .page-popup .form .value {
        padding-left: 1.25em;
    }

    .user .box-inner div {
        width: 49%;
        min-width: 20em;
        display: inline-block;
    }

    ul.mypage_profile {
        border-bottom: none;
    }

    .col75 .form:nth-child(odd) {
        background: #FAFAFA;
        padding: 0.3em;
    }

    .col75 .form:nth-child(even) {
        background: #F5F5F5;
        padding: 0.3em;
    }

    .col75 .form textarea {
        width: 97% !important;
    }

    .col75 .gridlist {
        width: 100% !important;
    }

    .topmenu-side-board-button {
        display: block;
    }

    .topmenu {
        display: none;
    }

    .handheld-menu {
        display: block;
    }

        .handheld-menu > .handheldTopMenu {
            display: block;
        }

    .handheldTopMenu.nojs {
        display: block;
    }

    .col25.sideBar .gridlist {
        width: 47.82608695652174%;
    }

    div.siteContent .contact-company .col25.contact-data {
        width: 47.82608695652174%;
    }

    div.siteContent .contact-company .col25.contact-hours {
        width: 47.82608695652174%;
    }

    div.siteContent .contact-company .col25.contact-map {
        width: 100%;
        margin-top: 2.12765957446809%;
    }

    div.siteContent .contact-card {
        width: 100%;
    }

    div.statistics table {
        width: 100%;
    }

    .RadChart {
        width: auto !important;
    }

        .RadChart img {
            width: 100%;
        }

    .page-col75.col75 li:not(.validator):not(.value):not(.label):not(.question):not(.answer) {
        clear: left;
    }

    .page-col75.col75 li:not(.validator):not(.value):not(.label) input.controlRequired {
        clear: left;
        margin-left: 1.25em;
    }

    .col50.errorpage {
        width: 75%;
    }

    .img-ext-print {
        width: 100%;
    }

    .planning_overview img {
        width: 100%;
    }

    ul.horizontal-bulleted {
        width: auto;
    }

    .tbl_cell_data_header {
        width: auto;
    }

    .button-list.rentalinfo a {
        white-space: nowrap;
    }



    #fancybox-content {
        border-width: 0 !important;
        width: 98% !important;
        padding: 1% !important;
        height: 98% !important;
        text-align: center;
    }

    #fancybox-wrap {
        width: 100% !important;
        left: 0px !important;
        height: 90% !important;
        padding: 0 !important;
    }

    #fancybox-img {
        height: auto !important;
    }

    #fancybox-title {
        width: auto !important;
    }

    #fancybox-outer .fancybox-bg {
        display: none;
    }

    #fancybox-close {
        right: 0 !important;
    }

    ul.subst-row {
        width: 100%;
    }

        ul.subst-row li {
            width: 50%;
        }

        ul.subst-row:last-child > li:not(:last-child) div.subst-table {
            padding-right: 0.4em;
        }

    div.page-col50 .register-interest ul.grid li.left {
        width: auto;
    }

    .object-buttons span.button-list input {
        padding: 0.5em 1em 0.5em 2.5em;
        background-position: 0.5em center;
    }

    .image-slideshow .image-big {
        width: 100%;
    }

    .image-slideshow {
        width: 100%;
    }

        .image-slideshow .image-thumbs {
            padding-left: 0;
        }

        .image-slideshow .imgthumbs {
            margin-top: 1em;
        }

    .page-popup *[id*='DynamicContact'] .value textarea,
    .page-popup *[id*='DynamicContact'] .value input {
        width: 90% !important;
    }

    .page-popup *[id*='UserName'] .value input {
        width: 90% !important;
    }

    .page-popup *[id*='UserPhone'] .value input {
        width: 90% !important;
    }

    .dynamic-map {
        width: 100%;
        border-top: solid 1px #ccc;
        position: relative;
        overflow: hidden;
        float: left;
    }

    .map {
        width: 100%;
    }

    .page-popup *[id*='UserEmail'] .value input {
        width: 90% !important;
    }

    *[id*='AvailableObject'] .value select {
        width: 90% !important;
    }

    .page-popup .adminmap {
        width: 100% !important;
    }

    .page-col75 div.interest-objectinfo {
        height: auto;
        width: 70%;
    }

    .page-col75 div.interest-interestinfo {
        width: 100%;
        height: auto;
    }

    

    .page-col75.col75 input[id*='txtName'],
    .page-col75.col75 input[id*='txtPhone'],
    .page-col75.col75 select[id*='drpObject'],
    .page-col75.col75 input[id*='txtEmail'],
    .page-col75.col75 input[id*='txtMessage'] {
        width: 90% !important;
    }

    *[id*='divDetails'] ul.form li.label, *[id*='divDetails'] .box ul.form li.label {
        width: 160px;
    }

    div.errormsg {
        width: auto;
    }

    div.erroricon {
        float: none;
        margin: 0 auto;
        padding: 0;
        padding-bottom: 10px;
    }

    div.errortext {
        width: 100%;
        padding: 0;
    }

    /* Object Details Print Start */
    table.tbl_cell_data ul.objectproplist {
        width: auto;
    }

    table.tbl_cell_data td.tbl_cell_data_header {
        width: auto;
    }


    /* Object Details Print End*/

    /* Object Details Template B Start*/
    div.siteContent .col25 .box.object-interest {
        width: 47.82608695652174%;
    }

    /* Object Details Template B End */

    /* Object Maintenance Start */
    body.vfa_resident_maintenancerequest span.button-list input {
        padding: 15px 0 30px 40px;
    }

    div.col2-div {
        float: left;
        width: 50%;
    }

    li.exchange-object-val {
        float: left;
        clear: left;
    }

    li.exchange-object-label {
        float: left;
        clear: right;
    }

    /* Object Maintenance End */

    li.exchange-object-input {
        float: left;
        clear: both;
    }

    div.global-authorization {
        background-color: transparent;
        color: #fff;
    }

    div.global-authorization a {
        color: #575757;
    }
    
div.headerliks {
    right: 185px;
    top: -32px;
}

    div.language {
        display: none;
    }

    /* HSS ObjectInterest Change Priority Start*/
    ul.objectstageinterest li.primaryinfo,
    ul.objectstageinterest li.secondaryinfo {
        float: none;
    }

        ul.objectstageinterest li.primaryinfo span.title,
        ul.objectstageinterest li.secondaryinfo span.title {
            display: inline-block;
            width: 80px;
            overflow: auto;
        }

    /* HSS ObjectInterest Change Priority End*/

    /* Rangeslider start*/
    ul.quickfilter {
        width: 95%;
        margin: auto;
    }

        ul.quickfilter li {
            width: 45%;
        }
    /* Rangeslider end*/

    /** SPECIFIK **/
    .handheld-menu.top {
        position:relative;
        z-index:1000; 
    }
    div.siteHeader {
        height: 166px;
        position: relative;
        top: 0;
    }
    div.global-authorization {
        background: transparent;
        font-size: 0.95em;
        position: absolute;
        right: 0;
        top: 3.125em;
    }
    img.bg {
        left: 0;
        margin: 0;
        width: 100%;
        min-width: 0;
    }

    div.siteContentFull, div.siteContainer, div.siteHeader, div.siteMain, div.siteFooter {
        width: 97%;
    }

    header.siteHeader-container {
        box-shadow: none;
    }


    div.search_area, div.language {
        float: right;
        padding: 5px 0;
        position: relative;
        width: 40%;
    }
    div.search_area {
        top:-8px;
        right:0;
    }

    div.search_area .search_field {
        width:69%;
    }
    div.search_area .btn_search {
        font-size:14px;
    }

    div.col50.news {

    height:auto !Important;
    width:48.9362%;
}

    .col50.storpuff {
    width:48.9362%;
}
        .col50.storpuff .box-inner.column {
            width: 100%;
            height: unset !important;
        }

        .col50.storpuff .box-inner img {
            width: 100% !important;
            height: unset !important;
        }
    .col50.storpuff .box.ingang {
    display: block;
    margin-top: 10px;
    width: 100%;
}

    .col25.smapuffar
    {width:23.4%;
    }
    .col25.smapuffar p {
    width: 97%;
}

        .col25.smapuffar p a {
    font-size:19px;
}
        .col25.smapuffar .box-inner img {
    display:none;
}

    footer.siteFooter-container {
        padding-top:20px;
        padding-bottom:0;
    }
    div.siteFooter {
        overflow:hidden;
        width:auto;
        padding:0px;
    }
    div.siteContact ul {
        margin: 0 auto;
        overflow: hidden;
        width: 403px;
        text-align:center;
    }
    div.siteContact ul li {
        margin-right: 3%;
        padding-right: 0%;
        text-align:center;
    }
    div.siteContact ul li:last-of-type {
        border:none;
    }

    .objectlistFilters ul.quickfilter li {
        width:44%;
    }
    ul.quickfilter span.minValue, ul.rangeslider span.maxValue {
        width:85%;
    }
    body.hss_object_object_list ul.horizontal {
        width:100%;
        margin-bottom:20px;
        border-bottom:1px solid #E4E4E4;
    }
    body.hss_object_object_list ul.horizontal li {
        clear:none !important;
    }
    .object-buttons span.button-list input {
        border-color:#00529C;
    }
    div#divOverview {
        border-color:#00529C;
    }
    body.user_mypageslogin div.siteContent .col25 .box {
        width:100%;
    }
    div.siteMain {
        min-height:600px;
    }

    .alignleft
    {
        margin-right: 2.12765957446809%;
    }


    div.headerliks ul
    {
        line-height: 45px;
    }

    .slider-inner {
    width: 100%;
}
div.ImageTextStyles.Text {
    background:#0056a2;
    bottom:0;
    width: 100%;
    padding: 20px;
}
div.ImageTextStyles.Text p {
    width:90%
}
    
div.ImageTextStyles.Text h1.sliderTitle {
    font-size: 30px;
    width:90%
}

.pager-container {
    margin: -350px 0 0 20px;
}

div.siteFooter ul.siteOptions li {
    border-bottom:none;
    text-align: center;
    padding:5px;
}

ul.siteOptions h4 {
text-align: center;
}

    .col50.footerinfo p
    {
        text-align:center;
    }

    footer.siteFooter-container {
    height: auto;
}
    img.bg {
    display: none;
}
    div.siteContent .col25 .box.object-interest {
        width: 100%;
        height: auto !important;
    }
    div.siteFooter div.col25 {
        width:100%;
    }
    div.interest-image {
        float: left;
        width: 27%;
        height: auto;
        padding: 0;
    }
        div.interest-image img {
            width:100%;
        }

    .templatelist.block.objectlist {
        margin: unset;
        margin-right: 1em !important;
        margin-bottom: 1em;
        min-height: 0px !important;
        width: 44.5% !important;
        min-width: fit-content;
        overflow: unset !important;
    }
}

/* Phone */
@media (max-width: 480px) {
    body {
        background: #fff;
        -webkit-text-size-adjust: none;
        padding: 0;
    }

    form {
        width: 100%;
        margin: 0 auto;
        padding: 4px 0 0 0;
    }

    header.siteHeader-container, main.siteMain-container, div.siteOptions-container, footer.siteFooter-container {
        width: 98% !important;
    }

    header.siteHeader-container {
        border: none;
    }

    .handheld-menu .handheldTopMenu, .handheldTopMenu.nojs {
        position: relative;
        z-index: 2000;
        background: #00529C;
        border-bottom: 1px solid #8b8b8b;
        border-top: 1px solid #fff;
        
    }

        .handheld-menu .handheldTopMenu li, .handheldTopMenu.nojs li {
            position: relative;
            z-index: 2000;
        }

        .handheld-menu .handheldTopMenu a,
        .handheld-menu .handheldTopMenu span {
            font-weight: normal;
            font-size: 14px;
            line-height: 46px;
            padding-left: 0.6em;
            color: #fff;
            border: none;
        }

        .handheld-menu .handheldTopMenu li, .handheldTopMenu.nojs li {
            border-bottom: 1px solid #fff;
        }

        .handheld-menu .handheldTopMenu ul li > ul li > ul li, .handheldTopMenu.nojs ul li > ul li > ul li {
            border-bottom: 1px solid #fff;
        }

        .handheld-menu .handheldTopMenu .expanded ul {
            padding-left: 0;
            width: 100%;
        }

            .handheld-menu .handheldTopMenu .expanded ul li a {
                padding-left: 1em;
            }

            .handheld-menu .handheldTopMenu .expanded ul li ul li a {
                padding-left: 2em;
            }

            .handheld-menu .handheldTopMenu .expanded ul li ul li ul li a {
                padding-left: 3em;
            }

            .handheld-menu .handheldTopMenu .expanded ul li ul li ul li ul li a {
                padding-left: 4em;
            }

            .handheld-menu .handheldTopMenu .expanded ul li ul {
                background: #004380;
                overflow: hidden;
            }

                .handheld-menu .handheldTopMenu .expanded ul li ul li ul {
                    background: #003366;
                    overflow: hidden;
                }

                    .handheld-menu .handheldTopMenu .expanded ul li ul li ul li ul li {
                        background: #002b56;
                        overflow: hidden;
                    }

        .handheld-menu .handheldTopMenu .expand-button, .handheld-menu .handheldTopMenu .collapse-button {
            color: #fff;
            padding-top: 0.615em;
        }

        .handheld-menu .handheldTopMenu ul li:last-child, .handheldTopMenu.nojs ul li:last-child {
            margin: 0;
        }

    .handheldTopMenu ul li:hover, .handheldTopMenu ul ul li:hover, .handheldTopMenu ul ul ul li:hover, .handheldTopMenu ul ul ul ul li:hover, .handheldTopMenu ul ul ul ul ul li:hover {
        background: #73c2e9 !important;
    }

    h1, h1.pagetitle {
        font-size: 27px;
        line-height: 30px;
        margin-bottom: 20px;
        letter-spacing: -1px;
    }

header.siteHeader-container h1 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    float: left;
    margin: 33px 0 0;
    padding: 3% 0;
    text-align: center;
    width: 100%;
}

        header.siteHeader-container h1 a {
            color: #fff;
            text-decoration: none;
        }

    div.siteContent {
        width: 100%;
    }

    div.siteSidebar {
        display: none;
    }

    .col100 {
        margin-bottom: 2.12765957446809%;
    }

    .col75 .col50 {
        width: 100%;
    }

    .col50 {
        width: 100%;
    }

        .col50 .col25 {
            width: 100%;
        }

            .col50 .col25:last-child {
                width: 100%;
                margin-bottom: 20px;
            }

    .col25 {
        width: 100%;
    }

    div.siteContent .col50 {
        width: 100%;
    }

    div.siteContent table tr > .col50 {
        width: 100%;
        display: block;
        float: left;
    }

    .col50 img {
        max-width: 476px;
    }

    div.siteContent .col50 .col25 .box-inner img {
        width: 100%;
    }

    div.siteContent .col25 {
        width: 100%;
    }

    div.siteContent table tr > .col25 {
        width: 100%;
        display: block;
        float: left;
    }

    div.siteContent .col25 .box {
        width: 100%;
        float: left;
        margin-top: 2.12765957446809%;
    }

    div.siteContent table tr > .col25 .box {
        width: 100%;
        float: left;
        margin-top: 2.12765957446809%;
    }

    div.siteContent .col25 .box:last-child {
        width: 100%;
        float: right;
    }

    div.siteContent .col50 .col25 {
        width: 100%;
    }

    .col100 img {
        width: 100%;
    }

    .box-outer {
        min-height: auto;
    }

        .box-outer[style] {
            min-height: 0 !important;
        }

    div.siteContent .col25 {
        width: 100%;
    }

        div.siteContent .col25 .box {
            width: 100%;
            float: left;
        }

            div.siteContent .col25 .box.object-interest {
                display: block;
                width: 100%;
            }

    div.page-col50 ul.grid li.left {
        font-size: 1.4em;
        line-height: 2em;
        text-align: center;
        width: 100%;
    }

    div.page-col50 ul.grid li.right {
        width: 100%;
        float: right;
        overflow: hidden;
        padding-left: 1px;
    }

    .btn_interest {
        display: block;
        font-size: 1.15em;
        margin: 0 auto;
        padding: 0.5em;
    }

    span.button-list {
        width: 100%;
        display: block;
    }

        span.button-list input {
            background-position: 10px 10px;
            border: 1px solid #000000;
            border-radius: 6px;
            font-size: 14px;
            padding: 15px 0 10px 40px;
            text-align: left;
            width: 100%;
        }

    div.image-big {
        float: left;
        width: 100%;
    }

        div.image-big img {
            width: 100%;
        }

    div.image-thumbs {
        padding: 10px 0 0;
    }

        div.image-thumbs img {
            margin: 2px 0 14px;
        }

    div.image-slideshow {
        margin: 0;
    }

    div#divOverview {
        border: 1px solid #333;
        border-radius: 6px;
        padding: 20px;
        margin-bottom: 20px;
    }

    div.siteContent .col50 .col25 {
        width: 100%;
    }

    .col100 img {
        width: 100%;
    }

    .col50 img {
        max-width: 98%;
    }

    div.areatext {
        width: 100%;
    }

    div.areaimg {
        width: 100%;
        display: none;
    }

    .box.object-facts {
        width: 100%;
    }

    div.siteBreadcrumbs {
        display: none;
    }

    div.siteFooter ul.siteOptions {
        width: 100%;
        display: block;
        margin-bottom: 10%;
    }

        div.siteFooter ul.siteOptions li {
            width: 100%;
            border-bottom: 1px solid #000;
            display: block;
            padding: 3% 0;
        }
    /** Search Area, Language, Logo **/
    div.search_area, div.language {
        width: 100%;
        padding: 10px 0;
        float: right;
        position: relative;
    }


    h2.pagetitle {
        line-height: 3em;
        margin: 0;
        padding: 0;
        text-align: center;
    }

    .loginarea p {
        position: relative;
        /*margin-bottom: 2em;*/
    }

        .loginarea p input[type="text"], .loginarea p input[type="password"] {
            /*position: absolute;
        left: 0;
        right: 0;*/
        }

        .loginarea p input[type="submit"] {
            margin-top: 3em;
            min-width: 5em;
        }

    .touch .loginarea p input[type="submit"] {
        min-height: 5em;
    }

    div.siteContent .col25 .box.box-primary.user {
        width: 100%;
    }

    .col75 .pageHeader, .siteContentIframe .pageHeader, .col75 .pageSubHeader {
        height: auto;
    }

    .touch .page-col75.col75 .pageFooter input[type="submit"] {
        padding: 1.5em;
    }

    .page-col75.col75 .form .label {
        width: auto;
        clear: right;
    }

    .page-col75.col75 .form .value {
        padding-left: 1.25em;
        clear: left;
    }

    .page-popup .form .value {
        padding-left: 1.25em;
    }

    span.forminfo-text {
        white-space: normal;
        display: block;
        margin-top: 0.3em;
    }

    ul.mypage_profile {
        border-bottom: none;
    }

    .col75 .form:nth-child(odd) {
        background: #FAFAFA;
        padding: 0.3em;
    }

    .col75 .form:nth-child(even) {
        background: #F5F5F5;
        padding: 0.3em;
    }

    .col75 .form td {
        display: block;
    }

    .col75 .form textarea {
        width: 94% !important;
    }

    .col75 .gridlist {
        width: 100% !important;
    }

        .col75 .gridlist td {
            display: table-cell;
        }

    .topmenu-side-board-button {
        display: block;
    }

    .topmenu {
        display: none;
    }

    .handheld-menu {
        display: block;
    }

        .handheld-menu > .handheldTopMenu {
            display: block;
        }

    .handheldTopMenu.nojs {
        display: block;
    }

    .col25.sideBar .gridlist {
        width: 100%;
    }

    div.siteContent .contact-company .col25.contact-data {
        width: 100%;
    }

    div.siteContent .contact-company .col25.contact-hours {
        width: 100%;
    }

    div.siteContent .contact-company .col25.contact-map {
        width: 100%;
        margin-top: 2.12765957446809%;
    }

    div.siteContent .contact-card {
        width: 100%;
    }

    div.statistics table {
        width: 100%;
    }

    .RadChart {
        width: auto !important;
    }

        .RadChart img {
            width: 100%;
        }

    .page-col75.col75 li:not(.validator):not(.value):not(.label):not(.question):not(.answer) {
        clear: left;
    }

    .page-col75.col75 li:not(.validator):not(.value):not(.label) input.controlRequired {
        clear: left;
        margin-left: 1.25em;
    }

    .navbar, .navbar .buttons {
        width: 100%;
    }

        .navbar .buttons a {
            width: 35%;
        }

            .navbar .buttons a:last-child {
                float: right;
            }

    div.navbar .text {
        width: 96%;
        padding-left: 2%;
        padding-right: 2%;
        margin: 1em 0;
    }

    .col50.errorpage {
        width: 100%;
    }

    .img-ext-print {
        width: 100%;
    }

    .planning_overview img {
        width: 100%;
    }

    ul.horizontal-bulleted {
        width: auto;
    }

    .tbl_cell_data_header {
        width: auto;
    }

    #page_popup_wrapper.print {
        padding-left: 0;
        padding-right: 0;
    }

    .hss_object_objectdetailsprint ul.area_presentation li img {
        padding: 0;
    }

    .button-list.rentalinfo a {
        white-space: nowrap;
    }

    /*
    *   Generic left-right list
    */
    div.list ul li.left,
    div.list ul li.right {
        float: none;
        display: block;
    }

    div.list ul li.right {
        padding-bottom: 10px;
    }


    #fancybox-content {
        border-width: 0 !important;
        width: 98% !important;
        padding: 1% !important;
        height: 98% !important;
        text-align: center;
    }

    #fancybox-wrap {
        width: 100% !important;
        left: 0px !important;
        height: 90% !important;
        padding: 0 !important;
    }

    #fancybox-img {
        height: auto !important;
    }

    #fancybox-title {
        width: auto !important;
    }

    #fancybox-outer .fancybox-bg {
        display: none;
    }

    #fancybox-close {
        right: 0 !important;
    }

    ul.subst-row {
        width: 100%;
    }

        ul.subst-row li {
            width: 100%;
        }

    div.page-col50 .register-interest ul.grid li.left {
        width: auto;
    }

    .object-buttons span.button-list input {
        padding: 0.5em 1em 0.5em 2.5em;
        background-position: 0.5em center;
        width: 40%;
    }

    .image-slideshow .image-big {
        width: 100%;
    }

    .image-slideshow {
        width: 100%;
    }

        .image-slideshow .image-thumbs {
            padding-left: 0;
        }

        .image-slideshow .imgthumbs {
            margin-top: 1em;
        }

    .page-popup *[id*='DynamicContact'] .value textarea,
    .page-popup *[id*='DynamicContact'] .value input {
        width: 90% !important;
    }

    .page-popup *[id*='UserName'] .value input {
        width: 90% !important;
    }

    .page-popup *[id*='UserPhone'] .value input {
        width: 90% !important;
    }

    .page-popup *[id*='UserEmail'] .value input {
        width: 90% !important;
    }

    *[id*='AvailableObject'] .value select {
        width: 90% !important;
    }

    .page-popup .adminmap {
        width: 100% !important;
    }

    .page-col75.col75 input[id*='txtName'],
    .page-col75.col75 input[id*='txtPhone'],
    .page-col75.col75 select[id*='drpObject'],
    .page-col75.col75 input[id*='txtEmail'],
    .page-col75.col75 input[id*='txtMessage'] {
        width: 90% !important;
    }

    .dynamic-map {
        width: 100%;
        border-top: solid 1px #ccc;
        position: relative;
        overflow: hidden;
        float: left;
    }

    .map {
        width: 100%;
    }

    .page-col75 div.interest-objectinfo {
        height: auto;
        width: 100%;
        padding: 0.5em 1em;
        box-sizing:border-box;
    }
    div.interest-image {
        float: left;
        width: 100%;
        height: unset;
        padding: 0;
    }
    div.interest-image img {
        width:100%;
    }
    .page-col75 div.interest-interestinfo {
        width: 100%;
        height: auto;
    }

    *[id*='divDetails'] ul.form li.label, *[id*='divDetails'] .box ul.form li.label {
        width: 160px;
    }

    div.errormsg {
        width: auto;
    }

    div.erroricon {
        float: none;
        margin: 0 auto;
        padding: 0;
        padding-bottom: 10px;
    }

    div.errortext {
        width: 100%;
        padding: 0;
    }

    div.search_results .search_textfield_area {
        width: 75%;
    }

    /* Object Details Print Start */
    table.tbl_cell_data ul.objectproplist {
        width: auto;
    }

    table.tbl_cell_data td.tbl_cell_data_header {
        width: auto;
    }

    /* Object Details Print End*/

    /* Object Maintenance Start */
    body.vfa_resident_maintenancerequest span.button-list input {
        padding: 15px 0 30px 40px;
    }

    /* Object Maintenance End */

    div.col2-div {
        float: left;
        width: 50%;
    }

    li.exchange-object-val {
        float: left;
        clear: left;
    }

    li.exchange-object-label {
        float: left;
        clear: right;
    }

    li.exchange-object-input {
        float: left;
        clear: both;
    }

    div.global-authorization {
        color: #fff;
        background-color: #222;
    }

        div.global-authorization a {
            color: #fff;
        }

    div.language {
        display: none;
    }
    /* HSS ObjectInterest Change Priority Start*/
    ul.objectstageinterest li.primaryinfo,
    ul.objectstageinterest li.secondaryinfo {
        float: none;
    }

        ul.objectstageinterest li.primaryinfo span.title,
        ul.objectstageinterest li.secondaryinfo span.title {
            display: inline-block;
            width: 80px;
            overflow: auto;
        }

    /* HSS ObjectInterest Change Priority End*/

    /* HSS ObjectInterest Change Priority End*/

    /* Rangeslider start*/
    ul.quickfilter {
        width: 95%;
        margin: auto;
    }

        ul.quickfilter li {
            width: 100%;
        }
    /* Rangeslider end*/

    /** SPECIFIK **/

    img.bg {
        display: none;
    }


    
    body.default div.siteMain
    {
        background: none;
    }

        form.bg {
    top: -20px;

}

    .handheld-menu.top {

        z-index: 20000;
    }

    .templatelist.block {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #E4E4E4;
        border-radius: 6px;
    }

    ul.templatelist.block li h2 {
        font-size: 21px;
    }

    .templatelist.block {
        margin-right: 2%;
        width: 100%;
    }

        .templatelist.block:nth-child(3n+3) {
            margin-right: 0;
        }

    div.siteHeader {
        position: relative;
        top:0;
    }
    .siteHeader h1 {
    top: 30px;
}

    div.global-authorization {
        background: transparent;
        position: absolute;
        right: 21px;
        top: 8.125em;
        width: 92%;
        text-align: center;
    }

    div.slogan p {
    position: relative;
    top: 50px;
}
    
.col50full .box-inner.text {
    height: auto !important;
}
    .col50full .box-inner.text img {
    display:none;
}
    .col50full .box-inner {
    padding: 14px 0 0;
}
    .col50.news {
    height: auto;
}


    div.global-unauthorized-login, div.global-unauthorized-register, div.global-authorized-mypages, div.global-authorized-logout, div.global-language {
        background: #CD1041;
        display: inline-block;
        float: right;
        padding: 6px 10px 6px 0;
        text-align: center;
        width: 45%;
        color: #fff;
    }

    div.global-unauthorized-register, div.global-authorized-mypages {
        background: #00529C;
        color: #fff;
    }

        div.global-unauthorized-login i, div.global-unauthorized-register i, div.global-authorized-mypages i, div.global-authorized-logout i, div.global-language i {
            color: #fff;
        }

    div.global-authorization a {
        color: #fff;
    }

    div.global-unauthorized-login, div.global-unauthorized-register, div.global-authorized-mypages, div.global-authorized-logout {
        margin-bottom: 8px;
    }

    div.global-authorization i:before {
        color: #fff;
        content: "\f0a9";
        font-family: FontAwesome;
        font-size: 14px;
    }

    img.bg {
        display: none;
        visibility: hidden;
    }

    div.siteContentFull, div.siteContainer, div.siteHeader, div.siteMain, div.siteFooter {
        width: 100%;
    }
    header.siteHeader-container {
        height:unset;
    }
    header.siteHeader-container {
        box-shadow: none;
    }
    #google-translate-container {
        position: absolute;
        right: 0.25em;
        z-index: 3000;
        top: 0.5em;
    }
    div.search_area, div.language {
        float: right;
        padding: 10px 0;
        position: relative;
        width: 93%;
    }

    div.search_area {
        right: 0.85em;
        top: 10.25em;
        position: absolute;
    }

        div.search_area .btn_search {
            font-size: 14px;
        }

        div.search_area .search_field {
            border: none;
            border-radius: 0;
            box-shadow: none;
            float: left;
            width: 78%;
            margin-left: 10px;
        }

    div.siteLogo {
        left: 0;
        text-align: center;
        top: 20px;
        width: 100%;
    }
    .siteHeader div.siteOptions img {
        margin-top: 0.35em;
        margin-left: 0.35em;
        width:8em;
    }

    .col100 img {
        max-width: 100%;
        width: 100%;
    }

    div.siteOptions-container div.siteOptions {
        width: 93%;
    }

    div.siteFooter .col25 {
        width: 23.40425531914894%;
    }




    div.siteOptions-container {
        height: auto;
        padding-bottom: 20px;
        z-index: auto;
    }

        div.siteOptions-container ul.siteOptions {
            float: none;
            font-size: 13px;
            margin: 4px auto 16px;
            overflow: visible;
            width: 100%;
        }

            div.siteOptions-container ul.siteOptions li a {
                border: none;
            }

            div.siteOptions-container ul.siteOptions li {
                display: block;
                float: left;
                border-bottom: 1px solid #9ea9ff;
                width: 100%;
                padding: 6px 0;
            }


    .addThis {
        display: block;
        float: left;
    }

    footer.siteFooter-container {
        padding-top: 20px;
        padding-bottom: 0;
    }

    div.siteFooter {
        overflow: hidden;
        width: auto;
        padding: 10px;
    }

        div.siteFooter .col25 {
            margin-bottom: 20px;
            margin-right: 0;
            width: 100%;
        }

            div.siteFooter .col25:nth-of-type(4n+1) {
                margin-bottom: 20px;
                width: 100%;
            }

    div.siteContact ul {
        margin: 0 auto;
        overflow: hidden;
        width:auto;
    }

        div.siteContact ul li {
            border-right: none;
            float: none;
            margin-right: 0;
            padding-right: 0;
            display: block;
            text-align: center;
        }

            div.siteContact ul li:last-of-type {
                border: none;
            }

    div.siteFooter h6.logoHeader {
        text-align: center;
    }
    
    .objectlistFilters {
        background: none repeat scroll 0 0 #FFFFFF;
        border-radius: 4px;
        box-shadow: 0 0 1px #222222;
        margin-bottom: 20px;
        padding: 30px 30px 3px;
    }
    .objectlistFilters ul.quickfilter li {
        width: 100%;
    }

    ul.quickfilter span.minValue, ul.rangeslider span.maxValue {
        width: 85%;
    }

    body.hss_object_object_list ul.horizontal {
        width: 100%;
        margin-bottom: 20px;
    }

        body.hss_object_object_list ul.horizontal li {
            border-bottom: 1px solid #E4E4E4;
            width: 100%;
            margin: 0;
            padding: 3px 3px 3px 12px;
        }

    .object-buttons span.button-list input {
        border-color: #00529C;
    }

    div#divOverview {
        border-color: #00529C;
    }

    div.page-col50 ul.grid li.left {
        font-size: 1.4em;
        line-height: 2em;
        text-align: center;
        width: 100%;
        float: none;
        margin-bottom: 14px;
    }

    .templatelist.block {
        width: 99%;
    }

    div.wrapper {
        min-height: 0;
    }

    div.siteMain {
        min-height: 0;
    }




    div.siteOptions-container {
        box-shadow: none;
        width: 99% !important;
        background: transparent;
    }

    div.col50.news {
        min-height: 0;
    }
    ul.quickfilter {
        margin-bottom: 20px;
    }
    ul.quickfilter table tr td {
        display: inline-table;
        width: 100%;
        border-bottom:1px dotted #C9DFF1;
        line-height:30px;
    }
    ul.quickfilter li {
        margin-left:0;
    }
    
    h1, h1.pagetitle {
        text-align: center;
    }
    #lblShowHideQuikfilter {
        display: block;
        margin: 0 auto 23px;
        width: 134px;
    }
    body.hss_object_object_list ul.horizontal {
        margin-bottom: 20px;
        width: 96%;
    }
    .templatelist.block.objectlist {
        margin: 1em 2em;
        min-height: 0px !important;
        width: 85% !important;
        min-width: fit-content;
        overflow: unset !important;
    }
    .templatelist.block:nth-child(3n+3) {
        margin-right: 0;
    }

    footer.siteFooter-container {
    height: auto;
    overflow: visible;
}

    div.siteMain {

    padding-top: 120px;
}
    body.default div.siteMain {
    padding-top:  120px;
}

    div.headerliks {
    top: 264px;
    width: 100%;
    right:0;
}
    div.headerliks ul {
text-align:center;
}

        div.col50.news {

    height:auto !Important;
    width:100%;
}

    .col50.storpuff {
    width:100%;
}
    .col50.storpuff .box-inner.column {
    width:100%;
    height:unset !important;
}

    .col50.storpuff .box-inner img {
    width:100% !important;
    height: unset !important;
}
    .col50.storpuff .box.ingang {
    display: block;
    margin-top: 10px;
    width: 100%;
}

    .col25.smapuffar{
        width:100%;
    }

    .alignleft {
    margin-right: 1.06383%;
}
    .col25.smapuffar p {
    width: 100%;
}

        .col25.smapuffar p a {
    font-size:24px;
}
    .col25.smapuffar .box-inner img {
    display:none;
}

    footer.siteFooter-container
    {
        padding-top: 20px;
        padding-bottom: 0;
    }

        .slider-inner {
    width: 100%;
}
div.ImageTextStyles.Text {
    background:#0056a2;
    bottom:0;
    width: 100%;
    padding: 20px;
}
div.ImageTextStyles.Text p {
    width:90%
}
    
div.ImageTextStyles.Text h1.sliderTitle {
    font-size: 1.5em;
    width:90%
}

.pager-container {
    margin: -350px 0 0 20px;
}

div.siteFooter ul.siteOptions li {
    border-bottom:none;
    text-align: center;
    padding:5px;
}

ul.siteOptions h4 {
text-align: center;
}

    .col50.footerinfo p
    {
        text-align:center;
    }

    footer.siteFooter-container {
    height: auto;
}

    img.bg {
    display: none;
}
    
.col50.news h2 {

    text-align: center;

}

    
    div.siteContact h4 {
        text-align: center;
    }
}
