#wt-wrapper:before,
#wt-wrapper:after,
#main_brdcrmb:before,
#main_brdcrmb:after {
    content: "";
    display: table;
}

#wt-wrapper:after,
#main_brdcrmb:after {
    clear: both;
}

#wt-wrapper {
    position: relative;
    font-size: 14px;
    width: 100%; /*630px;*/
    min-height: 500px;
    overflow: hidden; /* Clearfix! */
    zoom: 1; /* Triggering "hasLayout" in IE */
    display: block; /* Element must be a block to wrap around contents. Unnecessary if only using block-level elements. */
}

#tour1 {
    position: absolute;
    left: 180px;
    top: 270px;
    z-index: 100;
    background: transparent;
    overflow: hidden;
    width: 300px;
    height: 140px;
}

#tour2 {
    position: absolute;
    left: 300px;
    top: 200px;
    z-index: 100;
    background: transparent;
    overflow: hidden;
    width: 310px;
    height: 180px;
}

#tour3 {
    position: absolute;
    left: 100px;
    top: 15px;
    z-index: 100;
    background: transparent;
    overflow: hidden;
    width: 450px;
    height: 330px;
}

/* --------------- MAIN ----------------- */
#wt-main {
    position: relative;
}

#main_brdcrmb {
    position: relative;
    /*height: 25px;*/
    margin: 0 0;
    /*padding-bottom: 20px;*/
    border-top: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
    background-color: #FFFFFF;
    z-index: 53;
}

#main_brdcrmb #main_brdcrmb1 {
    display: inline-block;
    font-size: 14px;
    padding: 5px 5px 0;
}

#main_brdcrmb #main_brdcrmb2 {
    display: inline-block;
    font-size: 14px;
    padding: 5px 5px 0;
}

#main_brdcrmb #main_brdcrmb2 span {
    padding: 0 10px 0 0;
}

#main_container {
    min-height: 200px;
    position: relative;
    z-index: 53;
    background-color: #ffffff;
    padding-top: 20px;
}

#main_content {
    overflow: auto;
    position: relative;
}

#main_content p, #main_content h2, #main_content h3, #main_content h1, #main_content h4 {
    margin-left: 5px;
}

#main_loading {
    position: absolute;
    top: 100px;
    left: 50%;
    width: 60px;
    margin: -30px 0 0 -30px;
    height: 60px;
    z-index: 100;
    background: url("images/ajax-loader.gif") left top no-repeat;
}

/* -- APP ERROR & dialog -- */
/*would be the background, not used anymore*/
#app_error {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    z-index: 101;
}

#error_dlg {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 102;
    margin: -100px 0 0 -150px;
    overflow: hidden;
    width: 300px;
    height: 200px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 4px 0 #aaa;
    -webkit-box-shadow: 0 0 4px 0 #aaa;
    box-shadow: 0 0 4px 0 #aaa;
    background-color: #FF9999;
    color: #121212;
}


/* -- situation_pane -- */
#situation_pane {
    /*position: relative;*/
    width: 300px;
    height: 300px;
    display: inline-block;
    overflow: hidden;
}

#situation_pane #situation_bg {
    /*background: url('../situation/situation_bg.jpg') no-repeat;*/
    background-repeat: no-repeat;
    position: relative;
    width: 300px;
    height: 300px;
}

#situation_pane #situation_geb {
    position: relative;
    width: 300px;
    height: 300px;
    background-repeat: no-repeat;
    z-index: 51;
}

#situation_pane #overlaymap {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 52;
    width: 300px;
    height: 300px;
}

#situation_geb #overlaymap .dir_lnk_map {
    cursor: pointer;
    border: 0;
    outline: 0;
}

/* -- preview pane -- */
#preview_pane {
    position: relative;
    width: 320px;
    height: 300px;
    display: inline-block;
    /*overflow: hidden;*/
    margin-left: 2px;
    border-left: 1px solid #cacaca;
    z-index: 52;
}

#preview_pane_container {
    width: 320px;
    position: relative;
}

#preview_loading {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    margin: -30px 0 0 -30px;
    height: 60px;
    z-index: 100;
    background: url("images/ajax-loader.gif") left top no-repeat;
}

#preview_pane_container div.image {
    width: 212px;
    display: inline-block;
    background: #fff;
    cursor:move;/*crosshair;*/
    overflow:visible !important;
}

#preview_pane_container div.image img {
    margin: 0 auto;
    max-width: 100%;
}

#preview_pane div#w_detail {
    position: absolute;
    right: 0;
    bottom: 0;
    /*font-size: 12px;*/
    padding: 4px;
    width: 100px;
    z-index:-1;
}
#preview_pane div#w_detail h4 {
    /*font-size:1.25em;*/
}
#preview_pane div#w_detail p {
    font-size:0.928em;
    line-height:110%;
}

#preview_pane div#pw_dl {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    padding: 4px;
    width: 95px;
}

#preview_pane div#pw_dl .button {
    width: 50px;
    height: 50px;
    font-size: 30px;
    padding: 10px;
    display: inline-block;
    border-radius: 5px;
    text-align: center;
    background-color: #665B56;
    color: #ffffff;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    cursor: pointer;
    margin: 10px 20px;
}

#preview_pane div#pw_dl .button:hover {
    background-color: #B01921;
}

/* -- wohnungen -- */
#main_content .geschoss_container {
    clear: both;
    float: left;
    width: 100%;
    border-bottom: 1px solid #CACACA;
    border-radius: 5px;
    background-color: #ffffff;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

#main_content .geschoss_container:hover {
    background-color: #665B56;
}

