body {
		background-color: #ffffff;
}
p { /*Blocksatz mit Silbentrennung*/
	color: black;
	font-family: arial;helvetica;sans-serif;
	font-size: 1.3em;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
	-o-hyphens: auto;
	/*max-width: 25em;*/
	padding-right: 0.75%;
	text-align: justify;
}
h1 {
	color: #dd0428;
	font-size: 2.5em;
	text-align: center;
	font-family: arial;sans-serif;
	}
h2 {
	color: #f49500;
	font-size: 2.0em;
	text-align: center;
	font-family: arial;sans-serif;
	}

h3 {
	color: #71b18a;
	font-size: 1.75em;
	text-align: center;
	font-family: arial;sans-serif;
	}

.mittig {
				text-align: center;
}
.pflicht { /*Kennzeichen für Pflichtfelder*/
			color: #dd0428;
			}
ul {
		color: black;
		font-family: arial;sans-serif;
		font-size: 1.2em;
}
.ergebnis		{
					color: black;
					font-family: arial;helvetica;sans-serif;
					font-size: 1.5em;
					-ms-hyphens: auto;
					-webkit-hyphens: auto;
					hyphens: auto;
					-o-hyphens: auto;
					/*max-width: 25em;*/
					padding-right: 0.75%;
					text-align: justify;
}

/*Hier wird das Layout der Ablauftabelle bestimmt über class .blabla*/
/*Zunächst zentriere ich ein div*/
.ablauftabelle  {
  background-color: white;
  width: 85%;
  padding-left: 6%;
  padding-right: 24%;
  position: relative;
  left: 1%;
  right: 1%;
  top: auto
  transform: translate(-50%, -50%);
}
/*Innerhalb des div wird eine Tabelle eingebracht ohne Kopfzeilen*/
/*border-collapse: collapse; sorgt für einen einlinigen Rahmen um die Zellen*/
.vollebreite {
				table-layout: auto;
				width: 99%;
				border: 0.02em solid;
				border-collapse: collapse;
}
/*Hier definiere ich die Schriftgröße für den Ablaufplan*/
.ablaufschrift {
					font-size: 1.4em;
					font-family: arial;helvetica;sans-serif;
}
/*Die Definition des Randes einzelner Zellen sowie des Abstandes des Textes
 vom Zellenrand*/
.ablaufzellenrand {
						border: 0.01em solid;
						padding-left: 0.5em;
						padding-top: 0.5em;
						padding-bottom: 0.5em;
						border-collapse: collapse;
}
/*Die Definition des Randes einzelner Zellen sowie des Abstandes des Textes
 vom Zellenrand, hier eine Einrückung für die Workshops*/
.ablaufzellenrandw {
						border: 0.01em solid;
						padding-left: 2em;
						padding-top: 0.5em;
						padding-bottom: 0.5em;
						border-collapse: collapse;
						font-size: 1.4em;
						font-family: arial;helvetica;sans-serif;
}

/*Hier befinden sich Formatierungen des Anmeldebereichs*/
/*Der Bereich der Anmeldung, allgemein*/
.div-anm {
				background-color: #e6e7e9;
				letter-spacing: 0.10em;		/*etwas größerer Abstand der Buchstaben im Anmeldebereich*/
				line-height: 200%;}
.div-anm-headline {
				background-color: #e6e7e9;
				}


/*Der Bereich der Anmeldung, Eingabefelder*/

.eingabe-a {
				font-size: 1.1em;
				background-color: #FBFBEF;
				border-radius: 0.5em;
				border-color: #dd0428;
				border-style: solid;
				border-width: 0.08em;
			}
.eingabe-a:focus {
							background-color: #F2F5A9;
							border-width: 0.1em;
							}

/*Hier wird das Layout der Anmeldetabelle bestimmt*/

.tab-anmeldung {
						table-layout: fixed;
						width: 85%;
}
.tab-anmeldung-links {
							table-layout: fixed;
							width: 30%;
}

/*Besondere Formatierung als id für den Hinweis auf Aktualisierungen
 wegen der Covid-19-Krise*/
#anmld-var1 {
					font-size:1.3em;
					color: #dd0428;
					text-align:center;
}


/*Der Bereich der Kosten*/
/*Bestimmung Layout Kostentabelle*/
.tab-kosten {
						table-layout: fixed;
						width: 85%;
}
.tab-kosten-links {
							table-layout: fixed;
							width: 60%;
							border-spacing: 0;
							height: 50%;
}

#linkskosten {
					float: left;
					width: 80%;
					background-color: white;
  }
  
#rechtskosten {
						float: right;
						width: 19%;
						background-color: white;						
}

#kosten {
						width: 85%;
						font: sans-serif;
						font-size: 1.3em;
						font-family: arial;helvetica;sans-serif;	
}




/*##############################################*/
/*Anreise Anfahrt*/
/*Die benutzten Listen sollen einen deutlichen Abstand von rechter und linker Seite haben.*/
.anreise {
			margin-left: 16%;
			margin-right: 17%;
			font-size: 0.9em;
}

/*################################*/
/*Bildergestaltung*/
.bild {
			width: 100%;
			height: auto;
}
.erstebilder {
			display: block;
			margin-left: auto;
			margin-right: auto;
			max-width: 75%;
			height: auto;
}
.centerhauptbild {
											display: block;
  											margin-left: auto;
  											margin-right: auto;
  											width: 20%;
}
#centerhauptbild-doppel {
											display: block;
  											margin-left: auto;
  											margin-right: auto;
  											width: 40%;
}
#centerablauf {
											display: block;
  											margin-left: auto;
  											margin-right: auto;
  											width: 90%;
}
.logo {
			width: 100%;
			height: auto;
}
/*####################################################################*/
/*NAV-Bereich*//*Die folgenden class beziehen sich auf den nav-Bereich*/
/*Die folgende class ed-hinweiss wird sehr wahrscheinlich nicht gebraucht*/
.ed-hinweis {
					background-color: magenta;
					color: yellow;
				}
