h2 {
    font-size: 1.35em;
    margin-bottom: 0.75em;
    margin-top: 0;
}

h4 {
   margin-top: 0.2em;
   font-size: 1.4em;
}

#map {
   width: 100%;
   height: 100%;
}

#info {
    min-height: 46px;
    opacity: 1;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    color: #000;
}
#controls {
    float: left;
}
/**.imapMiniTabs {
    color: #000;
    height: 40px;
    margin-bottom: 19px;
    text-align: center;
    float: left;
    margin-top: 0px;
}
.imapMiniTabs ul {
    float: right;
    list-style-type: none;
    margin: 35px 0 0 -40px;
    max-height: 24px;
}
.imapMiniTabs ul li {
    float: left;
    height: 20px;
    list-style-type: none;
    margin: 0 4px 4px 0;
    padding: 0;
}
.imapMiniTabs li div.rounded1 {
    background-color: #E6E6E6;
    float: left;
    height: 23px;
    margin: 1px 0 0;
    padding: 0;
    width: 1px;
}
.imapMiniTabs li div.rounded2 {
    background-color: #E6E6E6;
    float: left;
    height: 22px;
    margin: 2px 0 0;
    padding: 0;
    width: 1px;
}
.imapMiniTabs li div {
    background-color: #E6E6E6;
    float: left;
    height: 24px;
    margin-right: 0;
    padding: 3px 8px;
}
.imapMiniTabs li.selected div {
    background-color: #B6A26D;
}
.imapMiniTabs a, .imapMiniTabs a:hover {
    color: #000;
    text-decoration: none;
    font-family: Sans-Serif;
}
.imapMiniTabs li.selected a:hover {
    text-decoration: none;
}**/

.navbar-brand {
    border-bottom: none!important;
}

.imapMiniTabs li div {
    padding: 0;
}

.imapMiniTabs a, .imapMiniTabs a:hover {
    color: #000;
    padding: 17px;
}
@media (max-device-width: 800px) { 
    .imapMiniTabs a, .imapMiniTabs a:hover { padding: 4px;}
}    

.imapMiniTabs a:hover {
    color: #fff;
    background-color: #555555;
}
.imapMiniTabs li.active a {
    background-color: #555555;
    color: #fff;
}

.imapMiniTabs li.active {
    font-weight: bold;
}

.imapMiniTabs .form-group {
    margin-left: 14px;
}

.imapMiniTabs .navbar{
    margin-top: 10px;
    background-color: #E6E6E6;
    color: #fff;
}

.imapMiniTabs .icon-bar {
    background-color: #fff!important;
}
.imapMiniTabs .navbar-collapse {
    border: 0;
}

.imapMiniTabs .navbar-nav {
    margin: 14px 0;
}

.imapMiniTabs .navbar-brand {
    color: #fff;
}

.imapMiniTabs{
    margin-bottom: 10px;
}


#hinw {
   text-align: center;
   margin-top: -40px;
}

.lock_button_close {
   background-image: url("../lock_closed.png");
   background-size: cover;
   background-color:transparent;
   height: 2.8em;
   width: 2.8em;
   position: relative;
   top: 45px;
   z-index: 5;
   float: right;
}

.lock_button{
   background-image: url(../lock_open.png);
   background-color:transparent;
   background-size: cover;
   height: 2.8em;
   width: 2.8em;
   position: relative;
   top: 45px;
   z-index: 5;
   float: right;
}

.map {
  width: 100%;
}

.form-control:focus {
  color: #555;
}

.invisible {
    visibility: hidden;
    width: 0;
}

#mapControls { position: absolute; left: 0px; top: 0px; width: 29px; }
#mapControls #up { background: url(../iconUp.png) no-repeat center top; display: block; height: 26px; width: 29px; }
#mapControls #down { background: url(../iconDown.png) no-repeat center top; display: block; height: 27px; width: 29px; }

#mapControls .lock_button, #mapControls .lock_button_close { display: block; height: 27px; width: 29px; margin-top: 30px;}