.floatstop {clear:both}

h1, h2, h3, h4, h5, h6 {display: block; font-weight: bolder;}
h1 {    font-size: 2em;}
h2 {    font-size: 1.5em;}
h3 {    font-size: 1.17em;}
h4 {    font-size: 1em;}
h5 {    font-size: .83em;}
h6 { font-size:1.8em;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     color: #FF0000; /*rot*/
     text-align:center; /*h6 nur für Sondereinblendungen (Feiertage...)*/
     }
body    {background-color: #C0C0C0;} /*grau*/

#main { margin: 3% 10% 3% 10%;
      color: black;
      width:80%;
      background-image:url(../bilder/grund.jpg);
      }


#kopf {  width: 100%;
         text-align: right;
         color: black;
         background-color:#FFF8DC; /*beige*/
         padding: 0.7% 0 0.3% 0;
         border-bottom: 1px solid #8c8c8c;
         }

#k1      {float:left;
          padding: 2% 0 0 0;
          width: 15%;
          }
#logo {width: 80%;
         padding:0 0 0 0;}

#k2 {margin-left:20%;
     width:75%;
     height: 20%;
     left: 22%;
   }
h1 {font-family: Verdana, Arial, Helvetica, sans-serif;
     color: #BF0000; /*dunkelrot*/
     font-size:2.1em;
     text-align:center;
       }
#navi  {padding:0 2% 0 0;}

#ham img {width:7%;
         margin-bottom:0;
                }
#ham ul li {display:block;
         text-align:center;
         font-size:1.3em;
         padding-bottom:1%;
         margin-left:-10%;}
#ham {display:none;}



#kopf ul {
         margin-bottom: 0;
         }
#kopf li {
         display: inline;
         list-style-type: none;
         margin: 0 ;
         }

#kopf a  {color: black;
         background-color: #EFDFB6;
         font-weight: normal;
         padding: 0.5% 1% ;
         border: 1px solid #8c8c8c;
         }
#kopf a:hover, #kopf a:focus {
         color: black;
         background-color: white;
         font-weight: normal;
         border-bottom-color: white /* Rahmenlinie weiss */
         }
#kopf a:active {
         color: black;
         background-color: white;
         }

#kopf a { text-decoration: none; outline: none;}
#kopf a:link, #kopf a:visited { color:black; }

#motto   {margin: 5% 5%;
         width: 90%;}

#Sonderanzeige {
         Padding: 0% 0% 0 0%;
         width: 90%;
         margin: 0% 0% 0% 3%;
         border: solid 0.1px;
         border-color:white;
         text-align: center;
         font-size: 1.3em;}
#Weihnachtsbaum1{ float: left;
         Padding: 0% 0% 0 0%;
         width: 15%;
         margin: 0% 0% 0% 0%;
         text-align: right;
         font-size: 1.3em;}


h2 {font-family: Times new roman, serif;
          color: #4F4F4F;
          font-size:1.2em;
          font-style: italic;
          letter-spacing:0.3em;
          text-align: center;}

#spalte1 {float:left;
         padding:4% 1% 0 1%;
         width: 18%;
         margin: 0 0 0 1.5%;
         border: dotted 3px;
         border-color: #BDB76B;
         background-color:#F5F5DC;}

#spalte2 { float:left;
         padding:0;
         margin: 0 2% 0 1.5%;
         width: 51%;
         background-color: white;}

#titelbild {width: 100%;
            padding: 0;
            border-style:solid;
            border-width:7px;
            border-color: olive olive #f0e68c #f0e68c;}

#spalte3 { float:left;
         padding:4% 1% 0 1%;
         width: 18%;
         margin:0 1% 0 1% ;
         border: dotted 3px;
         border-color: #F5F5DC;
         background-color:#BDB76B}

#text_unten {float:right;
         Padding: 0% 1% 0 1%;
         width: 55%;
         margin: 3% 22% 3% 0%;
         border: solid 1px;
         background-color:#F5F5DC;
         text-align: center;
         font-size: 1.3em;}

