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

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

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

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

/*     --felder
------------------------------------------------- */
input {width: 200px; padding: 5px;}
label {width: 100%; float: left; margin-bottom: 5px;}
select {width: 212px; padding: 5px; height: 24px;}
textarea {width: 437px; height: 200px;}

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

/*     --checkboxes
------------------------------------------------- */
.checkbox_container {margin-top: 1px;}
.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;}

/*     --submit-button
------------------------------------------------- */
.submit_container input {
	background: #D6C2A5; 
	display: inline-block; 
	padding: 8px 14px 9px 14px; 
	color: #444; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	line-height: 1;
	font-size: 14px;
	margin-bottom: 5px;
}

.submit_container input:hover {background-image: url(../img/buttons/overlay.png)}

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

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

/*     --labels
------------------------------------------------- */
.columnar label {width: 140px;}

/*     --radio-buttons
------------------------------------------------- */
.columnar label.radio-button {display: inline; float: left;}
.columnar .radio_container {margin-left: 140px;}

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

/*     --errors
------------------------------------------------- */
.columnar p.error {margin-left: 140px;}

/*     --headline
------------------------------------------------- */
form .headline {color: #977c5e; border-bottom: 1px solid #e2dcd5; margin-bottom: 15px; padding-bottom: 5px;}
form .headline p {margin: 0;}

/*     --gutschein
------------------------------------------------- */
#gutschein-anfordern .betrag  {position: relative; background: #fefcf2; padding: 10px; margin-bottom: 25px; border: 1px solid #dfdbd5}
#gutschein-anfordern .betrag .input-wrapper {margin: 0;}
#gutschein-anfordern .betrag .input-wrapper input {width: 140px;}
#gutschein-anfordern .betrag .euro {position: absolute; right: 10px; top: 24px; color: #9c121e; font-weight: bold; font-size: 14px;}
#gutschein-anfordern .betrag label {width: 190px; position: relative; top: 4px; font-weight: bold;}

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