#main_content .geschoss_container h3 {
    font-size: 16px !important;
    font-weight: normal;
    margin: 0;
    padding: 0 0 0 10px;
}

#main_content .geschoss_container:hover h3 {
    color: #ffffff;
}

#main_content.view_thumbnails ul.share_ul_floor {
    list-style: none;
    margin: 0;
    padding: 0;
    clear: both;
}

#main_content.view_thumbnails ul.share_ul_floor li {
    list-style: none;
    margin: 0 0 3px 3px;
    padding: 3px;
    position: relative;
    top: 0;
    /*height: 100px;*/
    width: 100px;
    cursor: pointer;
    float: left;
    overflow: hidden;
    border: 3px solid #fff;
    /*outline: 0px solid #cdcdcd;*/
    border-radius: 5px;
    z-index:999;
}

#main_content.view_thumbnails ul.share_ul_floor li img {
    width: 94px;
    height: 94px;
    float: right;
    position: relative;
}

#main_content.view_thumbnails ul.share_ul_floor li p {
    margin: 0;
    padding: 0;
    text-align: center;
    line-height:110%;
}

#main_content.view_thumbnails .share_ul_floor h4 {
    margin: 0;
}

#main_content.view_thumbnails ul.share_ul_floor li.file p.size,
#main_content.view_thumbnails ul.share_ul_floor li.file p.type,
#main_content.view_thumbnails ul#share_ul_floor li.file p.name {
    display: none;
}

#main_content.view_thumbnails ul.share_ul_floor li.file p {
    text-align: left;
    font-size: 11px;
}

#main_content.view_thumbnails ul.share_ul_floor li.selected {
    border: 3px solid #B01921;
}

#main_content.view_thumbnails ul.share_ul_floor li.file {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    background-color: #9FBE80;
}

#main_content.view_thumbnails ul.share_ul_floor li.file:hover {
    background-color: #709E41;
}

#main_content.view_thumbnails ul.share_ul_floor li.gone {
    background-color: #FF9876;
}

#main_content.view_thumbnails ul.share_ul_floor li.gone:hover {
    background-color: #FF6633;
}

#main_content.view_thumbnails ul.share_ul_floor li.resv {
    background-color: #FFE782;
}

#main_content.view_thumbnails ul.share_ul_floor li.resv:hover {
    background-color: #FFDA45;
}

#main_content.view_thumbnails ul.share_ul_floor li.opt3 {
    background-color: #FA8D68;
}

#main_content.view_thumbnails ul.share_ul_floor li.opt3:hover {
    background-color: #FB6B31;
}

#main_content.view_thumbnails ul.share_ul_floor li.opt4 {
    background-color: #FA8D68;
}

#main_content.view_thumbnails ul.share_ul_floor li.opt4:hover {
    background-color: #FB6B31;
}

#wt-bezug.bezug_container {
  border-bottom: 1px solid #cacaca;
  line-height:25px;
  font-size:1em;
}

/* this must got at the bottom of the file */
.preview_gone {
    display: block;
    color: inherit;
    width: 100%;
    text-align: center;
    margin: 0 !important;
    height: 300px;
    vertical-align: middle;
    padding-top: 150px;
}

.preview_gone i {
    font-size: 30px;
}

.hidden {
    visibility: hidden;
    display: none;
    width: 1px;
    height: 1px;
    border: none;
}

#wt-main area {
    display: block;
    background: #000000;
    z-index:999;
}

#wt-main area:hover {
    display: block;
    cursor: pointer;
}

#wt-wrapper ul.wt-tabs {
position: relative;
    margin:-1px 0 5px 10px;
    z-index:5;
}
#wt-wrapper ul.wt-tabs li {
    display:inline;
    list-style-type:none;
}
#wt-wrapper ul.wt-tabs a {
    display:inline-block;
    padding:5px 5px;
    background-color:#FFF;
    border-bottom:1px solid #FFF;
    border-right:1px solid #FFF;
    border-left:1px solid #FFF;
    border-radius:0 0 3px 3px;
    text-decoration:none;
    behavior:url('assets/css3pie/1.0.0/PIE.htc');
    /*-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;*/
    border-top:1px solid #CACACA;
}
#wt-wrapper ul.wt-tabs a:hover {
    border:1px solid #CACACA;
}
#wt-wrapper ul.wt-tabs a.active {
    border-bottom:1px solid #CACACA;
    border-right:1px solid #CACACA;
    border-left:1px solid #CACACA;
    border-top:1px solid #FFFFFF;
}
.wt-hidden{
display:none;
}
@media (max-width:42.25em){

  #situation_pane,
  #preview_pane {
    width: 320px;
    height: 302px;
    min-height:302px;
    display: block;
    margin:0;
    border:1px solid #CACACA;
    border-radius:5px;
    behavior:url('assets/css3pie/1.0.0/PIE.htc');
  }
  #wt-wrapper ul.wt-tabs a {
    border-bottom:1px solid #FFFFFF;
  }
  #situation_pane.wt-hidden,
  #preview_pane.wt-hidden {
    display:none;
  }
  
  #tour1 {
    left: 10px;
    top: 300px;
  }
  
  #tour2 {
    left: 10px;
    top: 200px;
  }
  #tour3 {
    left: 2px;
    top: 10px;
  }
  
}

@media (min-width:42.313em){

  #situation_pane,
  #preview_pane {
    display: inline-block;
    vertical-align:top;
    /*margin-right:-4px;
    float:left;*/
  }
  #wt-wrapper ul.wt-tabs {
    display:none;
  }
  .wt-hidden{
display:inline-block;
}
}