html { 
  box-sizing: border-box; 
} 
*, ::before, ::after { 
  box-sizing: inherit; 
}
* {
	padding: 10px; margin:5px;
}
/*global-------------------------------------------------*/
body {
  margin: 0 auto;
  min-width: 16em;
  max-width: 80em;
  background-image: url(back1.jpg);
}
nav span,
nav a {
	display: block;
    width: 8em;
    text-decoration: none; 
    font-weight: bold;
    color: gold; 
    background-color: royalblue;
    margin: 0; border: 0; padding: 0;
}
nav span {
    background-color: skyblue;
}
nav a:focus,
nav a:hover,
nav a:active {    
    color: royalblue; 
    background-color: gold;
  }
  
/* h1 for title e.g. WWG - Lantschern */
h1 {
	font-weight: normal;
	font-style: normal;
	font-size: 3em;
	color: #000066;
	text-align: center;
	/*max-width: 35em;*/
	}
/* h2 for page header e.g.  Befunde */
h2 {
	/*font-family: Verdana, Arial, Helvetica;*/
	font-weight: normal;
	font-style: normal;
	font-size: 2em;
	color: #000066;
	background-color: skyblue;
	text-align: center;
	max-width: 35em;
	border: 2px solid #3481cd;
    margin: 1; border: 1; padding: 0;
	}
table,
th,
td {
	border: thin solid;
}

.mycenter {
	text-align: center;
	}
.neuigkeiten { 
      border: 2px dashed green; 
}
.neuigkeit-aktuell { 
      border: 2px dashed red; 
}
/*
.neuigkeiten:first-child { border: 3px solid blue;
}*/

/*header-------------------------------------------------*/
header{
	/*border: 2px solid #3481cd;*/
  background-image: url(bild2a.jpg);
}
/*navigation in header*/
header nav{
	font-size: 1em;
	/*background: skyblue;*/
    margin: 0; border: 0; padding: 0;
}
header nav ul{
	display: flex; 
	/*justify-content: space-around;*/
	flex-direction: row;
	flex-wrap: wrap;
    text-align: center;
    margin: 0; border: 0; padding: 0;
}
header nav li {
    list-style: none; 
	display: inline-block;
    margin: 1; border: 0; padding: 0; 
    /*background-color: #eee;*/
}




	
/*-------------------------------------------------*/
main {
	display: block;
	/*border: 2px solid hotpink;*/
	display: flex;
	flex-flow: row wrap;
}
/*navigation left hand*/
main nav{
	font-size: 1em;
	/*background: skyblue;*/
    margin: 0; border: 0; padding: 0;
}
main nav ul{
    text-align: center;
    margin: 0; border: 0; padding: 0; 
}
main nav li {
    list-style: none; 
    margin: 1; border: 0; padding: 0;
}
	
main article{
	/*border: 2px solid purple; */
	/*background: skyblue; */
	flex: 3 1 0%;
}
main section{
	  border: 2px solid slateblue;
}
main aside{
	border: 2px solid tomato;
	flex: 1 1 0%;
}

/*-------------------------------------------------*/
footer{
	/*border: 2px solid seagreen;*/
	/*min-height: 5em; */
	/*background: lightblue;*/
	background-image: url(bild1.jpg);
	font-size: 0.8em;
}