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

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

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

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

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

/*     --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 {display: none}

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

/*     --cond
------------------------------------------------- */
.cond {overflow: hidden; margin-bottom: 10px;}
.cond .checkbox {width: 20px; border: none; float: left;}
.cond label {float: left; width: 180px;}

/*     --upload
------------------------------------------------- */
.upload {height: 20px;}

/*     --submit-button
------------------------------------------------- */
.submit_container input {
	cursor: pointer;
    padding: 6px 13px;
    border: 1px solid #555;
    text-align: center; text-transform: uppercase;
    color: #fff;
    background: #474749;
	display: block;
}

.submit_container input:hover,
.print:hover {background: #000; text-decoration: none;}


.print {
	cursor: pointer;
    padding: 6px 13px;
    border: 1px solid #555;
    text-align: center; text-transform: uppercase;
    color: #fff;
    background: #474749;
    display: block;
}
/*------------------------------------------------------------------------------------------------------
* form
------------------------------------------------------------------------------------------------------*/
form p {text-align: left!important; margin: 0; padding: 0;}
form br {display: none;}
form .bsp {position: relative; top: -8px; font-size: 9px;}
.headline {margin-bottom: 10px; clear: both;}
.headline td {width: 33%;}

/*------------------------------------------------------------------------------------------------------
* sprachen
------------------------------------------------------------------------------------------------------*/
.sprachen.checkbox_container span {width: 45%; float: left;}

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

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

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

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

select.dateselect {width: 64px;}

/*------------------------------------------------------------------------------------------------------
* Errors
------------------------------------------------------------------------------------------------------*/
label.error {color: red;}
input.error {border: 1px solid red;}
p.error {color: red;}



/*------------------------------------------------------------------------------------------------------
* Captcha
------------------------------------------------------------------------------------------------------*/
div.captcha {border-top: 3px solid #ffcccc; border-bottom: 3px solid #ffcccc; margin-bottom: 20px; width: 492px; padding: 10px 0;}
.captcha .captcha-frage {margin-left: 140px; font-size: 16px; font-weight: bold; margin-bottom: 5px;}
.captcha input {font-size: 16px; font-weight: bold;}