body {
   font: 120% "Lucida Sans Unicode", "Lucida Grande", sans-serif;
   line-height: 1.4;
   background-color: #ffffff;
}
#container {
  background-color: white;
  max-width: 93%;
  margin: auto 2%;
  overflow: hidden;
  -moz-box-shadow: 0 0 5px 1px #999;
  -webkit-box-shadow: 0 0 5px 1px #999;
  box-shadow: 0 0 5px 1px #999;
}

#kopf {
  padding: 1.0em 2%;
  color: #deded7;
  min-height: 30px;
  background: url(img/logo_468.jpg);
  background-repeat:no-repeat;
  background-color: #ffffff;
}
#kopf img {
  display: block;
  width: 30%;
  max-width: 10em;
}
#kopf h1 {
  font-size: 140%;
  padding-top: 0.3em;
}

#nav {
  overflow: hidden;
  width: 100%;
  margin-bottom: 1%;
  border-top: 1px solid #ddd;
  color: #3F4547;
 background: #ffffff;
}
#nav ul {
  margin-left: 2%;
}
#nav li {
  float: left;
  width: 29%;
  padding: 2%;
  max-width: 10em;
  text-align: center;
}
#nav a {
  color: #A8795E;
}
#nav a:hover, #nav a:focus, #nav a:active {
  color: #737C88;
}

#inhalt,  #zusatz {
  color: #292A2F;
  padding: 1%;
}

#inhalt ul, li {
  line-height: 25pt;
}


#inhalt h1, #zusatz h1 {
  color: #555;
  font-size: 140%;
  letter-spacing: 2px;
  margin: 1em 0 0.5em;
}
#inhalt h2, #zusatz h2 {
  color: #A8795E;
  font-size: 130%;
  letter-spacing: 2px;
  border-bottom: #6BA5BD 2px solid;
  margin: 1em 0 0.5em;
}

#inhalt h3, #zusatz h3 {
  color: #A8795E;
  font-size: 120%;
  letter-spacing: 2px;
  border-bottom: #6BA5BD 2px solid;
  margin: 2.0em 0 0.8em;
}
#inhalt h4, #zusatz h4 {
  color: #A8795E;
  font-size: 105%;
  letter-spacing: 2px;
  border-bottom: #6BA5BD 2px solid;
  margin: 1em 0 0.5em;
}

#footer {
  background-color: #737C88;
  overflow: hidden;
}
#footer li {
  float: left;
  width: 29%;
  padding: 0.7em 2%;
}
#footer a {
  color: #fff;
}

@media screen and (min-width: 580px) {
 #zusatz {
    width: 25%;
    float: left;
  }
   #inhalt {
    width: 70%;
    float: right;
  }

  #footer {
    clear: left;
  }
}
@media screen and (min-width: 960px) {
  #container {
    margin: 1% auto;
  }
  #inhalt {
    width: 70%;
     float: right;
  }
  #zusatz {
    width: 25%;
    float: left;
  }
  #footer {
    float: right;
    clear: none;
    background-color: #C7D2E0;
    padding: 1em 0;
    border: 1px solid #BAAF9C;
    border-right-width: 0;
    margin-top: 3.3em;
  }

/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
 animation: fadeEffect 1s; /* Fading effect takes 1 second */
}
}
/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

p         {
        padding-top: 0;
        margin-top: 0;
}

.keinlist   {
list-style: none;
}

.ads        {
        font-family: Helvetica;
         font-size: 11pt;
         border-top: 3px dotted;
         border-left:5px solid;
         border-color:#deded7;
         padding:0.4em;
         margin:1.4em;
         margin-bottom:2em;
         }

.ads h5  {
        font-family: Tahoma;
         font-size: 7pt;
         text-align: right;
         color:#555;
         margin-bottom: 5px;
         }
.ads2        {
        font-family: Helvetica;
         font-size: 11pt;
         background:  #f8f9f9 ;
         border: 3px dotted;
          border-color:#deded7;
         padding:0.4em;
         margin:0.4em;
         margin-bottom:2em;
         }

.ads2 h5  {
        font-family: Tahoma;
         font-size: 6pt;
         text-align: right;
         color:#555;
         }


.adsleft        {
        font-family: Helvetica;
         font-size: 11pt;
         float:left;
         border-width:2px;
         border-style:solid;
         border-color:#deded7;
         padding:0.2em;
         }

.adsleft h5  {
        font-family: Tahoma;
         font-size: 7pt;
         text-align: right;
         color:#555;
         margin-bottom: 10px;
         }


.adsright {
        font-family: Helvetica;
         font-size: 7pt;
         text-align: right;
         float:right;
         border-width:2px;
         border-style:solid;
         border-color:#deded7;
         padding:0.2em;
         }

.adsright h5  {
        font-family: Tahoma;
         font-size: 7pt;
         text-align: right;
         color:#555;
         margin-bottom: 10px;
         }

.adsright2 {
        font-family: Helvetica;
         font-size: 9pt;
         text-align: center;
         background-color: #fff9df;
         border-width:2px;
         border-style:solid;
         border-color:#deded7;
         padding:0.2em;
         }

.adsright2 h5  {
        font-family: Tahoma;
         font-size: 9pt;
         text-align: right;
         color:#555;
         margin-bottom: 10px;
         }


