body { ; background: url(bg.jpg) no-repeat fixed center;  background-color: #232323; background-size: 100% 100%;}
#toppen , #toppen.img  {text-align: left ;}
#topmenu , #topinfo , #toppen , #krummeinfo , #midteinfo , #bundinfo {  width: 80% ; margin-left: 8% ; border-radius: 0; padding: 0 ; border: none ; }
#toppen.div {align: center ;}
#topmenu { margin-bottom: 0.5% ;}
#toppen {margin-top: 0.5%; }
#topinfo , #toppen , #krummeinfo {background-color: white;}
#topmenu ,  #bundinfo { background-color: #108bc6 ; }
#topmenu, #topmenu a, #bundinfo , #bundinfo h6 , #bundinfo a:link  { color: white; }
#topmenu a:hover { color: red;}



@media screen and (max-width: 8in)  {
#topmenu , #topinfo , #toppen , #krummeinfo , #midteinfo , #bundinfo {  width: 100% ; margin: 0;  padding: 0 ;  }
 }