/* 
    Document   : ubg_wkr
    Created on : 19.03.2013, 14:50:16
    Author     : ag7
    Description:
        Purpose of the stylesheet follows.
*/

#map_canvas { 
  height:400px;
  width: 100%;
}  

#map_canvas img {
  max-width: none;
}

/** INFO BOX **/
.info-box{
  min-height: 200px;
  width: 245px;
  overflow: hidden;
}

.info-content-wrapper{
  min-height: 130px;
  width:245px;
  padding-bottom: 0.5em;
}

.info-img{
  float:left;
  width: 60px;
  height: 60px;
}

.info-img img{
  width: 50px;
  height: 50px;
}

.info-content{
  float:left;
  min-height: 100px;
  width: 125px;
}

.info-content p,
.info-footer-wrapper p{
  padding: 0;
  margin: 0.1em 0 0 0;
  font-size: 0.7em;
}

.info-title{
  color: #E95D0F;
  margin-bottom: 0.4em;
  font-size: 1.5em;
  font-family: 'CDUKievit Bold', Arial;
}

.info-name{
  font-size: 1.5em;
  margin-bottom: 0.4em;
  font-family: 'CDUKievit Bold', Arial;
}

.info-footer-wrapper{
  border-top: 1px solid #000;
  padding-top: 12px;
  height: 30px;
  width: 245px;
}

/** CONTROL BOX **/

.control-wrapper{
  background-color: #666666; 
}

.control-wrapper{
  width:80%;
  height:auto; 
  margin: 8px 10% 0 10%;
  background-color: rgba(0, 0, 0, 0.5);
}

.control-search input[type="text"],
.control-search-ie input[type="text"]{
  height: 15px;
  width: 45px;
  /*margin-left:43px;*/
  float: left;
  border-color: transparent;
  border-radius: 3px 3px 3px 3px; 
}

.search-item {
  width: 80%;
  float: left;
}

.control-search .search-item input[type="text"],
.control-search-ie .search-item input[type="text"] {
  width: 85%;
}
  
.search-item .description {
  float: left;
  color: #fff;
}

/* */
.control-search-ie {
  width: 70%; /*55%;*/
  margin:2%; 
  float: left;
  /*background-image: url("../images/icon-plz-only-i8.png");*/
  background-repeat: no-repeat;
  padding-left:0px; 
}

.control-search {
  width: 70%; /*55%;*/
  margin:2%; 
  float: left;   
  /*background-image: url("../images/icon-plz-only.png");*/
  background-repeat: no-repeat;
  background-size: 40px 22px;
  padding-left:0px;
} 

.control-search-btn,
.control-search-btn-ie{
  width:26px;
  height:22px; 
  float: left;
  margin-left:5px;
  border-style:none;
  background: none;
  cursor: pointer;
  background-image: url("../images/icon-suche.png");
  background-repeat: no-repeat;
  background-size: 26px 22px;
}
.control-search-btn-ie{
  background-image: url("../images/icon-suche-ie8.png");
}






/* */

.control-back{ 
  float: right;
  width: 20%; /*28%;*/
  margin:2%;
  text-align: right;
}

.ctrl-btn{
  text-align: center;
  background: #E95D0F;
  height: 16px;
  color: #fff;
  font-weight:bold;
  float: right;
  padding: 3px;
  line-height: 15px;
  border-radius: 3px 3px 3px 3px;
}

.gmnoprint img { top:20 !important;}

/* Narrow */
@media all and (min-width: 481px) and (min-device-width: 481px), (max-device-width: 1139px) and (min-width: 481px) and (orientation:landscape) {
  
  #map_canvas { height:600px; }  
  
  .info-box{
    min-height: 185px;
    width: 370px;
  }

  .info-content-wrapper{
    min-height: 112px;
    width:370px;
  }

  .info-img{
    width: 112px;
    height: 112px;
  }

  .info-img img{
    width: 100px;
    height: 100px;
  }

  .info-content{
    min-height: 100px;
    width: 258px;
  }

  .info-footer-wrapper{
    height: 30px;
    width: 370px;
  }

  .info-content p,
  .info-footer-wrapper p{
    font-size: 0.9em;
  }
  
  .control-search input[type="text"],
  .control-search-ie input[type="text"]{
    width: 50%;
  }
  
  .search-item {
    width: 50%;
  }
  
  .control-search .search-item input[type="text"],
  .control-search-ie .search-item input[type="text"] {
    width: 95%;
  }
  
} 

/* Normal */
@media all and (min-width: 1139px) and (min-device-width: 1139px), all and (max-device-width: 1139px) and (min-width: 1139px) and (orientation:landscape) {
  #map_canvas { height:700px; }  
}