.block {clear:both; margin:1.0em 0 1.0em 0; padding:2px 0 2px 2px; background:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:220%;}


.textbox {
        padding: 2px 4px 2px 6px;
        margin: 0 0 10px 0;
        border: 1px dotted #B1B1B1;
        background-color: #F4F4F4;
}

.topnav {float: right; font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; padding:5px;}
.header-top {height:80px; background:rgb(200,200,200); margin:0; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.sitename {margin-left: 20px; padding: 10px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.nav3-grid {width:95%; background:rgb(240,240,240); border-bottom:solid 1px rgb(200,200,200); font: 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif; margin-top: 0; padding: 0;}
.nav3-grid dt a, .nav3-grid dt a:visited {display:block; min-height:2.0em /*Non-IE6*/; height:auto !important; height:2.0em /*IE6*/; line-height:2.0em; padding:0px 10px 0px 10px;  border-top: solid 1px rgb(200,200,200); text-decoration:none; color:rgb(70,122,167); font-weight:bold; font-size:120%;}
.nav3-grid dd a, .nav3-grid dd a:visited {display:block; min-height:1.7em /*Non-IE6*/; height:auto !important; height:1.7em /*IE6*/; line-height:1.7em; padding:0px 10px 0px 20px; border:none; font-weight:normal; text-decoration:none; color:rgb(70,122,167); font-size:120%;}
.nav3-grid dt a:hover, .nav3-grid dd a:hover {background-color:rgb(225,225,225); /*background-color:rgb(143,174,215) /*For blue background*/; color:rgb(42,90,138); text-decoration:none;}

table {clear:both; width:100%; margin:1.0em 0 0.2em 0; table-layout: fixed; border-collapse:collapse; empty-cells:show; background-color:rgb(233,232,244);}
th.top {height:3.5em; padding:0 7px 0 7px; empty-cells:show; background-color:rgb(175,175,175); text-align:left; color:rgb(255,255,255); font-weight:bold; font-size:110%;}
th.top2 {height:3.5em; padding:0 7px 0 7px; empty-cells:show; background-color:rgb(225,225,225); text-align:left; color:rgb(80,80,80); font-weight:bold; font-size:110%;}
th {height:3.0em; padding:2px 20px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(225,225,225); text-align:left; color:rgb(80,80,80); font-weight:bold; font-size:110%;}
td {height:3.0em; padding:2px 7px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(225,225,225); text-align:left; font-weight:normal; color:rgb(80,80,80); font-size:110%;}
th.topsmall {height:2.5em; padding:0 7px 0 7px; empty-cells:show; background-color:rgb(175,175,175); text-align:left; color:rgb(255,255,255); font-weight:bold; font-size:110%;}
th.small {height:2.0em; padding:2px 20px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(225,225,225); text-align:left; color:rgb(80,80,80); font-weight:bold; font-size:80%;}
td.small {height:2.0em; padding:2px 7px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(225,225,225); text-align:left; font-weight:normal; color:rgb(80,80,80); font-size:80%;}

p.caption {clear:both; margin:0.5em 0 2.0em 20px; text-align:left; color:rgb(80,80,80); font-size:110%;}
p.rechts {text-align:right; color:rgb(80,80,80); font-size:110%;}
p.pnav {text-align:left; background-color: rgb(240,240,240); font-size:110%;}

.rex {float: right;}


.textadrechts {
        float: right;
         width: 15em;
         font-size: 90%;
         background-color: #fff9df;
         padding: 0 0 0 35px;
         border-top: 3px solid #f3c600;
         border-bottom: 3px solid #f3c600;
         margin: 10px;
         }

figureleft {
    border: thin #c0c0c0 solid;
    display: flex;
    flex-flow: column;
    padding: 5px;
    max-width: 320px;
}
figureright {
    border: thin #c0c0c0 solid;
    display: flex;
    flow:right;
    flex-flow: column;
    padding: 5px;
    max-width: 320px;
}

figure.img {
    max-width: 220px;
    max-height: 150px;
}

figcaption {
    background-color: #222;
    color: #fff;
    font: italic smaller sans-serif;
    padding: 3px;
    text-align: center;
}


figure {
    border: thin #c0c0c0 solid;
    display: flex;
    flex-flow: column;
    padding: 5px;
    max-width: 320px;
    margin: auto;
   }

figure.img {
    max-width: 220px;
    max-height: 150px;
}

figcaption {
    background-color: #222;
    color: #fff;
    font: italic smaller sans-serif;
    padding: 3px;
    text-align: center;
}


dl.bildbox {
   float: right;
   text-align: center;
   background-color: white;
   padding: 0.5em;
   margin: 0 10px 10px 10px;}

dl.bildbox dd {
   font-size: 68%;
   margin: 0;
}

dl.bildboxlinks {
   float: left;
   text-align: center;
   background-color: white;
   padding: 0.5em;
   margin: 0 10px 10px 10px;}

dl.bildboxlinks dd {
   font-size: 68%;
   margin: 0;
}

dl.bildboxcenter {
   text-align: center;
   background-color: white;
   padding: 0.5em;
   margin: 0 10px 10px 10px;}

dl.bildboxcenter dd {
   font-size: 68%;
   margin: 0;
}