/*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:1080px) /*Der Blaue Faden verschwindet */
                 {#bfaden{
                 display:none;}
                 }
@media screen and (max-width:1080px) /*Die Trennbalken verschwinden*/
                 {#balken-1{
                 display:none;}
                 }
@media screen and (max-width:1080px) /*Die Überschrift verschwindet*/
                 {#uebers{
                 display:none;}
                 }

#bigimage        {
                 margin:0px auto 0px auto;
                 max-width:98%;
                 height: auto;
                 width: auto;
                 }
body             {
                 background-image: url("../grafik/hgw.jpg");
                 background-repeat:repeat-x;
                 }

#wrapper         {
/*                 background-image: url("../grafik/hgi.jpg");
                 background-repeat:repeat;*/
                 background-color:wheat;
                 margin: 0 auto;
                 width: 60%;
                 border: 4px solid #FFFFFF;/*Rand des wrapper*/
                 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: 4px;
                 height: auto;
                 text-align:center;
                 }
#iwrapperxxxxx        {
/*                 background-image: url("../grafik/hgi.jpg");
                 background-repeat:repeat;*/
                 background-color:wheat;
                 text-align:center;
                 margin: 0 auto;
                 max-width: auto;
                 width: 36%;
                 height: auto;
                 border: 4px solid #FFFFFF;/*Rand des wrapper*/
                 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: 4px;
                 }

#balken-1        {
                 background-color: #009F00;
                 margin: 1% auto 1% auto;
                 width: 80%;
                 height:6px;
                 }
#balken-2        {
                 background-color: #FFBF00;
                 margin: 1% auto 1% auto;
                 width: 65%;
                 height:6px;
                 }
#balken-i        {
                 background-color: #FFBF00;
                 margin: 1% auto 1% auto;
                 width: 80%;
                 height:6px;
                 }
.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%;}
#bigimage        {
                 margin: 0 auto;
                 height: auto;
                 width: auto;
                 }
.foto            {
                 display: inline-block;
                 text-align:center;
                 margin: 0 auto;
/*                 max-width: auto;
                 max-height: auto*/;
                 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;
                 margin: 0 auto;
                 border:3px solid;
                 border-top-color:#FFFFFF;
                 border-left-color:#FFFFFF;
                 border-right-color:#5F5F5F;
                 border-bottom-color:#5F5F5F;
                 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;
                 border:3px solid;
                 border-top-color:#FFFFFF;
                 border-left-color:#FFFFFF;
                 border-right-color:#5F5F5F;
                 border-bottom-color:#5F5F5F;
                 margin:5px;
                 }
#zaehler         {
                 background-image: url("../grafik/zaehler.png");
                 margin: 1% auto 0 auto;
                 width: 90px;
                 height: 25px;
                 text-align:center;
                 border:3px solid;
                 border-top-color:#FFFFFF;
                 border-left-color:#FFFFFF;
                 border-right-color:#5F5F5F;
                 border-bottom-color:#5F5F5F;
                 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         {
                 display: inline-block;
                 font-family: Calibri,Arial,Tahoma;
                 font-weight: bold;
                 font-size: 11pt;
                 font-style: normal;
                 color: #FFFFFF;
                 padding-top:4px;
                 }
.text            {
                 font-family: ArialRounded MT Bold,Tahoma;
                 font-weight:bold;
                 font-size:11pt;
                 font-style:normal;
                 color:#FF00FF;
                 }