/*------------------------------------------------------------------------------------------------------
* Label & Input untereinander
------------------------------------------------------------------------------------------------------*/

/*     --wrapper
------------------------------------------------- */
.input-wrapper {margin-bottom: 10px;}

/*     --fieldset
------------------------------------------------- */
fieldset {margin-bottom: 25px;}

/*     --rahmen
------------------------------------------------- */
input, select, textarea {border: 1px solid #ccc;}

/*     --felder
------------------------------------------------- */
input {padding: 5px; width: 200px;margin-top:20px;}
label {float: left; width: 100%; margin-bottom: 5px;}
select {width: 212px; height: 24px;}
textarea {width: 350px; height: 200px;}
legend {display: none;}

/*     --submit-button
------------------------------------------------- */
.submit_container input {cursor: pointer;
color:#777;
text-shadow:1px 1px 1px #fff;
letter-spacing:.2em;
border:none;
/* Gecko-Browser (Firefox) */
-moz-border-radius:6px;
-moz-box-shadow:1px 1px 1px #888;
/* Webkit-Browser (Safari, Chrome) */
-webkit-border-radius:6px;
-webkit-box-shadow:1px 1px 1px #888;
/* allgemein CSS3 */
box-shadow:1px 1px 1px #888;
border-radius:6px;
text-shadow:2px 2px 2px #fff;
background:#cfcfcf;
}

/*     --radio-buttons
------------------------------------------------- */
.radio_container span {display: block; margin-bottom: 5px;}
.radio_container label {float: none;}
.radio_container input {width: 20px; border: none;}
label.radio-button {float: none; display: block; margin-bottom: 10px;}

/*     --checkboxes
------------------------------------------------- */
.checkbox_container span {display: block; margin-bottom: 5px;}
.checkbox_container label {float: none;}
.checkbox_container input {width: 20px; border: none;}
label.checkbox {float: none; display: block; margin-bottom: 10px;}


/*------------------------------------------------------------------------------------------------------
* Label & Input Felder nebeneinander
* formular muss die CSS-Klasse "columnar" in Contao hinzugef�gt werden
------------------------------------------------------------------------------------------------------*/

/*     --labels
------------------------------------------------- */
.columnar label {width: 120px; }
.columnar label.radio-button {display: inline; float: left;}

/*     --radio-buttons
------------------------------------------------- */
.columnar .radio_container {margin-left: 120px;}
.columnar .radio_container, .columnar .checkbox_container {margin-top: 1px;}

/*     --checkboxes
------------------------------------------------- */
.columnar label.checkbox {display: inline; float: left;}
.columnar .checkbox_container {margin-left: 120px;}

/*     --submit-button
------------------------------------------------- */
.columnar .submit_container input {margin-left: 120px;}


form {
 padding: 20px;
 text-align: left;
}