/*a:link                 { color:#000000;text-decoration:none; }
 a:visited         { color:#000000;text-decoration:none; }
 a:hover         { color:#FFFFFF;text-decoration:none; background-color:#000000; }
 a:active         { color:#000000;text-decoration:none; }*/
@media only screen and (max-width:950px)
                 {#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;}}

body             {
                 background-image: url("../grafik/hg.png");
                 background-repeat:repeat-y;
                 }
#wrapper         {
                 background-image: url("../grafik/wrapper.png");
                 background-repeat: no-repeat;
                 background-size: cover;
                 text-align:center;
                 margin: 0 auto;
                 max-width: 950px;
                 width: 96%;
                 width: auto;
                 height: auto;
                 border: 5px solid wheat;
                 border-radius: 10px;
                 -moz-border-radius: 10px;
                 -webkit-border-radius: 10px;
                 -ms-border-radius: 10px;
                 box-shadow: 0 0 5px 0px;
                 rgba (12, 3, 25, 0.8);
                 padding: 4px;
                 }
#iwrapper        {
                 background-image: url("../grafik/wrapper.png");
                 background-repeat: no-repeat;
                 background-size: cover;
                 text-align:center;
                 margin: 0 auto;
                 max-width: 950px;
                 width: 96%;
                 width: auto;
                 height: auto;
                 border: 5px solid wheat;
                 border-radius: 10px;
                 -moz-border-radius: 10px;
                 -webkit-border-radius: 10px;
                 -ms-border-radius: 10px;
                 box-shadow: 0 0 5px 0px;
                 rgba (12, 3, 25, 0.8);
                 padding: 4px;
                 }
#blfd            {
                 text-align: center;
                 margin: 0 auto 30px auto;
                 max-width: 100%;
                 width: 100%;
                 height: 100%;
                 width: auto;
                 height: auto;
                 }

/*.linkeS  {width:8%; float:left; margin:1% 1% 1% 1%;}
#mitteS  {width:80%; float:left; margin:0% 0% 0% 0%;text-align:center;}
.rechteS {width:8%; float:right; margin:1% 1% 1% 1%;}
.tasten  {width:98%; height:auto; margin:0% 1% 1% 1%;}*/

.uebers          {
                 display: inline-block;
                 margin: 35px auto;
                 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);
                 }
.wp              {
                 margin: 10px 25px;
                 background-color: #009090;
                 border: 2px solid wheat;
                 border-radius: 6px;
                 -moz-border-radius: 6px;
                 -webkit-border-radius: 6px;
                 -ms-border-radius: 6px;
                 box-shadow: 0 0 3px 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);
                 }
.box1            {
                 display: inline-block;
                 text-align:center;
                 border: 4px solid wheat;
                 border-radius: 4px;
                 -moz-border-radius: 4px;
                 -webkit-border-radius: 4px;
                 -ms-border-radius: 4px;
                 box-shadow: 0 0 2px 0px;
                 rgba (12, 3, 25, 0.8);
                 }
.box2            {
                 display: inline-block;
                 text-align:center;
                 margin: 5px 5px 3px 5px;
                 border: 2px solid wheat;
                 border-radius: 4px;
                 -moz-border-radius: 4px;
                 -webkit-border-radius: 4px;
                 -ms-border-radius: 4px;
                 box-shadow: 0 0 2px 0px;
                 rgba (12, 3, 25, 0.8);
                 }
.box3            {
                 display: inline-block;
                 text-align:center;
                 margin: 7px 7px;
                 border: 2px solid wheat;
                 border-radius: 4px;
                 -moz-border-radius: 4px;
                 -webkit-border-radius: 4px;
                 -ms-border-radius: 4px;
                 box-shadow: 0 0 2px 0px;
                 rgba (12, 3, 25, 0.8);
                 }
.nav             {
                 display: inline-block;
                 text-align:center;
                 margin: 15px auto;
                 }
.zaehler         {
                 background-image: url("../grafik/zaehler.png");
                 background-repeat: no-repeat;
                 background-size: cover;
                 text-align:center;
                 margin: 1% auto;
                 max-width: 98px;
                 width: 100%;
                 width: auto;
                 height: auto;
                 padding: 3px;

                 border: 2px solid  wheat;
                 border-radius: 4px;
                 -moz-border-radius: 4px;
                 -webkit-border-radius: 4px;
                 -ms-border-radius: 4px;
/*                 box-shadow: 0 0 10px 0px;
                 rgba (12, 3, 25, 0.8);*/

                 font-family: Trebuchet MS,Corbel,Tahoma;
                 font-weight: bold;
                 font-size: 12pt;
                 font-style: normal;
                 color: #FFFF00;
                 /*text-shadow:
                 1px 1px 0 black;  Unten rechts */
                 /*-3px 3px 0 black;  Unten links */
                 /*3px -3px 0 black; /* Oben rechts */
                 /*-3px -3px 0 black; /* Oben links */
                 }

.text            {
                 font-family:ArialRounded MT Bold,Tahoma;
                 font-weight:normal;
                 font-size:11pt;
                 font-style:normal;
                 color:#FFFF00;
                 }