/* client area css */
.nav_clientarea_container{
    position: absolute;
    bottom: 0;
    right: 0;
}

.client_area_container{
    width: 100%;
    display: none;
    position: absolute;
    bottom: 6.25em;
    top: 0;
    background: url('../img/t80_black.png');
    background-repeat: repeat;
    overflow: hidden;
     transition: all .3s cubic-bezier(.4,0,.15,1);
    opacity: 0;
}
.client_area_container.visible{
    display: block;
    opacity: 1;
}

.ca_navigation{
    background: #fff;
    display: inline-block;
    position: absolute;
    bottom: -100%;
    right: 0;
    width: auto;
    height: auto;
    transition: all .3s cubic-bezier(.4,0,.15,1);
    
}
.ca_navigation.visible{
    display: inline-block;
    bottom: 0;
    right: 0;
}

.ca_nav_close{
    background-image: url('../img/close_b.png');
    background-position: center center;
    display: block;
    position: absolute;
    top:2em;
    right: 2em;
    width: 2em;
    height: 2em;
}

.ca_navigation_inner{
    margin: 2em;
}
.ca_navigation_title{
    margin-bottom: .3em;
}
.ca_nav_not_loggedin{
    display: none;
}
.ca_nav_not_loggedin.visible{display: block;}
.ca_nav_not_loggedin>div{
    margin-bottom: 1.5em;
}

.ca_nav_loggedin{
    display: none;
}
.ca_nav_loggedin.visible{display: block;}
.ca_nav_loggedin>div{
    margin-bottom: 1.5em;
}

.ca_nav_login_form_container input{
    display: block;
    border: 1px solid #333;
    background-color: #fff;
    font-size: .8em;
    height: 2em;
    text-indent: 6%;
    width: 100%;
    
}
.ca_nav_login_form_container>*{
    
    margin-top: 1em;
}

#login_error_message{color: #C00000;font-weight: 300;font-size: 1em;line-height: 1em;}



.ca_download{
    background: #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    bottom: 0;
    display: block;
    transition: all .3s cubic-bezier(.4,0,.15,1);
}
.ca_download.visible{
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
}
.ca_dw_close{
    background-image: url('../img/close_b.png');
    background-position: center center;
    display: block;
    position: absolute;
    top:2em;
    right: 2em;
    width: 2.5em;
    height: 2.5em;
}

.ca_dw_inner{
     height: 100%;
     padding-left: 4em;
}

.ca_dw_title{
    margin-top: .5em;
    margin-bottom: .3em;
}
.ca_dw_info{
    line-height: 1.7em;
}
.ca_dw_intro{
    width: 30%;
    height: 100%;
    overflow: auto;
    display: inline-block;
}
.ca_dw_search{
    margin-top: 2em;
}
.ca_dw_list{
    width: 100%;
    height: auto;
    /*overflow: auto;*/
    display: block;
}
.download_object_files a{word-wrap: break-word;word-break: break-word;}
#download_product_select {
    display: block;
    width: 45.5%;
    text-indent: .8em;
    margin: 0;
    padding: .5em 0;
    border: 1px solid #d5d5d5;
}

#f_originalname_exterior
{
	display:none;
}

/*------------------------------------*\
/*------------------------------------*\
            MOBILE DEVICES
/*------------------------------------*\
\*------------------------------------*/


/*------------------------------------*\
   w 1023px
\*------------------------------------*/
@media only screen and (max-width: 1023px) {
    .navigation{
        top: 0;
    }
    
    .page_group{
        height: auto;
        position: relative;
    }
    .nav_clientarea_container {
        position: absolute;
        top: 0;
        right: 0;
        bottom: auto;
    }
    
    .nav_clientarea_container .button2{
       padding: .4em 2em;
       
    }
    
    .all_content{
        height: 100%;
        width: 100%;
        position: relative;
    }
    
    .client_area_container{
        bottom: 0;
        height: auto;
        margin-top: 4em;
        overflow: visible;
    }
    .ca_navigation{
        top: -100%;
        bottom: auto;
    }
    .ca_navigation.visible {
        top: 0;
        bottom: auto;
     }
     
     .ca_download{
        top: auto;
        bottom: 100%;
        height: auto;
    }
    .ca_download.visible{
        top: 0;
        bottom: auto;
    }
     
    .ca_dw_inner{
        padding-bottom: 2em;
    }
    .ca_dw_intro, .ca_dw_list{display: block;width: 100%;height: auto;padding-bottom: 1em;}
    
}
/*------------------------------------*\
   w 690px
\*------------------------------------*/
@media only screen and (max-width: 690px) {
    .nav_clientarea_container{display: none;}
    #navPg_clientarea{display: block;}
    .ca_dw_inner,.ca_navigation_inner{
        margin-left:2px;
        margin-right: 2px;
        padding-left: 0;
        padding-right: 0;}
    .ca_dw_intro{
        word-wrap: break-word;
        margin-top: 4em;
    }
}