#text_unten a{text-decoration:none;}

#fussbereich  {float:right;
         width: 100%;
         color:black;
         text-align: center;
         font-size: 0.7em;
         letter-spacing: 2px;}


#fussbereich a {color:black;}


.nav a:link, a:visited {color:blue;
        font-weight: bold;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        text-decoration:none;
        }
#kopf .navreturn    {float:right;
         }
#kopf .navreturn img {width:15%;
        }
#kopf .navreturn a  {
       border:none;
       background-color: transparent;
         }
.navimp a{text-decoration:none;
         color:black;}






/*Seiten*/



/*   Impressum   */
#impressum {font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 0.8em;
            line-height: 1.5em;
            width:60%;
            height:auto;
            margin:10% 0 10% 17%;
            padding:3%;
            background-color:#FFFFFF;
            border:1px solid #006699;}

             /*  Termine  */

#termine_spalte2 img, #termine_spalte4 img
                   { width:100%;
                     padding:0;
                     margin:0 0 -2% 0;}
#termine_spalte1 {   float:left;
                     width: 55%;
                     padding:0 0 0 2%;
                     margin: 6% 0 4% 6%;
                     border-style:solid;
                     border-width:1px;
                     background-color:#D7EB94;}
#termine_spalte2 {   float:left;
                     width: 27%;
                     margin:-8% 0 3% 67%;
                     border-style:solid;
                     border-width:7px;
                     border-color: olive olive #f0e68c #f0e68c;
                 }
#termine_spalte3 {   float:left;
                     width: 40%;
                     padding:2%;
                     margin: 5% 0 0 42%;
                     border-style:solid;
                     border-width:1px;
                     background-color:#E9E878;}
#termine_spalte4 {   float:left;
                     width: 30%;
                     margin:-17% 0 10% 12%;
                     border-style:solid;
                     border-width:7px;
                     border-color: olive olive #f0e68c #f0e68c;
                  }
#termine_spalte5 {   float:left;
                     width: 80%;
                     padding:0 0 0 2%;
                     margin: -6% 0 4% 6%;
                     background-color:#ECF7F9;}

            /*  Nachlese  */


#nachlese_spalte0 img
                   { width:90%;
                     padding:0;
                     margin:0 0 0 0;}
#nachlese_spalte1 img
                   { width:80%;
                     padding:0;
                     margin:0 0 0 0;}
#nachlese_spalte3 img
                   { width:100%;
                     padding:0;
                     margin:0 0 -2% 0;}
#nachlese_spalte4 img
                   { width:90%;
                     padding:0;
                     margin:0 0 -2% 0;}
#nachlese_spalte5 img
                   { width:80%;
                     padding:0;
                     margin:0 0 -2% 0;}
#nachlese_spalte6 img
                   { width:70%;
                     padding:0;
                     margin:0 0 -2% 0;}

#nachlese_spalte1 {  float:left;
                     width: 80%;
                     margin:4% 0 1% 18%;}
#nachlese_spalte2 {   float:left;
                     width: 70%;
                     padding:0 2% 0 2%;
                     margin: 5% 0 4% 13%;
                     border-style:solid;
                     border-width:1px;
                     background-color:#D7EB94;}
#nachlese_spalte3 {   float:left;
                     width: 35%;
                     margin:10% 0% 2% 8%;}
#nachlese_spalte4 {   float:right;
                     width: 43%;
                     margin:3% 3% 2% 0%;}
#nachlese_spalte5 {   float:left;
                     width: 42%;
                     margin:3% 0% 5% 6%;}
#nachlese_spalte6 {   float:right;
                     width: 43%;
                     margin:3% 2% 5% 6%;}

#nachlese_spalte7 {   float:left;
                     width: 100%;
                     padding:0 0 0 0;
                     margin: 1% 1% 0% 0%;
                     border-style:solid;
                     border-width:1px;
                     border-color:#D7EB94;
                     background-color:#D7EB94;}


/*  Über uns   */


