/* 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 only screen and (max-width:760px)
                 {
                 #blf {display:none;}
                 }
@media only screen and (max-width:500px)
                 {
                 #ueb{display:none;}
                 }
/*@media only screen and (max-width:500px)
                 {
                 #fl2{display:none;}
                 }
@media only screen and (max-width:380px)
                 {
                 #z1{display:50%;}
                 }
@media only screen and (max-width:380px)
                 {
                 #z2{display:none;}
                 }
@media only screen and (max-width:380px)
                 {
                 #z3{display:none;}
                 }
@media only screen and (max-width:380px)
                 {
                 #z4{display:none;}
                 }*/

body             {
                 background-image: url("../grafik/hg2.png");
                 background-repeat:repeat;
                 background-attachment:fixed;
                 }
#wrapper         {
                 background-image: url("../grafik/hg1.jpg");
                 background-repeat:repeat-x;
                 text-align:center;
                 margin:-15px auto 0 auto;
                 max-width: 1100px;
                 width: 100%;
                 height: auto;
                 border: 4px solid;
                 border-top-color: #FFFFFF;
                 border-left-color: #B6B6B6;
                 border-right-color: #646464;
                 border-bottom-color: #242424;
                 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);
             /*    background-color:#CFCFCF;*/
                 padding:20px;
                 }
#iwrapper        {
                 background-image: url("../grafik/hg1.jpg");
                 background-repeat:repeat;
                 text-align:center;
                 margin:0 auto;
                 max-width: 1100px;
                 width: 100%;
                 height: auto;
                 border: 4px solid;
                 border-top-color: #FFFFFF;
                 border-left-color: #B6B6B6;
                 border-right-color: #646464;
                 border-bottom-color: #242424;
                 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);
                 background-color:#CFCFCF;
                 padding:20px;
                 }
.box1            { /*tasten*/
                 display: inline;
                 max-width: 89px;
                 width: 100%;
                 border: 3px solid;
                 border-top-color:#FFFFFF;
                 border-left-color: #B6B6B6;
                 border-right-color: #646464;
                 border-bottom-color:#242424;
                 border-radius: 4px;
                 -moz-border-radius: 4px;
                 -webkit-border-radius: 4px;
                 -ms-border-radius: 4px;
                 box-shadow: 0 0 8px 0px;
                 rgba (12, 3, 25, 0.8);
                 margin:6px 6px;
                 }
.box1a            { /*tasten*/
                 display: inline;
                 max-width: 45px;
                 width: 100%;
                 border: 3px solid;
                 border-top-color:#FFFFFF;
                 border-left-color: #B6B6B6;
                 border-right-color: #646464;
                 border-bottom-color:#242424;
                 border-radius: 4px;
                 -moz-border-radius: 4px;
                 -webkit-border-radius: 4px;
                 -ms-border-radius: 4px;
                 box-shadow: 0 0 8px 0px;
                 rgba (12, 3, 25, 0.8);
                 margin:6px 6px;
                 }
.box2            { /*überschrift*/
                 display: inline-block;
                 text-align: center;
                 max-width: 840px;
                 width: 100%;
                 border: 2px solid;
                 border-top-color:#FFFFFF;
                 border-left-color: #B6B6B6;
                 border-right-color: #646464;
                 border-bottom-color:#242424;
                 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:2px;
                 }
.box3           { /*überschrift*/
                 display: inline-block;
                 text-align: center;
                 max-height: 44px;
                 height: 100%;
                 max-width: 100%;
                 width:auto;
                 border: 2px solid;
                 border-top-color:#FFFFFF;
                 border-left-color: #B6B6B6;
                 border-right-color: #646464;
                 border-bottom-color:#242424;
                 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:2px;
                 }
.foto            {
                 display: block;
                 margin:0 auto;
                 max-height: 473px;
                 height: 100%;
                 max-width: 100%;
                 width:auto;
                 border: 3px solid;
                 border-top-color:#FFFFFF;
                 border-left-color: #B6B6B6;
                 border-right-color: #646464;
                 border-bottom-color:#242424;
                 border-radius: 6px;
                 -moz-border-radius: 6px;
                 -webkit-border-radius: 6px;
                 -ms-border-radius: 6px;
                 box-shadow: 0 0 12px 0px;
                 rgba (12, 3, 25, 0.8);
                 }
#zaehler         {
                 background-image: url("../grafik/zaehler.png");
                 text-align:center;
                 margin:0 auto;
                 border: 3px solid;
                 border-top-color:#FFFFFF;
                 border-left-color: #B6B6B6;
                 border-right-color: #646464;
                 border-bottom-color:#242424;
                 border-radius: 4px;
                 -moz-border-radius: 4px;
                 -webkit-border-radius: 4px;
                 -ms-border-radius: 4px;
                 box-shadow: 0 0 8px 0px;
                 rgba (12, 3, 25, 0.8);
                 width: 80px;
                 height: 20px;
                 line-height: 15px;
                 font-family: Comic Sans MS,Arial,Arial,Tahoma;
                 font-weight: bold;
                 font-size: 11pt;
                 font-style: normal;
                 color: #000000;
                 padding-top:3px;
                 }
#nav             {
                 margin:1% auto;
                 background-color:transparent;
                 width:100%;
                 }

 /*#block           {
                background-color: red;
                 background-image: url("../grafik/sblock2.gif");
                 background-repeat:repeat-y;
                 width:55%;
                 margin: 0 auto;
                 padding-top:16px;
                 padding-bottom:12px;
                 } */

/*#ueber           {
                 width:49%;
                 position:relative;
                 margin:10px auto;
                 background-color:transparent;
                 padding:5px;
                 }*/