/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 50px;
  padding-bottom: 20px;
  padding-left: 2px;
  padding-right: 2px;

}

div.thumb
  {
  margin:0px 10px 35px 0px ;
  padding: 0px;
  height:115px;
  width:auto;
  float:left;
  text-align:center;
  }
div.thumb img
  {
  display:inline;
  /* margin:0px 3px 5px 3px; */
  width:144px;
  height:108px;
  box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.3), 0 0px 5px 0 rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  }
div.thumb a:hover img
  {
  opacity: 0.8;
  }

 div.desc
  {
  font-size:9px;
  text-align:center;
  font-weight:normal;
  width:116px;
  margin:0px 1px 1px 14px;
  }
  
#status_msg{
position:relative; left: 0px; top:-20px;
margin-bottom:-15px;
font-size: 10px;
font-weight:bold;
background-color: red;
color: white;
opacity: 0.6;
max-width: 45%;
margin-left: 3px;
}

.footer{
clear:both;
padding:10px 0px 10px 0px;
margin:0px 0px 20px 0px;
border-top: 1px solid #C6CFD6;
text-align:center;
font-size: 0.8em;
position:relative; left: 0px; top:30px;
}

.pagination{
    position: fixed;
    top: -15px;
    left: 175px;
	opacity: 0.7;
}

.short_description{
max-width:700px;
margin-top: -2px;
border:1px solid #AAAAAA;
background:#EEEEEE;
padding: 5px 10px 5px 10px;
text-align: justify;
}
 
.description{
max-width:700px;
margin-top: 10px;
border:1px solid #AAAAAA;
background:#EEEEEE;
padding: 0px 10px 10px 10px;
font-size:14px;
text-align: justify;
}

.description img{
float: right; 
width:50%;
margin-left:2rem;
padding:15px 0px 10px 10px;

}

.description h3{
font-size: 1.1em;
font-weight:bold;
margin-bottom: 3px;
 }
 
.maps-div{
max-width:700px;
}

 #map-canvas{
 width:auto;
 height:250px;
 }
 
 #mapsContent{
 font-size:12px;
 padding:5px;
 }
 
  
.responsive-700{
max-width:700px;
margin-top: 10px;
margin-bottom: 10px;

}
.webcambox{
max-width:700px;
margin-top: 10px;
margin-bottom: 0px;
}

.standardbox{
max-width:700px;
margin-top: 10px;
border:1px solid #eee;
border-radius:10px;
/* background:#EEEEEE; */
padding: 10px;
font-size:14px;
text-align: justify;
}


.webcambox img, .standardbox img{
width:100%; 
height: auto;
}

video { 
width: 100%; 
height: auto;
margin-top: 10px;
}

.kontaktbox{
max-width:700px;
margin-top: 10px;
border:1px solid #AAAAAA;
background:#EEEEEE;
padding: 10px 10px 10px 10px;
font-size:14px;
text-align: justify;
}



@media screen and (min-width: 0px) and (max-width: 615px) {
   .desktop-only{display:none !important;}
}

@media screen and (min-width: 0px) and (max-width: 880px) {
   .desktop-only-narrow{display:none !important;}
}

.gallery 
{
margin-left: 5px;
overflow: hidden;
padding-bottom: 15px;
}

.narrow-content 
{
margin-left: auto;
margin-right: auto;
overflow: hidden;
max-width: 900px;
}

.banner_120_600{
margin: 0px;
float: right;
}

.banner_160_600{
margin: 0px;
float: right;
}




/* Navigation
-------------------------------------------------- */


.navbar-default {
  background-image: -webkit-linear-gradient(top, #4D68A2 0%, #1C326C 100%);
  background-image:      -o-linear-gradient(top, #4D68A2 0%, #1C326C 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4D68A2), to(#1C326C));
  background-image:         linear-gradient(to bottom, #4D68A2 0%, #1C326C 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0)
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
		  		  
}

.navbar-default .navbar-brand {
  color: #ffffff;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #ffffff;
}
.navbar-default .navbar-text {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > a {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #ffffff;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #337AB7;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: #337AB7;
}
.navbar-default .navbar-toggle {
  border-color: #337AB7;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #337AB7;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #ffffff;
}
.navbar-default .navbar-link {
  color: #ffffff;
}
.navbar-default .navbar-link:hover {
  color: #ffffff;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #337AB7;
  }
}