/* 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:1080px)
                 {#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: */
body             {
                 /*background-color: #008080;*/
                 background-repeat: repeat-x;
                 background-image: url('../grafik/meer_gross.jpg');
                 background-attachment:fixed;
                 }

/* For width 768px and larger: */
@media only screen and (min-width: 768px)
                 {
                 body {
                 background-repeat: repeat;
                 background-image: url('../grafik/hgw.jpg');}
                 }
#wrapper         {
                 background-image: url("../grafik/wrapper.png");
                 background-repeat: no-repeat;
                 background-size: cover;
                 text-align:center;
                 margin: 0 auto;
                 max-width:1000px;
                 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);
                 /*background:red;*/
                 }
#wrapper_i         {
                 background-image: url("../grafik/wrapper_i.png");
                 background-repeat: repeat;
                 background-size: cover;
                 background-attachment:fixed;
                 text-align:center;
                 margin: 0 auto;
                 max-width:1000px;
                 width: 96%;
                 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);
                 /*background:red;*/
                 }
#blfd            {
                 margin:0px auto 15px auto;
                 max-width: 98%;
                 height: auto;
                 width: auto;
                 }
.banner            {
                 display: inline-block;
                 text-align:center;
                 margin: 0 auto;
                 max-width: 90%;
                 width: 96%;
                 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);
                 }

.foto            {
                 display: inline-block;
                 text-align:center;
                 margin: 1% auto 0 auto;
                 max-width: 100%;
                 width: 98%;
                 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);
                 }
.nav             {
                 margin: 0 auto;
                 background: transparent;
                 }
.box1            {
                 display: inline-block;
                 text-align:center;
                 margin: 0 0.5%;
                 max-width: 89px;
                 width: 96%;
                 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);
                 }
.box2            {
                 display: inline-block;
                 text-align:center;
                 margin: 0 0.5%;
                 max-width: 100%;
                 width: 96%;
                 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);
                 }
.box3            {
                 display: inline-block;
                 text-align:center;
                 margin: 0 auto;
                 max-width: 320px;
                 width: 100%;
                 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);
                 }
.box4            {
                 display: inline-block;
                 text-align:center;
                 margin: 1% auto 0 auto;
                 max-width:940px;
                 width:100%;
                 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);
                 }


.zaehler         {
                 background-image: url("../grafik/zaehler.png");
                 background-repeat: no-repeat;
                 background-size: cover;
                 text-align:center;
                 margin: 1% auto;
                 max-width: 89px;
                 width: 100%;
                 width: auto;
                 height: auto;
                 padding: 6px;

                 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);

                 font-family: Arial,Tahoma,Trebuchet;
                 font-weight: bold;
                 font-size: 9pt;
                 font-style: italic;
                 color: #800000;
                 text-shadow:
                 1px 1px 0 white, /* Unten rechts */
                 -1px 1px 0 white, /* Unten links */
                 1px -1px 0 white, /* Oben rechts */
                 -1px -1px 0 white; /* Oben links */
                 }
.sub1            {
                 display: block;
                 margin: 0 auto;
                 font-family: Arial,Seagull,Verdana;
                 color:#FFFFFF;
                 font-weight:normal;
                 font-size:10pt;
                 font-style: normal;
                 padding-bottom: 10px;
                 padding-top: 7px;
                 width:80%;
                 }
.sub2            {
                 font-family: 'Seagull',Verdana,Arial;
                 color:#00FFFF;
                 font-weight:normal;
                 font-size:10pt;
                 font-style:normal;
                 }