/*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:800px)
                {#eins
                {display:none;}
                }
/*@media screen and (max-width:900px)
                {#uebers
                {display:none;}
                }
/*@media screen and (max-width:800px)
                {#ueber2
                {display:none;}
                }*/
/*----------------------- */
body             {
                 display: block;
                 text-align:center;
                 background-image: url("../grafik/hg-ziegel.jpg");
                 background-repeat:repeat;
                 }
#wrapper         {
                 background-image: url("../grafik/wrapper.png");
                 background-repeat: repeat;
                 background-size cover;
                 text-align:center;
                 margin: 0 auto;
                 max-width: 970px;
                 width: 100%;
                 width: auto;
                 height: auto;
                 border: 3px solid #000000;
                 -moz-border-radius: 10px;
                 border-radius: 10px;
                 box-shadow: 0 0 10px 0px;
                 rgba (12, 3, 25, 0.8);
                 padding: 4px;
                 }
#iwrapper        {
                 background-color:  #DEB887;
                 text-align:center;
                 margin: 0 auto;
                 max-width: 970px;
                 width: 100%;
                 width: auto;
                 height: auto;
                 border: 3px solid ;
                 -moz-border-radius: 10px;
                 border-radius: 10px;
                 box-shadow: 0 0 10px 0px;
                 rgba (12, 3, 25, 0.8);
                 padding: 4px;
                 }
.titel           {
                 display: inline-block;
                 text-align: center;
                 margin: 21px auto;
                 max-width: 100%;
                 width: 96%;
                 width: auto;
                 height: auto;
                 border: 2px solid #005F00;
                 border-radius: 6px;
                 -moz-border-radius: 6px;
                 -webkit-border-radius: 6px;
                 -ms-border-radius: 6px;
                 }
.wp              {
                 margin: 10px 25px;
                 background-color: #009090;
                 }
#blfd            {
                 text-align: center;
                 margin: 0 auto 30px auto;
                 max-width: 100%;
                 width: 100%;
                 height: 100%;
                 width: auto;
                 height: auto;
                 }
#foto            {
                 text-align:center;
                 margin: 0 auto;
                 max-width: 100%;
                 width: 96%;
                 width: auto;
                 height:auto;
                 border: 3px solid #005F00;
                 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);
                 }
.box1            {
                 display: inline-block;
                 text-align: center;
                 margin:auto 1%;
                 width: 111px;
                 max-width: 96%;
                 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;
                 }
.box2            {
                 display: inline-block;
                 text-align:center;
                 margin: 5px 5px 3px 5px;
                 border: 2px solid #005F00;
                 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);
                 }
.box3            {
                 display: inline-block;
                 text-align:center;
                 margin: 5px 10px 5px;
                 border: 1px solid #005F00;
                 border-radius: 3px;
                 -moz-border-radius: 3px;
                 -webkit-border-radius: 3px;
                 -ms-border-radius: 3px;
                 box-shadow: 0 0 2px 0px;
                 rgba (12, 3, 25, 0.8);
                 }
#zaehler         {
                 background-image: url("../grafik/zaehler.png");
                 background-repeat:no-repeat;
                 background-size: cover;
                 text-align:center;
                 margin:1% auto;
                 max-width: 89px;
                 width: 90%;
                 width: auto;
                 height: auto;

                 border: 2px solid #005F00;
                 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);

                 font-family: Bahnschrift,Tahoma,Trebuchet;
                 font-weight:bold;
                 font-size:12px;
                 font-style: italic;
                 color: #FFFF00;
                 padding:4px;
                 }
.text            {
                 font-family: Corbel,Tahoma;
                 font-weight:normal;
                 font-size:14pt;
                 font-style:normal;
                 color:#FFFF00;
                 }