.floatstop {clear:both}

h1, h2, h3, h4, h5, h6 {display: block; font-weight: bolder;}
h1 {    font-size: 2em;}
h2 {font-family: Times new roman, serif;
        color: #4F4F4F;
        font-size:1.2em;
        font-style: italic;
        letter-spacing:0.3em;
        text-align: center;}
h3 {    font-size: 1.17em;}
h4 {    font-size: 1em;}
h5 {    font-size: .83em;}
h6 {    font-size: .75em;}

body    {background-color: gray;} /*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 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;
       }


#kopf .navreturn    {float:right;
         }
#kopf .navreturn img {width:15%;
        }
#kopf .navreturn a  {
       border:none;
       background-color: transparent;
         }

#konzerte {
         Padding: 0 3% 0 3%;
         width: 85%;
         margin: 4%;
         border: solid 1px;
         background-color:#EFEFEF;/*grau*/
         font-family: Verdana, Arial, Helvetica, sans-serif;
         font-size: 1em;}
#konzerte a{text-decoration:none;
            font-style:italic;
           color:blue;}

#rueckblickfoto{
         padding:0;
         margin: 0 2% 5% 9%;
         width: 80%;
         background-color: white;}

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


/*Seiten*/



/*   vernissage   */

#vernissage_spalte1, #vernissage_spalte2, #vernissage_spalte3 {
         float:left;
         padding:1%;
         width: 28%;
         margin:1% 0 4% 4%;
         margin-top: 4%;
         border: solid 1px;
         border-color: black;
         background-color:#F5F5DC;}

#vernissage_spalte2 {background-color:#BDB76B;
           margin-left:1%;}

#vernissage_spalte3 {background-color:#F0F0BC;
            margin-left:1%;}

#vernissage1, #vernissage2, #vernissage3 {width: 95%;
            margin: 0%;
            padding: 0;
            border-style:solid;
            border-width:7px;
            border-color: olive olive #f0e68c #f0e68c;}







/*  Weihnachten 2013  */

#w2013_spalte1  {
         float:left;
         padding:0%;
         width: 28%;
         margin:6% 0 4% 2%;
         }
#w2013_spalte2  {
         float:left;
         padding:1%;
         width: 52%;
         margin:-24% 0 4% 40%;
         border: solid 1px;
         border-color: black;
         background-color:#F5F5CC;}
#w2013_spalte3  {
         float:left;
         width: 58%;
         margin:5% 0 0% 4%;
         }
#w2013_spalte4  {
         float:left;
         padding:1%;
         width: 25%;
         margin:18% 0 0% 7%;
         }
#w2013_spalte5  {
         float:left;
         padding:1%;
         width: 38%;
         margin:8% 0 4% 10%;
         border: solid 1px;
         border-color: black;
         background-color:#F5F5DC;}
#w2013_spalte6  {
         float:left;
         padding:1%;
         width: 28%;
         margin:6% 0 4% 14%;
         }
#w2013_spalte1 img, #w2013_spalte3 img, #w2013_spalte4 img, #w2013_spalte6 img {
         width: 100%;
         margin: 0;
         padding: 0;
         border-style:solid;
         border-width:7px;
         border-color: olive olive #f0e68c #f0e68c;}





/*  Bohnsdorf   */

#bohnsdorf1 {
         float:left;
         padding:0;
         width: 45%;
         margin:6% 0 3% 12%;
         }
#bohnsdorf2 {
         float:left;
         padding:0;
         width: 18%;
         margin:4% 0 2% 14%;
         }
#bohnsdorf3 {
         float:left;
         padding:0;
         width: 62%;
         margin:2% 0 4% 16%;
         }
#bohnsdorf4 {
         float:left;
         padding:0;
         width: 19%;
         margin:2% 0 4% 6%;
         }
#bohnsdorf5 {
         float:left;
         padding:0;
         width: 43%;
         margin:5% 0 6% 17%;
         }
#bohnsdorf1 img, #bohnsdorf2 img, #bohnsdorf3 img, #bohnsdorf4 img, #bohnsdorf5 img   {
         width: 98%;
         margin: 0;
         padding: 0;
         border-style:solid;
         border-width:7px;
         border-color: olive olive #f0e68c #f0e68c;}


/*   Sommer2015   */
#sommer2015_1 {
         float:left;
         padding:0;
         width: 65%;
         margin:2% 0 0 12%;
         }
#sommer2015_2 {
         float:left;
         padding:0;
         width: 35%;
         margin:4% 0 1% 12%;
         }
#sommer2015_3 {
         float:left;
         padding:0;
         width: 20%;
         margin:1% 0 1% 12%;
         }
#sommer2015_4 {
         float:left;
         padding:0;
         width: 65%;
         margin:0 0 3% 12%;
         }
