/*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) /*Der Blaue Faden verschwindet */
                 {xxxxxx{display:none;}}
@media screen and (max-width:876px) /*Die Überschrift verschwindet*/
                 {xxxxx{display:none;}}
@media screen and (max-width:1080px) /*Der text verschwindet*/
                 {#text{display:none;}}


body             {
                 background-image: url("../grafik/hghf.png");
                 background-repeat: no-repeat;
                 }
#wrapper         {
                 background-image: url("../grafik/klinker.png");
                 background-repeat:no-repeat;
                 margin: 0 auto;
                 text-align: center;
                 max-width: 1000px;
                 width: 100%; /*width: 98%;bezieht sich auf % der Seitenbreite */
                 width: auto;
                 height: auto;
                 border: 5px solid #FFFFFF;
                 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);
                 }
#iwrapper        {
                 background-image: url("../grafik/klinker.png");
                 background-repeat:repeat;
                 margin: 8% auto 0 auto;
                 text-align:center;
                 max-width: 1000px;
                 width: 96%;
                 height: auto;
                 border: 5px solid #FFFFFF;
                 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:10px;
                 }
#foto           {
                 display: inline-block;
                 margin: 1% auto;
                 text-align: center;
                 max-width: 96%;
                 width: 100%;
                 width: auto;
                 height: auto;
                 border: 2px solid #FFFFFF;
                 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);
                 }
#blfd            {
                 margin: 0 auto;
                 max-width: 100%;
                 width: 100%;
                 width: auto;
                 height: auto;
                 }
#uebers          {
                 display: inline-block;
                 margin: 1% 3%;
                 text-align: center;
                 max-width: 96%;
                 width: 100%;
                 width: auto;
                 height: auto;
                 border: 2px solid #FFFFFF;
                 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);
                 }
/*.box1            {
                 display: inline-block;
                 text-align:center;
                 max-width: 100%;
                 width: 100%;
                 width: auto;
                 height: auto;
                 border: 2px solid;
                 border-top-color:#FFFFFF;
                 border-left-color:#FFFFFF;
                 border-right-color:#5F5F5F;
                 border-bottom-color:#5F5F5F;
                 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: 4px;
                 }*/
.box2            {
                 display: inline-block;
                 text-align:center;
                 margin: 0 4px;
                 max-width: 111px;
                 width: 100%;
                 width: auto;
                 height: auto;
                 border: 2px solid;
                 border-top-color: #FFFFFF;
                 border-left-color: #FFFFFF;
                 border-right-color: #5F5F5F;
                 border-bottom-color: #5F5F5F;
                 border-radius: 5px;
                 -moz-border-radius: 5px;
                 -webkit-border-radius: 5px;
                 -ms-border-radius: 5px;
                 box-shadow: 0 0 2px 0px;
                 rgba (12, 3, 25, 0.8);
                 }
.box2a            {
                 display: inline-block;
                 text-align:center;
                 margin: 0 4px;
                 max-width: 46px;
                 width: 100%;
                 width: auto;
                 height: auto;
                 border: 2px solid;
                 border-top-color: #FFFFFF;
                 border-left-color: #FFFFFF;
                 border-right-color: #5F5F5F;
                 border-bottom-color: #5F5F5F;
                 border-radius: 5px;
                 -moz-border-radius: 5px;
                 -webkit-border-radius: 5px;
                 -ms-border-radius: 5px;
                 box-shadow: 0 0 2px 0px;
                 rgba (12, 3, 25, 0.8);
                 }
.box5            {
                 display: inline-block;
                 text-align:center;
                 max-width: 100%;
                 width: 100%;
                 width: auto;
                 height: auto;
                 border: 2px solid;
                 border-top-color: #FFFFFF;
                 border-left-color: #FFFFFF;
                 border-right-color: #5F5F5F;
                 border-bottom-color: #5F5F5F;
                 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: 4px;
                 }
#zaehler         {
                 background-image: url("../grafik/zaehler.png");
/*                 background-repeat: no-repeat;*/
                 text-align: center;
                 margin: 5px auto;
                 max-width: 111px;
                 width: 100%;
                 width: auto;
                 height: auto;
                 color: #FFFFFF;
                 border: 2px solid;
                 border-top-color:#FFFFFF;
                 border-left-color:#FFFFFF;
                 border-right-color:#5F5F5F;
                 border-bottom-color:#5F5F5F;
                 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);
                 font-family: Arial,Tahoma,Trebuchet;
                 font-weight: bold;
                 font-size: 13px;
                 padding:5px 0 3px 0;
                 }
.text            {
                 font-family:ArialRounded MT Bold,Tahoma;
                 font-weight:normal;
                 font-size:11pt;
                 font-style:normal;
                 color:#FFFF00;
                 }