/*body-Element*/
body  {
  font-family: Calibri; 
}

/*Menue-Button verschoben, nicht sichtbar*/
a#toggleNav  {
  position: absolute;
  left: -9999px;	
}

/*Navigations-Logik*/
#navMain {       /*es gibt schon eine Navigation*/
  display: block;	
}

#navMain:target {      /*es gibt einen Link dorthin*/
  display: block;   
}

@media only screen and (min-width: 46.875em) {  /*bei einer groesseren Bildschirmbreite*/
	
#navMain  {        /*ist Navigation immer vorhanden*/
  display: block;	
}
	
a.toggle-nav  {    /*Menue-Link nicht sichtbar*/  
  display: none;  
}
	
}

/*Presse und Kontakt*/
#rechtsoben  {
  float: right;
  position: absolute;
  display: inline-block; 
  margin-top: 1.3125em;    
  margin-left: 80em;  
  font: bold 0.75em verdana, sans-serif;  
  -moz-box-sizing: border-box;
  box-sizing: border-box;  
}
#rechtsoben nav li {
  display: inline;
  float: left; 
  background: #FFF;
  width: 7.3em;   
  margin-top: 0.3125em;
}
#rechtsoben nav a {
  float: left;
  width: 7.3em;
  padding: 20px 20px;
  color: #000;
  text-decoration: none;
}
#rechtsoben nav a:hover {
  width: 7.3em;	
  background: #CCCCCC;
  color: #efefef;
}

/*Bilderreihe*/
#ersteFotos {
  text-align: center;
}

/*weisse Linie*/
#weisseLinie hr {
  border: none;  
  background-color: #FFFFFF; 
  height: 0.325em; 
  position: relative;   
  top: 0.1em;
  width: 100%;  
}

/*Navigation*/
#nav  {
  float: left;
  width: 10%;  
  font: bold 0.79em verdana, sans-serif;   
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#nav ul  {
  background: #FFF;
  padding: 0; 
}
#nav ul li  {
  padding: 20px 20px;  
  color: #000;
  list-style: none;
}
#nav ul li:hover {
  background: #F1C120;    /*#CCCCCC*/
  color: #efefef;
}
#nav ul li a {
  text-decoration: none;
  color: #000;
}

#nav span  {
  display: none;	
}

/*seitliche Randbox*/
#box2  {
  float: right;  
  background-color: white;
  width: 37%;  /*37.5%;*/ /*37%*/
  margin-top: 1%;  
  margin-left: 0.5%;  /*1%;*/
  padding: 1.5%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*Willkommens-Text*/
#box1 {
  float: left;
  background-color: white;
  max-width: 52%;   /*51.5%;*/
  margin-left: 0.5%;
  margin-top: 1%;
  padding: 0.625em 1.25em;  
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}	
 
#box3  {
  width: 31.4%;
  float: left;
  margin-top: 1%;
  margin-left: 0.5%;  	
}

#rundgang  {
  width: 91.9%;
}	
  
#inZahlen {
  width: 100%;  
  float: left;  
  margin-left: 0.5%;
  padding: 1.8em 2em; 
  -moz-box-sizing: border-box;
  box-sizing: border-box;	
}

#box1 img  {
  width: 100%;     /*33.5%;*/ 
  height: auto;
  padding-top: 0.5em; 
  padding-right: 0.5em;
  padding-left: 0.5em;
}

#box1 span img  {
  width: 25%; 
  height: auto;
}

a  {
  color: #6c2197; 
  text-decoration: none;
}

#goethe p  {
  font-size: 0.75em;
  float: left;
  margin-left: 12em;
  padding: 1.5em;
  border-color: #baca43;
  border-width: 2.5px;
  border-style: none;
  background-color: #D8CEF6;
}

#Vorsitz1 img  {
  width: 15%; 
  float: left;
}

#Vorsitz1 figcaption  {
  margin-right: 3em;
  margin-top: 0.2em;  
  float: left;
}

#Vorsitz2 img  {
  width: 15%; 
  float: left;
}

#Vorsitz2 figcaption  {
  margin-left: 1em;
  margin-top: 0.2em; 
}