.pflichtFeld, .pflichtFeldMulti {
 font-weight:600;
 color: #595959;
}

#formError {
	clear:left;
	width: 100%; padding:2.5%; margin: 10px auto 10px auto;
	background: #ffc391;
	border:0px none;
}

.formError { 
	color: #E10000;
	white-space: nowrap;
	/* overflow-x:hidden; */
}

 #formError ul {

 }
 #formError ul li {
	font-size:1.5em; line-height:1.5em;
 } 

 #formError h2, #formError h3 {
 	margin-top:0px; color:#e10030;
 }

 #formError ul li strong {
	color:#e10030;
 }

 
.klein {
 font-size: 0.9em;
}

.formAnweisung {
	clear:left;
	margin-bottom: 10px; 
	font-size:1.5em; line-height:1.2222em;
}

.anmeldeform {
	width: 100%;
	margin: 0 auto 0 auto;	
	padding-top: 0;
	border: 0px none;

	border:1px solid #eaebeb; /* wichtig, da zum Rand 13px, ansonsten 12px Abstand zw. Feldern bezügl. Teilbarkeit */
	background:hsla(117, 0%, 65%, 0.2);

}

	.anmeldeform input, .anmeldeform input {
		min-width:10px;
	}

	.anmeldeform select {
		min-width:50px;
	}

	.anmeldeform .button {
		float:none; margin:0 auto 0 auto;
	}



.formGruppe {/* wurde durch fieldset ersetzt */ }

fieldset {
 	width: 100%;
	margin: 0 0 10px 0;
	padding: 0 0 26px 0;
	clear: left;	
	border-bottom: 1px solid #FFF;
	background:none;
}


fieldset legend {
	width: 100%; /*calc(100% + 1px);*/ /* 386 */
	min-height: 40px;/*height:20px;*/ /*keine fixe Höhe angeben, sonst geschieht kein zeilenumbruch!*/
	margin: 0px 0 0 0px; /* 2 */
	padding: 13px 0 0 1.8237%; /* 8 */	
	/* outline:1px solid #ccc; */
	background:transparent;
	color: #000; 
	font-weight: 600;
	font-size:1.8em; line-height:1.2em;
}

.gruppenText {
	clear:both;padding-top:20px;
}

.feldHilfeText, 
.attentionText {
	display: block; margin-top:5px;
	font-size: 1.5em; line-height: 1.2em;
}

.attentionText .feldTextOnly {
	font-weight: bold; color: #171717;
	width:100px;
}

/*'jqueryfileuploadtest*/
form p.hilfstext {
	font-size: 1.05em;
}

/*'jqueryfileuploadtest*/
form p.hilfstext .subhinweis {
	color: #777;
}

.feldTextOnly {
	display: inline;
	font-size: 1.5em; line-height: 1.6em;
}

.formularEinheitVoll, .formularEinheitHalb, .formularEinheitViertel, .formularEinheitDreiviertel, .formularEinheitDrittel {
	float: left;
	text-align: left;
	margin: 13px 0 0 0; 
	padding: 0 0 0 2.0356234%; /* 8:(398-2-3)* padding-left: 8px  /* top wegen Firefox vermeiden*/
	padding:0;
	/* background:#ddd; */
	position: relative;
}

.formularEinheitVoll.feldHilfeTextVoll {
	clear:both;margin-top:5px;
	display: block; font-size:0.9em;
	width: 95.1654%;
}



/***** voll *****/
.anmelden_auswahlListe_voll, .anmelden_textZeile_voll, .anmelden_textBox_voll {
	width: 100%; 
}
 .anmelden_textBox_voll {
 	width: 100%;
}
.formularEinheitVoll {
		width:98.17073%; 		/* 632px + 12px bezogen auf 656 (658-border) */
		padding-left:1.8237% 	/* 12px */
}

/***** halb *****/
.anmelden_auswahlListe_halb, .anmelden_textZeile_halb, .anmelden_textBox_halb {
	width: 100%; /*181px; /* 366 */
}
.formularEinheitHalb {
	width: 49.08536%; 				/* 310px + 12px : 656 */
	padding-left:1.8237%; 			/* 12px */
}

/***** viertel *****/
.anmelden_auswahlListe_viertel, .anmelden_textZeile_viertel, .anmelden_textBox_viertel {
	width: 100%; /* 86px; /* 366 */
}
.formularEinheitViertel {
	width: 24.54268%; /* 149 + 12 */
	padding-left:1.97568%;
}

