/*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 screen and (max-width:1850px)
                {#blfd
                {display:none;}
                }
@media screen and (max-width:1000px)
                {#uebers
                {display:none;}
                }
body             {
                 display: block;
                 text-align:center;
                 background-image: url("../grafik/hg.jpg");
                 background-repeat:repeat-x;
                 }
#wrapper         {
                 background: #FFBF00;
                 text-align: center;
                 margin: 0 auto;
                 max-width: 950px;
                 width: 96%;
                 height: auto;
                 border: 3px solid;
                 border-top-color: #FFFFFF;
                 border-left-color: #FFFFFF;
                 border-right-color: #5F5F5F;
                 border-bottom-color: #5F5F5F;
                 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: #FFBF00;
                 text-align: center;
                 margin: 0 auto;
                 max-width: 960px;
                 width: 96%;
                 height: auto;
                 border: 3px solid;
                 border-top-color: #FFFFFF;
                 border-left-color: #FFFFFF;
                 border-right-color: #5F5F5F;
                 border-bottom-color: #5F5F5F;
                 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;
                 }
#uebers          {
                 text-align: center;
                 margin: 1% auto;
                 max-width: 800px;
                 width: 96%;
                 height:auto;
                 }
#foto            {
                 display: inline-block;
                 text-align:center;
                 margin: 1% auto;
                 max-width: 800px;
                 width: 96%;
                 height: auto;
                 border:4px solid;
                 border-top-color:#FFFFFF;
                 border-left-color:#FFFFFF;
                 border-right-color:#5F5F5F;
                 border-bottom-color:#5F5F5F;
                 border-radius: 8px;
                 -moz-border-radius: 8px;
                 -webkit-border-radius: 8px;
                 -ms-border-radius: 8px;
                 box-shadow: 0 0 4px 0px;
                 rgba (12, 3, 25, 0.8);
                 }


.linkeS  {width:8%; float:left; margin:1% 1% 1% 1%;}
#mitteS  {width:80%; float:left; margin:0% 0% 1% 0%;text-align:center;}
.rechteS {width:8%; float:right; margin:1% 1% 1% 1%;}
.tasten  {width:98%; height:auto; margin:0% 1% 1% 1%;}

.box1            {
                 display: inline;
                 text-align:center;
                 margin: 0 auto;
                 max-width: 111px;
                 width: 96%;
                 height: auto;
                 border:3px solid;
                 border-top-color:#FFFFFF;
                 border-left-color:#FFFFFF;
                 border-right-color:#5F5F5F;
                 border-bottom-color:#5F5F5F;
                 border-radius: 5px;
                 -moz-border-radius: 5px;
                 -webkit-border-radius: 5px;
                 -ms-border-radius: 5px;
                 box-shadow: 0 0 10px 0px;
                 rgba (12, 3, 25, 0.8);
                 }
.box1a           {
                 display: inline;
                 text-align:center;
                 margin: 0 auto;
                 max-width: 42px;
                 width: 96%;
                 height: auto;
                 border:3px solid;
                 border-top-color:#FFFFFF;
                 border-left-color:#FFFFFF;
                 border-right-color:#5F5F5F;
                 border-bottom-color:#5F5F5F;
                 border-radius: 5px;
                 -moz-border-radius: 5px;
                 -webkit-border-radius: 5px;
                 -ms-border-radius: 5px;
                 box-shadow: 0 0 10px 0px;
                 rgba (12, 3, 25, 0.8);
                 }
.box2            {
                 display: inline-block;
                 text-align:center;
                 margin: 0 auto;
                 max-width: 800px;
                 width: 96%;
                 height: auto;
                 border:3px solid;
                 border-top-color:#FFFFFF;
                 border-left-color:#FFFFFF;
                 border-right-color:#5F5F5F;
                 border-bottom-color:#5F5F5F;
                 border-radius: 5px;
                 -moz-border-radius: 5px;
                 -webkit-border-radius: 5px;
                 -ms-border-radius: 5px;
                 box-shadow: 0 0 10px 0px;
                 rgba (12, 3, 25, 0.8);
                 }
.box3            {
                 display: inline-block;
                 text-align:center;
                 margin: 8px;
                 max-width: 73px;
                 width: 96%;
                 height: auto;
                 border:1px solid;
                 border-top-color:#FFFFFF;
                 border-left-color:#FFFFFF;
                 border-right-color:#5F5F5F;
                 border-bottom-color:#5F5F5F;
                 border-radius: 5px;
                 -moz-border-radius: 5px;
                 -webkit-border-radius: 5px;
                 -ms-border-radius: 5px;
                 box-shadow: 0 0 10px 0px;
                 rgba (12, 3, 25, 0.8);
                 }

#zaehler         {
                 background-image: url("../grafik/zaehler.png");
                 background-repeat:no-repeat;
                 text-align:center;
                 margin:1% auto 0 auto;
                 border:3px solid;
                 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);
                 border-top-color:#FFFFFF;
                 border-left-color:#FFFFFF;
                 border-right-color:#5F5F5F;
                 border-bottom-color:#5F5F5F;
                 width: 89px;
                 height: 24px;
                 font-family: Tahoma,Trebuchet;
                 font-weight: normal;
                 font-size:12pt;
                 font-style: normal;
                 color: #FFFFFF;/*Schriftfarbe*/
                 padding-top:4px;
                 }

.text            {
                 display: inline-block;
                 font-family:ArialRounded MT Bold,Tahoma;
                 font-weight:normal;
                 font-size:11pt;
                 font-style:normal;
                 color:#0000FF;
                 padding:3px;
                 }