/*//////////////////////////////////////////////
//// FARBEN
////////////////////////////////////////////////
#97bf0c = grün
#ee7f00 = orange
#BFBFBF = grau
#ECE400 = gelb
#f7f9ef = reinweiß
#EEECE1 = Flyer Back
#FF4500 = Orange Rot (Wichtig)
*/


/*///////////////////////////////////////////////////
//// Spalten FORMATTING
///////////////////////////////////////////////////*/
body {
	display: grid;
	gap: 0.5em;
}

@media screen and (min-width: 990px) {

	body {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto auto auto auto 1fr;
	}
}

header,
important,
fullscr,
footer {
	grid-column: 1 / -1;
}

header {
	display: grid;
}

important {
  background: #FF4500;
}
main {
    margin-left: 20px;
    margin-top: 20px;
}
main img {
  width: auto !important;
  height: auto !important;
  max-width: 100%;
  max-height: 100%;
}

aside {
    margin-left: 20px;
    margin-top: 20px;
}
aside img {
  width: auto !important;
  height: auto !important;
  max-width: 100%;
  max-height: 100%;
}
fullscr {
    padding: 15px;
	background: #EEECE1;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
}
fullscr img {
  width: auto !important;
  height: auto !important;
  max-width: 100%;
  max-height: 100px;
}

footer {
    padding: 15px;
	background: #97bf0c;
	border-color: #8a9da8;
}

body {
	margin: 0 auto;
	max-width: 100em;
	background: #f7f9ef;
	font-family: 'Arial', sans-serif;
	color: #000000;
}


/*///////////////////////////////////////////////////
//// Orginal FORMATTING
///////////////////////////////////////////////////*/
.Auswahl {
	background-color: #EEECE1;
}


/*///////////////////////////////////////////////////
//// NAV FORMATTING
///////////////////////////////////////////////////*/
#navi {
	font-family: Arial;
	width: 100%;
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
	background: #ffffff;
	color: #ffffff;
	height: 32px;
	padding: 5px 0 5px 230px;
	}
.importtext {
	font-family: Arial;
	font-size: 18px;
    color: #ffffff;
    text-align: center;
}
.navitext {
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	background: #97bf0c;
	color: #ffffff;
	max-height: 60px;
	}
@media screen and (max-width: 1024px) {
.navitext {
  font-size: 23px;
  }
.importtext {
  font-size: 23px;
  }
}
.naviueber  {
	font-family: Tahoma;
	color : #ffffff;
	font-size: 22px;
	font-weight: bold;
	text-decoration : none;
}
.naviueber a:link  {
	font-family: Tahoma;
	color : #ffffff;
	font-size: 22px;
	font-weight: bold;
	text-decoration : none;
}
.naviueber a:visited  {
	font-family: Tahoma;
	color : #ffffff;
	font-size: 22px;
	font-weight: bold;
	text-decoration : none;
}
.naviueber a:hover  {
	font-family: Tahoma;
	color : #ee7f00;
	font-size: 22px;
	font-weight: bold;
	text-decoration : none;
}

/*//////////////////////////////////////////////
//// MAIN FORMATTING
//////////////////////////////////////////////*/
.mainueber {
	font-family: Tahoma;
	color : #000000;
	font-size: 30px;
	text-decoration : none;
}
.mainueber a:link {
	background: #97bf0c;
	color : #ffffff;
	font-size: 30px;
	text-decoration : none;
}
.mainueber a:visited {
	background: #97bf0c;
	color : #ffffff;
	font-size: 30px;
	text-decoration : none;
}
.mainueber a:active {
	background: #97bf0c;
	color : #ffffff;
	font-size: 30px;
	text-decoration : none;
}
.mainueber a:hover {
	background: #ee7f00;
	color : #ffffff;
	font-size: 30px;
	text-decoration : none;
}