/***** drittel *****/
.anmelden_auswahlListe_drittel, .anmelden_textZeile_drittel, .anmelden_textBox_drittel {
	width: 100%; 
}
.formularEinheitDrittel {
	width: 32.77439%; /* 203 + 12 */
	padding-left:1.97568%; /*stimmt noch nicht*/
}

/***** dreiviertel *****/
.anmelden_auswahlListe_dreiviertel, .anmelden_textZeile_dreiviertel, .anmelden_textBox_dreiviertel {
	width: 100%; /*276px; /* 366 */
}
.formularEinheitDreiviertel {
	width: 75%; /*285px; /* 366 */ /*100%*/
}

.anmelden_textBox_voll, .anmelden_textBox_halb, .anmelden_textBox_viertel, .anmelden_textBox_dreiviertel {
	height: 55px; /* 366 */
}

.hakerl, .anmelden_checkBox, .anmelden_checkBoxen {
	min-width: 16px; width:7.8534031%; border:0px none; outline:0px none;
	float:left;
	margin: 0; padding:0; 
}

.anmelden_checkBox_feld {
	float:left; display:block;
	width:25px; padding:0 0 0 0;
}

.anmelden_checkBox_text {
	float:left;
	width:90%;
	margin-top:5px;
	font-size:1.5em; line-height:1.2222em;
}


.chkGanzeBreite .anmelden_checkBox_text {
	width: 340px;
	margin-bottom: 7px;
	padding-top: 3px;
}

.halbbox .anmelden_checkBox_text {width: 160px;padding-left: 4px;}
.drittelbox .anmelden_checkBox_text {width: 95px;padding-left: 4px;}
.viertelbox .anmelden_checkBox_text {width: 65px;padding-left: 4px;}

/*für Zeilenumbruch*/
.formularEinheitVoll .anmelden_checkBoxenSet_text,
.formularEinheitVoll .halbbox .anmelden_checkBoxenSet_text,
.formularEinheitVoll .drittelbox .anmelden_checkBoxenSet_text,
.formularEinheitVoll .viertelbox .anmelden_checkBoxenSet_text,
.formularEinheitDreiviertel .anmelden_checkBoxenSet_text,
.formularEinheitDreiviertel .halbbox .anmelden_checkBoxenSet_text,
.formularEinheitDreiviertel .drittelbox .anmelden_checkBoxenSet_text,
.formularEinheitDreiviertel .viertelbox .anmelden_checkBoxenSet_text,
.formularEinheitHalb .anmelden_checkBoxenSet_text,
.formularEinheitHalb .halbbox .anmelden_checkBoxenSet_text,
.formularEinheitHalb .drittelbox .anmelden_checkBoxenSet_text,
.formularEinheitHalb .viertelbox .anmelden_checkBoxenSet_text,
.formularEinheitViertel .anmelden_checkBoxenSet_text,
.formularEinheitViertel .halbbox .anmelden_checkBoxenSet_text,
.formularEinheitViertel .drittelbox .anmelden_checkBoxenSet_text,
.formularEinheitViertel .viertelbox .anmelden_checkBoxenSet_text,
.formularEinheitDrittel .anmelden_checkBoxenSet_text,
.formularEinheitDrittel .halbbox .anmelden_checkBoxenSet_text,
.formularEinheitDrittel .drittelbox .anmelden_checkBoxenSet_text,
.formularEinheitDrittel .viertelbox .anmelden_checkBoxenSet_text {
	display:block;
	float:left;
	background-color:#009999;
}
/*die width-angabe in folgenden fällen wird benötigt, damit textumbruch in diesen spezialboxen funktioniert. gibt es keinen umbruch, muss man die breiten nicht angeben*/
.formularEinheitVoll .anmelden_checkBoxenSet_text {padding-left:4px;}/*362->width: 353px;*/
.formularEinheitVoll .halbbox .anmelden_checkBoxenSet_text {padding-left:4px;}/*171->width: 164px;*/
.formularEinheitVoll .drittelbox .anmelden_checkBoxenSet_text {padding-left:4px;}/*107->width: 101px;*/
.formularEinheitVoll .viertelbox .anmelden_checkBoxenSet_text {padding-left:4px;}/*75->width: 72px;*/

.formularEinheitDreiviertel .anmelden_checkBoxenSet_text {padding-left:4px;}/*265->width: 274px;*/
.formularEinheitDreiviertel .halbbox .anmelden_checkBoxenSet_text {padding-left:4px;}/*122->width: 127px;*/
.formularEinheitDreiviertel .drittelbox .anmelden_checkBoxenSet_text {padding-left:4px;}/*75->width: 78px;*/
.formularEinheitDreiviertel .viertelbox .anmelden_checkBoxenSet_text {padding-left:4px;}/*51->width: 53px;*/

