/* a:link          { color:#000000;text-decoration:none; }
 a:visited       { color:#000000;text-decoration:none; }
 a:hover         { color:#FFFFFF;text-decoration:none; }
 a:active        { color:#FF0000;text-decoration:none; }*/
@media only screen and (max-width:1080px)
                 {#eins{display:none;}}
@media only screen and (max-width:700px)
                 {#zwei{display:none;}}
@media only screen and (max-width:900px)
                 {#drei{display:none;}}
@media only screen and (max-width:900px)
                 {#vier{display:none;}}

/*@media only screen and (max-width:900px)
                 {#vier{display:none;}}
Merke: die id konnotierung darf nur einmal auf
einer Seite notiert sein und nicht aus der css-datei stammen
@media only screen and (max-width:760px)
                 {#ueb{display:none;}}
@media only screen and (max-width:500px)
                 {#deu{display:none;}}
@media only screen and (max-width:380px)
                 {#meck{display:50%;}}
@media only screen and (max-width:850px)
                 {#table{display:none;}}
@media only screen and (max-width:380px)
                 {#z3{display:none;}}
@media only screen and (max-width:380px)
                 {#z4{display:none;}}*/
/* For width 768px and larger:
body1            {
                 background-image: url("../grafik/hg-1.jpg");
                 background-repeat: repeat;
                 background-attachment: fixed;
                 }*/

/* For width 500px and larger:
@media only screen and (min-width: 500px)
                 {
                 body {
                 background-repeat: no-repeat;
                 background-image: url('../grafik/hg-1.jpg');}
                 }*/

#eins            {
                 margin: 0 20px 30px 20px;
                 }
#wrapper         {
                 box-sizing: content-box;
                 background-image: url("../grafik/wrapper-2.png");
                 background-repeat:repeat;
                 text-align: center;
                 margin: -20px auto 0 auto;
                 max-width: 1100px;
                 width: 100%;
                 width: auto;
                 height: auto;
                 border: 3px solid wheat;
                 border-radius: 10px;
                 -moz-border-radius: 10px;
                 -webkit-border-radius: 10px;
                 -ms-border-radius: 10px;
                 box-shadow: 0 0 10px 0px;
                 rgba (12, 3, 25, 0.8);
                 padding: 5px;
                 }
#iwrapper         {
                 box-sizing: content-box;
                 background-image: url("../grafik/wrapper-2.png");
                 background-repeat:repeat;
                 text-align: center;
                 margin: -10px auto 0 auto;
                 max-width: 1100px;
                 width: 100%;
                 width: auto;
                 height: auto;
                 border: 3px solid wheat;
                 border-radius: 10px;
                 -moz-border-radius: 10px;
                 -webkit-border-radius: 10px;
                 -ms-border-radius: 10px;
                 box-shadow: 0 0 10px 0px;
                 rgba (12, 3, 25, 0.8);
                 padding: 5px;
                 }
#nat-wrapper         {
                 box-sizing: content-box;
                 background-image: url("../grafik/wrapper-2.png");
                 background-repeat:repeat;
                 text-align: left;
                 margin: 25px auto 0 auto;
                 max-width: 85%;
                 width: 100%;
                 width: auto;
                 height: auto;
                 border: 3px solid wheat;
                 border-radius: 10px;
                 -moz-border-radius: 10px;
                 -webkit-border-radius: 10px;
                 -ms-border-radius: 10px;
                 box-shadow: 0 0 10px 0px;
                 rgba (12, 3, 25, 0.8);
                 padding: 5px;
                 }

#blfd            {
                 text-align: center;
                 margin: 0 auto 30px auto;
                 max-width: 100%;
                 width: 100%;
                 width: auto;
                 height: auto;
                 }
.foto            {
                 display: inline-block;
                 text-align:center;
                 margin: 1% auto 0 auto;
                 max-width: 100%;
                 width: 96%;
                 width: auto;
                 Height: auto;
                 border: 2px solid wheat;
                 border-radius: 10px;
                 -moz-border-radius: 10px;
                 -webkit-border-radius: 6px;
                 -ms-border-radius: 6px;
                 box-shadow: 0 0 10px 0px;
                 rgba (12, 3, 25, 0.8);
                 background-color: #FFFFC1;
                 }
.nav             {
                 margin: 0 auto;
                 background: transparent;
                 }
.box1            {
                 display: inline-block;
                 text-align: center;
                 margin: 1% auto;
                 max-width: 100%;
                 width: 96%;
                 width: auto;
                 Height: auto;
                 border: 2px solid #693434;
                 border-radius: 6px;
                 -moz-border-radius: 6px;
                 -webkit-border-radius: 6px;
                 -ms-border-radius: 6px;
                 box-shadow: 0 0 10px 0px;
                 rgba (12, 3, 25, 0.8);
                 }
.box2            {
                 display: inline-block;
                 text-align:center;
                 margin: 0 0.5%;
                 max-width: 100%;
                 width: 100%;
                 width: auto;
                 height: auto;
                 border: 2px solid #693434;
                 border-radius: 6px;
                 -moz-border-radius: 6px;
                 -webkit-border-radius: 6px;
                 -ms-border-radius: 6px;
                 box-shadow: 0 0 10px 0px;
                 rgba (12, 3, 25, 0.8);
                 }