#ue_spalte1 {padding:0 2% 0 1%;
         float:left;
         width: 47%;
         line-height:1.3em}

#ue_spalte1 h1, #ue_spalte2 h1{
            font-family: Verdana, Arial, Helvetica, sans-serif;
            color:#BF0000;
            font-size: 1.1em;
            text-align:left}

#ue_foto1{width: 44%;
         float: left;
         margin-right: 1em;}

#ue_foto1 img {width: 100%;}

#ue_spalte1 cite {
         font-size:0.9em;
         font-style: italic;
         font-weight: bold;}

#ue_spalte2 {padding:0 1% 0 2%;
         float:left;
         width: 47%;
         line-height:1.3em}

#ue_foto2{width: 100%;}
#ue_spalte2 figcaption{
         font-size:0.8em;
         font-style:italic;}


/*   Kontakt   */
#kontakt {font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 1em;
            line-height: 1.3em;
            width:60%;
            height:auto;
            margin:10% 0 10% 17%;
            padding:2%;
            background-color:#FFFFF0;
            border:1px solid #006699;}

/*  Portrait   */

#portraet_kopf {padding:0 1% 0 1%;
                width: 98%;
                }
#portraet_kopf h1   {font-family: Verdana, Arial, Helvetica, sans-serif;
               color:black;
               font-size:0.8em;
               text-align:center
               }
#portraet_kopf h2   {font-family: Verdana, Arial, Helvetica, sans-serif;
               color:#6F6F6F; /*grau*/
               font-size:2em;
               text-align:center
               }
#portraet_spalte1 {float:left;
               padding:0 1% 0 0.5%;
               width: 31.5%;
               text-align: justify
               }

#portraet_spalte2 {float:left;
         padding:0 1% 0 1%;
         width: 31.5%;
         text-align: justify
         }
#portraet_spalte3 {float:left;
         padding:0 1% 0 1%;
         width: 31.5%;
         text-align: justify
         }
#portraet_spalte3 cite {
         font-size:0.6em;
         font-style:italic;}
#portraet_foto{float:right;
         width: 64%;
         }
#portraet_foto img {width: 98%;}
#portraet_foto figcaption{
               font-size:0.76em;
               font-style:italic;}
#portraet_unten {float:left;
         padding: 1%;
         width: 85%;
         font-style: italic;
         font-size:0.8em;
         }






@media only screen and (max-width: 920px){
       #spalte2    {width:45%;
                     margin: 0 3% 0 1.5%;}
       #spalte1, #spalte3 {border: solid 1px;
                           width:21%;}
       h1             {font-size:1.8em;}
       h2             {font-size:1.1em;
                      letter-spacing:0.2em;}
       h6    {font-size:1.0em;}
       #fussbereich  {letter-spacing: .13em;}
       #portraet_spalte1 {line-height:1.15em}
       }