#sommer2015_2 img, #sommer2015_3 img {
         width: 98%;
         margin: 0;
         padding: 0;
         border-style:solid;
         border-width:2px;
         border-color:#A02000;}



/*  Weihnachten 2015  */
#w2015_spalte1  {
         padding:0%;
         width: 80%;
         margin:6% 0 4% 10%;
         }
#w2015_spalte2  {
         padding:1%;
         width: 90%;
         margin:1% 0 10% 3%;}
#w2015_spalte2 img {
         width: 98%;
         margin: 0;
         padding: 0;
         border-style:solid;
         border-width:7px;
         border-color: olive olive #f0e68c #f0e68c;}



/* Schöneiche */
.titel_schoeneiche    {color:#808080;
                     letter-spacing: .2em;}
#schoeneiche_spalte1 img, #schoeneiche_spalte3 img
                   {width:100%;
                   padding: 0 0 10% 0;}
#schoeneiche_spalte1 {float:left;
                    width: 27%;
                    margin: 0 0 0 2%;}
#schoeneiche_spalte2 { float:left;
                     width: 38%;
                     margin:0 0 0 2%;
                     text-align: justify;
                     background-color: transparent;}
#schoeneiche_spalte2 p {word-wrap:break-word;}
#schoeneiche_spalte3 { float:left;
                     margin: 0 0 0 2%;
                     width: 27%;}
#schoeneiche_spalte4 {width:50%;
                     margin: 0 0 0 24%;
                    float:left;}
#schoeneiche_spalte4 img {width:100%; }

            /*  Nachlese  */

#nachlese_spalte1 img
                   { width:100%;
                     padding:0;
                     margin:0 0 -2% 0;}
#nachlese_spalte3 img
                   { width:100%;
                     padding:0;
                     margin:0 0 -2% 0;}
#nachlese_spalte4 img
                   { width:100%;
                     padding:0;
                     margin:0 0 -2% 0;}
#nachlese_spalte6 img
                   { width:100%;
                     padding:0;
                     margin:0 0 -2% 0;}
#nachlese_spalte1 {   float:left;
                     width: 80%;
                     margin:6% 0 3% 10%;
                 }
#nachlese_spalte2 {   float:left;
                     width: 70%;
                     padding:0 0 0 2%;
                     margin: 5% 0 4% 15%;
                     border-style:solid;
                     border-width:1px;
                     background-color:#D7EB94;}
#nachlese_spalte3 {   float:left;
                     width: 35%;
                     margin:15% 0 2% 12%;
                  }
#nachlese_spalte4 {   float:left;
                     width: 38%;
                     margin:3% 0 5% 6%;
                  }
#nachlese_spalte5 {   float:left;
                     width: 85%;
                     padding:2%;
                     margin: 5% 0 5% 5%;
                     border-style:solid;
                     border-width:1px;
                     background-color:#E9E878;}
#nachlese_spalte6     {   float:left;
                     width: 60%;
                     margin:0 0 6% 10%;
                  }







@media only screen and (max-width: 920px){

       h1             {font-size:1.8em;}
       h2             {font-size:1.1em;
                      letter-spacing:0.2em;}

       }




@media only screen and (max-width: 768px){/* Handy-Format*/
        #vernissage_spalte1, #vernissage_spalte2, #vernissage_spalte3 {
         margin: 3% 0 3% 4%;
         width: 89%;}
        #main { margin: 3% 0 3% 0;
                 width:100%;}
       #kopf a  {padding: 0.5% .5%;}


       h1             {font-size:1.4em;}
       h2             {font-size:1em;
                      letter-spacing:0em;}

       #w2013_spalte1, #w2013_spalte2, #w2013_spalte3,#w2013_spalte4, #w2013_spalte5, #w2013_spalte6 {
         width: 88%;
         margin:2% 0 2% 4%;
         }

       #schoeneiche_spalte1  {width: 90%;
                    margin: 0 2% 0 4%;}
       #schoeneiche_spalte2 { width: 90%;
                     margin: 0 2% 0 4%;
                     text-align: justify;
                     background-color: transparent;}
       #schoeneiche_spalte2 p {word-wrap:break-word;}

       #schoeneiche_spalte3 { margin: 0 2% 0 4%;
                     width: 90%;}

       #schoeneiche_spalte1 img, #schoeneiche_spalte3 img
                   {width:100%;
                   padding: 0 2% 5% 0;}
       #schoeneiche_spalte4 {width:90%;
                    margin:0 2% 0 4%;}
        }
       #nachlese_spalte1 img
                   { width:100%;
                     padding:0;
                     margin:0 0 -2% 0;}
#nachlese_spalte3 img
                   { width:100%;
                     padding:0;
                     margin:0 0 -2% 0;}
#nachlese_spalte4 img
                   { width:100%;
                     padding:0;
                     margin:0 0 -2% 0;}
