 /*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.jpg");background-repeat:repeat;}

#wrapper {background: #FF7F00;
         margin: 0 auto;
         max-width: 1050px;
         width: 96%;
         border: 4px solid #67ac59;
         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;
         }
#iwrapper {
         background: #FF7F00;
         margin: 3% auto 0 auto;
         width: 50%;
         max-width: 96%;
         height: auto;
         border: 4px solid #67ac59;
         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;*/
         }
#foto    {
         margin: 0 auto;
         max-width: 750px;
         width: 100%;
         -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);
         }
.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 #67ac59;
/*         border-top-color:#FFFFFF;
         border-left-color:#FFFFFF;
         border-right-color:#5F5F5F;
         border-bottom-color:#5F5F5F;*/
         -moz-border-radius: 4px;
         -webkit-border-radius: 4px;
         -ms-border-radius: 4px;
         box-shadow: 0 0 4px 0px
         rgba (12, 3, 25, 0.8);
         margin: 0 6px;
         }
.box2    {
         display: inline;
         text-align:center;
         border: 4px solid #FFFF00;
         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);
         margin: 6px;
         }
.box3    {
         display: inline;
         text-align:center;
         border:3px solid #67ac59;
         border-radius: 5px;
         -moz-border-radius: 5px;
         -webkit-border-radius: 5px;
         -ms-border-radius: 5px;
         box-shadow: 0 0 3px 0px
         rgba (12, 3, 25, 0.8);
         margin: 6px;
         }
.box4    {
         display: block;
         border: 4px solid #67ac59;
         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: 0 auto;
         }
#counter {
         display: block;
         text-align:center;
         border:3px solid #67ac59;
         width: 90px;
         height: 22px;
         background-color: #c0c0c0;/*Hintergrund*/
         text-decoration: none;
         margin-left:47%;
         }
.counter {
         display:block;
         text-align:center;
         font-family: Tahoma,Arial;
         font-weight: bold;
         font-size: 14px;
         font-style: normal;
         color: #0000ff;/*Schriftfarbe*/
         padding-top:2px;
         }
.text    {
         font-family:ArialRounded MT Bold,Tahoma;
         font-weight:normal;
         font-size:11pt;
         font-style:normal;
         color:#FFFF00;
         }