a:link           {  text-decoration:none; color:#FFFFFF}
a:visited        {  text-decoration:none; color:#FFFFFF}
a:hover          {  text-decoration:none;  background-color: transparent;}
a:active         {  text-decoration:none;  background-color: transparent; color:#FFFF00 }

@media only screen and (max-width:500px)
                 {#eins{display:none;}}
@media only screen and (max-width:800px)
                 {#zwei{display:none;}}
/*@media only screen and (max-width:500px)
                 {#drei{display:none;}}
@media only screen and (max-width:500px)
                 {#vier{display:none;}}
@media only screen and (max-width:500px)
                 {#fuenf{display:none;}}
@media only screen and (max-width:800px)
                 {#sechs{display:none;}}*/

body             {
                 /*background-color: #027CAF;*/
                 background-image: url("../grafik/hg.jpg");
                 background-repeat: no-repeat;
                 background-attachment: fixed;
                 }
#wrapper         {

                 background-image: url("../grafik/hg_holz.png");
                 background-repeat:repeat;
                 margin: 20px auto 0 auto;
                 text-align: center;
                 max-width: 1000px;
                 width: 96%;
                 height: auto;
                 border: 3px solid;
                 border-top-color:#4F4F4F;
                 border-left-color:#000000;
                 border-right-color:#FFFFFF;
                 border-bottom-color:#D8D8D8;
                 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;
                 }
#iwrapper        {
                 background-image: url("../grafik/hg_holz.png");
                 background-repeat:repeat;
                 margin: 0 auto;
                 text-align:  center;
                 max-width: 1000px;
                 width: 96%;
                 height: auto;
                 border: 3px solid;
                 border-top-color:#4F4F4F;
                 border-left-color:#000000;
                 border-right-color:#FFFFFF;
                 border-bottom-color:#D8D8D8;
                 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;;
                 }
.foto            {
                 text-align: center;
                 margin: 0 auto;
                 max-width: 100%;
                 height: auto;
                 width: auto;
                 border: 2px solid;
                 border-top-color:#4F4F4F;
                 border-left-color:#000000;
                 border-right-color:#FFFFFF;
                 border-bottom-color:#D8D8D8;
                 border-radius: 5px;
                 -moz-border-radius: 5px;
                 -webkit-border-radius: 5px;
                 -ms-border-radius: 5px;
                 box-shadow: 0 0 2.5px 0px;
                 rgba (12, 3, 25, 0.8);
                 }
#ueb             {
                 text-align: center;
                 margin: 10px auto;
                 width: 80%;
                 font-family: Bahnschrift,Arial,Tahoma,Trebuchet;
                 font-weight: bold;
                 font-size: 13pt;
                 font-style: normal;
                 color: #FFFFFF;
                 border: 2px solid #FFFFFF;
                 border-top-color:#4F4F4F;
                 border-left-color:#000000;
                 border-right-color:#FFFFFF;
                 border-bottom-color:#D8D8D8;
                 border-radius:5px;
                 -moz-border-radius:5px;
                 -webkit-border-radius:5px;
                 -ms-border-radius:5px;
                 box-shadow: 0 0 5px 0px;
                 rgba (12, 3, 25, 0.8);
                 padding:4px;
                 background: #027CAF;
                 text-shadow: 1px 1px 1px  rgba(0,0,0,0.7);
                 }
.box1            {
                 display: inline-block;
                 text-align-center;
                 margin: 0 auto;
                 max-height: 450px;
                 width: auto;
                 color: #FFFFFF;
                 border: 3px solid #FFFFFF;
                 border-top-color:#4F4F4F;
                 border-left-color:#000000;
                 border-right-color:#FFFFFF;
                 border-bottom-color:#D8D8D8;
                 border-radius: 4px;
                 -moz-border-radius: 4px;
                 -webkit-border-radius: 4px;
                 -ms-border-radius: 4px;
                 box-shadow: 0 0 2px 0px;
                 rgba (12, 3, 25, 0.8);
                 background: transparent;
                 }
.box2            {
                 max-width: 90px;
                 width: 100%;
                 height: auto;
                 border: 2px solid #FFFFFF;
                 border-top-color:#4F4F4F;
                 border-left-color:#000000;
                 border-right-color:#FFFFFF;
                 border-bottom-color:#D8D8D8;
                 color: #FFFFFF;
                 border-radius: 5px;
                 -moz-border-radius: 5px;
                 -webkit-border-radius: 5px;
                 -ms-border-radius: 5px;
                 box-shadow: 0 0 5px 0px;
                 rgba (12, 3, 25, 0.8);
                 background: transparent;
                 width: 70%;
                 text-shadow: 3px 3px 2px  rgba(0,0,0,0.7);
                 margin: 0 10px;
                 }
.box2a           {
                 max-width: 40px;
                 width: 100%;
                 height: auto;
                 border: 2px solid;
                 border-top-color:#4F4F4F;
                 border-left-color:#000000;
                 border-right-color:#FFFFFF;
                 border-bottom-color:#D8D8D8;
                 color: #FFFFFF;
                 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);
                 background: transparent;
                 width: 70%;
                 margin: 5px 10px 0 0;
                 }
.box3            {
                 width: auto;
                 height: auto;
                 border: 2px solid;
                 border-top-color:#4F4F4F;
                 border-left-color:#000000;
                 border-right-color:#FFFFFF;
                 border-bottom-color:#D8D8D8;
                 color: #FFFFFF;
                 border-radius: 3px;
                 -moz-border-radius: 5px;
                 -webkit-border-radius: 5px;
                 -ms-border-radius: 5px;
                 box-shadow: 0 0 5px 0px;
                 rgba (12, 3, 25, 0.8);
                 background: transparent;
                 text-shadow: 3px 3px 2px  rgba(0,0,0,0.7);
                 margin: 5px;
                 }
#zaehler         {
                 display: inline-block;
                 background-image: url("../grafik/zaehler.png");
                 background-repeat:no-repeat;
                 text-align:center;
                 margin:1% auto 0 auto;
                 max-width: 91px;
                 width: 100%;
                 width: auto;
                 height: auto;
                 color: #FFFFFF;
                 border: 2px solid #FFFFFF;
                 border-top-color:#4F4F4F;
                 border-left-color:#000000;
                 border-right-color:#FFFFFF;
                 border-bottom-color:#D8D8D8;
                 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);
                 font-family:Bahnschrift,Arial,Tahoma,Trebuchet;
                 font-weight: bold;
                 font-size: 13px;
                 padding-top:4px;
                 }
.bu              {
                 font-family: Bahnschrift,Arial,Tahoma,Trebuchet;
                 font-weight: bold;
                 font-size: 14px;
                 color:white;
                 text-shadow: 1px 1px 1px  rgba(0,0,0,0.7);
                 }
.bu2             {
                 display: block;
                 text-align:center;
                 margin: 0 auto;
                 line-height: 20px;
                 width: 80%;
                 background-color: #027CAF;
                 font-family: Bahnschrift,Arial,Tahoma,Trebuchet;
                 font-weight: bold;
                 font-size: 14px;
                 text-shadow: 1px 1px 1px  rgba(0,0,0,0.7);
                 border: 2px solid #FFFFFF;
                 color: #FFFFFF;
                 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);
                 }
.box-fl          {
                 max-width:35px;
                 width: 100%;
                 height: auto;
                 padding: 5px 3.6%;
                 }