* {
  box-sizing: border-box;
}
body {
background-image: url(images/hintergrund.jpg);
background-repeat:no-repeat;
background-size: cover;
}
p {
color: #73341A;
}
.box-navi {
        width: 98%;
        text-align: left;
        margin-bottom: 15px;
        margin-top: 10px;
}
.menu {
  float: left;
  width: 20%;
  text-align: center;
}

.menu a {
  background-color: #e5e5e5;
  padding: 8px;
  margin-top: 7px;
  display: block;
  width: 100%;
  color: black;
}

.main {
  float: left;
  width: 60%;
  padding: 0 20px;
}

.right {
  background-color: #F3F3D0;
  float: right;
  width: 18%;
  padding: 0px;
  margin-top: 7px;
  text-align: center;
}
#footer {
  background-color:#F3F3D0 ;

  width: 18%;
  padding: 0px;
  margin-top: 7px;
  text-align: center;
}
#pscroller{
width: 230px;
height: 100px;
border: 1px solid black;
padding: 0px;
background-color: #ECFFF1;
align: left;
}
#pscroller1{
left: 3px;
width: 220px;
height: 150px;
border: 1px solid black;
padding: 15px;
background-color: #ECFFF1;
align: left;
}

#pscroller2{
width: 350px;
height: 20px;
border: 1px solid black;
background-color: #ECFFF1;

}

#pscroller2 a{
text-decoration: none;
}

.someclass{ //class to apply to your scroller(s) if desired
}
#bild {
width:100%;
}
@media only screen and (max-width: 620px) {
  /* For mobile phones: */
  .menu, .main, .right {
    width: 100%;
  }
}