html, body {
	height:100%;
	margin:0pt;
	padding:0pt;
	overflow:auto;
	background: url(../pic/Hinter.jpg);
	background-size: 100% 100%;
	background-repeat:no-repeat;
	background-color: darkblue;
	color: white;
	font-family: sans-serif;
	font-size:14pt;
}

header{
	margin-top:20pt;
	margin-left: auto;
	margin-right: auto;
	width:80%;
	display: flex;
	justify-content: center;
	background-color: rgb(0,0,255);
	border-style: outset;
	border-width: 5tp;
	border-color: white;
	border-radius: 10pt;
	padding:10pt;
}

img{
	margin-top: 5pt;
	margin-bottom: 5pt;
	margin-left: 10pt;
	margin-right: 10pt;
	width: 20%;
	border-style: outset;
	border-width: 2pt;
	border-color: white;
	border-radius: 5pt;
	/*background-color:rgb(0,0,255);*/
	background-color:rgb(134,121,121);
}

img.rechts{
	float:right;
}

img.links{
	float:left;
}

img.mitte{
	float:wrap;
}

img.kopf{
	border:none;
	width: 80%
}

img.haupt{
	float:right;
	width:30%;
}

figure.links{
	width:20%;
	float:left;
	display:flex;
	flex-direction:column;
	margin-left:0pt;
	margin-bottom:0pt;
	margin-top:0pt;
	margin-right:15pt;
	padding:5pt;
}

figure.rechts{
	width:20%;
	float:right;
	display:flex;
	flex-direction:column;
	margin-left:15pt;
	margin-bottom:0pt;
	margin-top:0pt;
	margin-right:15pt;
	padding:5pt;
}

figure.mitte{
	width:20%;
	display:flex;
	flex-direction:column;
	margin-bottom:0pt;
	margin-top:0pt;
	margin-right:auto;
	margin-left:auto;
	padding:5pt;
}

figcaption{
	width:100%;
	text-align:center;
	font-size:10pt;
	font-style:italic;
	font-weight:bold;
}

img.figu{
	margin:0pt;
	width:100%;
}

footer{
	width: 80%;
	/*background-color: rgb(0,0,255, 0.5);
	border-style: outset;
	border-width: 5tp;
	border-color: white;
	border-radius: 10pt;*/
	margin-top: 10pt;
	margin-left: auto;
	margin-right: auto;
	padding:10pt;
	display: flex;
	justify-content: center;
}

div{
	width: 80%;
	background-color: rgb(0,0,255, 0.5);
	border-style: outset;
	border-width: 5tp;
	border-color: white;
	border-radius: 10pt;
	margin-top: 10pt;
	margin-left: auto;
	margin-right: auto;
	padding:10pt;
	/*text-align:justify;*/
	overflow: auto;
}

div.navigator{
	width:80%;
	display:flex;
	justify-content:center;
	border:none;
	/*flex-direction:row;*/
	flex-wrap:wrap;
	background-color:rgb(0,0,255, 0);
	margin-top:5pt;
	padding:5pt;
}

div.behaelter{
	width:80%;
	display:flex;
	justify-content:left;
	/*flex-direction:row;*/
	flex-wrap:wrap;
	background-color:rgb(0,0,255, 0);
}

div.weiter{
	background-color:rbg(0,0,255,0.5);
	width:80%;
	min-width:200pt;
}

div.zeile{
		border:none;
		display:flex;
		flex-direction:colum;
}

div.kasten{
		width:auto;
		border:none;
		background-color:rgb(0,0,255, 0);
}

nav{
	width: 80%;
	background-color: rgb(0,0,255,0);
	/*border-style: outset;
	border-width: 3pt;
	border-color: white;
	border-radius: 10pt;*/
	margin-top: 5pt;
	margin-left: auto;
	margin-right: auto;
	padding:10pt;
	display: flex;
	justify-content: center;
}

a.nav{
	width:13em;
	color:  white;
	background-color: rgb(0,0,255, 1);
	border-style: outset;
	border-width: 2pt;
	border-color: white;
	border-radius: 5pt;
	padding: 3pt;
	margin: 3pt;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	font-size:12pt;
	box-shadow: 3pt 3pt rgb(134,121,121);
	}
	
a.weiter{
	color: white;
	text-decoration:none;
}

a:hover{
	font-weight:bolder;
}

h1{}

h2{}

p{
	padding-top:3pt;
}