/*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_pad07.jpg");background-repeat:x;background-attachment:fixed;}

#wrapper {background-image: url("../grafik/planke.jpg");
         margin: 0 auto;
         max-width: 1050px;
         width: 96%;
         border: 6px solid #00AFAF;/*Rand des wrapper*/
         -moz-border-radius: 10px;
         -webkit-border-radius: 10px;
         -ms-border-radius: 10px;
         border-radius: 10px;
         box-shadow: 0 0 15px 0px
         rgba (12, 3, 25, 0.8);
         padding: 4px;
         height: auto;
         text-align:center;
         }
#wrapper_index {background-image: url("../grafik/planke.jpg");
         margin: 0 auto;
         max-width: 1050px;
         width: 96%;
         border: 4px solid #00AFAF;/*Rand des index-wrappers*/
         -moz-border-radius: 10px;
         -webkit-border-radius: 10px;
         -ms-border-radius: 10px;
         border-radius: 10px;
         box-shadow: 0 0 10px 0px
         rgba (12, 3, 25, 0.8);
         padding: 4px;
         height: auto;
         text-align:center;
         }
#blfaden{
         margin:0 auto;
         max-width:98%;
         height: auto;
         width: auto;
         }

#bigimage{
         margin:0px auto 10px auto;
         max-width:98%;
         height: auto;
         width: auto;
         }

#foto    {
         border:5px solid #00AFAF; /*Rand des Fotos*/
         margin: 0 auto;
         width: 80%;
         max-width: 900px;
         -moz-border-radius: 10px;
         border-radius: 10px;
         box-shadow: 0 0 10px 0px;
         rgba (12, 3, 25, 0.8);
         background-color: #FF0000;
         }
.foto    {
         border:5px solid #00AFAF;
         -moz-border-radius: 2px;
         -webkit-border-radius:2px;
         -ms-border-radius: 2px;
         border-radius: 2px;
         box-shadow: 0 0 12px 0px;
         rgba (12, 3, 25, 0.8);
         background-color: #FF0000;
         }


.balken1 { margin: 1.5% auto; border:3px inset; width: 85%; background-color: #FFFF00;height:0.2em;}
.balken2 { margin: 1% auto -0.4% auto; border:3px inset; width: 85%; background-color: #FFFF00;height:0.2em;}

.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%;}

.tasten    {
         border:3px solid;
         border-top-color:#FFFFFF;
         border-left-color:#FFFFFF;
         border-right-color:#5F5F5F;
         border-bottom-color:#5F5F5F;
         margin: 1% auto;
                  max-width:98%;
         height: auto;
         width: auto;
         -moz-border-radius: 2px;
         -webkit-border-radius:2px;
         -ms-border-radius: 2px;
         border-radius:2px;
         box-shadow: 0 0 5px 0px;
         rgba (12, 3, 25, 0.9);
         text-decoration:none;
         background-color: #c0c0c0;
         }
#foto1   {
         border:2px solid;
          border-top-color:#FFFFFF;
          border-left-color:#FFFFFF;
          border-right-color:#5F5F5F;
          border-bottom-color:#5F5F5F;
          margin: 1% auto;
          -moz-border-radius: 2px;
          -webkit-border-radius:2px;
          -ms-border-radius: 2px;
          border-radius:2px;
          box-shadow: 0 0 5px 0px;
          rgba (12, 3, 25, 0.9);
          text-decoration:none;
          width:70px;
          background-color: #c0c0c0;
          }
.foto2   {
         margin: 0 auto;
         max-width: auto;
         -moz-border-radius: 4px;
         -webkit-border-radius: 4px;
         -ms-border-radius: 4px;
         border-radius: 4p;;
         box-shadow: 0 0 10px 0px;
         rgba (12, 3, 25, 0.8);
         }
.foto3   {
         margin: 0 auto;
         max-width: auto;
         -moz-border-radius: 4px;
         -webkit-border-radius: 4px;
         -ms-border-radius: 4px;
         border-radius: 4p;;
         }
#counter {
         display: block;
         text-align:center;
         border:3px solid;
         border-top-color:#FFFFFF;
         border-left-color:#FFFFFF;
         border-right-color:#5F5F5F;
         border-bottom-color:#5F5F5F;
         width: 125px;
         height: 28px;
         background-color: #0080C0;/*Hintergrund*/
         text-decoration: none;
         margin: auto;
         }
.counter {
         display:block;
         font-family: 'ArialRounded MT Bold',Tahoma;
         font-weight: normal;
         font-size: 14px;
         font-style: normal;
         color: #FFFF00;/*Schriftfarbe*/
         padding-top:5px;
         }
.text    {
         font-family:ArialRounded MT Bold,Tahoma;
         font-weight:normal;
         font-size:11pt;
         font-style:normal;
         color:#0080ff;
         }

#zaehler1{          border:3px solid;
          border-top-color:#FFFFFF;
          border-left-color:#FFFFFF;
          border-right-color:#5F5F5F;
          border-bottom-color:#5F5F5F;
          margin: 0.2% auto 1.7% auto;
          padding:0 1%;
          -moz-border-radius: 2px;
          -webkit-border-radius:2px;
          -ms-border-radius: 2px;
          border-radius:2px;
          box-shadow: 0 0 5px 0px;
          rgba (12, 3, 25, 0.9);
          text-decoration:none;
          background-color: #00afaf;
          width:70px;
          height:20px;
          }
.zaehler {
         font-family:Arial rounded bold,Tahoma,sans serif;
         font-weight:bold;
         font-size:10pt;
         color:#FFFF00;
         }