/*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; }*/

body     {background-image: url("../grafik/hg.png");background-repeat:repeat;}

#wrapper         {
                 background-color: transparent;
                 margin: 0 auto;
                 width: 60%;
                 max-width: 98%;
                 height: auto;
                 /*border: 4px solid #CFCF00;Rand des wrapper
                 border-radius: 10px;
                 -moz-border-radius: 10px;
                 box-shadow: 0 0 10px 0px;
                 rgba (12, 3, 25, 0.8);*/
                 padding: 4px;
                 text-align:center;
                 }
#iwrapper        {
                 background-color: transparent;
                 margin: 0 auto;
                 max-width: 1000px;
                 width: 96%;
                 height: auto;
                 /*border: 4px solid #CFCF00;/*Rand des wrapper
                 -moz-border-radius: 10px;
                 border-radius: 10px;
                 box-shadow: 0 0 10px 0px
                 rgba (12, 3, 25, 0.8);*/
                 padding: 4px;
                 text-align:center;
                 }

#bigimage{
         margin:0px auto 10px auto;
         max-width:98%;
         height: auto;
         width: auto;
         }
.foto1    {
        /* border: 4px solid #CFCF00;Rand des wrapper*/
         -moz-border-radius: 5px;
         border-radius: 5px;
         box-shadow: 0 0 10px 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;
                 border:3px solid;
                 border-top-color:#FFFFFF;
                 border-left-color:#FFFFFF;
                 border-right-color:#000000;
                 border-bottom-color:#000000;
                 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);
                 }

#zaehler         {
                 background-image: url("../grafik/zaehler.png");
                 text-align:center;
                 border:3px solid;
                 border-top-color:#FFFFFF;
                 border-left-color:#FFFFFF;
                 border-right-color:#000000;
                 border-bottom-color:#000000;
                 width: 80px;
                 height: 20px;
                 font-family: Tahoma,Calibri,Arial;
                 font-weight: normal;
                 font-size: 10pt;
                 font-style: normal;
                 color: #0060FF;
                 margin:0 auto;
                 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);
                 }

.counter {
         display:block;
         font-family: 'ArialRounded MT Bold',Tahoma;
         font-weight: bold;
         font-size: 14px;
         font-style: normal;
         color: #0000FF;/*Schriftfarbe*/
         padding-top:10px;
         width: 111px;
         height: 28px;
         }

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