body {
 background: white ; 
 color: black;
 margin: 0 auto;
 padding: 1em; 
 min-width: 100px; 
 font-size: 100%; 
 font-family: verdana, arial, sans-serif ;
 border-top: 30px solid #003366;
 border-bottom: 30px solid #003366;
}
a { color: #003366 ; text-decoration: underline; } 
.skip { 
 position: absolute;
 margin-left: -10000px;
}
h1, h2, h3, h4, h5, h6 { 
/* color: #c3340f; */
 color: #7d2622ff;
 font-family: Georgia, "Times New Roman", Times, serif;
}
img { 
 border: solid 2px #aaa;
 padding: 2px;
 max-width: 95%; 
}
.fleft { 
 float: left;
 margin: 0 1em 0.2em 0; 
 padding: 1px;
}
.fright {
 float: right;
 margin: 0 0 0.2em 1em;
 padding: 1px;
}

#container { 
 background-repeat: repeat;
 background-position: left top; 
 background-size: 240px 757px;
 font-size: 0.9em; 
 margin: auto; 
 border: 5px solid #003366;
}

#top { 
background: white;
border:0px solid #003366;
border-bottom:20px solid #003366;
}
#logo {
min-width: 80%;
margin: auto;
}

#logo img {
/*margin-right:auto;
margin-left:auto;*/
max-width: 90%;
display: block;
margin: auto;
border: solid 0px #aaa;
}

#subnav {
 width: 215px; 
 background: white;
 float: left; 
 padding: 0% 0% 0% 0%; 
 margin: 8% 1% 1% 1%;
 border: 2px dotted #aaa;
}
#subnav h3,#subnav h2 { 
text-align: center;
 padding: 0.7em;
 margin-top: 4em;
 /*border-top: 3px dotted #aaa;*/ 
}
#subnav.RAD dt { 
 font-family: sans-serif;
 color: white;
 font-size: 1.5em;
 background: #003366;
 padding: 5px;
 margin: 3px;
 border:2px solid;
 border-color:#f3f3f3 #bbb #bbb #f3f3f3;
}

#subnav.RAD dt.here {
border: 2px solid;
border-color: black;
color: black;
background: white;
}
#subnav.RAD dt:hover {
background: red;
}
#subnav.RAD a {
text-decoration: none;
color: white;
}
#subnav.RAD a.ancun:hover{
text-decoration: underline;
}
#subnav.RAD dt.here a.ancun:hover{
text-decoration: underline;
}
#subnav.RAD a:visited { color: white; } 
#subnav.RAD .here a {
text-decoration: none;
color: black;
}
#subnav.RAD .here a:visited { color: black; } 

#subnav.RAD dd { /* Die Unterpunkte der Subnavigation. */
 font-family: sans-serif;
 padding: 0;
 margin: 0.2em 2em;
}
#subnav dt { /* Die Unterpunkte der Subnavigation. */
 color: #6699CC;
 padding: 0;
 font-size: 1em;
}
#subnav dd { /* Die Unterpunkte der Subnavigation. */
 padding: 0;
 margin: 0.2em 2em;
}

#main {
 background: white; 
 padding: 0 2% 2% 2%; 
 line-height: 1.5em; 
 margin: 0 0 0 0px;
 /* min-height: 800px; */
}
#main h1 {
 padding: 20px 30px 15px 5%;
 margin: 0;
 border-bottom: 3px dotted #aaa;
 text-align: center;
 font-size: 3em;
 line-height: 1em;
}
#title {
 padding: 20px 0px 15px ; 
 margin: 0;
 text-align: center;
}
#title h2 {
padding: 20px 30px 15px 5%;
 margin: 0;
 text-align: center;
 font-size: 3em;
 line-height: 1em;
}
#title h3 {
 font-size: 1.5em;
 line-height: 0.1em;
}
#title h1 {
 font-size: 3em;
 line-height: 1em;
}

/* Popup container - can be anything you want */
.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* The actual popup */
.popup .popuptext {
  visibility: hidden;
/*  width: 160px; */
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -80px;
}

/* Popup arrow */
.popup .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}