.clearer {
   clear:both;
   height:1px;
   background:none;
   border:0;
 }

.col_1, .col_2, .col_3 {
  float:left;
}

.col_1 { width:310px; }
.col_2 { width:620px; }
.col_3 { width:930px; }

.menu-large {
  margin-bottom:10px; 
}

.menu-large.tpl-3 {
  margin-bottom:0; 
}

.menu-large .HP-pageblock.HP_menu {
  background-position:left bottom;
  background-repeat:no-repeat;
}

.menu-large.tpl-3 .HP-pageblock.HP_menu {
  background-position:left top;
}
  
  .menu-large .HP-pageblock.HP_menu .HP-pageblock-content {
    background-position:right bottom;
  }
  
  .menu-large.tpl-3 .HP-pageblock.HP_menu .HP-pageblock-content {
    background-position:right top;
  }

.wrapper {
  position:relative;
  z-index: 9000;
}

#content-wrapper.col_3 {
  position:relative;
  width:930px;
}

#content-wrapper #content {
  height:488px;
  padding:20px 30px 20px 30px;
  margin-top:20px;
}

*+html #content-wrapper #content {
  position:relative;
  top:-20px;
}

#content-wrapper #content.tpl-3 {
  padding:20px 30px 40px 30px;
  height:100%;
  position:relative;
  margin-top:0;
}

#content-wrapper #content.tpl-3 .crn-btm {
  background-position:left bottom;
  left:0;
  bottom:0;
  position:absolute;
  clear:both;
}

*+html #content-wrapper #content {
  position:relative;
  top:20px;
  padding-top:10px;
  height:498px;
}

*+html #content-wrapper #content .crn-tp {
  top:-10px;
}
  
  .category-top {
    height:40px;
    width:200px;
    position:absolute;
    top:5px;
    left:20px;
    z-index:999;
  }
    .category-headline {
      padding:15px 5px 5px 10px;
    }
    
    .response, .ref-gallery .overlay-btn-response {
      position:absolute;
      right:0px;
      top:440px;
      width:139px;
      z-index:10000;
    }
    
    .ref-gallery .overlay-btn-response {
      float:right;
      margin:20px 0 0;
      position:relative;
      right:-30px;
      top:0;
    }
    
    .ref-gallery .tpl-social-block {
      position:absolute;
      left:30px;
      top:20px;
    }
    
    .response a.response-btn, .ref-gallery .overlay-btn-response a.response-btn {
      background:transparent url(../images/cnt_reponse_button.png) no-repeat top left;
      height:47px;
      width:139px;
      display:block;
      text-indent:-99999px;
    }
    
      .response a.response-btn:hover,
      .response a.response-btn:focus,
      .ref-gallery a.response-btn:hover,
      .ref-gallery a.response-btn:focus {
        background-position:left -49px;
      }
      
      .response a.response-btn:active,
      .ref-gallery a.response-btn:active {
        background-position:left -98px;
      }

  #content-wrapper #content .content {
    clear:both;
    position:relative;
    z-index:30;
  }

    .crn-tp, .crn-btm {
      background:transparent url(../images/tpl_bg_content_corner.png) no-repeat left top;
      height:10px;
      width:930px;
      z-index:29;
    }
    
    #content .crn-tp {
      position:relative;
      top:-20px;
      left:-30px;
    }
    
    *+html #content .crn-tp {
      top:-30px;
    }
  
  .ref-nav {
    background:#fff url(../images/tpl_bg_ref_nav.jpg) repeat-x;
    padding-top:20px;
    height:auto !important;
    float:lefT;
    position:relative;
    display:block;
  }
  
    .ref-nav .crn-btm {
      clear:both;
      background-position:left bottom;
    }
    
    .ref-nav .ref-gallery {
      float:left;
      padding: 15px 30px 20px 30px;
    }
    
      .ref-nav .ref-gallery .overlay-btn a {
        display:block;
        float:left;
        height:44px !important;
        width:71px;
        overflow:hidden !important;
        margin:3px;
        position:relative;
      }
      
      .ref-nav .ref-gallery .overlay-btn a img {
        position:relative;
        top:0;
      }
      
      .ref-nav .ref-gallery .overlay-btn p a {
        width:100%;
      }
      
      .ref-nav .ref-gallery .overlay-btn a:hover img, .ref-nav .ref-gallery .overlay-btn a:focus img {
        top:-50px;
      }
      
      .ref-nav .ref-gallery .overlay-btn a:active img {
        top:-100px;
        overflow:hidden !important;
      }
      
      .ref-nav .ref-gallery .overlay-btn a:hover, .ref-nav .ref-gallery .overlay-btn a:focus, .ref-nav .ref-gallery .overlay-btn a:active {
        height:44px !important;
        overflow:hidden !important;
      }
    
    .ref-nav .ref-clients {
      float:right;
    }
  
    .cnt-gallery {
      height:528px;
      width:930px;
      position:absolute;
      top:0;
      left:0;
    }
    
      .cnt-gallery .lft, .cnt-gallery .rgt, .cnt-gallery .tp, .cnt-gallery .btm {
        position:absolute;
        z-index:20;
      }
    
      .cnt-gallery .lft {
        left:0;
      }
      
      .cnt-gallery .rgt {
        right:0;
      }
      
      .cnt-gallery .tp {
        top:0;
      }
      
      .cnt-gallery .btm {
        bottom:0;
      }
      
  div.overlay.black {
    background-image:url(../images/tpl_overlay_white.png);		
    color:#000000;
  }
  
  div.black h2 {
    color:#000000;
  }
  
  .overlay h2 {
    color:#0066CC;
    margin-top:0;
    margin-bottom:10px;
  }
  
  .overlay {
    display:none;
    background-image:url(../images/tpl_overlay_white.png);
    width:590px;
    height:428px;
    padding:76px 111px 35px 111px;
    font-size:11px;
    text-align:left;
  }
  
  .overlay img {
    border:1px solid #999;
  }
  
  .overlay a.close {
    background-image:url(../images/tpl_overlay_close.png);
    position:absolute;
    right:60px;
    top:30px;
    cursor:pointer;
    height:36px;
    width:36px;
  }
  
  .overlay a.close:hover, .overlay a.close:focus {
    background-position:left -40px;
  }
  
  .overlay a.close:active {
    background-position:left -80px;
  }
  
