/* stylesheet to format the generated form */

legend { font-weight:bold;display:none; }



/* Labels of form fields in form kontakt*/
.kontakt .element .description {
    width: 100px;
    float:left;
}

.separator {
}

/* holds the error messages of the live validation*/
.separator p{
	padding-top: 25px;
    font-size: 10px;
    color: #666;
    margin-left:125px;
    width:370px;
}

.kontakt .element .field input {
    width: 119px;
    margin-bottom:2px;
    margin-right:2px;
    text-align: left;
    border: 1px;
    color: #666;
    border-color: #666;
    border-style: solid;
    background-color: #fff;
    float:left;
    height:20px;
}

.kontakt .element .field .textarea {
    width: 242px;
    height: 100px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #666;
}

.kontakt .element .field .submit {
    text-align: center;
    width: 242px;
    color: #666;
    border-color: #666;
    background-color: #d3d3d3;
    clear:both;
    /*margin-left:135px;*/
    margin-top:2px;
}

/* class for the error messages */
.error {
    font-size:0.9em;
}
/* box to hold all the error messages */
.errorBox{ padding:10px;background-color:#ccc;}

/* extra class for input fields when an error occures */
.field_error {
    font-size: 10px;
    background-color: red;
}

.left{ float:left; }
.right{ float:right; }
.clear{	clear:both;	}
.required{ clear:both; margin-top:30px;margin-left:110px;}

#kontaktform_kontaktformular{ border:none; }
#kontaktform_firma{ width:242px; }
#kontaktform_strasse{ width:208px; }
#kontaktform_strassenr{ width:30px; }
#kontaktform_email{ width:242px; }
#kontaktform_tel{  }
#kontaktform_mobil{  }
#kontaktform_nachricht{ width:242px; }

#chars_kontaktform_nachricht{width:30px;margin-left:100px;}
#kontaktform_abschicken{margin-left:110px;}


/* Labels of form fields in form termin*/
.termin .element .description {
    width: 100px;
    float:left;
}

.termin .element .field input {
    width: 119px;
    margin-bottom:2px;
    margin-right:2px;
    text-align: left;
    border: 1px;
    color: #666;
    border-color: #666;
    border-style: solid;
    background-color: #fff;
    float:left;
    height:20px;
}

.termin .element .field .textarea {
    width: 242px;
    height: 100px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #666;
}

.termin .element .field .submit {
    text-align: center;
    width: 242px;
    color: #666;
    border-color: #666;
    background-color: #d3d3d3;
    clear:both;
    /*margin-left:135px;*/
    margin-top:2px;
}

#termin_kontaktformular {border:none;}
#termin_name{ width:242px; }
#termin_tel{ width:242px; }
#termin_email{ width:242px; }
#termin_kennzeichen{ width:242px; }
#termin_plz{ width:50px; }
#termin_ort{ width:188px; }
#termin_nachricht{ width:242px; }

#chars_termin_nachricht{width:30px;margin-left:100px;}
#termin_abschicken{margin-left:110px;}


/* Labels of form fields in form rueckruf*/
.rueckruf .element .description {
    width: 100px;
    float:left;
}

.rueckruf .element .field input {
    width: 119px;
    margin-bottom:2px;
    margin-right:2px;
    text-align: left;
    border: 1px;
    color: #666;
    border-color: #666;
    border-style: solid;
    background-color: #fff;
    float:left;
    height:20px;
}

.rueckruf .element .field .textarea {
    width: 242px;
    height: 100px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #666;
}

.rueckruf .element .field .submit {
    text-align: center;
    width: 242px;
    color: #666;
    border-color: #666;
    background-color: #d3d3d3;
    clear:both;
    /*margin-left:135px;*/
    margin-top:2px;
}

#rueckruf_kontaktformular {border:none;}
#rueckruf_name{ width:242px; }
#rueckruf_tel{ width:242px; }
#rueckruf_email{ width:242px; }
#rueckruf_plz{ width:50px; }
#rueckruf_ort{ width:188px; }
#rueckruf_nachricht{ width:242px; }

#chars_rueckruf_nachricht{width:30px;margin-left:100px;}
#rueckruf_abschicken{margin-left:110px;}