/* =============================================================================
   General Styles   grau #ddd #777 #333
   ========================================================================== */     

/* Hide from both screenreaders and browsers */
.hidden { display: none !important; visibility: hidden; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
a:active, a:focus {outline: none;  text-decoration: none;}                                                                    
hr { margin: 6px 0; }

/* Fix Google Maps */
.google-map-canvas, .google-map-canvas * { .box-sizing(content-box); }
#map_canvas img { max-width: none; }                           

/* Sticky footer styles-------------------------------------------------- */

html, body{height:100%;}
#wrap{min-height:100%; height:auto; margin:0 auto -40px; padding:0 0 60px;}
#footer{min-height:40px;  background-color:#f5f5f5;}
#wrap > .container{padding:60px 15px 20px 15px;}
#footer > .container{padding: 10px 0 0 0; text-align: right; }   

/* Sidebar */
.cattitle { font-size: 0.9em; text-transform: uppercase; margin: 2em 0 0.5em 5px;}
.nav-pills > li > a { background: #eee; }   
.nav-pills > li > a:hover, .nav-pills > li > a:focus { background: #ddd; }                                                             
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus{color:#ffffff;  background-color:#428bca;}
                                                                                                                                              
.nav-stacked > li ul {margin-left:15px; list-style: none; padding-left: 0;}                                     
.nav-stacked > li li {float:none; margin-top:2px; margin-left:0; list-style: none; padding-left: 0;}
.nav-pills > li li a { padding: 5px 10px; display: block; border-radius:4px; border: 1px solid #ddd; }    
.nav-pills > li li a:hover {background: #eee; border: 1px solid #ddd; text-decoration: none; }
.nav-pills > li + li{margin-left:2px;}

/* Login Formular */
.form-signin{max-width:380px;  padding:15px;  margin:0;}
.form-signin .form-signin-heading, .form-signin .checkbox{margin-bottom:10px;}
.form-signin .checkbox{font-weight:normal;}
.form-signin .form-control{position:relative;  font-size:16px;  height:auto;  padding:10px;  -webkit-box-sizing:border-box;     -moz-box-sizing:border-box;          box-sizing:border-box;}
.form-signin .form-control:focus{z-index:2;}
.form-signin input[type="text"]{margin-bottom:-1px;  border-bottom-left-radius:0;  border-bottom-right-radius:0;}
.form-signin input[type="password"]{margin-bottom:10px;  border-top-left-radius:0;  border-top-right-radius:0;}

/* Module -------------------------------------------------- */
.textblock, .bildmodul, .galerie { margin: 1em 0;}
.bildmodul .imgdesc { font-size: 0.8em; text-align: right; padding: 4px 0; border-top: 1px solid #ddd; margin-top: 4px; }   
.bildmodul .imgdesc a { text-decoration: none; color: #777;}          
.bildmodul .imgdesc a:hover { text-decoration: none; color: #333;}      

.galerie a { display: block; float: left; width: 24%; border: 0; margin: 0 1% 1% 0; padding: 0;}  
.galerie a img { width: 100%; border: 0; margin: 0; padding: 0;}    
.galerie.bigone a:first-child img { }  
.galerie .dreibilder a { width: 32.5%; }      
.galerie .dreibilder a:last-child { margin-right: 0; }   
.galerie .zweibilder { background: #eee; }
.galerie .zweibilder a { width: 49.5%; }      
.galerie .zweibilder a:last-child { margin-right: 0; }

.panel-group { margin-bottom: 1em; }
.panel-group h3.panel-title a { display: block; }      
.panel-group h3.panel-title:hover,  .panel-group h3.panel-title:hover a { text-decoration: none; }

iframe { width: 100%; height: 350px; }



           

/* =============================================================================
   Media Styles 
   ========================================================================== */    
   
@media only screen and (min-width: 1200px) {
}
@media only screen and (max-width: 991px) {    
}
@media only screen and (max-width: 768px) {         
}       
@media only screen and (max-width: 480px) {   
  .media .pull-left  { width: 100%; margin-bottom: 1em; }   
  .media img.media-object  { }      
}   

@media print {    
  a[href]:after {
    content: none;
  }                                                                                         
}