@media screen and (max-width: 800px){

#header{
  height:90px;
  background-image:none;
}  
  
.headerbild img {
  margin-top: 90px;  
}

.mod_navigation {
  display:none;
}

.mod_mobile_menu {
 display:block; 
}

#container .page {
  width:80%;
  margin:20px auto;
  color:#555;
}

.Element0 {
  width:99%;
  overflow:auto;
}

.Element1,
.Element2,
.Element3 {
   float:none;
   clear:both;
   width:90%;
   text-align:center;
   font-size:1.5em;
}

.Vorstandsboxen {
  width:99%;
  margin:0;
  padding:0;
  overflow:auto;
}

.Vorstandsboxen .content-text{
  float:none;
  clear:both;
  width:80%;
  min-height:125px;
  background-color:#eee;
  border:1px solid #ccc;
  border-radius:10px;
  margin:20px;
  margin-left:0;
  margin-right:0;  
  padding:8px;
  padding-right:20px;
  padding-left:20px;
}

.Schulpferde {
  width:90%;
  margin:0 auto;
  text-align:center;
}

.Schulpferde .Schulpferdbox {
  float: none;
  width: 100%;
  margin-bottom:30px;
}


.Mitglied {
  width:100%;
  text-align:left;
  margin-top:50px;
  margin-bottom:50px;
  overflow:auto;
}

.Mitglied .Mitgliedbox1 {
  float:none;
  clear:both;
  width:100%;
}

.Mitglied .Mitgliedbox1 table {
  width:100%;
}


.Mitglied .Mitgliedbox2 {
  float:none;
  clear:both;
  width:100%;
}


.noHeaderpic {
  height:90px;
}


.Tail .rte ul {
  display:none;
}

.VRLogo {
  width:250px;
  height:auto;
  margin: 50px auto;
  padding-bottom:50px;
  text-align:center;
}

.VRLogo img {
  width:180px;
  height:auto;

}

#footer .ButtonUp {
  position:relative;
  right:0px;
  float:right;
  cursor:pointer;
}

}