.formularEinheitHalb .anmelden_checkBoxenSet_text {padding-left:4px;}/*171->width: 163px;*/
.formularEinheitHalb .halbbox .anmelden_checkBoxenSet_text {width: 70px;padding-left:4px;}/*75->hat umbruch im testformular*/
.formularEinheitHalb .drittelbox .anmelden_checkBoxenSet_text {padding-left:2px;}/*45->width: 42px;*/
.formularEinheitHalb .viertelbox .anmelden_checkBoxenSet_text {padding-left:2px;}/*29->width: 27px;*/

.formularEinheitViertel .anmelden_checkBoxenSet_text {padding-left:4px;}/*width: 75px;*/
.formularEinheitViertel .halbbox .anmelden_checkBoxenSet_text {padding-left:2px;}/*width: 29px;*/
.formularEinheitViertel .drittelbox .anmelden_checkBoxenSet_text {padding-left:2px;}/*width: 13px;*/
.formularEinheitViertel .viertelbox .anmelden_checkBoxenSet_text {padding-left:0px;}/*width: 5px;padding-left:2px;*/

.formularEinheitDrittel .anmelden_checkBoxenSet_text {width: 110px;padding-left:4px;}
.formularEinheitDrittel .halbbox .anmelden_checkBoxenSet_text {width: 47px;padding-left:2px;}
.formularEinheitDrittel .drittelbox .anmelden_checkBoxenSet_text {width: 23px;padding-left:2px;}
.formularEinheitDrittel .viertelbox .anmelden_checkBoxenSet_text {width: 12px;padding-left:2px;}



.anmelden_checkBox {
/*
	font-size: 1.1em; margin:0px; padding:0;
*/
}
.anmelden_checkBox_wert {
	font-size: 1.1em;
}

.formGruppeExtraBreit .anmelden_checkBox_feld {
	float:left;
	height:20px;float:left;margin:0px; padding-top:2px;
}

.formGruppeExtraBreit .anmelden_checkBox_text {
	width:284px;margin-left:3px;padding-top:2px;
	line-height:2em;height:22px;
}

.clearBoth {
	clear:both;
}

.checkboxselectall {

}

#uploadfile {
}

form .suchButton {
	/* in global.css definiert */
}

form .separate	{ /*spamschutz*/
	display: none;
}

.absendenBox {
	clear: both;
	padding: 0; margin:15px 0 15px 0;
	color: #cbc8c8;
	text-align: center;

}

.absendenBox .hinweisText {
	clear:both; display:block;
	line-height:1.6em; text-align:center;
	font-size:1.5em; color:#929092;
	padding:10px 0 10px 0;
	display:none;
}



.fileupload .javascripterror { /*'jqueryfileuploadtest*/
	font-weight:bold; background-color:#EEACAC;
}

.fileupload p.javascripterror { /*'jqueryfileuploadtest*/ 
	padding: 5px 10px 5px 10px;
	border:0px none;
}

/*'kalender-new*/
.formcalendarDay {
	/*width: 65px;*/
}
.formcalendarMonth {
	/*width: 100px;*/
}
.formcalendarYear {
	/*width: 70px;*/
}
img.formular_kalender_icon  { /*'kalenderfeld/kalenderbutton*/
	vertical-align: text-bottom;
	padding-left: 5px;
}	

/*'checkboxenset*/
.checkboxenset_elem label.anmelden_checkBoxenSet_text {
	/*display: inline;*/
}
.checkboxenset_elem label.klein {
	line-height: 1.5em;
}
.formularEinheitHalb .drittelbox.checkboxenset_elem label.anmelden_checkBoxenSet_text, .formularEinheitHalb .viertelbox.checkboxenset_elem label.anmelden_checkBoxenSet_text,
.formularEinheitViertel label.anmelden_checkBoxenSet_text {
	/*margin-left: 2px;*/
}

