/*.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: #e9d370;
    background-size: contain;

    border-radius:50%;
	
	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) */


/* Tablet */
@media (min-width: 481px) and (max-width: 979px) {
    body {
        background: #fff;
        padding:0;
    }

    form {
        width: 100%;
        margin: 0 auto;
    }
    div.siteMain-container {
    background-image:none;
    }
    div.siteHeader-container {
        border:none;
    }
    div.siteHeader {
        background:transparent;
    }
    .handheld-menu .handheldTopMenu, .handheldTopMenu.nojs {
        position: relative;
        z-index: 2000;
        background: #00508c;
        border-radius:0;
    }

    .handheld-menu .handheldTopMenu li, .handheldTopMenu.nojs li {
        position: relative;
        z-index: 2000;
        border-bottom:1px solid #fff;
    }

    .handheld-menu .handheldTopMenu a,
    .handheld-menu .handheldTopMenu span {
        font-size: 13px;
        font-weight: bold;
        line-height: 54px;
        padding-left: 0.6em;
        color: #fff;
        border: none;
        text-transform:uppercase;
    }
    .handheld-menu .handheldTopMenu a {
        display:block;
    }
    .handheld-menu .handheldTopMenu > li:first-of-type,
    .handheldTopMenu.nojs > li:first-of-type {
        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;
        display:block;
    }

    .handheld-menu .handheldTopMenu .expanded ul li ul li a {
        padding-left: 2em;
        display:block;
        font-family:Georgia;
        font-weight:normal;
        font-size:15px;
        text-transform:none;
    }
    .handheld-menu .handheldTopMenu .expanded ul li ul li ul li a {
        padding-left: 3em;
        display:block;
    }

    .handheld-menu .handheldTopMenu .expanded ul li ul li ul li ul li a {
        padding-left: 4em;
        display:block;
    }

    .handheld-menu .handheldTopMenu .expanded ul li ul {
        background: #004579;
        overflow: hidden;
    }

    .handheld-menu .handheldTopMenu .expanded ul li ul li ul {
        background: #004579;
        overflow: hidden;
    }

    .handheld-menu .handheldTopMenu .expanded ul li ul li ul li ul li {
        background: #004579;
        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:transparent !important;
    }
    .handheld-menu .handheldTopMenu div.expand-button,
    .handheld-menu .handheldTopMenu div.collapse-button {
        width:100%;
        position:absolute;
        top:0;
        height:100%;
        text-align:right;
        padding:0.615em;
        box-sizing:border-box;    
    }   
    .handheld-menu .handheldTopMenu ul div.expand-button,
    .handheld-menu .handheldTopMenu ul div.collapsed-button {
        display:block;
        position:absolute;
        top:0;
        right:0;
        width:auto;
        height:auto;
        text-align:left;
    }
    .icon-minus-sign-alt:before,
    .icon-plus-sign-alt:before {
        content: "\f078";
        color: #fff; 
        font-family: FontAwesome;
        font-size:0.8em;
    }

    .col100 .slider, .col100 .slider-container {
        width:100%;
        height:auto;
    }
    div.ImageText div.sliderTitle {
        color: #222;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        letter-spacing: -0.0125em;
        line-height: 34px;
    }
    div.ImageTextStyles.Text {
        font-size:15px;
        line-height:21px;
    }
    .col50 .available-container img {
        display:none
    }

        .col75 .col50 {
            width: 100%;
        }

    .col50 {
        width: 100%;
    }

    .col25 {
        width: 47.82608695652174%;
    }
    div.siteContent {
    min-height: 0;
    padding: 0;
    width: 100%;
    }
    div.siteContent .col50 {
        width: 100%;
    }

    div.siteContent table tr > .col50 {
        width: auto;
        display: block;
        float: left;
    }

    .col50 .col25 .box-inner img {
        width: 100%;
    }

    div.siteContent .col25,
    div.siteContent .col25 .box {
        width: 100% !important;
    }

    div.siteContent table tr > .col25 {
        width: 100%;
        display: block;
        float: left;
    }

    div.siteContent .col25 .box {
        width: 47.82608695652174%;
        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.article {
        min-height:initial;
    }

    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, .col75 img {
        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;
        }

    div.siteHeader-container h1 {
        background: #000;
        float: left;
        margin: 5px 0;
        padding: 26px 0;
        text-indent: 6%;
        width: 100%;
    }

        div.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;
    }   

    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;
    }

    .topmenu {
        display: none;
    }

    .handheld-menu {
        display: block;
    }

        .handheld-menu > .handheldTopMenu {
            display: block;
        }

    .handheldTopMenu.nojs {
        display: block;
    }


    .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;
    }

    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;
    }


    /* 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: #00508c;
    }

    div.global-authorization a {
        color: #00508c;
    }

    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*/

    .handheld-menu.top {
        position:relative;
        z-index:1000; 
    }
    div.siteHeader {
        height: 166px;
        position: relative;
        top: 40px;
    }
    div.global-authorization {
        background:transparent;
        font-size: 13px;
        position: absolute;
        right: 0;
        top: 22px;
    }

    div.siteContentFull, div.siteContainer, div.siteHeader, div.siteMain, div.siteFooter {
        width: 99%;
    }

    div.siteHeader-container {
        box-shadow: none;
    }


    div.search_area, div.language {
        float: right;
        padding: 5px 0;
        position: relative;
        width: 40%;
    }
    div.search_area {
        top:19px;
        right:7px;
    }

    div.search_area .search_field {
        width: 130px;
    }
    div.search_area .btn_search {
        background:none;
        border:none;
        width:34px;
        float:right;
        font-size:14px;
        margin-right:10px;
    }
    div.siteLogo {
        left:10px;
        top:20px;  
        }

    div.welcome {
        padding: 5% 6%;
        width: auto;
    }
    .welcome h1 {
        color: #00508c;
        font-size: 28px;
        font-weight: 500;
        letter-spacing: -1px;
        line-height: 32px;
        text-align: center;
    }
    .welcome h2, .welcome p {
        color: #222;
        font-size: 16px;
        font-weight: normal;
        line-height: 24px;
        margin: 0 0 10px;
        text-align: center;
    }
    div.col100.ingangar .col33 {
        height:70px;
    }
    div.col100.ingangar {
        padding: 1%;
        width: 99%;
    }

    div.col100.ingangar .col33 {
        width: 31.65%;
        float: left;
        margin-right: 1.68%;
    }

    div.col100.ingangar .col33 h2 {
        font-size: 21px;
        height:70px;
        line-height:70px;
    }

    div.col100.large-puff {
        padding: 1%;
        width: 97.4%;
    }

    div.col100.large-puff .col50 {
        width: 48.4%;
    }
   div.col100.large-puff .col50 .box-inner {
        float: left;
        padding: 0;
        width: 100%;
    }
    div.col100.large-puff .col50 h3.header {
        font-size: 19px;
        line-height: 28px;
        padding: 17px 17px 0;
    }
    div.col100.large-puff .col50 p.abstract {
        font-size: 14px;
        line-height: 24px;
        padding: 0 19px 20px;
    }
    div.col100.large-puff.wide {
        width: 96%;
    }
    div.col100.news {
        left: 1%;
        margin: 0 auto 16px;
        position: relative;
        width: 97.5%;
        padding:4px 0 0 0;
    }
    div.col100.news .col25.intro.alignleft .news-content {
        border: none;
        height: auto;
        padding-left: 20px;
    }
    div.col100.news .col25.intro.alignleft .news-content.intro {
        border-bottom:1px solid #fff;    
    }
    div.col100.news .news-content {
        border-left:none;
        border-bottom:1px solid #fff;
        height: auto;
        padding-bottom: 16px;
        padding-left: 21px;
        padding-top:16px;
    }
    div.col100.news a.bulleted.intro {
        bottom: 9px;
        color: #FFFFFF;
        display: block;
        font-size: 15px;
        font-weight: 800;
        position: absolute;
        right: 18px;
        text-decoration: none;
    }
     div.col100.news h3.title {
        margin-bottom:10px;
        width: 75%;
     }
    div.col100.news a.bulleted {
        right:28px;
    }
    div.col100.news a.bulleted {
        bottom: 10px;
        right: 20px;
        display:block;
    }
    div.col100.news .col25 {
        width:100%;
    }
    .col100 img {
        max-width:100%;
        width:100%;
    }
    div.siteOptions-container div.siteOptions {
        width:100%;
    }
    div.siteFooter .col25 {
        width:23.40425531914894%;
    }
    div.col100.large-puff.wide {
        width: 97.4%;
    }
    div.col100.large-puff.wide img {
        height:auto !important;
    }
    div.col100.large-puff .img-container.normal-img {
        margin-right:20px;
    }
    div.col100.large-puff .box.puff {
        max-width: 673px;
        width:69.6%;
        float:right;
        height:auto;
    }
    div.col100.large-puff .box.puff h2 {
        color: #444444;
        font-size: 21px;
        font-weight: 800;
        letter-spacing: -1px;
        line-height: 29px;
        margin-bottom: 6px;
        text-transform: uppercase;
    }
    div.col100.large-puff .box.puff p.abstract {
        font-size: 14px;
        line-height: 23px;
    }
    div.col100.large-puff a.bulleted {
        bottom:10px;
    }
    div.col100.large-puff .img-container.normal-img {
        float: left;
        overflow: hidden;
        width: 26%;
    }
    div.siteOptions-container {
        height: 40px;
    }
    div.siteOptions-container ul.siteOptions {
        float: none;
        font-size: 13px;
        margin: 4px auto 16px;
        overflow: hidden;
        width: 100%;
    }
    .socialshare {
        background: none repeat scroll 0 0 #FFD700;
        float: none;
        margin: 20px auto;
        width:430px;
    }
    div.siteFooter-container {
        padding-top:20px;
        padding-bottom:0;
    }
    div.siteFooter {
        overflow:hidden;
        width:auto;
        padding:10px;
    }
    div.siteContact ul {
        width: auto;
    }

    .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:#00508c;
    }
    div#divOverview {
        border-color:#00508c;
    }
    body.user_mypageslogin div.siteContent .col25 .box {
        width:100%;
    }
    div.siteMain {
        min-height:0;
    }
    div.siteFooter h6.logoHeader {
        text-align:center;
    }
    div.siteContact ul {
        text-align: center;
        width: auto;
    }
    div.siteFooter ul li {
        border-right: 1px solid #00508c;
        font-size: 15px;
        line-height: 24px;
        margin: 0;
        padding: 0 10px;
    }
        div.siteFooter ul li:last-child {
            border:none;
        }
    div.siteContact ul li {
        float:initial;
    }
    .col33full {
        width:31.33333333333333%;
    }
    h2.puffrubrik.smallpuff a {
        width:100%;
    }
    .alignleft {
    margin-right:2.12765957446809%;
    }
    div.col50.news {
        min-height:0;
    }
    div.siteHeader ul.translate li a.translate {
        background: #00508c;
        border-radius:2px;
        display: block;
        font-size: 13px;
        padding: 3px 10px;
        position: absolute;
        right: 189px;
        text-decoration: none;
        top: 24px;
        color:#fff;
    }

    div.article-area-info div.article-area-info p img {
        width:auto;
    }
    ul.templatelist.block.objectlist li a.icon_objectlist_map.iframe img,
        table.gridlist tbody tr td.gridcell a.icon_objectlist_map.iframe img {
        width:initial;
    }
    div.page-col75.col75 div.article-general p img {
        max-width:100%;
    }

}

