/*body-Element*/
body  {
  font-family: Sans-Serif;
}

a#toggleNav  {
  position: absolute;
  left: -9999px;	
}

#toggleNav  {
  display: none;
}

/*Bilderreihe*/
#ersteFotos {
  text-align: center; 
  max-width: 100%;
}

#ersteFotos img{
  height: auto;     
}

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

#nav span  {
  display: none;	
}

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

/*seitliche Randbox*/
#box2  {
  float: right;   
  background-color: white;
  width: 37.5%;
  margin-top: 0.75em;
  padding-left: 0.85em;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#box1 img  {
  width: 100%;  /*31%;*/ 
  height: auto;
  padding-top: 0.5em; 
  padding-right: 0.5em;
  padding-left: 0.5em;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}