@charset "utf-8";
/* CSS Document */
*{
	font-family: 'Roboto', sans-serif;
	}


/**** IMPRESSUM ****/
/*#anschrift{
	padding: 60px 20px 40px 20px;
}*/

/**** ANMELDEFORMULAR ****/
/*form{
	border-radius: 0px 8px 0px 8px; 
	background: #D8D1DD; }*/
fieldset { 
	margin: 0px 20px 0px 20px;
	border-width: 0px;
	margin-top: 40px;
	border-radius: 0px 8px 0px 8px; 
	background: #D8D1DD;             /*#EFEBF3;*/
	min-width: 175px;
	width: auto;
}
legend{
	color: #47226B;
	font-weight:bold;
	padding: 0px 10px 0px 10px;
	margin-top: -18px;
	font-size: 1.2em;
	/*background: #6E688E;*/
	border-radius: 5px;
/*	border-bottom: 1px solid #6E688E;*/
}
.require:after{
	content:"*";
	color: red;
	font-size: 0.8em;				
	font-weight: bolder;
}
input{
	/*display: inline-block;*/
	/*margin: 20px 20px 20px 5px;*/
	/*padding: 10px 5px 10px 5px;*/
/*	max-width: 400px;*/
	margin: 5px 5px 0px 5px;
	padding: 8px;
	font-size: 0.9em;
	color: #47226B;
	font-weight: bold;
}
label{
	color: #47226B;
	font-weight:400;
	padding-right: 6px;
	padding-left: 10px;
	margin-bottom: 6px;
	text-align: right;
}

#vorname{
	max-width: 100%;
}
#nachname{
	max-width: 100%;
}
#geburtsdatum{
	max-width: 100%;
}
.vormund {	/* <= label */
	max-width: 170px;
}
#vormund{
	max-width: 100%;
}
#address{
	max-width: 281px;
}
#plz{
	max-width: 60px;
}
#wohnort{
	max-width: 100px;
}
#email{
	max-width: 100%;
}
#phone{
	max-width: 100%;
}
.sonstiges{
	max-width: 100%;
	width: 70%;
}

/*********** TANZERFAHRUN ******/
#ja, #wenig, #kaum, #sonstiges{
	margin: 15px 5px 10px 5px;
}
.tanzerfahrung-spalten {
	display: block;
	overflow: hidden;
}
.tanzerfahrung-spalte-left {
	float: left;
	min-width: 210px;
	max-width: 30%;
	width: 100%;
}

.tanzerfahrung-spalte-center {
	float: right;
	min-width: 210px;
	max-width: 30%;
	width: 100%;		
}

.tanzerfahrung-spalte-right{
	float: right;
	min-width: 210px;
	max-width: 30%;
	width: 100%;	
}
/*********** ENDE TANZERFAHRUN */


/*********** TANZRICHTUNGEN ******/
#tanzrichtungen {
	overflow: hidden;
}
.tanzrichtungen-spalten{
	display: block;
	width: 100%;
/*	width: 25%;	
	min-width: 175px;*/
	height: auto;
}
.tanzrichtungen-spalte-left {
	float: left;
	min-width: 210px;
	max-width: 300px;
	width: 50%;
}

.tanzrichtungen-spalte-center {
	float: left;
	min-width: 210px;
	max-width: 300px;
	width: 50%;		
}

.tanzrichtungen-spalte-right{
	float: left;
	min-width: 210px;
	max-width: 300px;
	width: 50%;	
}
/***** ENDE TANZRICHTUNGEN ***/


/***** TANZEINHEITEN ***/
.tanzeinheiten-spalten {
	display: block;
	width: 100%;
	height: auto;
}
.tanzeinheit {
	float: left;
	min-width: 105px;
	max-width: 20%;
	width: 100%;
}

/***** ENDE TANZEINHEITEN ***/

/***** TÄNZER/INNEN ***/
.anzahl-spalten {
	display: block;
	width: 100%;
	height: auto;
}
.taenzer-left {
	float: left;
	min-width: 200px;
	max-width: 25%;
	width: 100%;
}

.taenzer-anfrage {
	float: left;
	min-width: 210px;
	max-width: 38%;
	width: 100%;
}
/***** ENDE TÄNZER/INNEN ***/

#anmeldeperson{
	text-align: left;
	padding: 2px 2px;
	border: none;
	margin: 5px 5px 0px 5px;
	min-width: 150px;/*210px;*/
	max-width: 300px;
	width: 100%;
}

option, select{
	padding: 8px;
	font-size: 0.9em;
	color: #47226B;
	max-width: 100%
	width: 100%; 
	min-width: 30%;
	font-weight: bold;


}
.pflichtfelder{
	float:right;
	margin-right: 20px; 
}
.button{
	margin-top: 15px;
	margin-left: 20px;
	width: 200px;
}
.button:hover{
	color: white;
	background: #6E688E;
}

.input-left{
	text-align: right;
	max-width: 410px;
	float: left;
	display: block;
}

.input-right{
	text-align: right;
	max-width: 480px;
	float: right;
	display: block;
}
.getError, .js-meldung{
	font-size: 0.9em;
	color:#DF0101 ;
	font-weight: bold;
/*	font-style: italic;*/
	/*border: 1px solid #DF0101;/*#FF0080;*/
	border-radius: 5px;
	padding: 2px;
	padding: 5px;
}
.phpError {
	font-size: 1em;
	color:#DF0101 ;
	font-weight: bold;
	padding: 2%;

}
textarea{
	min-width: 175px;
	width: 100%;
	display: block;
}
/***** ANMELDUNG INFO *****/
.tabellenkopf{
	vertical-align: top;
	/*border: 1px solid rgba(234, 228, 236, 0.1);*/
	background: #D8D1DD; /* Farbe A-sehr hell */ /*Farbe B-dunkel*//*#6E688E;*/
	padding: 5% 2% 5% 2%;
	margin-bottom: 2px;
	min-width: 50%;
	width: 50%;

}
.tabellen{
	vertical-align: top;
	/*border: 1px solid rgba(234, 228, 236, 0.1);*/
	background: #D8D1DD; /* Farbe A-sehr hell */ /*Farbe B-dunkel*//*#6E688E;*/
	padding: 3% 2% 3% 2%;
	margin-bottom: 2px;
	min-width: 50%;
	width: 50%;

}