/* --- Generelles --- */
html, body {height:100%; overflow:hidden;}
body { background:#FFF; color:#878787; }
body, textarea { font:normal normal normal 100%/140% Helvetica,Arial,Verdana,sans-serif; -webkit-text-size-adjust:none; }
h1, h2, h3 { font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; }
h3, label, p, input, textarea { font-size:0.9em; }
a { color:#878787; text-decoration:none; }
#formular {width:100%;}
.beschreibung {font-size:0.7em; margin-bottom:10px; color:#999;}

.blocktextfeld, .blockemail, .blockauswahl, .textbox { overflow:hidden; }
input, select, textarea, label { float:left;  width:65%; }
label { margin-right:1%; text-align:right; width:20%; }
.beschreibung,
#submit { margin-left:21%; width:auto; }
#formular div { margin-bottom:4px; }

#submit, #reset, #zurueck, #absenden {background:url("http://www.cottelli.de/assets/images/site/mobile.png") 0 -105px repeat-x; border-width:1px; padding:10px; color:#808080; cursor:pointer; text-align:center;}
#reset { display:none; }
.error label { color:#CC0000; font-weight:bold; }
.fehlermeldung { display:none; }

/* Preview */
#preview .hinweis { margin-bottom:15px; }

/* --- Abgesendet --- */
#abgesendet {margin-top:14px;}
#abgesendet .titel a {display:none;}

/* englisch */
#block1830 {width: 65%; float:left;}
#feld1829_0 {width: 20px; margin: 5px;}
#block1829 .beschreibung {margin-left: 0;}

/* deutsch */
#block1827 {width: 65%; float:left;}
#feld1828_0 {width: 20px; margin: 5px;}
#block1828 .beschreibung {margin-left: 0;}

/* -- Mobile -- */
@media screen and (max-width: 420px) {
    label { clear:both; margin-right:0; text-align:left; width:100%; }
    input, select, textarea, label { clear:both; width:95%; }
    input { padding:5px; }
    .beschreibung,
    #submit { margin-left:0; }
}