/* Background Farbe fuer komplette Seite */
body{

  /* Background-color */
  background: #e6e6e6;	
}

/*--------------*/
/* *{
border-color: green;
border-width: 5px;
border-style: solid;
} */

/* Definition der Hauptueberschrift */
h1{
	
  text-align: left;
  font-size: 32px;
  font-family: "Oswald", serif;
  text-transform: uppercase;
  padding: 0px 0px 0px 15px;
  
}

/* Definition Subsection */
h2{

  text-align: left;
  font-size: 28px;
  font-family: "Oswald", serif;
  text-transform: uppercase;
  padding: 0px 0px 0px 15px;	
	
}

h3{
	
  text-align: left;
  font-size: 24px;
  font-family: "Oswald", serif;
  padding: 0px 0px 0px 15px;	
	
}

/* Definitionen fuer Paragraph und (un)geordnete Listen*/
p, ul, ol, footer{

  font-size: 20px; /* Schriftgroesse */
  font-family: "Roboto", sans-serif; /* Schrifttyp */
  font-weight: bold;
  line-height: 1.5em; /* Zeilenabstand */
  min-width: 400px; /* Mindestabstand */
  /* max-width: 1000px; */ /* Maximalabstand */ 

}

/* Zusaetzliche Definition fuer Paragraph */
p{
  padding: 0px 0px 0px 15px;
}

/* Bilder anpassen falls zu gross */
img {

	min-width: 200px;
	max-width: 800px; 

}

/* Bildumgebung definieren */
figure {
    text-align: center;
}

/* Bildunterschrift definieren */
figcaption{

  font-size: 16px; /* Schriftgroesse */
  font-family: "Roboto", sans-serif; /* Schrifttyp */
  font-weight: bold;
  line-height: 1.5em; /* Zeilenabstand */
  padding: 12px 0px 0px 0px;

}


/* ---------------------------------- */
/* Verschiedenen Klassendefinitionnen */
/* ---------------------------------- */

/* Klassen fuer den Header */

/* Header fuer Startseite */
.headerHauptseite{
  /*height: 100px; */
  font-size:48px;
}

/* Header fuer Logo */
.headerLogo{
  /*height: 100px; */
  font-size:60px;
}

/* Header fuer die uebrigen Seiten */
.headerNebenseiten{
  background: url("Images/BackgroundOLG.jpg") no-repeat center center;
  background-size: cover;
  height: 200px;  
}

/* Definition Startseite Background-Bild */
.homepage{
  position: static;
  text-align: center;
  background: url("Images/Image_MainPage.JPG") no-repeat center center; /* Link Bild */
  background-size: cover;
  /*height: 1000px;*/
  min-height: 600px;
  width: 100%;
  z-index: 1;
}

.container{
  width: 100%;
  margin: 0 auto; /*Zentrierung*/
  background-color: #e6e6e6;
}

/* ---------------------------- */
/* Navigationsleiste */

/* Definition der Klasse fuer die Navigationsleiste */
.navigation{
  font-weight: bold;
  letter-spacing: 2px; /* Vergroesserung Abstand zwischen Buchstaben*/
  background-color: #585c58; /* #1bb91b*/
  color: white;
  overflow: hidden; /* Wenn Bildschirm zu klein, dann wird ueberstehendes versteck */
}

.navigation ul{
  list-style-type: none; /*Aufzaehlungspunkte entfernen*/
  margin: 0;
  padding: 0px 0px 0px 10px; /* Platz zwischen Inhalt und Box auf der linken Seite um 10 px erweitern */
}

.navigation li{
  margin: 0;
  padding: 0px 10px 0px 0px;
  float: left; /* Sorgt fuer die horizontale Anordnung der Menupunkte */
}