/* download list css */

/* columns */
.basic_col3-1 , .basic_col3-2 , .basic_col3-3 {
    width: 40%;
    float: left;
}
.basic_col3-2 {
    margin-left: 0;
    margin-right: 0;
}
.basic_col3-3 {
    width: 20%;
    float: right;
}

.download_search_form {
    /*background-color: #fff;*/
    
}
.download_input_field label {
    display: block;
    color: #000;
}
.download_input_field input,
.download_input_field select {
    display: block;
    width: 95%;
    min-width: 230px;
    text-indent: .8em;
    margin: 0;
    padding: .5em 0;
    border: 1px solid #d5d5d5;
}
.download_submit_form .link_button {
    margin: 32px auto 0 auto;
    display: block;
    text-align: center;
    width: 8em;
    padding: .7em;
    background-color: #333;
    color: #fff;
    transition: all 0.2s ease-in;
    font-size: .8em; 
}
.download_submit_form .link_button:hover {
    background-color: #505050;
}

/* download files */

.download_extra_options {
    border: 0px solid #999;
    border-top: none;
    padding: 10px;
}
.download_extra_options a {
    display: block;
    background: transparent url('../img/showall.png') no-repeat left center;
    padding-left: 20px;
    font-size: 0.8em;
    color: #333;
}
.download_field_container {
    padding: 10px 0;
    margin: 10px 0;
}
.download_field_container:first-child {
    /*border-top: 1px solid #999;*/
}
.field-title {
    display: block;
    font-size: 100%;
    padding: 0.5em 0em;
    color: #878787;
}
.download_field_header {
    /* padding: 10px 10px; */
    /*background-color: #0a3761;*/
    background-color: #333;
    color: #fff;
}
.download_show_btn {
    float:left;
    margin-right: 2%;
    width:20px;
}
.download_show_btn a {
    display: block;
    width: 20px;
    height: 20px;
    background: transparent url('../img/expanded.png') no-repeat center center;
    transition: all 0.2s ease-in-out;
    transform: rotate(0deg);    
}
.download_show_btn.active a {
    transform: rotate(-90deg);
}
.download_object_id {
    float:left;
    cursor: pointer;
}
.download_object_name {
    float:left;
    margin-left: 5%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 170px;
    cursor: pointer;
}
.download_object_status {
    float:left;
}

.download_field_content {
    padding-left: 0;
    color: #999;
}
.download_object_checkbox {
    margin: 10px 0;
    background-color: #D6D6D6;
    border: 0px solid #999;
    padding: 10px;
    color: #505050;
	height: 60px;
}
.download_object_checkbox input{
    display: inline-block;
    /*width: 20px;*/
    /*height: 20px;*/
    margin: 0px;
}
.download_object_title {
    display: inline-block;
    vertical-align: text-top;
}
.download_object_left_layout {
	width:50%;
	float:left;
}

.image_preview_0,.image_preview_1,.image_preview_2,.image_preview_3,.image_preview_4,.image_preview_5,.image_preview_6,.image_preview_7,.image_preview_8,.image_preview_9,.image_preview_10,
.image_preview_11,.image_preview_12,.image_preview_13,.image_preview_14,.image_preview_15,.image_preview_16,.image_preview_17,.image_preview_18,.image_preview_19,.image_preview_20,
.image_preview_21,.image_preview_22,.image_preview_23,.image_preview_24,.image_preview_25,.image_preview_26,.image_preview_27,.image_preview_28,.image_preview_29,.image_preview_30,
.image_preview_31,.image_preview_32,.image_preview_33,.image_preview_34,.image_preview_35,.image_preview_36,.image_preview_37,.image_preview_38,.image_preview_39,.image_preview_40,
.image_preview_41,.image_preview_42,.image_preview_43,.image_preview_44,.image_preview_45,.image_preview_46,.image_preview_47,.image_preview_48,.image_preview_49,.image_preview_50,
.image_preview_51,.image_preview_52,.image_preview_53,.image_preview_54,.image_preview_55,.image_preview_56,.image_preview_57,.image_preview_58,.image_preview_59,.image_preview_60,
.image_preview_61,.image_preview_62,.image_preview_63,.image_preview_64,.image_preview_65,.image_preview_66,.image_preview_67,.image_preview_68,.image_preview_69,.image_preview_70,
.image_preview_71,.image_preview_72,.image_preview_73,.image_preview_74,.image_preview_75,.image_preview_76,.image_preview_77,.image_preview_78,.image_preview_79,.image_preview_80,
.image_preview_81,.image_preview_82,.image_preview_83,.image_preview_84,.image_preview_85,.image_preview_86,.image_preview_87,.image_preview_88,.image_preview_89,.image_preview_90,
.image_preview_91,.image_preview_92,.image_preview_93,.image_preview_94,.image_preview_95,.image_preview_96,.image_preview_97,.image_preview_98,.image_preview_99,.image_preview_100,
.image_preview_101,.image_preview_102,.image_preview_103,.image_preview_104,.image_preview_105,.image_preview_106,.image_preview_107,.image_preview_108,.image_preview_109,.image_preview_110,
.image_preview_121,.image_preview_122,.image_preview_123,.image_preview_124,.image_preview_125,.image_preview_126,.image_preview_127,.image_preview_128,.image_preview_129,.image_preview_130,
.image_preview_131,.image_preview_132,.image_preview_133,.image_preview_134,.image_preview_135,.image_preview_136,.image_preview_137,.image_preview_138,.image_preview_139,.image_preview_140,
.image_preview_141,.image_preview_142,.image_preview_143,.image_preview_144,.image_preview_145,.image_preview_146,.image_preview_147,.image_preview_148,.image_preview_149,.image_preview_150
{
	display:none;
}

