﻿.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 legend { height:33px; }

.form ol li label{display:block;}

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

.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;margin-left:30px;}


/* BASIC STYLING INPUT/TEXTAREA/LABEL*/
.inp_normal input, input[type="text"], .inp_normal textarea { width:230px; border:none; padding:4px; background:#c0c0c0; color:#444444; -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:260px;}
.inp_normal textarea{width:230px;height:70px;}


/* 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;}

/* CAPTCHA */
.form .inp_captcha img{display:block;max-width:210px;}


/* SUBMIT */
p.inp_submit { margin:0px; }
.form .btn { width:260px; background:#c0c0c0 !important; border:none !important; text-shadow:none !important; margin-top:10px; padding:4px; text-align:center; }

/* 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,
.form.vertical .inp_captcha img{margin-left:150px;}

.form.vertical p.inp_submit input.inp_submit{margin-left:150px;}

.form.vertical li.inp_agb label { width:250px; }
