@charset "utf-8";

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

#formError {
	clear:left;
	width: 93.467336%; padding:2.5125628%; margin: 10px auto 10px auto; /* (398-6-2*10):398 */
	background: #EEACAC;
	outline:3px solid #EEACAC;
}

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

}

 #formError ul {
 }
 #formError ul li {
   	font-size:1.3em; line-height:1.5em;
 } 
 #formError h2 {
 	margin-top:0px;
 }

 
.klein {
 /*font-size: 1.2em;*/
 font-size: 1.091em;
}
.klein label {
	font-size: 1.191em;
}

.formAnweisung {
	clear:left;
	font-size: 1.3em;
	margin-bottom: 10px; 
}

.anmeldeform {
	 padding-top:0px;
	 margin:0px auto 0px auto;
	 border:0px none;
	 width:99.497487%; /* 396:398, Spielraum für 1px outline */
}

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

fieldset {
 	width: 99.24243%; /* (396-3):396, padding-left:3px */
	padding:0px 0px 10px 0.7575%; /* 3:396 */
	margin:0px 0px 10px 0px;
	clear:left;	
	outline:1px solid #f5f5f5;
	background:#f5f5f5;
}

fieldset legend {
	width:98.218829%;
	min-height:22px;/* 386 *//*height:22px;*/ /*keine fixe Höhe angeben, sonst geschieht kein zeilenumbruch!*/
	background:#c7deee; outline:2px solid #c7deee;
	color: #FFF; padding:8px 0px 0px 2.020202%; /* 8 */
	margin: 1px 0px 0px -0.5050505%; /* 2 */

	font-weight: bold;
	font-size: 14px; line-height:20px;

	border:0px none; 
}

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

.feldHilfeText, 
.attentionText {
	display: block; margin-top:5px;
	font-size: 1.1em; 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.2em; line-height: 1.2em;
}

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

.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:95.165394%;		 /* 374:393    (398-2) - (3+8) - 11 */
		padding-left:2.0356234%; /* 8:393 */
}

/***** halb *****/
.anmelden_auswahlListe_halb, .anmelden_textZeile_halb, .anmelden_textBox_halb {
	width: 100%; /*181px; /* 366 */
}
.formularEinheitHalb {
	width: 46.564885%; /* 183:393 */
	padding-left:2.0356234%; /* 8:393 */
}

/***** viertel *****/
.anmelden_auswahlListe_viertel, .anmelden_textZeile_viertel, .anmelden_textBox_viertel {
	width: 100%; /* 86px; /* 366 */
}
.formularEinheitViertel {
	width: 22.264631%; /* 87.5:393 */
	padding-left:2.0356234%;
}

/***** drittel *****/
.anmelden_auswahlListe_drittel, .anmelden_textZeile_drittel, .anmelden_textBox_drittel {
	width: 100%; 
}
.formularEinheitDrittel {
	width: 30.23%; /*stimmt noch nicht*/
	padding-left:2.0356234%; /*stimmt noch nicht*/
}


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

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

.hakerl, .anmelden_checkBox, .anmelden_checkBoxen {
	width:16px;/*warum width:20px%;(mit px inkl %-zeichen)??*/
	border:0px none; outline:0px none;
	float:left;
	margin: 0; padding:0;
}

.anmelden_checkBox_feld {
	float:left; display:block;
	width:25px; padding:0; /* 25:382 (382 = 374+8)*/
}

.anmelden_checkBox_text {
	float:left;
	width:92.146596%; /* 352:382 */
}


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


/*kalenderfeld/kalenderbutton & chkbox*/
/* Checkboxen 1spaltig=normal/2spaltig=wenn <style>halbbox</style>*/
.chkEntry {
	float: left;
	display: block;
	clear: none;
	width: 100%;
	margin: 0 0 4px 0;
	padding: 2px 0;
}

.formularEinheitVoll.halbbox .chkEntry{
	width: 50%;
}
.formularEinheitVoll.drittelbox .chkEntry{
	width: 33.3333%;
}
.formularEinheitVoll.viertelbox .chkEntry{
	width: 25%;
}
/*.halbbox .chkEntry {width: 191px;}*/
/*.drittelbox .chkEntry {width: 127px;}*/
/*.viertelbox .chkEntry {width: 95px;}*/

.anmelden_checkBox_feld, .anmelden_checkBox_text {
/*
	height: auto;
	display: block;
	height: auto; 
	float: left;
	margin: 0;	
*/
}
.anmelden_checkBox_text {
/*
	font-size: 1.1em; 
	padding-left: 8px;
*/
}
.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;}/*width: 362px;*/
.formularEinheitVoll .halbbox .anmelden_checkBoxenSet_text {padding-left:4px;}/*width: 171px;*/
.formularEinheitVoll .drittelbox .anmelden_checkBoxenSet_text {padding-left:4px;}/*width: 107px;*/
.formularEinheitVoll .viertelbox .anmelden_checkBoxenSet_text {padding-left:4px;}/*width: 75px;*/

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

.formularEinheitHalb .anmelden_checkBoxenSet_text {padding-left:4px;}/*width: 171px;*/
.formularEinheitHalb .halbbox .anmelden_checkBoxenSet_text {padding-left:4px;}/*width: 75px;*/
.formularEinheitHalb .drittelbox .anmelden_checkBoxenSet_text {padding-left:2px;}/*width: 45px;*/
.formularEinheitHalb .viertelbox .anmelden_checkBoxenSet_text {padding-left:2px;}/*width: 29px;*/

.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:2px;}/*width: 5px;*/

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




.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-top:15px;
	color: #47749E;
	text-align: right;

}

.absendenBox .hinweisText {
	line-height:1.2em; font-size:1.2em;
}



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

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

/*'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;*/
.formularEinheitHalb .halbbox.checkboxenset_elem,  /*width: 95px;*/
.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;*/
.formularEinheitHalb .drittelbox.checkboxenset_elem, /*width: 63px;*/ 
.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;*/
.formularEinheitHalb .viertelbox.checkboxenset_elem, /*width: 47px;*/ 
.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*/
}

/*****************************************/
/* RESPONSIVES CSS #responsive17
/*****************************************/
@media all and (max-width:940px) {

.formularEinheitDrittel,
.formularEinheitViertel
 {
	width: 46.564885% !important; /* 183:393 */
	padding-left:2.0356234%; /* 8:393 */
}

.formularEinheitHalb {
}
	
}

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

	.formularEinheitViertel {
		width: 46.564885% !important; /* 183:393 */
	}

	.formularEinheitDrittel {
		width: 95.1654% !important; /* 183:393 */
		padding-left:2.0356234%; /* 8:393 */
	}
	
	.formularEinheitHalb {
		width: 95.1654% !important;
		padding-left:2.0356234%; /* 8:393 */
	}
	
}