.client_image_preview_0,.client_image_preview_1,.client_image_preview_2,.client_image_preview_3,.client_image_preview_4,.client_image_preview_5,.client_image_preview_6,.client_image_preview_7,.client_image_preview_8,.client_image_preview_9,.client_image_preview_10,
.client_image_preview_11,.client_image_preview_12,.client_image_preview_13,.client_image_preview_14,.client_image_preview_15,.client_image_preview_16,.client_image_preview_17,.client_image_preview_18,.client_image_preview_19,.client_image_preview_20,.client_image_preview_21
{
	display:none;
}

.client_image_preview2_0,.client_image_preview2_1,.client_image_preview2_2,.client_image_preview2_3,.client_image_preview2_4,.client_image_preview2_5,.client_image_preview2_6,.client_image_preview2_7,.client_image_preview2_8,.client_image_preview2_9,.client_image_preview2_10,
.client_image_preview2_11,.client_image_preview2_12,.client_image_preview2_13,.client_image_preview2_14,.client_image_preview2_15,.client_image_preview2_16,.client_image_preview2_17,.client_image_preview2_18,.client_image_preview2_19,.client_image_preview2_20,.client_image_preview2_21
{
	display:none;
}

.similar_exterior_image_preview_0,.similar_exterior_image_preview_1,.similar_exterior_image_preview_2,.similar_exterior_image_preview_3,.similar_exterior_image_preview_4,.similar_exterior_image_preview_5,.similar_exterior_image_preview_6,.similar_exterior_image_preview_7,.similar_exterior_image_preview_8,.similar_exterior_image_preview_9,.similar_exterior_image_preview_10,
.similar_exterior_image_preview_11,.similar_exterior_image_preview_12,.similar_exterior_image_preview_13,.similar_exterior_image_preview_14,.similar_exterior_image_preview_15,.similar_exterior_image_preview_16,.similar_exterior_image_preview_17,.similar_exterior_image_preview_18,.similar_exterior_image_preview_19,.similar_exterior_image_preview_20,.similar_exterior_image_preview_21,
.similar_exterior_image_preview_22,.similar_exterior_image_preview_23,.similar_exterior_image_preview_24,.similar_exterior_image_preview_25,.similar_exterior_image_preview_26,.similar_exterior_image_preview_27,.similar_exterior_image_preview_28,.similar_exterior_image_preview_29,.similar_exterior_image_preview_30,.similar_exterior_image_preview_31,.similar_exterior_image_preview_32,
.similar_exterior_image_preview_33,.similar_exterior_image_preview_34,.similar_exterior_image_preview_35,.similar_exterior_image_preview_36,.similar_exterior_image_preview_37,.similar_exterior_image_preview_38,.similar_exterior_image_preview_39,.similar_exterior_image_preview_40,.similar_exterior_image_preview_41,.similar_exterior_image_preview_42,.similar_exterior_image_preview_43,
.similar_exterior_image_preview_44,.similar_exterior_image_preview_45,.similar_exterior_image_preview_46,.similar_exterior_image_preview_47,.similar_exterior_image_preview_48,.similar_exterior_image_preview_49,.similar_exterior_image_preview_50,.similar_exterior_image_preview_51,.similar_exterior_image_preview_52,.similar_exterior_image_preview_53,.similar_exterior_image_preview_54
{
	display:none;
}

