/* yform ------------------------------------------------------------*/

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

/* Rahmen */
.yform,
.yform fieldset,
.yform legend,
.yform input,
.yform textarea,
.yform select { }


.yform
{
	clear: both;
	position: relative;
	display: block;
	overflow: hidden;
	list-style: none;
}

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


#formular { margin: 0; }
#formular fieldset { padding: 0; margin: 0; clear: both; border: none; }

#formular fieldset legend {
	font-weight: 700;
	font-size: 17px;
	padding: 5px 10px;
	margin: 20px 0;
	border: 1px solid #CCC;
	display: block;
	width: 100%;
}


#formular p {
	clear: both;
	display: block;
	min-height: 20px;
	margin-bottom: 20px;
}

#formular hr { clear: both;}

#formular .form-group {
	margin-bottom: 10px;
}

#formular .form-group::after {
	display: block;
	clear: both;
	content: "";
}

#formular .form-group,
#formular .form-grouparea,
#formular p.formcheckbox,
#formular p.formmcheckbox {}

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

#formular p.formhtml {}

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


#formular p label {
	padding-top: 4px;
}



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


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

#formular .form-group input, #formular .form-group textarea {
	float: left;
	width:  95%;
	border:1px solid #FFF;
	background-color: #888888;
	color: #FFF;
	padding: 2%;
	vertical-align: bottom;
}


#formular .form-captcha {
	 width: 100%;
}

#formular .form-captcha label {
	width: 25%;
	float: left;
}


#formular .form-captcha input {
	width: 6% !important;
	position: relative;
	top: -5px;
	float: none;
}


#formular .form-grouparea textarea {
	display: block;
	line-height: 1;
	background-color: #888888;
	color: #FFF;
	padding: 1%;
	vertical-align: bottom;
}

/*
#formular .form-group select {
	padding: 6px;
	background: transparent;
	border:none;
	background-color: #D7E5FF;
	color: #000;
	width:230px;
	height: 31px;
	float: left;
	clear: both;
	font-size:  inherit;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	font-style: normal;
}
*/

/* CSS3 SelectBox Style */

#formular .form-group span
{
	width: 150px;
	overflow: hidden;
}

#formular .form-group span select {
	clear: both;
	font-size: inherit;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	font-style: normal;
	padding: 3px 5px 2px 5px;

	border: 0px !important;
	-webkit-appearance: none;  /*Removes default chrome and safari style*/
	-moz-appearance: none;  /*Removes default style Firefox*/
	appearance: none;
	background: #D7E5FF url('img/anrede.gif') no-repeat;
	background-position: 120px center; /*Position of the background-image*/
	width: 150px;  /*Width of select dropdown to give space for arrow image*/
	height: 30px;
	text-indent: 0.01px;
	text-overflow: "";
}



#formular p.formcheckbox{
	float: left;
	margin-top: 10px;
}

#formular p.formcheckbox input
{ margin: 4px 10px 0 0; float: left; text-align: left; }



#formular p.formcheckbox label {
	float: left;
	width: 400px;
	padding: 0;
	margin: 0;
	font-weight: 700;
}

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

#formular p.formsubmit
{
	margin-top: 20px;
	display: block;
	width: 100%;
	text-align: right;
}

#formular p.formsubmit label { display: none; }

/*
#formular p.formsubmit input {
	color: #FFF;
	font-weight: 600;
	font-size: 17px;
	text-align: center;
	padding: 3px 25px;

}
*/

/*
.formcaptcha{
    float: left;
}
*/
.formsubmit {
      clear: both;
}