.navigation a:link, .navigation a:visited{
  text-decoration: none; /*Entfernt Unterstreichung beim Link*/
  display: block; /* Link als Block-Element behandeln */
  padding: 10px;
  color: white;
  /* Abrunden der Ecken der Buttons */
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

/* hover-Effekte bei Navigationsleiste*/
.navigation a:hover, .navigation a:focus, .navigation a:active{
  background-color: #E6DCCF;
  color: #806640;
}

/* --------------------- */
/* Dropdown-Button */

/* Dropdown Button fuer Dropdown-Menu */
.dropbtn {
  background-color: #585c58;
  color: white;
  letter-spacing: 2px; /* Vergroesserung Abstand zwischen Buchstaben*/
  overflow: hidden;
  padding: 10px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  position: static;
  z-index: 10;
}

.dropdown button {
  font-size: 20px;
  font-family: "Roboto", sans-serif;
  line-height: 1.5em;
  font-weight: bold;
  border-width: 0px;
}

/* Definition des Dropdown-Content */
.dropdown {
  position: static;
  display: block;
  z-index: 10;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none; /* Inhalt wird nicht angezeigt */
  position: absolute;
  background-color: #585c58;
  min-width: 160px;
  z-index: 10;
}

/* Links innerhalb des Dropdown Menus */
.dropdown-content a {
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Wechsel der Farbe der aufgeklappten Menupunkte */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Anzeige des Menus bei wenn Maus auf dem Dropdown Button ist */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Farbe des Dropdown-Buttons bei hover */
.dropdown:hover .dropbtn {
  background-color: #E6DCCF;
  color: #806640;
}


/* ---------------------------- */
/* Definition Inhalt */
.inhalt{
  color: #806640;
  margin-left: 32%;
}

/* ---------------------------- */
/* Bild links anordnen */
.figureLeft{
  text-align: left;	
}


/* Definition der Bilder, die nebeneinander positioniert sind */
.img200{
  float: left;
  padding: 0px 0px 0px 0px;
  position: relative;
  display: inline-block;
}

/* Bildunterschrift im Haupttext bei Auzaehlung */
.img200caption{
  font-size: 0.6em;	
}

/* Element zum Teilen der Seite */
.box1{
  float: left;
  width: 50%;
  text-align: center;
}	

/* Element zum Teilen der Seite */
.box2{
  float: right;
  width: 50%;
  text-align: center;
}


/* ---------------------------- */
/* Grune Farbe fuer HauptuebreSchrift*/
/*.gruen {
  color: #1bb91b;
}*/

/* ---------------------------- */
/* Graue Farbe fuer HauptuebreSchrift*/
.grau {
  color: #585c58;
}

/* ---------------------------- */
/* Definition der Schrift bei Warnhinweis fuer den Nutzer*/
.error {
  color: #FF0000;
  font-size: 16px;
}

/* ---------------------------- */
/* Aufzaehlung mit Verlinkung (bspw. bei Seite mit Statuten) */
.aufzaehlungStatut li{
  padding: 0px 0px 20px 15px;
}

.aufzaehlungStatut a:link {
  text-decoration: none;
}

/* ---------------------------- */
/* Definition der Fusszeile */
.fuss{
  background-color: #585c58;
  color: white;
  padding: 20px;
  font-size: 20px;
}

.footerContainerR{
  float: right;
  width: 50%;
  text-align: right;
}

/* -------------------------------- */
/* Facebook-Button */

/* Style vom Facebook-Link */
.fa {
  text-decoration: none;
  padding: 0px 0px 0px 15px;
}

/* Hover Effekt des Link */
.fa:hover {
  opacity: 0.7;
}

/* Farbe festlegen fuer Facebook-Icon */
.fa-facebook {
  color: white;
}

/* Style fuer Kontaktformular */
.kontaktformular {
  font-size: 20px; /* Schriftgroesse */
  font-family: "Roboto", sans-serif; /* Schrifttyp */
  font-weight: bold;
  line-height: 1.5em; /* Zeilenabstand */
  padding: 0px 0px 0px 15px;  
}

}