body,table{
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-image: url(../bilder/hgr1.gif);
	background-repeat: repeat;
	background-color: #6FC56F;
	font-size: 14px;
	color: Black;
}
.item1 {
	grid-area: headder;
	background-color: #00c563;
	padding: 6px;
	font-family: 'Roboto', sans-serif;
	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1600 - 320)));
}
.item2 {
	grid-area: left;
	background-color: #00c563;
	padding: 6px;
	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1600 - 320)));
	color: black;
}
.item3 {
	grid-area: main;
	background-color: #00c563;
	padding: 6px;
	font-family: 'Roboto', sans-serif;
	color: black;
	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1600 - 320)));
}
.item4 {
	grid-area: right;
	background-color: #00c563;
	padding: 6px;
	font-family: 'Roboto', sans-serif;
	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1600 - 320)));
	color: black;
}
.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-areas:
    'main main main main main main';
  grid-gap: 10px;
  background-color: #00049E;
  }
strong{
	color: White;
}
td{
	font-family: Century Gothic;
	font-size: 12px;
}
#main
{
	margin-left : auto;
	margin-right : auto;
	width : 1050px;
	border: 0px solid red;
	text-align : left;
	background-color : #4630E8;;
}
#oben
{
	position: absolute;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 5px;
	width: 1050px;
	height: 260px;
	border: 0px solid black;
	overflow: hidden;
	font-family: Rockwell Extra Bold;
	font-size: 12px;
	text-align: justify;
	font-weight: normal;
	background-color: transparent;
	color: Black;
}
#links {
	position: absolute;
	float: left;
	padding: 0px 0px 0px 2px;
	margin: 265px 0px 0px 0px;
	width: 200px;
	height: 2200px;
	border: 1px solid black;
	overflow: hidden;
	font-family: Century Gothic;
	font-size: 14px;
	text-align: justify;
	font-weight: normal;
	background-color: transparent;
	color: Black;
}
#linksstart {
	position: absolute;
	float: left;
	padding: 0px 0px 0px 2px;
	margin: 265px 0px 0px 0px;
	width: 200px;
	height: 1400px;
	border: 1px solid black;
	overflow: hidden;
	font-family: Century Gothic;
	font-size: 14px;
	text-align: justify;
	font-weight: normal;
	background-color: transparent;
	color: Black;
}
#mitte {
	background-color: transparent;
	background-position: top;
	background-repeat: no-repeat;
	position: absolute;
	float: left;
	padding: 0px 4px 0px 2px;
	margin: 265px 0px 0px 205px;
	width: 650px;
	height: 2800px;
	border: 0px solid yellow;
	overflow: visible;
	font-family: Century Gothic;
	font-size: 14px;
	text-align: justify;
	font-weight: bold;
	color: Black;
	z-index: 1;
}
#mittestart {
	background-color: transparent;
	background-position: top;
	background-repeat: no-repeat;
	position: absolute;
	float: left;
	padding: 0px 4px 0px 2px;
	margin: 265px 0px 0px 205px;
	width: 650px;
	height: 1400px;
	border: 0px solid yellow;
	overflow: visible;
	font-family: Century Gothic;
	font-size: 14px;
	text-align: justify;
	font-weight: bold;
	color: Black;
	z-index: 1;
}
#rechts{
	position: absolute;
	float: right;
	padding: 0px 0px 0px 0px;
	margin: 265px 0px 0px 860px;
	width: 200px;
	height: 2200px;
	border: 1px solid black;
	overflow: hidden;
	font-family: Century Gothic;
	font-size: 14px;
	text-align: justify;
	font-weight: bold;
	background-color: transparent;
	color: Black;
}
#rechtsstart{
	position: absolute;
	float: right;
	padding: 0px 0px 0px 0px;
	margin: 265px 0px 0px 860px;
	width: 200px;
	height: 1400px;
	border: 1px solid black;
	overflow: hidden;
	font-family: Century Gothic;
	font-size: 14px;
	text-align: justify;
	font-weight: bold;
	background-color: transparent;
	color: Black;
}
.stadt{
		font-family: Century Gothic;
	font-size: 12px;
	text-align: left;
}
#mitte1 {
	position: absolute;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 5px;
	width: 160px;
	border: 0px solid black;
	overflow: hidden;
	font-family: Century Gothic;
	font-size: 14px;
	text-align: justify;
	font-weight: normal;
	background-color: transparent;
	color: Silver;
}
#mitte2 {
	position: absolute;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 167px;
	width: 160px;
	border: 0px solid black;
	overflow: hidden;
	font-family: Century Gothic;
	font-size: 14px;
	text-align: justify;
	font-weight: normal;
	background-color: transparent;
	color: Silver;
}
#mitte3 {
	position: absolute;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 329px;
	width: 160px;
	border: 0px solid black;
	overflow: hidden;
	font-family: Century Gothic;
	font-size: 14px;
	text-align: justify;
	font-weight: normal;
	background-color: transparent;
	color: Silver;
}
#mitte4 {
	position: absolute;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 491px;
	width: 160px;
	border: 0px solid black;
	overflow: hidden;
	font-family: Century Gothic;
	font-size: 14px;
	text-align: justify;
	font-weight: normal;
	background-color: transparent;
	color: Silver;
}



#inhalt {
margin: 10px;
}


h1, h2, h3, h4, h5, h6, p {
	margin : 0;
	padding : 0;
}

h1 {
	color: Navy;
	padding: 0 0 8px 0;
	font-family: Century Gothic;
	font-weight: bold;
	font-size: 24px;
	text-align: center;
}
h1.oben {
	color: Navy;
	padding: 0 0 8px 0;
	font-family: Rockwell Extra Bold;
	font-weight: bold;
	font-size: 42px;
	text-align: left;
}
h2 {
	padding: 0 0 8px 0;
	font-weight: bold;
	font-size: 140%;
	color: Black;
}

h3 {
	padding: 8px 0 8px 0;
	font-weight: bold;
	font-size: 130%;
	color: Black;
}

h4 {
	padding : 0 0 4px 0;
	font-weight : bold;
	font-size : 16px;
	font-weight : bold;
	text-align : left;
	color : Silver;
}

p {
	text-align : left;
	font-size : 16px;
	font-family : Century Gothic;
	font-weight : bold;
}
p.anz{
	text-align : left;
	font-size : 12px;
	font-family : Century Gothic;
	font-weight : bold;
}
a {
	color: Navy;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}
a.linkdaten {
	color: Navy;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	display:block;
	text-align:center;
	text-decoration:none;
	padding:3px;
	background-color:#009776;
	margin:3px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
a.textlink-script {
	font-family: Arial, Helvetica, sans-serif;
	font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1600 - 320)));
	text-decoration: none;
	background-color: #008000;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	padding: 3px;
	margin: 6px;
	float: none;
	color: White;
	display: block;
}
a.news{
	color: White;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}
a.gb{
	color : #8D8EFF;
	font-family : Century Gothic;
	font-weight: bold;
	font-size : 16px;
	color : #8D8EFF;
}
a.bilder {
	color : #8D8EFF;
font-weight: bold;
	font-size : 14px;
}
#normalansicht {
display: none;
}
input{
	width: 96%;
	font-family: 'Roboto', sans-serif;
	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1600 - 320)));
	margin-bottom: 5px;
}
textarea{
	width: 80%;
	height: 250px;
	font-family: 'Roboto', sans-serif;
	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1600 - 320)));
	margin-bottom: 5px;
}