/*test - kombinierte Klassen*/
.formularEinheitHalb.halbbox { /*dh: wenn class "formularEinheitHalb halbbox" - in IE6 werden alle halbboxen damit formatiert*/
	/*background-color: #009966;*/ /*grün*/
}
.halbbox.formularEinheitVoll { /*funktioniert in neueren Browser, aber IE6 formatiert alle Elemente, welche die hintere class enthalten, die combination ist dem egal, erstes element wird ignoriert*/
	/*background-color: #9966FF;*/ /*violett*/
}
.formularEinheitHalb .halbbox { /*dh: innerhalb von formularEinheitHalb ein element halbbox - geht auch in IE6*/
	/*background-color: #009999;*/ /*blau*/
}
.checkboxenset_elem {
	white-space:nowrap;
}
.checkboxenset_elem label {
	white-space: normal;
}
.checkboxenset_elem input {
	width: 16px;
	height: 16px;
	margin: 0;
	padding: 0;
	float: left;
	background: none;
	border: medium none;
	outline: none; /*neu1234*/
}


.formularEinheitVoll .checkboxenset_elem,
.formularEinheitHalb .checkboxenset_elem,
.formularEinheitDreiviertel .checkboxenset_elem,
.formularEinheitViertel .checkboxenset_elem,
.formularEinheitDrittel .checkboxenset_elem,
.formularEinheitVoll .halbbox.checkboxenset_elem,
.formularEinheitHalb .halbbox.checkboxenset_elem,
.formularEinheitDreiviertel .halbbox.checkboxenset_elem,
.formularEinheitViertel .halbbox.checkboxenset_elem,
.formularEinheitDrittel .halbbox.checkboxenset_elem,
.formularEinheitVoll .drittelbox.checkboxenset_elem,
.formularEinheitHalb .drittelbox.checkboxenset_elem,
.formularEinheitDreiviertel .drittelbox.checkboxenset_elem,
.formularEinheitViertel .drittelbox.checkboxenset_elem,
.formularEinheitDrittel .drittelbox.checkboxenset_elem,
.formularEinheitVoll .viertelbox.checkboxenset_elem,
.formularEinheitHalb .viertelbox.checkboxenset_elem,
.formularEinheitDreiviertel .viertelbox.checkboxenset_elem,
.formularEinheitViertel .viertelbox.checkboxenset_elem,
.formularEinheitDrittel .viertelbox.checkboxenset_elem  {
	background-color:#00CCCC;
	margin-bottom: 4px; /*abstand nach unten zwischen den Checkboxen*/
	padding: 0; 
	clear: none;
	float: left;
	display: block;
}

.formularEinheitVoll .checkboxenset_elem, .formularEinheitHalb .checkboxenset_elem, .formularEinheitViertel .checkboxenset_elem, .formularEinheitDrittel .checkboxenset_elem, .formularEinheitDreiviertel .checkboxenset_elem {
	/*width: inherit;*//*nicht inherit, sonst nimmt es bei einer breite von unter 100% in dieser auch nur eine breite von unter 100% ein. das heißt sie ist schmäler als volle breite!*/
	width: 100%;
}


.formularEinheitVoll .halbbox.checkboxenset_elem, /*width: 191px;->width: 185px;*/
.formularEinheitHalb .halbbox.checkboxenset_elem,  /*width: 95px;->90px*/
.formularEinheitDreiviertel .halbbox.checkboxenset_elem, /*width: 142px;*/
.formularEinheitViertel .halbbox.checkboxenset_elem, /*width: 47px;*/
.formularEinheitDrittel .halbbox.checkboxenset_elem /*width: 68px;*/
{
	width: 50%;
}	
.formularEinheitVoll .drittelbox.checkboxenset_elem, /*width: 127px;>122px*/
.formularEinheitHalb .drittelbox.checkboxenset_elem, /*width: 63px;->60px*/ 
.formularEinheitDreiviertel .drittelbox.checkboxenset_elem, /*width: 95px;*/
.formularEinheitViertel .drittelbox.checkboxenset_elem, /*width: 31px;*/
.formularEinheitDrittel .drittelbox.checkboxenset_elem /*width: 39px;*/
{
	width: 33.3333%;
}


.formularEinheitVoll .viertelbox.checkboxenset_elem, /*width: 95px;->92px*/
.formularEinheitHalb .viertelbox.checkboxenset_elem, /*width: 47px;->45px*/ 
.formularEinheitDreiviertel .viertelbox.checkboxenset_elem, /*width: 71px;*/
.formularEinheitViertel .viertelbox.checkboxenset_elem, /*width: 23px;*//*macht aber eigentlich keinen sinn, zu klein*/
.formularEinheitDrittel .viertelbox.checkboxenset_elem /*width: 32px;*//*macht aber eigentlich keinen sinn, zu klein*/
{
	width: 25%;
}


