h1 { font-size: em  }
#csidebar h6 { padding-left: 10px  }
p { padding-left: 20px; padding-right: 20px  }

#contact li { color: #666; font-size: 1.1em; line-height: 1.1em; list-style: none; }


#cleft { width: auto; float: left;}
#cmiddle { width: auto; float: left; margin-left: 10px; padding-right: 10px; }
#csidebar { width: auto; float: left; margin-left: 10px; margin-right: 10px; margin-bottom: 10px}
#contact ul   { margin-bottom: 20px }

#csidebar img  { max-width: 100%; padding-left: 10px; padding-top: 30px }

fieldset { padding-bottom: 20px; border: solid 1px #fff; }
.formset { margin: 1em 0;}
.formset label, .formset input, .formset textarea {display: inline-block }
.formset label { color: #009a00; font-size: 1em; vertical-align: top; width: 100%; padding-right: 4%; padding-bottom: 4px; }
.formset input,.formset textarea { width: 100%; border: solid 1px #009a00; padding: 0.2em;}
.formset textarea { height: 150px; }
.submit-btn { padding: 0.5em; color: #fff; font-size: 1em; background: #009a00; width: 100px; margin-right: 10px; border-style: none; border-width: 0; cursor:pointer; }
.submit-btn:hover { color: #fff; background-color: #afcc00; text-decoration:none; }


.abstand { color: #009a00; padding-right: 10px; }
.abstand2 { color: #009a00; padding-right: 20px; }


.danke { color: #f00; padding-left: 12px; }



@media screen and (min-width: 40em)
{
.formset label {  width: 34%}
.formset input, .formset textarea {  width: 92%;}
#cleft {margin-left: 10px;}
#cmiddle { margin-right: 30px;  }
#csidebar { padding-left: 10px }
#csidebar h6 { padding-top: 2px; padding-left: 0px }
#csidebar p { padding-left: 0px;  }

.danke { padding-left: 18px; padding-top: 6px; padding-bottom: 6px;}

}


@media screen and (min-width: 52em) 
{
h1 { font-size: 2.2em ; margin-top: -6px; margin-left: 20px; }
#cleft {width: 280px; margin-top: 20px; margin-right: 30px;}
#cmiddle { width: 300px; padding-top: 6px; margin-right: 10px; }
#csidebar { width: 300px; padding-top: 10px; margin-right: 0px}

#csidebar img  { padding-left: 0px; padding-right: 0px }

#contact p { font-size: 1em; line-height: 1.5em;  }

#contact li { font-size: 1em; line-height: 1.3em }

#cleft p   { width: 270px; }
.formset input, .formset textarea {  width: 72%;}
}

@media screen and (min-width:72em) 
{



}
@media screen and (min-width: 82em) 
{ 

.formset input, .formset textarea {  width: 82%;}
h1 { font-size: 2.4em  }
#cleft {width: 400px; margin-right: 0px }
#cmiddle { width: 350px; margin-right: px   }
#csidebar { width: 450px; }
#csidebar img  { max-width: 400px; padding-bottom: 10px }
#cleft p { font-size: 1.1em; line-height: 1.6em;  }

#contact li { font-size: 1.1em; line-height: 1.3em }

#cleft p   { width: 330px; }