html{overflow:scroll}

/*vorher rot: #cc0033 jetzt: #ff0000*/

body{padding:0;margin:0;font:normal 16px Arial,sans-serif;width:100%;}
header, section, footer, aside, nav, article {	display: block;  }
a {   text-decoration:none;color:black; }
h1{
  font-size:24px;
  text-align:center;
}

.framered{margin:0px auto;width:100%;margin-top:0;background-color:#ff0000;color:black;}
.framewhite{margin:0px auto;width:100%;margin-top:0;margin-bottom:30px;background-color:white;color:black;}
#pagetop{width:688px;margin:0px auto;text-align:left;padding-bottom:10px;padding-top:80px;}
#pagemiddle{width:848px;background-color:white;color:black;margin:0px auto;font-size:24px;text-align:left;}
#pagebottom{width:688px;margin:0px auto;text-align:left;padding-top:20px;min-height:400px;padding-bottom:20px;font-weight:bold;}
#headerimage{width:300px;}
#pagefooter{width:788px;margin:0px auto;font-size:14px;padding:5px;}
#pagespace{width:688px;margin-bottom:20px; font-size:20px; margin-top:70px;text-align:center;}
#pagespacetextright{float:right;text-align:right;padding-right:5px;font-weight:bold;line-height:135%;}
#pagespacetextleft{float:right;}
#vorhernachher{float:left;width:99%;vertical-align:top;margin-top:30px;}
#formbox{  width:688px; margin:0px auto; margin-top:4%}
#formboxleft{
float:left;
width:63%;
margin-right:55px;
margin-bottom:10px;
}
#formboxleft input{
  font-size:16px;
  color:#5C5C5C;
}

#formboxright{
float:left;
width:215px;
margin-top:3px;
}
.formboxleft1{
width:46%;
  float:left;
  margin-right:20px;
}
.formboxleft2{
width:46%;
  float:left;
}

.formboxleft3{
 width:83%;
  float:left;
  margin-right:20px;
}
.formboxleft4{
width:8%;
  float:left;
  min-width:20px;
   height:34px;
   vertical-align:top;
}
.formboxleft5{
 width:63%;
  float:left;
  margin-right:20px;
  height:34px;
}
.formboxleft6{
width:26%;
  float:right;
  min-width:100px;
  margin-right:29px;
  height:38px;
  text-align:right;
}
#formboxleft .text1{  width: 97%; height:24px;padding:4px;margin-bottom:8px;}
#formboxleft .text2{  width: 97%; height:24px;padding:4px;margin-bottom:8px; }
#formboxleft .text3{  width: 97%; height:24px;padding:4px;margin-bottom:8px;}
#formboxleft .text4{  width: 97%; height:24px;padding:4px;margin-bottom:8px;}
#textbox{  width:99%; height:130px;padding:10px;margin-top:5px; font:normal 15px Arial,sans-serif;color:#5C5C5C;}
#textboxtitel{ color:#e10532; margin-top:10px; font-weight:bold; font-size:28px;}

#submitred {
  color:#cc0033;background-color:white;width:140px;height:35px;text-align:center; margin-top:25px;
}
#formboxrighttext{color:#E10532;margin-top:10px;margin-bottom:10px;}

p {
  padding:0;
  padding-bottom:10px;
  margin:0;
}
#pagefooter a{ color:black;text-decoration:underline; } 
#Anrede{   width:137px;    height:32px;    padding:3px; margin-bottom:5px; font-size:15px;}
p.clear{margin:0;padding:0;line-height:0;clear:both;}
#meldung{  margin-left:20px; color:black; }

@media only screen and (min-width:361px) and (max-width: 988px) {
#pagetop{width:98%;padding-top:20px;}
#pagemiddle{width:98%;}
#pagebottom{width:98%;min-height:200px;}
#logo{width:80%;height:auto;}
#vorhernachher{font-size:18px;}
p.claim{font-size:18px;}
#pagefooter{width:98%;}
#pagefooter a{ color:black; }

#headerimage{  max-width:100%; height:auto; }
#lageplanimage{  max-width:100%; height:auto; }
#pagespace{ max-width:100%; height:auto; margin-top:1px;}
#formbox{ margin-left:4px;}
#formboxleft{width:97%;}
}

/* Handys bis 360px, also iphones */
@media only screen and (max-width: 360px) {
#frame{  width:360px;font-size:14px;}
#pagetop{width:98%;padding-top:20px;}
#pagemiddle{width:98%;}
#pagebottom{width:98%;min-height:100px;}
#pagefooter{width:98%;}
#pagefooter a{ color:black; }
#logo{width:60%;height:auto;}
#vorhernachher{font-size:16px;width:90%}
#logorechts{width:80%}
p.claim{font-size:18px;}
#headerimage{  max-width:100%;height:auto; }
#lageplanimage{  max-width:100%; height:auto; }
#pagespace{ max-width:100%; height:auto;margin-top:1px; }
#formbox{ width:85%;margin-left:4px;}
#formboxleft{width:97%;}
.formboxleft1{ width:94%; }
.formboxleft2{ width:94%; }
.formboxleft3{ width:80%; margin-right:10px;}
.formboxleft5{ width:94%; margin-right:10px;}
.formboxleft6{ width:94%; margin-right:10px;float:left;}
}