body {
	margin: 0;
	font-size: 12pt;
	background-color: #81F79F;
}

div.main {
	position: relative;
	padding-left: 12.5em;
	padding-right: 9em;
	margin-top: 1em;
	padding-bottom: 1em;
	/*z-index: 1; needed for MSIE? */
}

div.main a:hover {
	color: salmon;
}
div.menu {
	position: absolute;
	left: 0;
	width: 7.5em;
	padding-left: 2.0em;
	padding-bottom: 2em;
	border-right: solid 1px;
	margin-top: 1em;
	z-index: 2;  /*needed for MSIE? */
	color: #088A29 /* war: #FEA; */
}

div.menu a {
	display: block;
	text-decoration: none;
	padding-bottom: 0.2em;
	color: #088A29 /* war: #FEA; */
}

div.menu a:hover {
	color: #088A29 /* war: #FEA; */
}

div.non-link {
	padding-bottom: 0.2em;
}



div.top {
	text-align: center;
}

div.top img {
	padding: 0.5em;
	border: none;
}

div.top a {
	text-decoration: none;
}

h1 {
	display: block;
	font-family: serif;
	text-transform: uppercase;
	text-align: center;
	margin: 0;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	/* background-color: ;  alt: #4C78D5; dunklerblau */
	background-image: url("pics_on/baum_argenmuendung_2017_12_DSC_0560_1024_620.png");
	color: #F7FE2E; /* alt: blanchedalmond;*/
}

h2 {
	font-family: serif;
	text-align: center;
	margin-bottom: 0;
	margin-top: 0.5em; /* war negativ: -0.5em; */
	padding-bottom: 0.5em;
	background-color: #088A29; /* background - dunkler blau wie h1: #4C78D5 */
	color: black;
	font-weight: normal;
	}

h3 {
	font-family: "Trebuchet MS", sans-serif;
	margin-bottom: -0em;
	padding-top: 1em;
	border-top: solid silver 1px;
	font-size: medium;
	font-weight: bold;
}

p {
	margin-top: 1em;
	margin-bottom: 1.5em;
}


ul {
	margin: 0;
	padding-left: 1em;
	padding-bottom: 1em;
}

a {
  color: #000000; /* ursprünglich #CC3366; */
  hover: color: #4D4D4D;
}

a:visited {
  color: #4D4D4D;
}

/*  Hier steht css von selfhtml - positionieren  */

 main {
	position: relative;
}

nav,
nav > ul {
	width: 100%;
	margin: 0;
	padding-top: 0.5em;
	padding-left: 6em;
	padding-bottom: 0;
}

nav > ul > li {
	position: relative;
	display: inline-block;
	padding: 10px;
	background-color: #81F79F  /* ursprünglich: #FEA; dann blau: #4b8ade; */
	width: 100px;
}

nav > ul > li > ul {
	position: absolute;
	list-style-type: none;
	margin: 0;
	padding: 10px;
	background-color: #AEF;
	top: 40px;
	left: 0;
	width: 100px;
	display: none;
}

nav > ul > li:hover > ul {
	display: block;
	z-index: 1;
}

/* Bilder positionieren mit webkit flex s. selfhtml https://wiki.selfhtml.org/wiki/CSS/Anwendung_und_Praxis/Ausrichtung */

section {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
 
figure img {
  width: 100%;
}
 
.verteilt {
  -webkit-align-items:center;
  -ms-align-items:center;
  align-items:center;
  flex-wrap: wrap;
}