/*Die Buchstabenumrahmung:
.text-shadow        {1px 1px 0 black}/*unten rechts
                {-1px 1px 0 black}/*unten links
                {1px -1px 0 black}/*oben rechts
                {-1px -1px 0 black}/*oben rechts*/



/*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:750px)
                {#eins{display:none;}}
@media screen and (max-width:800px)
                {#xxxx{display:none;}}
@media screen and (max-width:800px)
                {#xxxx{display:none;}}*/

body                {
                 background-image: url("../grafik/hg.bmp");
                 background-repeat: repeat;
                 background-size: cover;
                 }
#wrapper         {
                 background-image: url("../grafik/wrapper.png");
                 background-repeat: repeat;
                 /*background-size: cover;*/
                 text-align: center;
                 margin: 0 auto;
                 max-width: 1000px;
                 width: 100%;
                 width: auto;
                 height: auto;
                 border: 4px 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: url("../grafik/wrapper.png");
                 background-repeat: repeat;
                 text-align: center;
                 margin: 0 auto;
                 max-width: 1000px;
                 width: 100%;
                 width: auto;
                 height: auto;
                 border: 4px solid #FFFFFF;
                 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);
                 }
#titel           { /*Titel*/
                 display: inline-block;
                 text-align: center;
                 margin: 25px auto;
                 max-width: 100%;
                 width: 90%;
                 width: auto;
                 height: auto;
                 }
.wp              {
                 margin: 10px 25px;
                 }
#blfd            {
                 margin: 0 auto 30px auto;
                 max-width: 100%;
                 width: 100%;
                 height: 100%;
                 width: auto;
                 height: auto;
                 }
#foto            {
                 display:inline-block;
                 margin:0 auto;
                 max-width:98%;
                 width: 100%;
                 width: auto;
                 height: auto;
                 border: 3px solid #FFFFFF;
                 border-radius: 8px;
                 -moz-border-radius: 8px;
                 -webkit-border-radius: 8px;
                 -ms-border-radius: 8px;
                 box-shadow: 0 0 4px 0px;
                 rgba (12, 3, 25, 0.8);
                 }
.box1           {
                display: inline-block;
                text-align: center;
                margin: 0 auto;
                max-width: 100%;
                width: 100%;
                width: auto;
                height: auto;
                border: 2px solid;/*solid, dotted, dashed, double, groove, ridge, inset, outset, none, hidden*/
                 border-top-color:#FFFFFF;
                 border-left-color:#DFDFDF;
                 border-right-color:#4F4F4F;
                 border-bottom-color:#1F1F1F;
                border-radius: 6px;
                -moz-border-radius: 6px;
                -webkit-border-radius: 6px;
                -ms-border-radius: 6px;
                box-shadow:0, 0, 3px, 0px;
                rgba (0, 0, 0, 0.8);
                }
.box2           {
                 display: inline-block;
                 text-align: center;
                 margin: 8px 5px 0 auto;
                 max-width: 100%;
                 width: 100%%
                 width: auto;
                 height: auto;
                 border: 2px solid wheat;
                 border-radius: 6px;
                 -moz-border-radius: 6px;
                 -webkit-border-radius: 6px;
                 -ms-border-radius: 6px;
                 box-shadow: 0 0 10px 0px;
                 rgba (12, 3, 25, 0.8);
                 }
.box1           {/*Navigationstasten, kein box2a oder box1a vonnöten!*/
                display: inline-block;
                text-align: center;
                margin: 0 auto;
                max-width: 100%;
                width: 100%;
                width: auto;
                height: auto;
                border: 2px solid;/*solid, dotted, dashed, double, groove, ridge, inset, outset, none, hidden*/
                 border-top-color:#FFFFFF;
                 border-left-color:#DFDFDF;
                 border-right-color:#4F4F4F;
                 border-bottom-color:#1F1F1F;
                border-radius: 6px;
                -moz-border-radius: 6px;
                -webkit-border-radius: 6px;
                -ms-border-radius: 6px;
                box-shadow:0, 0, 3px, 0px;
                rgba (0, 0, 0, 0.8);
                }
.box1           {/*YBZ*/
                display: inline-block;
                text-align: center;
                margin: 0 auto;
                max-width: 100%;
                width: 100%;
                width: auto;
                height: auto;
                border: 2px solid;/*solid, dotted, dashed, double, groove, ridge, inset, outset, none, hidden*/
                 border-top-color:#FFFFFF;
                 border-left-color:#DFDFDF;
                 border-right-color:#4F4F4F;
                 border-bottom-color:#1F1F1F;
                border-radius: 6px;
                -moz-border-radius: 6px;
                -webkit-border-radius: 6px;
                -ms-border-radius: 6px;
                box-shadow:0, 0, 3px, 0px;
                rgba (0, 0, 0, 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: 100%;
                 width: auto;
                 height: auto;

                 border: 3px solid wheat;
                 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);

                 font-family: 'Comic Sans MS',Tahoma,Trebuchet;
                 font-weight: bold;
                 font-size: 13px;
                 font-style: italic;
                 color: #FFFFFF;
                 padding: 3px;
                 }
.text            {
                 display:inline-block;
                 font-family: Arial,bahnschrift,Tahoma;
                 font-weight:bold;
                 font-size:10pt;
                 font-style:normal;
                 color: #000000;
                 }