/*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)
                 {#bfd{display:none;}
                 }
@media screen and (max-width:1080px)
                 {#uebers{display:none;}
                 }
/*----------------------- */

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

#wrapper {
         background-image: url("../grafik/hg_holz.png");
         margin: 0 auto;
         max-width: 1050px;
         width: 96%;
         border: 3px solid #FFCEE7;/*Rand des wrapper*/
         border-top-color:#FFFFFF;/*Rand des wrapper*/
         border-left-color:#FFFFFF;/*Rand des wrapper*/
         border-right-color:#5F5F5F;/*Rand des wrapper*/
         border-bottom-color:#5F5F5F;/*Rand des wrapper*/
         -moz-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;
         }
#iwrapper {
         background: #CDC6B6;
         margin: 0 auto;
         max-width: 1000px;
         width: 96%;
         border: 3px solid #FFCEE7;/*Rand des wrapper*/
         border-top-color:#FFFFFF;/*Rand des wrapper*/
         border-left-color:#FFFFFF;/*Rand des wrapper*/
         border-right-color:#5F5F5F;/*Rand des wrapper*/
         border-bottom-color:#5F5F5F;/*Rand des wrapper*/
         -moz-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;
         }
.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%;}

.foto    {
         margin:0 auto;
         height:450px;
         width: auto;
         border:3px 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);
         }
.box1    {
         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;
         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);
         margin:0 1%;
         }
.box1a    {
         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;
         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);
         margin:4px;
         }
.box2   {
         display:inline-block;
         text-align:center;
         border:2px solid;
         border-top-color:#FFFFFF;
         border-left-color:#FFFFFF;
         border-right-color:#5F5F5F;
         border-bottom-color:#5F5F5F;
         border-radius:3px;
         -moz-border-radius:3px;
         -webkit-border-radius:6px;
         -ms-border-radius:3px;
         box-shadow:0 0 2px 0px;
         rgba (12, 3, 25, 0.8);
         margin:5px 10px;
         }
.uebers  {
         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;
         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);
         margin:1% 0;
         }
#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: 91px;
         height: 20px;
         font-family:Calibri,Tahoma,Trebuchet;
         font-weight:bold;
         font-size:11pt;
         font-style:italic;
         color:#FFFFFF;/*Schriftfarbe*/
         padding-top:4px;
         }
.text    {
         display: inline-block;
         font-family:'Sitka Text',Tahoma,Trebuchet;
         font-weight:bold;
         font-size:10pt;
         font-style:italic;
         color:#005900;
         margin:4px 0 6px 0;
         border:2px 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);
         background-color: #CDFFCC;
         border-top-color:#FFFFFF;
         border-left-color:#FFFFFF;
         border-right-color:#5F5F5F;
         border-bottom-color:#5F5F5F;
         width: 65%;
         height: 20px;
         }