html {
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	-ms-box-sizing: border-box; 
	box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}




body{
	text-align: center;
	margin: 0 auto;
	min-width:50%;
	max-width: 100%;
	
}

h1 { 
	font: normal 28px Arial;
	font-weight: bold;
}

h2 { 
	font: normal 20px Arial;
	font-weight: bold;
	text-align:left;
}
h3 { 
	font: normal 20px Arial;
	font-weight: bold;
	text-align:center;
}
h4 { 
	font: normal 28px Arial;
	font-weight: bold;
	text-align:center;
}
p { 
	font: normal 14px Arial;
	}


figure,
figcaption {
	margin: 0;
	padding: 0;
}

figure.einzel {
	position: relative;
	display: inline-block;
	width: 170px;
}

figcaption {
	padding: 10px;
	text-align: center;
	width:170px;
	font:normal 12px Arial;
	
}

.gesamt {
	position: relative;
	color: black;
	background: lightgray;
}

.bild {
	margin-right: 5px;
	width:170px;
	border:1px blue solid;

}

.bildlinks {
  float:left;
  padding: 3px;
  width:250px;
  border: 1px solid red;
  margin-right: 10px;
  margin-top:110px;
}



div#seite{
  width:100%;
  text-align:left; 
  margin:0px auto;
 background-color: lightgray;
  
}
/*-----------------------------------*/
div#kopf { 
	
	background-color:#990099;
	color:white;
	padding-top:0.5em;
	height:8em;
	width:auto
	}




div#menue_top{
	width:100%;
	background-color:#990099;
	font: normal 14px Arial;
	font-weight: bold;
	}

div#menue{
	float: left;
	padding-left:0.1em;
	padding-bottom:1em;
	width:100%;
	colore:black;
	background-color:#990099;
}
#menue ul { 
	list-style:none
	}		
#menue li {
   float: left;
   margin-left:0.5%;
   margin-right:0.5%;
   padding-left:0.1%;
   width:18%;
   background-color: silver;       /* Hintergrundfarbe   */
   border-top: 1px black solid;    /* Rahmen Auflistungspunkt oben */
   border-left: 25px black solid; /* Rahmen Auflistungspunkt links */
   border-bottom: 1px #990099 solid;   /* Rahmen unten  */
   border-right: 2px #990099 solid;   /* Rahmen rechts  */
   margin-top: 2px;               /* Außenabstand oben  */
   padding-top: 2px;               /* Innenabstand oben  */
   padding-bottom: 2px;            /* Innenabstand unten */
   padding-left: 20px;              /* Innenabstand links */
            
}
#menue_li a:link { color:black}
#menue_li a:visited { color:gray}
#menue_li a:focus { color:green}
#menue_li a:hover { color:red}
#menue_li a:active { color:fuchsia}




div#feld {
	
	/*margin-top:10%;*/
	margin-left:10%;
	margin-right:10%;
	width:auto;
	text-align:left;
	padding-bottom:1em;
	padding-left:1em;
	padding-right:1em;
	padding-top:5em;
	

	}
#feld hr {
	width: 95%;
	height: 3px;
	margin: 0 auto;
	color: black;
	background: lightgray;
}
/* angaben gültig in Feld 2 */
 	
div#feld2 {
	
	margin-left:12%;
	margin-right:10%;
	width:auto;
	background-color:lightgray;
	text-align:left;
	padding-top:2em;
	padding-left:1em;
	padding-bottom:3em;
	color: black;
	}
	
#feld2 hr {
	width: 95%;
	height: 3px;
	margin: 0 auto;
	margin-top:2em;
	color: red;
	background: black;
}

#feld2 ul {
	font: bold 16px Arial;
	list-style-type:none;
	
	
}
	
 #feld2 li {
	font: normal 14px Arial;
	list-style-type:none;
	
	
}
		
	
 
/*Angaben gültig in Feld 3 */	


	
div#feld3 {
	margin-top: 10%;
	margin-left:1em%;
	margin-right:1em;
	width:auto;
	height:10em;
	background-color:gray;
	text-align:left;
	padding-left:1em;
	padding-bottom:2em;
	padding-right:2em;
	color: black;
		
	}		


section{
	
	width:10%;
	height:100%; 
	float:left;
	/*border-right:1px solid black;*/
	margin-left:1%;
	padding-top:5em;

}

section ul {
	
	padding-left:0.5em;
}

aside{
	
	width:30%;

	float:right;
	border-left:1px solid black;
	margin-right:1%;
	padding-left:1em;
	
}
	
/*-----------------------------------*/
div#fuss {
  width:100%;
  clear:both;
  margin-top:1em;
  background-color:#990099;
  padding:1em;
  color:white;	
  }
#fuss a:link {color:white}
#fuss a:visited { color:gray}
#fuss a:focus { color:green}
#fuss a:hover { color:red}
#fuss a:active { color:fuchsia}

#fusscon {
	width:100%;
	background:#990099;
	display:-webkit-flex;
	display:flex;
	flex-wrap: wrap;
	
}

#fussbox1 {
	
	-webkit-flex:1;
	flex:1;
	padding-right:1em;
	text-align:center;
}

#fussbox2 {

	-webkit-flex:1;
	flex:1;
	border-left:1px solid black;
	border-right:1px solid black;
	padding-left:1em;
	text-align:center;
}

#fussbox3 {
	
	-webkit-flex:1;
	flex:1;
	padding-left:1em;
	text-align:center;
}