.form_warning { color: #f00; }
#formular .form-group input.form_warning { border: 1px solid #f00;}

ul.form_warning {
	width: 94%;
	display: none;
	padding: 3px 2%;
	margin: 5px;
	border: 1px solid #f00;
	color: #f00;
	background-color: #fff;
	font-size: bold;
}


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

p.form_success {}

#formular p.delimiter-text
{
	float: left;
	width: 100%;
	margin: 30px 0 10px 0;
	min-height: inherit;
	border: 1px solid #E78C2E;
	padding: 5px 10px;
	background-color: #F7DDBC;
}





#formular .kontakt-form,
#formular .mitglied-form,
#formular .spenden-form,
#formular .newsletter-form
{ background-color: #FFF; padding: 20px; }

#formular .kontakt-form .form-group label,
#formular .kontakt-form .form-group label,
#formular .kontakt-form .form-group label,
#formular .mitglied-form .form-group label,
#formular .mitglied-form .form-group label,
#formular .mitglied-form .form-group label,
#formular .spenden-form .form-group label,
#formular .spenden-form .form-group label,
#formular .spenden-form .form-group label,
#formular .newsletter-form .form-group label,
#formular .newsletter-form .form-group label,
#formular .newsletter-form .form-group label
{ float: left; width: 25%; }

#formular .kontakt-form .form-group input,
#formular .mitglied-form .form-group input,
#formular .spenden-form .form-group input,
#formular .newsletter-form .form-group input
{ width: 70%; padding: 5px 5px}



#formular .kontakt-form #yform-formular-street,
#formular .mitglied-form #yform-formular-street,
#formular .spenden-form #yform-formular-street { width: 75%; float: left; margin-right: 15px; }

#formular .kontakt-form #yform-formular-street label,
#formular .mitglied-form #yform-formular-street label,
#formular .spenden-form #yform-formular-street label { width: 33.4%; }

#formular .kontakt-form #yform-formular-street input,
#formular .mitglied-form #yform-formular-street input,
#formular .spenden-form #yform-formular-street input { width: 65%; }

#formular .kontakt-form #yform-formular-hs-number,
#formular .mitglied-form #yform-formular-hs-number,
#formular .spenden-form #yform-formular-hs-number {width: 15%; display: inline;}

#formular .kontakt-form #yform-formular-hs-number label,
#formular .mitglied-form #yform-formular-hs-number label,
#formular .spenden-form #yform-formular-hs-number label { width: 8%;}

#formular .kontakt-form #yform-formular-hs-number input,
#formular .mitglied-form #yform-formular-hs-number input,
#formular .spenden-form #yform-formular-hs-number input  { width: 10%; }

#formular .kontakt-form #yform-formular-plz,
#formular .mitglied-form #yform-formular-plz,
#formular .spenden-form #yform-formular-plz {width:  35%; float:left; }

#formular .kontakt-form #yform-formular-plz label,
#formular .mitglied-form #yform-formular-plz label,
#formular .spenden-form #yform-formular-plz label { width: 71.4%;}

#formular .kontakt-form #yform-formular-plz input,
#formular .mitglied-form #yform-formular-plz input,
#formular .spenden-form #yform-formular-plz input { width: 20%; }

#formular .kontakt-form #yform-formular-city,
#formular .mitglied-form #yform-formular-city,
#formular .spenden-form #yform-formular-city { width: 60%; display: inline; }

#formular .kontakt-form #yform-formular-city label,
#formular .mitglied-form #yform-formular-city label,
#formular .spenden-form #yform-formular-city label { width: 5%;}

#formular .kontakt-form #yform-formular-city input,
#formular .mitglied-form #yform-formular-city input,
#formular .spenden-form #yform-formular-city input { width: 55%; }


#formular .kontakt-form #yform-formular-message,
#formular .spenden-form #yform-formular-message { width: 100%;}

#formular .kontakt-form #yform-formular-message label,
#formular .spenden-form #yform-formular-message label { width: 25%; float: left;}

#formular .kontakt-form #yform-formular-message textarea,
#formular .spenden-form #yform-formular-message textarea { width: 70%; }


#formular .kontakt-form .formdate {}
#formular .kontakt-form .formdate select { float: left;}



#formular .mitglied-form #yform-formular-beitrag input{ width: 10%;}


#formular input:focus,
#formular textarea:focus { border-color: #F7DDBC; box-shadow: inherit; }