.similar_interior_image_preview_0,.similar_interior_image_preview_1,.similar_interior_image_preview_2,.similar_interior_image_preview_3,.similar_interior_image_preview_4,.similar_interior_image_preview_5,.similar_interior_image_preview_6,.similar_interior_image_preview_7,.similar_interior_image_preview_8,.similar_interior_image_preview_9,.similar_interior_image_preview_10,
.similar_interior_image_preview_11,.similar_interior_image_preview_12,.similar_interior_image_preview_13,.similar_interior_image_preview_14,.similar_interior_image_preview_15,.similar_interior_image_preview_16,.similar_interior_image_preview_17,.similar_interior_image_preview_18,.similar_interior_image_preview_19,.similar_interior_image_preview_20,.similar_interior_image_preview_21,
.similar_interior_image_preview_22,.similar_interior_image_preview_23,.similar_interior_image_preview_24,.similar_interior_image_preview_25,.similar_interior_image_preview_26,.similar_interior_image_preview_27,.similar_interior_image_preview_28,.similar_interior_image_preview_29,.similar_interior_image_preview_30,.similar_interior_image_preview_31,.similar_interior_image_preview_32,
.similar_interior_image_preview_33,.similar_interior_image_preview_34,.similar_interior_image_preview_35,.similar_interior_image_preview_36,.similar_interior_image_preview_37,.similar_interior_image_preview_38,.similar_interior_image_preview_39,.similar_interior_image_preview_40,.similar_interior_image_preview_41,.similar_interior_image_preview_42,.similar_interior_image_preview_43,
.similar_interior_image_preview_44,.similar_interior_image_preview_45,.similar_interior_image_preview_46,.similar_interior_image_preview_47,.similar_interior_image_preview_48,.similar_interior_image_preview_49,.similar_interior_image_preview_50,.similar_interior_image_preview_51,.similar_interior_image_preview_52,.similar_interior_image_preview_53,.similar_interior_image_preview_54
{
	display:none;
}

.download_object_layout {
    width: 50%;
    float: right;
}
.download_object_files {
    clear:both;
    padding-left: 5%;
    margin-top: 10px;
}
.download_object_files a {
    color: #999;
}
.single_grundriss {margin-top: 0.7em;}
.single_grundriss > div {
    float: left;
    margin-right: 5px;
}
.download_field_buttons {
    float: right;
    margin-top: 10px;
}
.download_field_buttons a {
    display:block;
    color: #333;
    border: 1px solid #333;
    padding: 0.5em;
    margin-right: 0.5em;
}
.download_field_buttons a:hover {
    background-color: #333;
    color: #fff;
}
.download_all_shown {
    float: right;
}
.download_all_shown a {
    display:block;
    color: #000;
    border: 1px solid #333;
    padding: 0.5em;
    margin-right: 0.5em;
    margin-bottom: 1em;
}
.download_all_shown a:hover {
    background-color: #333;
    color: #fff;
}
.download_pagination > a{
    color: #333;
    padding: 5px;
}
.download_pagination > a:hover {
    color: #10a9dd;
}
a.page_number_active {
    background-color: #bd1f23;
    color: #fff;
}
a.page_number_active:hover {
    color: #fff;
}
.dl_container {
    display: block;
}
.dl_container.active { 
}
.no_results {
    padding: 20px 0px;;
}

/* -------------------------- *\
        MEDIA QUERIES
\* -------------------------- */

/* Styles for 900px device width */
@media only screen and (max-width: 900px) {
    .basic_col3-1, .basic_col3-2, .basic_col3-3 {
        width: auto;
    }
    .basic_col3-1 {
        margin-right: 1em;
    }
}

/* Styles for 790px device width */
@media only screen and (max-width: 900px) {
    .basic_col3-1, .basic_col3-2 {
        width: 50%;
        float: right;
    }
    .basic_col3-1 {
        margin-right: 0;
        float: left;
    }
    .basic_col3-3 {
        float: left;
        width: 100%;
    }
    .download_input_field input, .download_input_field select {
        max-width: 430px;
        float: none;
    }
    
    .download_submit_form .link_button {
        display: inline-block;
    }
}
/* Styles for 700px device width */
@media only screen and (max-width: 700px) {
    .basic_col3-1 , .basic_col3-2 {
        width: 100%;
    }
}

/* Styles for 655px device width */
@media only screen and (max-width: 655px) {
    .download_object_name {
        clear: left;
    }
    .download_object_title {
        width: 123px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .download_object_checkbox input {
        vertical-align: super;
    }
}

/* Styles for 400px device width */
@media only screen and (max-width: 400px) {
    .download_object_title {
        width: auto;
    }
    .download_object_layout {
        float: none;
        width: 100%;
    }
    .download_all_shown {
        margin-top: 20px;
    }
}