/*div.nth-child(2n) div>p:nth-of-type(2n) = jedes 2te p in a div*/
/*(2n+1 = Um nicht jedes 2te Element innerhalb eines Eltern-Elements anzusprechen, sondern das erste Element und dann, vom ersten Element ausgehend, jedes zweite Element)*/
fieldset div.formularEinheitHalb:nth-of-type(2n+1), fieldset div.formularEinheitViertel:nth-of-type(4n+1) { /*sorgt dafür, dass in einer halbbox nach jeder zweiten Halb wieder links begonnen/nach links umgebrochen wird, funktioniert in allen neueren browsern ausser IE, allerdings macht es dort einfach nichts */
	/* clear:both; */
}

/********************************************/
/******** auswahllisteUndTitel **************/
/********************************************/
.auswahllisteUndTitel {
	/* background:#ccc; */
}

.auswahllisteUndTitel .anmelden_auswahlListe_voll {
	width: 86px;
}

.auswahllisteUndTitel label {
	float:right; width:287px; font-weight: normal;
	/* background:#DDDDDD; */
}

/* Sanduhr-Button */
.hiddenPreLoad {
	position:absolute; visibility:hidden;
}

/*'formIdOnchange 2012-07-05*/
.anmeldeform #registrierungsformular_sonstige {
	display: none;
}

/*'formIdOnchange 2013-07-08*//*'neu1234 Newsletterinteressensgebiete, damit initial versteckt*/
.anmeldeform #anmeldeformular_newsletterinteressensgebiete {
	display: none;
	margin-top: 0; /*zeigt zusammengehörigkeit zur Checkbox oberhalb*/
}
/*'neu1234 unter anderem für Newsletterinteressensgebiete, damit initial versteckt*/
.anmeldeform .revokeHideOnError {
	display: block !important;
}
/*'formIdOnchange 2013-07-08*/
.anmeldeform input.calendarinput {
	/*width: 73%;*/ /*stimmt vermutlich nicht genau*/
	width: 100%;
	z-index: 1;
	}
	a.anfrageDatum {
		z-index: 2;
		display: inline-block; /*float: right; display: inline;*/
		position: relative;
		position: absolute; bottom: 0; right: 10px;
		min-height: 28px;
		min-width: 28px;
		padding: 0;
		margin: 0;
		text-align: center;
		line-height: 28px;
	}
	img.formular_kalender_icon {
		padding: 0;
		vertical-align: text-bottom;
	}	
	
#resetProvForm {
	font-size:1.4em;
}


/*********************/
/* #customCheckBox   */
/*********************/

label span.titel {
	display:inline-block; margin:4px 0 5px 0;
}

label span.titel .preis {
	white-space: nowrap;
}


.chkEntry {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 5px;
    cursor: pointer;

	font-size:1.5em;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

	.chkEntry:hover {
		color:#000;
	}

	.chkEntry.active {
		color:#000;
	}

.chkEntry.rad {

}

.chkEntry.inaktiv {
	opacity:0.2;
}

.chkEntry .anmelden_checkBox,
.chkEntry .anmelden_checkBoxen
{
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkmark {
    position: absolute;
    top: 0px;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #FFF; border:1px solid #b6b5b9;

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.chkEntry.rad .checkmark {
    border-radius: 50%;
}


/* On mouse-over, add a background color */
.chkEntry:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a background */
.chkEntry input:checked ~ .checkmark {
    background-color: #ff7f00;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;



}

/* Show the checkmark when checked */
.chkEntry input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.chkEntry .checkmark:after {
    left: 9px;
    top: 3px;
    width: 8px;
    height: 15px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.chkEntry.rad .checkmark:after {
	left:8px;top:8px;
	width:7px; height:7px;
	border-radius: 50%;
	background: white;
}

/*********************/
/* #customSelect   */
/*********************/

form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
form select::-ms-expand { 
    display: none; /* remove default arrow on ie10 and ie11 */
}
/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    form select {
        background:none\9;
        padding: 5px\9;
    } 
}

/* arrows */

form select{
	background:url(../pic/select-arrow.png) right -40px no-repeat #FFF;

	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;

}

form select:focus {
	background:url(../pic/select-arrow.png) right 0px no-repeat #e2e2e2;
}




/*********************/
/* #konfigurator  */
/*********************/
label.checked {
	color:#000;
}




/*********************/

	
@media all and (max-width:767px) {

.formularEinheitHalb {
	width:98.17073%; 		
}

.formularEinheitViertel {
	width: 49.08536%; 
}

.formularEinheitDrittel {
	width: 49.08536%;
}

}