body {background-color:#CEF6D8; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif;color:#0B610B;}
table {border:0px solid #0B610B;}
td {padding:5px;}
det ul {padding-left:290px;}
a {}
a.hyper {background:#F5BCA9;
          color:black;
          font-family: "Trebuchet MS", "Century Gothic", Helvetica, Arial, sans-serif;
	        font-size: 9pt;text-decoration: none; font-weight: bold;
          padding:5px 5px;
          margin:5px 2px;
          border:1px solid green;border-radius:10px;
          box-shadow: 0px 5px 10px white inset;
    }
a.hyper:visited {background:#F5BCA9;color:black;}
a.hyper:hover{background:#0B610B;color:white;}
a.visit {background:#0B610B;color:white;
  font-family: "Trebuchet MS", "Century Gothic", Helvetica, Arial, sans-serif;
	        font-size: 9pt;text-decoration: none; font-weight: bold;
          padding:5px 5px;
          margin:5px 2px;
          border:1px solid green;border-radius:10px;
          box-shadow: 0px 5px 10px white inset;
  }
a.visit:visited {background:#0B610B;color:white;}
a.visit:hover{background:#F5BCA9;color:black;}
h1 {font-size:1em; color:#0B610B}
h2 {font-size:1.8em; color: #0B610B}
h3 {font-size:1.4em; color: #0B610B}
h4 {color: #0B610B}
hr {width:96%;margin:0px;background-color:#0B610B;}
.bildlinks {border:2px solid #0B610B;height:5em;width:8.4em;margin-bottom:3em;}
.bildmitte {border:2px solid #0B610B;height:10em;width:14em;margin-right:2em;float:left;}
.bildrechts {border:2px solid #0B610B;height:10em;width:14em;margin-left:2em;margin-right:1em;float:left;}
.bildhyper {border:2px solid #0B610B;height:10em;width:14em;margin-right:1em;float:left;}
.textmitte {float:left;font-size:1.5em;}
.textlinks {margin: 0 244px 0 0;}
.textrechts {margin:0 0 0 0;}
.te10 {margin-left:20px;font-size:0.9em;}
.rechts {
        float: right;
        margin-left: 0px;
}
#language_rechts {
    width:auto;
    text-align:right;
}
.ueber1 {font-weight:bold;}
.obenh4 {margin-top:20px;}
.schriftklein {font-size:0.8em;}
.farbetext {color:#0B610B}
.ulc {type:circle;}
.bg1 {background-color:#F6D8CE;}
.bg2 {background-color:#CECEF6;}
.bge {background-color:#F6D8CE;}
.bgd {background-color:#F5ECCE;}
.tabellelinks {margin-left:0;}
.img_kopf {width:14em;height:10em;border:2px solid #0B610B;}
#titel {background-color:#CEF6D8;padding-left:20em;}
#seite{width:1000px;}
#kopf{height: 200px;
      width:auto;
      margin: 10px;
      background-imag:url(bilder/s3.jpg);
      background-repeat:no-repeat;
}
#links{position: absolute;
      top: 200px;
      left: 0px;
      width: 0px;
      height: 300px;
  
     }
#mitte{width:auto;
       margin: 0px 0px 0px 100px;
       display:flex;
	-webkit-flex-direction: column;
	flex-direction: column;
        border:0px solid blue;
      }
#rechts {
  position: absolute;
  top: 100px;
  right: 10px;
  width: 120px;
  height: 300px;
  border:0px solid black;
}
#box1{width:auto;
      padding-top:0px;
      border:0px solid blue;
      font-size:0.8em;}
#box2{width:auto;
      padding-top: 20px;
      border:0px solid blue;
      font-size:0.8em;}
#boxclear{clear:left;}
#clearboth {clear: both;}


#button {background:#F5BCA9;
          color:black;
          font-family: "Trebuchet MS", "Century Gothic", Helvetica, Arial, sans-serif;
	        font-size: 9pt;text-decoration: none; font-weight: bold;
          padding:5px 5px;
          margin:5px 0px;
          border:1px solid green;border-radius:10px;
          box-shadow: 0px 5px 10px white inset;}
#button:hover{background:#0B610B;color:white;}
#button_active {background:#0B610B;
          color:white;
          font-family: "Trebuchet MS", "Century Gothic", Helvetica, Arial, sans-serif;
	        font-size: 9pt;text-decoration: none; font-weight: bold;
          padding:5px 5px;
          margin:5px 0px;
          border:1px solid green;border-radius:10px;
          box-shadow: 0px 5px 10px white inset;}
#button_active:hover{background:#F5BCA9;color:black;}

nav {
	width: 8em;
	height: 22em;
	padding: 0em 0em 0em 0em;
	margin:1.5em 0em 0em 1em;
	border: 0px solid black;
	background-color: #CEF6D8;
	font-size: 12pt;
}

nav ul {
	margin: 0;
	padding: 0;
	text-align: center;
}

nav li {
	list-style: none;
	position: relative;
	margin: 0 0 .2em 0;
	padding: 0;
}

nav ul ul {
	position: absolute;
	top: -0.6em;
	left: 8em;
	font: 0/0 serif;
	/* Unternavigation ausblenden */
	
	z-index: -1;
	transition: font 0.5s;
}

nav ul li:hover ul {
	font: inherit;
	z-index: auto;
	/*  Unternavigation einblenden */
}

nav a,
nav span {
	display: block;
	width: 7.4em;
	/* Breite den in li enthaltenen Elementen zuweisen */
	
	margin: 0.7em 0 0 0;
	padding: 0.4em;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid black;
	border-radius: 10px;
	box-shadow: 0px 5px 10px white inset;
	color: white;
	background-color: #0B610B;
}

nav ul ul a,
nav span {
	border-radius: 10px;
}

nav a:focus,
nav a:hover,
nav span {
	/* aktuelle Unterseite kennzeichnen */
	
	color: white;
	background-color: #0B610B;
}

li a#aktuell {
	color: white;
	background-color: gray;
}

nav span {
	/* aktuelle Unterseite kennzeichnen */
	
	background-color: maroon;
	color: gold;
}
</style>