@media only screen and (max-width: 768px){/* Handy-Format*/

       #main { margin: 3% 0 3% 0;
                 width:100%;}
       #spalte1, #spalte2, #spalte3, #text_unten, #fussbereich {
                 float:none;
                 margin: 3%;
                 width: 86%;
                 padding: 0 3% 0 3%;}
       #spalte2  {padding: 0;
                 width:89%;}
       #kopf ul  {text-align: left;
                 width:100%;
                 margin:0;
                 padding:0;}

       #kopf li  {margin:0;
                 padding:0;}
       #fussbereich  {letter-spacing: 0em;}
       h1             {font-size:1.4em;}
       h2             {font-size:1em;
                      letter-spacing:0em;}
       h6    {font-size:1.0em;}
       #termine_spalte1 {   width: 90%;
                     margin: 2% 0 0 4%;}
       #termine_spalte2 {   width: 90%;
                     margin: 2% 0 0 4%;}
       #termine_spalte3 {   width: 90%;
                     margin: 2% 0 0 4%;}
       #termine_spalte4 {   width: 90%;
                     margin: 2% 0 5% 4%;}
       #termine_spalte5 {   width: 90%;
                     margin: 2% 0 0 4%;}

       #nachlese_spalte4a img
                   { width:90%;
                     padding:0;
                     margin:0 0 -2% 0;}
       #nachlese_spalte4b img
                   { width:90%;
                     padding:0;
                     margin:0 0 -2% 0;}
       #nachlese_spalte4c img
                   { width:90%;
                     padding:0;
                     margin:0 0 -2% 0;}
       #nachlese_spalte4d img
                   { width:90%;
                     padding:0;
                     margin:0 0 -2% 0;}
       #nachlese_spalte1 {   width: 90%;
                     margin: 2% 0 0 4%;}
       #nachlese_spalte2 {   width: 90%;
                     margin: 2% 0 0 4%;}
       #nachlese_spalte3 {   width: 90%;
                     margin: 2% 0 0 4%;}
       #nachlese_spalte4a {   width: 90%;
                     margin: 2% 0 5% 4%;}
       #nachlese_spalte4b {   width: 90%;
                     margin: 2% 0 5% 4%;}
       #nachlese_spalte4c {   width: 90%;
                     margin: 2% 0 5% 4%;}
       #nachlese_spalte4d {   width: 90%;
                     margin: 2% 0 5% 4%;}
       #nachlese_spalte5 {   width: 90%;
                     margin: 2% 0 0 4%;}
       #nachlese_spalte6 {   width: 90%;
                     margin: 2% 0 0 4%;}


       #ue_spalte1, ue_spalte2 {
                    line-height:1.0em}
       #ue_spalte1 h1, #ue_spalte2 h1 {font-size: 1em}

       #portraet_spalte1 {float:left;
               padding:0;
               margin: 0 2% 0 2%;
               width: 95%;
               text-align: justify
               }
       #portraet_spalte2 {float:left;
               padding:0;
               margin: 0 2% 0 2%;
               width: 45%;
               text-align: justify
               }
       #portraet_spalte3 {float:left;
               margin: 0 2% 0 2%;
               width: 45%;
               text-align: justify
               }
       #portraet_foto{float:left;
               width: 98%;
               margin: 0 2% 0 2%;}
       #portraet_foto img {width: 98%;}
       #portraet_foto figcaption{
               font-size:0.8em;
               font-style:normal;}

       #ham img {width:7%;
         margin-bottom:0;
                }
         #ham ul li {display:block;
         text-align:center;
         font-size:1.3em;
         padding-bottom:1%;
         margin-left:-10%;}
         #ham {display:none;}


       #ham     {display:block;
                    text-align:center;}
       #ham img {width:7%;}
       #ham  {position:relative;
                     left:2%;}
       #ham li {display: block;
                 text-decoration: none; outline: none;
                    padding-bottom:1%;}
       #navi {display:none}
       #ham li ul {display:none;}
       #ham a {background-color: transparent;
                 text-decoration: none; outline: none;
                 color:black;
               border:none;}
       #ham li ul li  {color: black;
                   background-color:#CFCFCF;
                   padding: 2% 0 2% 0 ;
                   border: 1px solid #8c8c8c;
                   width:100%;
                   }
       #ham li:hover ul {display:block;}


       }




@media only screen and (max-width: 615px){
              h1       {font-size:1.2em;}
              h6    {font-size:1.2em;}
       }

@media only screen and (max-width: 530px){
              h1    {font-size:1.0em;}
              h6    {font-size:1.0em;}
       }

@media only screen and (max-width: 480px){
              h6    {font-size:0.8em;}
              #ue_spalte1 h1, #ue_spalte2 h1 {font-size: .8em}
       }

@media only screen and (max-width: 350px){
              h1    {font-size:0.8em;}
              h6    {font-size:0.8em;}

       }
@media only screen and (max-width: 290px){
              h1    {font-size:0.7em;}
              h6    {font-size:0.7em;}

       }
@media only screen and (max-width: 260px){
              h1    {font-size:0.6em;}
              h6    {font-size:0.6em;}

       }