.keinrahmenrechts {
												border-right: 0;
											}
.zentriertesmenue {
												text-align: center
											}

/* Ansatz, um einen Button zu gestalten. Das geht aber wohl nicht mit dem HTML-form action*/
.button-1 {
												width: 8.5%;
												}
.button-anmeldung {
												width: 9.9%;
												}
nav {
			background-color: #f5f5f5;
			margin: 0;
			}
nav ul {
				margin-top: : 1px;
				margin-left: 0;
				padding-left: 0;
				}
nav li {
				list-style-type: none;
				display: inline-block;
				width: 250px;
				background-color: #f5f5f5;
				font-size: 1.5em;
				font-family: arial; helvetica; sans-serif;
				border-right: 2px solid #dd0428;
				height: 74px;
				line-height: 74px;
				text-align: center;
				}
nav a {
				color: black;
				text-decoration: none;
				}
nav a:hover {
								text-decoration: underline;
								color: #dd0428;
								/*text-transform: uppercase;*/
								/*background-color: #dd0428;*/
								}



/*HEADER-Bereich*/

header {
			background-color: #e6e7e9 /*71b18a, aaff00*/;
			/*background-image: url(images/logo1.png);*/
			height: auto;
}
header p {
				font-family: arial; sans-serif;
				text-align: center;
				color: black;
				font-size: 3em; /*für Zwischentext 1.5em*/
				padding: 0.2em;

}
.headerstelle1 {
									float: left;
									width: 117px;
									}
#headerrot {
				color:#dd0428;
			}
.headerrot {
				color: #dd0428;
}
.headermag {
					color: magenta;
}
#rotfett {
				color:#dd0428;
				font-weight: bold;
			}





/*#################################################################*/
/*verschiedene div*/
/*buttons*/
/*button zum anfang und anmeldung sowie zum Gestalten von Abstand als nicht sichtbarem Button mit hover als Link*/

.btn-anm {
				background-color: #fae2e6/*f5f5f5*/;
								font-family: arial, sans-serif;
								font-size: 1.2em;
								text-decoration: none;
								border-color: #dd0428;
								border-style: solid;
								border-width: 0.08em;
								border-radius: 0.5em;
								display: inline-block;
								text-align: center;
								margin: 2px 0;
								padding: 0.34em 0.66em;
								cursor: pointer;
				}
.btn-anm:hover {
						background-color: #fae2e6;
						color: blue;/*#dd0428;*/
						}
.btn-norm {
				background-color: #f5f5f5;
								font-family: arial, sans-serif;
								font-size: 1.2em;
								text-decoration: none;
								border-color: #dd0428;
								border-style: solid;
								border-width: 0.08em;
								border-radius: 0.5em;
								display: inline-block;
								text-align: center;
								margin: 2px 0;
								padding: 0.34em 0.66em;
								cursor: pointer;
				}
.btn-norm:hover {
						background-color: #f5f5f5;
						color :#dd0428;
						}

/*Ein nicht sichtbarer Button, der Abstand zwischen zwei sichtbaren Buttons herstellt.*/
.btn-abstd {
				background-color: #ffffff;
				color: #ffffff;
								font-family: arial, sans-serif;
								font-size: 1.2em;
								text-decoration: none;
								border-color: #ffffff;
								border-style: solid;
								border-width: 0.08em;
								border-radius: 0.5em;
								display: inline-block;
								text-align: center;
								margin: 2px 0;
								padding: 0.34em 0.66em;
				}

/*Ein nicht sichtbarer Button wie drüber stehend, angepasst an die Hintergrundfarbe
des Anmeldebereichs*/
.btn-abstd-anmeldg {
				background-color: #e6e7e9;
				color: #e6e7e9;
								font-family: arial, sans-serif;
								font-size: 1.2em;
								text-decoration: none;
								border-color: #e6e7e9;
								border-style: solid;
								border-width: 0.08em;
								border-radius: 0.5em;
								display: inline-block;
								text-align: center;
								margin: 2px 0;
								padding: 0.34em 0.66em;
}



/*##################################################################*/
/*Linien*/

.hr-norm { color: #dd0428;}
.hr-klein {border: 0px; background-color: #dd0428; height: 0.05em;}

/*##################################################################*/
/*Footer-Bereich*/

footer {
			background-color: #a0a0a0;
			color:#dd0428;
}

footer h4 {
				color: #dd0428;
				font-family: arial;helvetica;sans-serif;
				font-size: 1em;
				padding-left: 0.2em;
}

footer p {
				/*Blocksatz mit Silbentrennung*/
				color: #dd0428;
				font-family: arial;helvetica;sans-serif;
				font-size: 0.85em;
				-ms-hyphens: auto;
				-webkit-hyphens: auto;
				hyphens: auto;
				-o-hyphens: auto;
				/*max-width: 25em;*/
				padding-left: 0.2em;
				padding-right: 0.75%;
				text-align: justify;
}
footer table  {
					table-layout: auto;
					border-collapse: collapse;
					width: 85%;
					padding-left: auto;
					padding-right: auto;
					position: relative;
					left: 1%;
					right: 1%;
					top: auto
					transform: translate(-50%, -50%);
}

footer td {
				border-right-color:#dd0428;
				border-top: none;
				border-left: none;
				border-bottom: none;
				border: 0.02em solid;
				border-collapse: collapse;
}