.form, .form fieldset, .form ol, .form li, .form legend {list-style:none;margin:0;padding:0;border:none;text-indent:0;text-align:left;}

.form ol li label{display:block;}

.form ol li{clear:both; padding-bottom:8px; position:relative;}

.form em.required{font-style:normal;color:#900;}

.form li.required > label,
.form li.required > fieldset > legend{color:#444;}



/* ERRORS - global settings */
.form li.error legend{color:#900;}
.form li.error span.error{display:block;color:#900;font-size:10px;}


/* BASIC STYLING INPUT/TEXTAREA/LABEL*/
.inp_normal input, input[type="text"], .inp_normal textarea{border:1px solid #999;font-family:Arial, Helvetica, sans-serif;font-size:12px;padding:4px; background:#fff;-webkit-appearance:none;border-radius:0;}
.inp_normal.error label{color:#900;}
.inp_normal.error input, .inp_normal.error textarea{border-color:#900;}

.inp_normal input{width:100%;}
@media (min-width: 768px) { .inp_normal input {width:200px;} }
.inp_normal textarea{width:100%;height:70px;}
@media (min-width: 768px) { .inp_normal textarea{ width:300px;} }

select#inp_anrede1 { width: 100%; }
@media (min-width: 768px) { select#inp_anrede1 { width: auto; } }

/* RADIO */
.form .inp_radio label{float:left;padding-right:8px;}

/* TITLE */
.form .inp_title{padding-top:20px;}

/* SEPARATOR */
.form .inp_separator{height:40px;}

/* SELECT */
.form .inp_select.error label{color:#900;}

/* HIDDEN */
.form .inp_hidden{display:none;}

/* SUBMIT */
p.inp_submit{margin-top:10px;}
input.inp_submit{}

/* DATE */
.ui-datepicker td span, .ui-datepicker td a, .ui-datepicker-week-col{text-align:center; vertical-align:middle;}

/* INFO */
.inp_info{font-style:italic;}

/* PLACEHOLDER */
.placeholder{color:#999;}

.form > fieldset > legend{display:none;}


/* UI */
body .ui-widget{font-family:Arial, Helvetica, sans-serif;font-size:12px;}


/* FORM VERTICAL 
 * Standart ist das Form horizontal
 *
 * Anwendung: <form class="form vertical"...
 */

.form.vertical label, .form.vertical legend{float:left;width:150px;}

.form.vertical .inp_radio label,
.form.vertical .inp_checkbox label{width:auto;}

.form.vertical .inp_checkbox legend{position:absolute;left:0;top:0;}
.form.vertical .inp_checkbox label{clear:both;float:none;margin-left:150px;}

.form.vertical li.error span.error{margin-left:150px;}

.form.vertical p.inp_submit input.inp_submit{ width: 100%; }
@media (min-width: 768px) { .form.vertical p.inp_submit input.inp_submit { margin-left:150px; width: auto; }}