.bg_body {
background-image:url(/bilder/1128292490/1128292490-1528271458-bg.png);
background-attachment: fixed;
background-position: top;
background-repeat: repeat;
}

@media (max-width: 768px) {
	
 .bg_body {	
background-color:#fff !important;
background-image:url();
background-attachment: fixed;
background-position: top;
 background-repeat: repeat;
}
}   

.fa {margin-right:5px;}
.container{}
.content {
	width:100%!important;
	margin:10px auto 20px auto!important;
	background-color: #fff!important;
	
}
#header{
/* border:2px solid #ddd;*/
/*margin-bottom:1px;*/
}

.navbar{
	border-radius:0;
	margin-bottom:0;
	border:none;
	font-family: 'Open Sans Condensed', sans-serif, sans-serif;	
	}
    
.main-menu{
	position:absolute;
	left:190px;
	}
	
.main-menu li {
font-size:1.3em!important;
color:#fff!important;
}	

.main-menu li a {
color:#fff!important;
font-size:1.3em!important;
}
.main-menu li a:hover {
color:#999!important;
}

@media (max-width: 768px) {
 .main-menu{
	left:0;
	position:relative;	
	}
 .main-menu li	{
 	border-bottom:1px solid #fff;
 }
 }   
    

.navbar-header{}
.navbar-default {
	background-color:#003366!important;
	border-color: #fff!important;
}	
.navbar-brand{
width:160px;
height:160px!important;
float:left;
padding:0;
margin-top:-130px;
overflow:hidden;
border:3px solid #eee;
margin-left:15px;
background:#ddd;
text-align:center;
line-height:160px;
color:#fff !important;
font-size:2em;
-webkit-transition:  all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition:  all 0.3s ease-in-out;
transition: all 0.3s ease-in-out ;
}

@media (max-width: 768px) {
.navbar-brand{
    max-width: 100px;
	max-height:100px;
	float:left;
	margin-top:-65px;
	margin-left:15px;
	-webkit-transition:  all 0.3s ease-in-out;
  	-moz-transition: all 0.3s ease-in-out;
  	-o-transition:  all 0.3s ease-in-out;
  	transition: all 0.3s ease-in-out ;
  }

.navbar{
	border-radius:0;
	margin-bottom:0;
	border:none;
	}
}
.navbar-right a {
	color:#fff!important;
}

.site-name{
	color:#fff;
	font-size:2.6em;
	float:left;
	margin-top:-80px !important;
	margin-left:15px;
  font-family: 'Open Sans Condensed', sans-serif, sans-serif;

	}	
.site-description{
	color:#fff;
	font-size:1.6em;
	font-weight:700;
	float:left;
	top:-40px !important;
	margin-left:15px;	
	position:relative;
	}
	

	
@media (max-width: 490px) {
	.site-name{
	color:#fff;
	font-size:1.5em;
	float:left;
	line-height:20px;
	margin-top:-100px !important;
	margin-left:125px;
	}	
.site-description{
	color:#fff;
	font-size:1.2em!important;
	float:left;
	margin-top:-80px !important;
	margin-left:125px;
	}
}
	
.slider, .carousel{
	max-height:360px;
	overflow:hidden;
	}
	
.carousel-control .fa-angle-left,
.carousel-control .fa-angle-right {
position: absolute;
top: 50%;
font-size:2em;
z-index: 5;
display: inline-block;
}

.carousel-control{
	background-color:transparent;
	background-image:none !important;
	}
	
.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  background-color:transparent !important;
  background-image:none !important;
  outline: 0;
}


/* Tablet and bigger */
@media ( min-width: 768px ) {
    .grid-divider {
        position: relative;
        padding: 0;
        background-color:#fff;
        margin-bottom:20px;
        border:1px solid #ddd;
        
           }
    .grid-divider>[class*='col-'] {
        position: static;
    }
    .grid-divider>[class*='col-']:nth-child(n+2):before {
        content: "";
        border-left: 1px solid #DDD;
        position: absolute;
        top: 0;
        bottom: 0;
    }
    .col-padding {padding: 0px 0px 0px 15px;}
    .col-padding1 {padding: 0px 0px 0px 15px;}
   }

  footer {
      background-color: #cccc66;
      color: #414141;
      padding: 15px;
    }
  footer a {color:#414141;text-decoration:none;}
  footer a:hover {color:#eee;text-decoration:underline;}
  footer p {color:#414141;text-align:center!important;}
    
    @media screen and (max-width: 767px) {
      .sidenav {
        height: auto;
        padding: 15px;
      }
      .row.content {height:auto;} 
    }
    
/* Linke Navigation */
.panel-group{
    border-radius: 0 !important;
    /*border: 1px solid #074f68;*/
    
    font-family: "Roboto",sans-serif !important; 
    margin-top:20px;
}
.panel{
   border-radius: 0 !important;  
   font-family: 'Open Sans Condensed', sans-serif, sans-serif!important;
}
.panel-heading {border-radius: 0!important;background-color:#003366!important;box-shadow: 1px 1px 3px #999;}
.panel-heading a {color:#eee!important;font-size: 1.2em!important;font-weight:400;}
.panel-heading a:hover {color:#97cbff!important;}

.panel-default{
 border-radius: 0!important; 
 background-color:#003366!important;
}

.panel-titel {
  color:#003366!important; 
}

.panel-body{
    padding-top: 2px !important; 
    padding-bottom: 0px !important; 
    padding-left: 10px !important; 
    font-size: 1.2em;
}
.panel-body ul{  
 margin-top: 2px;
 margin-bottom: 2px;
}

.panel-body ul li{  
    padding-top: 10px !important; 
    padding-bottom: 5px !important; 
    padding-left: 10px !important;  
       
}
.panel-body ul li a{color:#fff!important;}
.panel-body ul li a:hover{color:#ccc!important;text-decoration:none!important;}

/* Counter */
#counter {
	margin:5px auto;width:99%;padding:0;
}
#counter .text {
	color: #999;
   font-family: 'Open Sans Condensed', sans-serif, sans-serif;
   font-size: 1.2em;
   font-weight: 300;
}

    
/* css -files Anpassung */
.cc_container {background-color:#eee!important;}
.cc_more_info {color:#d99a00!important;}
.cc_container a {color:#990000!important;}
.cc_message {
color:#003366!important;
font-family: 'Open Sans Condensed', sans-serif, sans-serif!important;
font-size:0.9em!important;
line-height:1.1em!important;
}
.cc_btn {background-color: #fff!important;}

/*Kontaktformular */
.kontakt .tabelle td {
	padding: 5px 5px!important;
}
/* Vorstand Webseite */
.src-image {
  display: none;
}

.card {
  overflow: hidden;
  position: relative;
  border: 1px solid #CCC;
  border-radius: 8px;
  text-align: center;
  padding: 0;
  background-color: #eee;
  color: rgb(136, 172, 217);
}

.card .header-bg {
  /* This stretches the canvas across the entire hero unit */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 70px;
  border-bottom: 1px #FFF solid;
  /* This positions the canvas under the text */
  z-index: 1;
}
.card .avatar {
  position: relative;
  margin-top: 15px;
  z-index: 100;
}

.card .avatar img {
  width: 110px;
  height: 110px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 5px solid rgba(0,51,102,0.9);
}
.card .btn {
	margin:4px 2px!important;
}