.maintitel {
	font-family: Tahoma;
	color : #000000;
	font-size: 24px;
	text-decoration : none;
}
.maintitel a:link {
	background: #97bf0c;
	color : #ffffff;
	font-size: 24px;
	text-decoration : none;
}
.maintitel a:visited {
	background: #97bf0c;
	color : #ffffff;
	font-size: 24px;
	text-decoration : none;
}
.maintitel a:active {
	background: #97bf0c;
	color : #ffffff;
	font-size: 24px;
	text-decoration : none;
}
.maintitel a:hover {
	background: #ee7f00;
	color : #ffffff;
	font-size: 24px;
	text-decoration : none;
}

.mainhome {
	font-family: Tahoma;
	color : #000000;
	font-size: 20px;
	text-decoration : none;
}
.mainhome a:link {
	background: #97bf0c;
	color : #ffffff;
	font-size: 20px;
	text-decoration : none;
}
.mainhome a:visited {
	background: #97bf0c;
	color : #ffffff;
	font-size: 20px;
	text-decoration : none;
}
.mainhome a:active {
	background: #97bf0c;
	color : #ffffff;
	font-size: 20px;
	text-decoration : none;
}
.mainhome a:hover {
	background: #ee7f00;
	color : #ffffff;
	font-size: 20px;
	text-decoration : none;
}
.maintext {
	font-family: Tahoma;
	color : #000000;
	font-size: 16px;
	font-weight: normal;
	text-decoration : none;
}
.maintext a:link {
	background: #97bf0c;
	color : #ffffff;
	font-size: 16px;
	font-weight: normal;
	text-decoration : none;
}
.maintext a:visited {
	background: #97bf0c;
	color : #ffffff;
	font-size: 16px;
	font-weight: normal;
	text-decoration : none;
}
.maintext a:active {
	background: #97bf0c;
	color : #ffffff;
	font-size: 16px;
	font-weight: normal;
	text-decoration : none;
}
.maintext a:hover {
	background: #ee7f00;
	color : #ffffff;
	font-size: 16px;
	font-weight: normal;
	text-decoration : none;
}
.mainsite {
	font-family: Tahoma;
	color : #000000;
	font-size: 20px;
	text-decoration : none;
}
.mainsite a:link {
	text-decoration : none;
	color : #000000;
}
.mainsite a:visited {
	text-decoration : none;
	color : #000000;
}
.mainsite a:active {
	text-decoration : none;
	color : #000000;
}
.mainsite a:hover {
	text-decoration : none;
	color : #000000;
}

/*//////////////////////////////////////////////
//// FOOTERBAR FORMATTING
//////////////////////////////////////////////*/
.footertext  {
	color : #fff;
	font-size: 16px;
	text-decoration : none;
}
.footertext a:link  {
	color : #fff;
	font-size: 16px;
	text-decoration : none;
}
.footertext a:visited  {
	color : #fff;
	font-size: 16px;
	text-decoration : none;
}
.footertext a:active  {
	color : #fff;
	font-size: 16px;
	text-decoration : none;
}
.footertext a:hover  {
	color : #fff;
	font-size: 16px;
	text-decoration : none;
}
.copyinfo {
	text-align: center;
	font-size: 11px;
	margin-top: 5px;
	color: #ffffff;
}
.copyinfo a {
	text-decoration : none;
}

@media screen and (max-width: 1024px) {
.footertext {
  font-size: 20px;
  }
}

/*//////////////////////////////////////////////
//// Formular FORMATTING
//////////////////////////////////////////////*/
 form
   { padding:20px; border:6px solid #DDDDDD; }
 input, select, textarea
   { font-size:23px; font-family:Arial,sans-serif; font-weight:bold; }
 input, select, textarea
   { color:#000000; }
 .Bereich, .Feld
   { background-color:#FFFFAA; width:300px; border:6px solid #DDDDDD; }
 .Auswahl
   { background-color:#DDFFFF; width:300px; border:6px solid #DDDDDD; }
 .Check, .Radio
   { background-color:#DDFFFF; border:1px solid #DDDDDD; }
 .Button
   { background-color:#AAAAAA; color:#FFFFFF; width:200px; border:6px solid #DDDDDD; }