#nachlese_spalte6 img
                   { width:100%;
                     padding:0;
                     margin:0 0 -2% 0;}
#nachlese_spalte1 {   float:left;
                     width: 80%;
                     margin:6% 0 3% 10%;
                 }
#nachlese_spalte2 {   float:left;
                     width: 70%;
                     padding:0 0 0 2%;
                     margin: 5% 0 4% 15%;
                     border-style:solid;
                     border-width:1px;
                     background-color:#D7EB94;}
#nachlese_spalte3 {   float:left;
                     width: 35%;
                     margin:15% 0 2% 12%;
                  }
#nachlese_spalte4 {   float:left;
                     width: 38%;
                     margin:3% 0 5% 6%;
                  }
#nachlese_spalte5 {   float:left;
                     width: 85%;
                     padding:2%;
                     margin: 5% 0 5% 5%;
                     border-style:solid;
                     border-width:1px;
                     background-color:#E9E878;}
#nachlese_spalte6     {   float:left;
                     width: 60%;
                     margin:0 0 6% 10%;
                  }

                         /*  Nachlese  */

         #nachlese_spalte1 img
                   { width:100%;
                     padding:0;
                     margin:0 0 -2% 0;}
#nachlese_spalte3 img
                   { width:100%;
                     padding:0;
                     margin:0 0 -2% 0;}
#nachlese_spalte4a img
                   { width:90%;
                     padding:0;
                     margin:0 0 -2% 0;}
#nachlese_spalte4b img
                   { width:60%;
                     padding:0;
                     margin:0 0 -2% 0;}
#nachlese_spalte4c img
                   { width:70%;
                     padding:0;
                     margin:0 0 -2% 0;}
#nachlese_spalte4d img
                   { width:100%;
                     padding:0;
                     margin:0 0 -2% 0;}
#nachlese_spalte6 img
                   { width:100%;
                     padding:0;
                     margin:0 0 -2% 0;}
#nachlese_spalte1 {   float:left;
                     width: 80%;
                     margin:6% 0 3% 10%;
                 }
#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_spalte4a {   float:right;
                     width: 43%;
                     margin:3% 3% 2% 0%;
                  }
#nachlese_spalte4b {   float:left;
                     width: 42%;
                     margin:3% 0% 5% 6%;
                  }
#nachlese_spalte4c {   float:right;
                     width: 43%;
                     margin:3% 2% 5% 6%;
                  }
#nachlese_spalte4d {   float:left;
                     width: 33%;
                     margin:1% 0% 0% 16%;
                  }
#nachlese_spalte5 {   float:left;
                     width: 85%;
                     padding:2%;
                     margin: 4% 0% 5% 5%;
                     border-style:solid;
                     border-width:1px;
                     background-color:#E9E878;}
#nachlese_spalte6     {   float:left;
                     width: 60%;
                     margin:0 0 6% 10%;
                  }



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

       }

@media only screen and (max-width: 530px){
              h1    {font-size:1.0em;}
              #rueckblickfoto{margin: 0 2% 5% 8%;}

       }


                  /*  Jubiläum  */

#jubilaeum_spalte1 img
                   { width:100%;
                     padding:0;
                     margin:0 0 -2% 0;}
#jubilaeum_spalte3 img
                   { width:100%;
                     padding:0;
                     margin:0 0 -2% 0;}
#jubilaeum_spalte4a img
                   { width:90%;
                     padding:0;
                     margin:0 0 -2% 0;}
#jubilaeum_spalte4b img
                   { width:60%;
                     padding:0;
                     margin:0 0 -2% 0;}
#jubilaeum_spalte4c img
                   { width:70%;
                     padding:0;
                     margin:0 0 -2% 0;}
#jubilaeum_spalte4d img
                   { width:100%;
                     padding:0;
                     margin:0 0 -2% 0;}


#jubilaeum_spalte1     {   float:left;
                     width: 80%;
                     margin:6% 0 3% 10%;}
#jubilaeum_spalte2 {   float:left;
                     width: 70%;
                     padding:0 2% 0 2%;
                     margin: 5% 0 4% 13%;
                     border-style:solid;
                     border-width:1px;
                     background-color:#D7EB94;}
#jubilaeum_spalte3 {   float:left;
                     width: 35%;
                     margin:10% 0% 2% 8%;}
#jubilaeum_spalte4a {   float:right;
                     width: 43%;
                     margin:3% 3% 2% 0%;}
#jubilaeum_spalte4b {   float:left;
                     width: 42%;
                     margin:3% 0% 5% 6%;}
#jubilaeum_spalte4c {   float:right;
                     width: 43%;
                     margin:3% 2% 5% 6%;}
#jubilaeum_spalte4d {   float:left;
                     width: 33%;
                     margin:1% 0% 0% 16%;}

  /*ENDE*/