/* 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;
    }

    div.siteHeader-container, div.siteMain-container, div.siteOptions-container, div.siteFooter-container {
        width: 98% !important;
    }

    div.siteHeader-container {
        border: none;
    }
    div.siteHeader {
        background:transparent;
    }
   .handheld-menu .handheldTopMenu, .handheldTopMenu.nojs {
        position: relative;
        z-index: 2000;
        background: #00508c;
        border-radius:0;
    }

    .handheld-menu .handheldTopMenu li, .handheldTopMenu.nojs li {
        position: relative;
        z-index: 2000;
        border-bottom:1px solid #fff;
    }

    .handheld-menu .handheldTopMenu a,
    .handheld-menu .handheldTopMenu span {
        font-size: 13px;
        font-weight: bold;
        line-height: 54px;
        padding-left: 0.6em;
        color: #fff;
        border: none;
        text-transform:uppercase;
    }
    .handheld-menu .handheldTopMenu a {
        display:block;
    }
    .handheld-menu .handheldTopMenu > li:first-of-type,
    .handheldTopMenu.nojs > li:first-of-type {
        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;
        display:block;
    }

    .handheld-menu .handheldTopMenu .expanded ul li ul li a {
        padding-left: 2em;
        display:block;
        font-family:Georgia;
        font-weight:normal;
        font-size:15px;
        text-transform:none;
    }
    .handheld-menu .handheldTopMenu .expanded ul li ul li ul li a {
        padding-left: 3em;
        display:block;
    }

    .handheld-menu .handheldTopMenu .expanded ul li ul li ul li ul li a {
        padding-left: 4em;
        display:block;
    }

    .handheld-menu .handheldTopMenu .expanded ul li ul {
        background: #004579;
        overflow: hidden;
    }

    .handheld-menu .handheldTopMenu .expanded ul li ul li ul {
        background: #004579;
        overflow: hidden;
    }

    .handheld-menu .handheldTopMenu .expanded ul li ul li ul li ul li {
        background: #004579;
        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:transparent !important;
    }
    .handheld-menu .handheldTopMenu div.expand-button,
    .handheld-menu .handheldTopMenu div.collapse-button {
        width:100%;
        position:absolute;
        top:0;
        height:100%;
        text-align:right;
        padding:0.615em;
        box-sizing:border-box;    
    }   
    .handheld-menu .handheldTopMenu ul div.expand-button,
    .handheld-menu .handheldTopMenu ul div.collapsed-button {
        display:block;
        position:absolute;
        top:0;
        right:0;
        width:auto;
        height:auto;
        text-align:left;
    }
    .icon-minus-sign-alt:before,
    .icon-plus-sign-alt:before {
        content: "\f078";
        color: #fff; 
        font-family: FontAwesome;
        font-size:0.8em;
    }
    h1, h1.pagetitle {
        font-size: 27px;
        line-height: 30px;
        margin-bottom: 20px;
        letter-spacing: -1px;
    }

    div.siteHeader-container h1 {
        background: #000;
        float: left;
        margin: 0 0;
        padding: 9% 0;
        width: 100%;
        text-align: center;
    }

        div.siteHeader-container h1 a {
            color: #fff;
            text-decoration: none;
        }

    div.siteContent {
    min-height: 0;
    padding: 0;
    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: auto;
        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, .col75 img {
        width: 100%;
    }

    .box-outer {
        min-height: initial;
    }

        .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 !important;
        margin-top: 0.3em;
    }

    body.mina-sidor_registrera-dig span.forminfo-text {
        
        display: none;
        
    }*/

    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;
    }

    .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: 50%;
    }

    .page-col75 div.interest-interestinfo {
        width: 95%;
        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*/



    .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 {
        height: 256px;
        position: relative;
        top: 40px;
    }

    .col50 .available-container img {display:none;}

    .col50.news h2.news {
        font-size:21px;
    }
    .col50.news div.archive-readmore a {
        font-size: 14px;
    }
    
    div.global-authorization {
        background: transparent;
        font-size: 13px;
        position: absolute;
        right: auto;
        text-align: center;
        top: 130px;
        width: 100%;
    }

    div.global-unauthorized-login, div.global-unauthorized-register, div.global-authorized-mypages, div.global-authorized-logout, div.global-language {
        background: #00508c;
        display: inline-block;
        float: right;
        font-size: 11px;
        padding: 6px 6px 6px 4px;
        text-align: center;
        width: 45%;
    }

    div.global-unauthorized-register, div.global-authorized-mypages {
        background: #00508c;
        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;
    }

    div.global-authorization div {
        position:relative;
    }
    div.global-authorization div div:nth-child(2n+1) {
        position:absolute;
        left:0;
    }
    div.global-authorization div div:nth-child(2n+2) {
        position: absolute;
        right: 0;
    }
    .col100 .slider, .col100 .slider-container {
        width:100%;
        height:auto;
        display:none;
    }


    .slider-container.col100 {
        display:none;
    }
    div.siteContentFull, div.siteContainer, div.siteHeader, div.siteMain, div.siteFooter {
        width: 100%;
    }

    div.siteHeader-container {
        box-shadow: none;
    }

    div.search_area, div.language {
        float: right;
        padding: 10px 0;
        position: relative;
        width:100%;
    }

    div.search_area {
        position: absolute;
        right: -1px;
        top: 172px;
        width: 100%;
    }

    div.search_area .btn_search {
        background: none;
        border: none;
        width: 34px;
        float: right;
        font-size: 14px;
        margin-right: 10px;
    }

    div.search_area .search_field {
        border: none;
        border-radius: 0;
        box-shadow: none;
        float: left;
        width: 70%;
        margin-left: 10px;
    }

    div.siteLogo {
        left: 0;
        text-align: center;
        top: 20px;
        width: 100%;
    }

    div.welcome {
        padding: 4% 4% 3% 5%;
        width: auto;
    }
    .welcome h1 {
        color: #00508c;
        font-size: 28px;
        font-weight: 500;
        line-height: 42px;
        letter-spacing:-1px;
        text-align: center;
    }
    .welcome h2, .welcome p {
        color: #222;
        font-size: 16px;
        font-weight: normal;
        line-height: 26px;
        margin: 0 0 10px;
        text-align: center;
    }

    div.col100.ingangar .col33 {
        height: 70px;
    }

    div.col100.ingangar {
        padding: 1%;
        width: 99%;
    }

        div.col100.ingangar .col33 {
            float: none;
            margin: 0 auto 18px;
            width: 89%;
        }

            div.col100.ingangar .col33 h2 {
                font-size: 21px;
                height: 70px;
                line-height: 70px;
            }

    div.col100.large-puff {
        width: 100%;
    }

        div.col100.large-puff .col50 {
            width: 100%;
            margin-bottom: 10px;
        }

            div.col100.large-puff .col50 .box-inner {
                float: left;
                padding: 0;
                width: 100%;
            }

            div.col100.large-puff .col50 h3.header {
                font-size: 19px;
                line-height: 28px;
                padding: 17px 17px 0;
            }

            div.col100.large-puff .col50 p.abstract {
                font-size: 14px;
                line-height: 24px;
                padding: 0 19px 20px;
            }

        div.col100.large-puff.wide {
            width: 100%;
        }

    div.col100.news {
        left: 1%;
        margin: 0 auto 16px;
        position: relative;
        width: 97.5%;
        padding: 4px 0 0 0;
    }

        div.col100.news .col25.intro.alignleft .news-content {
            border: none;
            height: auto;
            padding-left: 20px;
        }

            div.col100.news .col25.intro.alignleft .news-content.intro {
                border-bottom: 1px solid #fff;
            }

        div.col100.news .news-content {
            border-left: none;
            border-bottom: 1px solid #fff;
            height: auto;
            padding-bottom: 16px;
            padding-left: 21px;
            padding-top: 16px;
        }

        div.col100.news a.bulleted.intro {
            bottom: 9px;
            color: #FFFFFF;
            display: block;
            font-size: 15px;
            font-weight: 800;
            position: absolute;
            right: 18px;
            text-decoration: none;
        }

        div.col100.news h3.title {
            margin-bottom: 10px;
            width: 75%;
        }

        div.col100.news a.bulleted {
            right: 28px;
        }

        div.col100.news a.bulleted {
            bottom: 10px;
            right: 20px;
            display: block;
        }

        div.col100.news .col25 {
            width: 100%;
        }

    .col100 img {
        max-width: 100%;
        width: 100%;
    }

    div.siteOptions-container div.siteOptions {
        width: 93%;
    }

    div.siteFooter .col25 {
        width: 23.40425531914894%;
    }

    div.col100.ingangar, div.col100.large-puff {
        margin-bottom: 10px;
    }

        div.col100.large-puff.wide img {
            height: auto !important;
        }

        div.col100.large-puff .img-container.normal-img {
            display: none;
        }

        div.col100.large-puff .box.puff {
            float: left;
            height: auto;
            max-width: none;
            width: 100%;
        }

            div.col100.large-puff .box.puff h2 {
                color: #444444;
                font-size: 21px;
                font-weight: 800;
                letter-spacing: -1px;
                line-height: 29px;
                margin-bottom: 6px;
                text-transform: uppercase;
            }

            div.col100.large-puff .box.puff p.abstract {
                font-size: 14px;
                line-height: 23px;
            }

        div.col100.large-puff a.bulleted {
            bottom: 10px;
        }

        div.col100.large-puff .img-container.normal-img {
            float: left;
            overflow: hidden;
            width: 26%;
        }

        div.col100.large-puff .box.puff .box-inner {
            padding: 20px;
        }

    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%;
            border-top: 1px solid #00508c;
        }

            div.siteOptions-container ul.siteOptions li a {
                border: none;
                color:#00508c;
            }

            div.siteOptions-container ul.siteOptions li {
                display: block;
                float: left;
                border-bottom: 1px solid #00508c;
                width: 100%;
                padding: 6px 0;
            }

    div.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;
        font-size:19px;
    }
    
    .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: #00508c;
    }

    div#divOverview {
        border-color: #00508c;
    }

    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;
    }

    .col33full {
        width: 99%;
        margin: 0 auto 2%;
    }

        .col33full .box-inner img {
            max-width: 99%;
        }

    h2.puffrubrik.smallpuff a {
        width: 100%;
    }

    .col100.available {
        margin-bottom: 20px;
    }

    .col100.focusobjekt, div.slider-container.focus-container {
        display: none;
    }

    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;
        text-align:center;
    }
    .templatelist.block.objectlist {
        margin:0 0 20px 0;
        width: 99.5%
    }
    .templatelist.block:nth-child(3n+3) {
        margin-right: 0;
    }
    div.global-rss {
        background:#73c2e9;
        display: block;
        float: left;
        font-size: 11px;
        left: 4%;
        padding: 6px 6px 6px 0;
        position: absolute;
        text-align: center;
        top: 0;
        width: 18%;
    }
   div.welcome {
        padding: 5% 6%;
        width: auto;
    }
    .welcome h1 {
        color: #00508c;
        font-size: 28px;
        font-weight: 500;
        letter-spacing: -1px;
        line-height: 32px;
        text-align: center;
    }
    .welcome h2, .welcome p {
        color: #222;
        font-size: 16px;
        font-weight: normal;
        line-height: 24px;
        margin: 0 0 10px;
        text-align: center;
    }
    div.siteHeader ul.translate li a.translate {
        background: #00508c;
       border-radius: 2px;
        bottom: auto;
        display: block;
        font-size: 13px;
        height: 24px;
        overflow: hidden;
        padding: 3px 10px;
        position: absolute;
        right: 8px;
        text-decoration: none;
        top: 22px;
        width: 13px;
        color:#fff;
    }
    div.siteHeader ul.translate li a.translate:before {
        content: "\f0ac";
        color: #fff;
        font-family: FontAwesome;
        font-size:14px;
        padding-right:10px;
    }
    ul.templatelist.block.objectlist li a.icon_objectlist_map.iframe img {
        width:initial;
    }
    div.page-col75.col75 div.article-general p img {
        max-width:100%;
    }

}