﻿.form, .form fieldset, .form ol, .form li, .form legend {list-style:none;margin:0;padding:0;border:none;text-indent:0;text-align:left; width:421px;}

.form ol li label{display:block; float:left; width:150px;}
/*.form ol li label input {display:block; float:left; width:0px;}*/

.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{box-sizing: border-box; border:1px solid #000000; FONT-SIZE: 10px; font-family:Arial, Helvetica, sans-serif;font-size:12px;padding:4px; background:#CCCCCC;-webkit-appearance:none;border-radius:0; float:left;}
.inp_normal.error label{color:#900;}
.inp_normal.error input, .inp_normal.error textarea{border-color:#900;}

.inp_normal input{width:64%; height:16px; margin-top:8px;}
.inp_normal textarea{width:64%;height:70px;}

/* CHECKBOX */
/*li.inp_checkbox fieldset label { float:left; }
li.inp_checkbox fieldset legend { width:auto; float:left; }*/

/* 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-top:2px; margin-left:0px;}
input.inp_submit{FONT-SIZE: 10px;
COLOR: #000000;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
BORDER: 2px solid #000000;
background-color: #CCCCCC; height:18px; text-align:center; background-color:#cccccc;
-webkit-transition:none;
-moz-transition:none;
-ms-transition:none;
-o-transition:none;
transition:none;}

/* 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; float:left;}

.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;}


#plugin_cms-form_51 form.form, #plugin_cms-form_52 form.form ,#plugin_cms-form_52 li.inp_email ,#plugin_cms-form_51 li.inp_email { width:330px; }
#plugin_cms-form_51 , #plugin_cms-form_52 { float:left; width:330px;}


/* Custom Form CSS */
#plugin_cms-form_19 .form #id_inp_ichwnscheeine1 legend, #plugin_cms-form_19 .form #id_inp_ichbinerreichbarper5 legend { width:150px; float:left; }
#plugin_cms-form_19 .form #id_inp_ichwnscheeine1 label, #plugin_cms-form_19 .form #id_inp_ichbinerreichbarper5 label  { width:auto; }
#plugin_cms-form_19 input.inp_submit { margin:5px 0 0 150px; }