.box3            {
                 display: inline-block;
                 text-align:center;
                 margin: 3px;
                 max-width: 100%;
                 width: 100%;
                 width: auto;
                 height: auto;
                 border: 2px solid wheat;
                 border-radius: 3px;
                 -moz-border-radius: 3px;
                 -webkit-border-radius: 3px;
                 -ms-border-radius: 3px;
                 box-shadow: 0 0 3px 0px;
                 rgba (12, 3, 25, 0.8);
                 }
.box4            {
                 display: inline-block;
                 text-align:center;
                 margin: 3px;
                 max-width: 100%;
                 width: 100%;
                 width: auto;
                 height: auto;
                 border:2px solid wheat;
                 border-radius: 4px;
                 -moz-border-radius: 4px;
                 -webkit-border-radius: 4px;
                 -ms-border-radius: 4px;
                 box-shadow: 0 0 4px 0px;
                 rgba (12, 3, 25, 0.8);
                 transition: opacity 0.3s
                 }
.box5            {
                 display: inline-block;
                 text-align:center;
                 margin: 0 auto;
                 max-width: 100%;
                 width: 100%;
                 width: auto;
                 height; auto;
                 }
/*                 border: 2px solid wheat;
                 border-radius: 6px;
                 -moz-border-radius: 6px;
                 -webkit-border-radius: 6px;
                 -ms-border-radius: 6px;
                 box-shadow: 0 0 10px 0px;
                 rgba (12, 3, 25, 0.8);*/

#kasten1         {
                 margin: 5px 0 5px 5px;
                 background: transparent;
                 width: 45%;
                 float:left;
                 }
#kasten2         {
                 text-align: center;
                 margin: 6% 3% 0 0;
                 background: transparent;
                 width: 50%;
                 float: right;
                 }
.datum           {
                 display: inline-block;
                 text-align:center;
                 margin: 0 0.5%;
                 line-height: 25px;
                 font-family: Bahnschrift,Arial,Tahoma;
                 font-weight: bold;
                 font-size: 15px;
                 font-style: normal;
                 color: #693434;
                 text-shadow: 2px 2px 0 #CFCFCF;
                 background: wheat;
                 border: 2px solid #693434;
                 border-radius: 5px;
                 -moz-border-radius: 5px;
                 -webkit-border-radius: 5px;
                 -ms-border-radius: 5px;
                 box-shadow: 0px 0px 1px 0px;
                 rgba (12, 3, 25, 0.8);
                 padding: 2px 5px;
                 }
hr               {
                 width: 70%;
                 height: 4px;
                 background: wheat;
                 border: 2px solid #693434;
                 border-radius: 3px;
                 -moz-border-radius: 3px;
                 -webkit-border-radius: 3px;
                 -ms-border-radius: 3px;
                 box-shadow: 0px 0px 3px 0px;
                 rgba (12, 3, 25, 0.8);
                 }
#zaehler         {
                 background-image: url("../grafik/zaehler.png");
                 background-repeat: no-repeat;
                 background-size: cover;
                 text-align:center;
                 margin: 1% auto;
                 max-width: 89px;
                 width: 96%;

                 border: 2px solid #693434;
                 border-radius: 6px;
                 -moz-border-radius: 6px;
                 -webkit-border-radius: 6px;
                 -ms-border-radius: 6px;
                 box-shadow: 0 0 6px 0px;
                 rgba (12, 3, 25, 0.8);

                 font-family:  Bahnschrift,Verdana,Trebuchett;
                 font-weight: bold;
                 font-size: 14px;
                 font-style: normal;
                 color: #693434;/*Schriftfarbe*/
                 padding: 4px;
                 }
.sub1            {
                 display: block;
                 margin: 0 auto;
                 font-family: Arial,Verdana,Trebuchet;
                 color:#FFFFFF;
                 font-weight:bold;
                 font-size:10pt;
                 font-style:normal;
                 padding: 5px 40px 5px 40px;
                 background: #804000;
                 width:80%;
                 border:3px solid wheat;
                 border-radius: 6px;
                 -moz-border-radius: 6px;
                 -webkit-border-radius: 6px;
                 -ms-border-radius: 6px;
                 box-shadow: 0 0 10px 0px;
                 rgba (12, 3, 25, 0.8)
                 }
.sub2            {
                 display: inline-block;
                 text-align: center;
                 margin: 6px auto 6px auto;
                 max-width: 800px;
                 width: 100%;
                 width: auto;
                 height: auto;
                 border:3px solid wheat;
                 border-radius: 6px;
                 -moz-border-radius: 6px;
                 -webkit-border-radius: 6px;
                 -ms-border-radius: 6px;
                 box-shadow: 0 0 10px 0px;
                 rgba (12, 3, 25, 0.8);
                 font-family: Tahoma,Verdana,Trebuchet;
                 font-weight:bold;
                 font-size: 11pt;
                 font-style: normal;
                 text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.8);
                 color: #FFFF00;
                 background-color: #0080FF;
                 padding: 4px 10px 4px 10px;

                 }