.overlay .form {
  width:402px;
  z-index:999878789;
}

.overlay .form input, .overlay .form textarea, .overlay .form select, .overlay .form .date {
  width:250px;
  max-width:240px;
}

.overlay .form select {
  width:250px;
}

.overlay .form .button, .overlay .form .submit, .overlay .form .button-callback {
  width:150px;
}

.overlay  .HP_emaildirect .io_error,
.overlay  .HP_emaildirect .io_success,
.overlay  .PER_jobs .info,
.overlay  .PER_jobs div.error,
.overlay  .HP_callback .io_error,
.overlay  .HP_callback .io_success {
  height:38px;
  margin:0;
  padding:10px;
  width:145px;
  position:absolute;
  bottom:101px;
  right:111px;
}

/* .overlay  .HP_emaildirect .button {
  position:relative;
  top:-116px;
  right:-180px;
} */

.cnt-gallery img {
  position:absolute;
  right:0;
}

.cnt-gallery .tpl-switcher {
  bottom:10px;
  position:absolute;
  right:350px;
  z-index:9998;
}

*+html .cnt-gallery .tpl-switcher {
  bottom:30px;
}

.cnt-gallery .tpl-switcher a { 
  background-image:url(../images/tpl_bg_switcher.png);
  background-repeat:no-repeat;
  display:block;
  float:left;
  height:16px;
  line-height:16px;
  padding-right:2px;
  width:16px;
}

.cnt-gallery .tpl-switcher a.active, .cnt-gallery .tpl-switcher a:hover,  .cnt-gallery .tpl-switcher a:focus {
  cursor:pointer;
  background-position:0 -20px;
}

.info-center, .referenz td a.tooltip {
  margin:0 3px;
}

.info-center span, .referenz td a.tooltip span {
  display:none;
  border:1px solid #00478D;
  background-color:white;
  padding:10px 20px 10px 10px;
  position:absolute;
  z-index:1;
}

.info-center:hover span, .referenz td a.tooltip span:hover {
  display:block;
  left:325px;
}

.Footer-Sitemap .footer-social {
  list-style-type:none;
  padding-top:10px;
  border-top:1px solid gray;
  width:890px;
}

.Footer-Sitemap .footer-social a {
  margin-right:3px;
}

.Footer-Sitemap .footer-social iframe.twitter-share-button.twitter-count-none:hover {
  cursor:pointer !important;
}

.Footer-Sitemap p, .Footer-Sitemap .footer-social span {
  font-size:11px;
  line-height:10px;
}

.Footer-Sitemap .footer-social span {
  float:left;
  margin-right:10px;
}

.form #roomcount {
  width:30px;
}

.form #tel {
  width:120px;
}

.form #termin {
  clear:both;
  border:0;
}

.form input[type="checkbox"] {
  border:0 !important;
}

.contact-check {
  clear:both;
  margin-bottom:5px;
  margin-left:140px;
  width:280px;
}

.contact-check .input {
  float:left;
  border:0;
  background-image:none;
  margin:6px 3px 0 0;
  width:16px !important;
  height:16px !important;
  padding:0;
}

.contact-check label {
  clear:none;
  width:auto;
  margin-right:10px;
}

.ref-gallery .referenz {
   padding:0 0px;
   border-collapse:collapse;
   width:870px;
 }
 
 .ref-gallery .referenz td {
   background:white url(../images/scms_compo_v2.png) repeat-x;
   border:1px solid #D1D8DF;
   background-position:left -213px;
   padding:30px;
   margin-top:10px;
   vertical-align:top;
 }
 
 .ref-gallery .referenz td h2 {
   margin-top:0px;
 }
 
 .table {
  border-collapse:collapse;
}

.table td {
  border:1px solid #D1D8DF;
  padding:15px;
  vertical-align:top;
}

.table td h2 {
  margin-top:0;
}