/* xFORM ------------------------------------------------------------*/

.xform form,
.xform fieldset,
.xform legend,
.xform label,
.xform input,
.xform select,
.xform textarea { }

/* Rahmen */
.xform,
.xform fieldset,
.xform legend,
.xform input,
.xform textarea,
.xform select { border: 1px solid #CCC; }


.xform
{
	position: relative;
	display: block;
	overflow: hidden;
	list-style: none;
	padding: 15px 25%;
	margin-bottom: 20px;
	background: #FFF;
}

.xform h1.FormTitel,
.xform p.FormDescription
{
	display: block;
	width: 100%;
	margin-bottom: 15px;
}


#form_formular { margin: 0; }
#form_formular fieldset { padding: 0; margin: 0; }
#form_formular p {
	clear: both;
	float: left;
	display: block;
	width: 100%;
	margin-bottom: 10px;
}

#form_formular p.formcheckbox,
#form_formular p.formmcheckbox {
	float: left;
	margin-left: 75px;
	margin-top: 10px;
	width: 100px;
}

#form_formular p.formselect,
#form_formular p.formtextarea,
#form_formular p.formcheckbox,
#form_formular p.formmcheckbox {}

#form_formular p.formhtml,
#form_formular p.formcaptcha {
	clear: both;
	font-weight: normal;
	margin: 0;
}

#form_formular p.formhtml {}

#form_formular p.formhtmltext { margin-left: 100px;	}


#form_formular p label {
	float: left;
	width: 145px;
	padding: 5px 0;
}



#form_formular p.formcheckbox label {
	margin-top: 0px;
	padding: 5px;
	float: left;
	width: 150px;
	display: inline;
}


#form_formular span.as-label { float: left; display: block; width: 130px;}

#form_formular p.formtext input,
#form_formular p.formpassword input {
	color:#fff;
	float: left;
	width: 100%;
	max-width:  450px;
	line-height: 1;
	border:1px solid #CCC;
	background-color: #fff;
	color: #000;
	padding: 5px;
	vertical-align: bottom;
}


#form_formular p.formcaptcha {
	width: 100%;
	max-width: 450px;
}

#form_formular p.formcaptcha input {
	margin: 0;
	padding:7px 6px;
}


#form_formular p.formtextarea textarea {
	float: left;
	width:  100%;
	max-width: 450px;
	line-height: 1;
	border:1px solid #CCC;
	background-color: #fff;
	color: #000;
	padding: 5px;
	vertical-align: bottom;
	margin-bottom: 15px;
}


#form_formular p.formselect select {
	padding: 5px;
	background: transparent;
	border:1px solid #CCC;
	background-color: #fff;
	color: #000;
}


#form_formular p.formcheckbox input,
#form_formular p.formmcheckbox input {
	float: left;
	margin: 1px;
}
#form_formular p.formmcheckbox input { }

#form_formular p.formcheckbox label,
#form_formular p.formmcheckbox label {
	float: left;
	width: 400px;
	margin-left: 10px;
	margin-top: 0px;
}

#form_formular p.formline {
	overflow: hidden;
	height: 1px;
	border-bottom: 1px solid #CCC;
	margin-bottom: 10px;
}

#form_formular p.formsubmit {
    clear: both;
    margin: 20px 0;
    max-width: 450px;
    width: 100%;
}
#form_formular p.formsubmit label { display: none; }


#form_formular p.formsubmit input {
	clear: both;
	width: 100%;
	max-width: 450px;
	line-height: 1;
	color: #FFF;
	padding: 6px;
	float: right;
	margin: 0;
}

#form_formular p.formsubmit input:hover {
	background-color:#1F6FAD;
	border:1px solid #999;
	color: #fff;
	cursor: pointer;
}



.form_warning {
	color: #f00;
}


ul.form_warning {
	width: 600px;
	display: inline-block;
	padding: 15px;
	margin: 5px;
	border: 1px solid #f00;
	color: #f00;
	background-color: #fff;
	font-size: bold;
	display: none;
}


.rex-message { clear: both;}
.rex-info { display: block; padding: 10px 15px; text-align: center; background-color:  green; }

p.form_success {}







.xform .btn {
	box-shadow: none;
	border-radius: 0;
	border: none;
}

@media all and (max-width: 1200px) {
	.xform
	{
		padding: 15px 25%;
	}
}


@media all and (max-width: 767px) {
	.xform
	{
		padding: 15px 5%;
	}
}