body {
  background-color:#FFFFFF;
  background-repeat:no-repeat;
  padding-top: 0px;
  padding-bottom: 20px;
  color: #333333;
  font-size:170%;
  font-family:'OpenSans', sans-serif;
  /* no horizontal scrollbar */
    overflow-x: hidden;
    width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;

}

h1 {
	font-size:160%;
	color:#666666;
	-webkit-text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
	-moz-text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
	text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
	margin-bottom:20px;
}

h2 {
	font-size:130%;
	color:#b00000;
	margin-bottom:20px;
}

h3 {
	font-size:120%;
	color:#434916;
	margin-bottom:20px;
}

a {
	color: #333333;
}

a:hover {
	text-decoration:none;
}

hr {
	background-color:#999999;
	height:1px;
	margin-top:15px;
	margin-bottom:15px;
}

ul {
	position:relative;
	
	margin-top:10px;
}

.transparent{
  background: none;
  background-color: transparent;
  border: none;
}

.w600 {
	width:100%;
}

/* 
navbar:					Basic mit Hintergrundbild
navbar-header:			Überdeckt den gesamten navbar im < sm,
						Bereich für KUNDE im lg
navbar-toggle:			Burgerbutton
navbar-collapse:		überdeckt navbar > sm
						unteres Feld wenn aufgeklappt
nav:					überdeckt navbar-collapse
navbar-nav:				überdeckt nav
navbar-right:			überdeckt navbar-nav (Zusatzspezifikation)

dropdown-toggle:		Design des aufklappbaren Menupunktes
data-toggle="dropdown": Aufklappen des Submenus
dropdown-menu:			Unsichtbarkeit am Start
						Kontrolle der Liste
						Designkontrolle nur mit IMPORTANT
						Umfasst alle Submenu-Punkte					
*/


.navbar-nav > li > a {
	margin:0;
	padding:10px 13px 10px 10px;
	font-size:100%!important;
	color:black!important;
}

.navbar-nav li {
	margin:0;
	padding:0;
}

.navbar-nav li:hover {
	background-color:#e4e4e4;
}


/* nach Klick auf Burger */
.navbar-collapse {
	position:absolute;  /* fürs zentrieren */
	z-index:10;
	font-size:100%;
	margin:0 auto;
	background-color:white;
	width:100%;
}

.navbar-toggle {
	margin-left:0px;
	margin-right:20px;
}

.imgJumbotron {
	margin-top:-20px; 
}

.header {
	color:#2e7d9a;
	font-size:120%;
}

.indexStartWillkommen {
	position:relative;
	top:0px;
	margin:0 auto;
	text-align:center;
	font-size:150%;
	line-height:130%;
	font-style:italic;
	color:#434916;
}

.indexStartWillkommenOben {
	position:relative;
	font-size:130%;
	line-height:150%;
	-webkit-text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
	-moz-text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
	text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
}

.indexStartWillkommenUnten {
	position:relative;
	left:40px;
	font-size:150%;
	line-height:150%;
	font-weight:bold;
	-webkit-text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
	-moz-text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
	text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
}



.imgResponsive {
	width:100%;
	height:auto;
}

.content {
	width:100%;
	min-height:400px;
	background-image:url("/images/structure/bg-content.jpg");
	background-repeat:no-repeat;
	background-size:100%;
	padding:25px;
}

.columnRight {
	float:right;
}

.kalenderIndex {
	margin-bottom:20px;
	line-height:18px;
	font-size:80%;
}

.kalenderIndex a {
}



.newsUpperLine {
	width:100%;
	padding:10px;
	font-weight:bold;
	background-color:#c0c0c0;
	border:1px solid #c0c0c0;
	
}

.newsLowerLine {
	width:100%;
	padding:10px;
	border:1px solid #c0c0c0;
}

/* Vorstand */
.vorstandsListe {
	clear:both;
	margin-bottom:15px;
	border:1px solid #CCCCCC;
}

.vorstandsListeBild {
	float:left;
	width:200px;
	height:180px;
	margin-right:20px;
}

.vorstandsListeText {
	float:left;
	padding:10px;
}

.vorstandsListeTextEmailL {
	display:block;
}

.vorstandsListeTextEmailS {
	display:none;
}

.back {
	margin-top:20px;
	margin-bottom:20px;
}

.back a {
	color:#2e7d9a;
}

.back a:hover {
	
	color:red;
}

.showUA {
	display:block;
}

.showXS {
	display:block;
}

.showSM {
	display:none;
}

.kalender {
	position:relative;
	padding:20px;
	background-color:#e4e4e4;
	opacity:0.75;
}

.adresseXS {
	width:100%;
	padding:20px;
	background-color:#e4e4e4;
	margin-top:20px;
}

.group:before,
.group:after {
	content: "";
	display: table;
}
.group:after {
	clear:both;
}

.group {
	zoom:1;
}

.spacer {
	position:relative;
	width:100%;
	height:20px;
	clear:both;
}


footer {
	margin-top:20px;
	font-size:70%;
	color: #999999;
	clear:both;
	text-align:center;
}

footer a {
	color: #999999;
}


.imgVorstand {
	width:210px;
	height:auto;
}

.imgGallery {
	padding:6px;
}