.zero{
padding:0px;
}

#topleiste{
padding:5px;
}

#topleiste a{
color:#FFFFFF;
}

#topleiste a:hover{
color:#f099aa;
}

.inhalt{
margin-top:30px;
}

#footer{
background:#5f6062;
color:#95969a;

}

#footer a{
color:#95969a;
}

#footer a:hover{
color:#FFFFFF;
}

.navbar{

margin-bottom:0px;
}

.navbar-brand{
padding:10px 15px;
}


.nav{
font-size:1.2em;
margin:auto 0;
}


.nav li a{
color:#646464;
margin-bottom:10px;
}

.nav li a:hover{
color:#fff;
background:#0177B5;
}

.nav .active a{
color:#fff;
background:#0177B5;
}

.dropdown-menu{
text-align:right;
}

.quicknavi{
padding-top:350px;
}

a.quicknavi {
display:block;
padding:20px;
margin-bottom:1px;
background:rgba(23,7,18,0.8);
color:#aeacaf;
border-right:1px solid #fff;
}

a.quicknavi:hover {
background:#0177b5;
text-decoration:none;
}


h1{
margin-top:40px;
color:#646464;
text-transform:uppercase;
}

h2{
color:#72b8d9;
font-weight:bold;
font-size:1.4em;
margin:0px;
margin-bottom:10px;
text-transform:uppercase;
}

h3{
color:#FFF;
font-size:1.6em;
margin:0px;
}

h4{
color:#5f5d5e;
font-style:italic;
margin-top:20px;
}

#block h2{
}

#block h3{
margin-top:0px;
margin-bottom:20px;
color:#5f5d5e;
}

.bilder_rahmen{
border:4px solid #fff;
outline:1px solid #ccc;
}

.featurette-divider{
margin-top:40px;
margin-bottom:60px;
}

.form-control{
margin-bottom:4px;
}

#map-container {
height: 500px;
}

.divider{
margin-top:10px;
margin-bottom:10px;
height:1px;
background:#dcdcdc;
}

.info_0{
padding:30px;
background:#ff0000;
color:#FFFFFF;
text-align:center;
}

.info_1{
padding:30px;
background: #009900;
color:#FFFFFF;
text-align:center;
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
@media only screen and (max-width: 1180px) {

.nav > li > a {
  position: relative;
  display: block;
  padding: 50px 10px;
}

.navbar-brand{
width:90%;
height:auto;
}


.quicknavi{
padding-top:10px;
}

a.quicknavi {
padding:10px;
}
}


#small {
display:none; /* sichtbar versteckt, wird trotzdem geladen! */ 
}

@media only screen and (max-width: 480px) {

.navbar-brand{
width:70%;
height:auto;
}

.nav > li > a {
  padding: 10px 10px;
}

#big {
display:none; /* sichtbar versteckt, wird trotzdem geladen! */ 
}

#small {
display: block; /* sichtbar versteckt, wird trotzdem geladen! */ 
}
}