/*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:500px)
                 {#eins{display:none;}}
@media screen and (max-width:500px)
                 {#zwei{display:none;}}
@media screen and (max-width:500px)
                 {#drei{display:none;}}
@media screen and (max-width:500px)
                 {#vier{display:none;}}

body             {
                 background-image: url("../grafik/hg_holz.jpg");
                 background-repeat: repeat;
                 }

#kb-block        {
                 text-align:left;
                 margin-left:150px;
                 }
#wrapper         {
                 background-image: url("../grafik/wrapper linien.png");
                 background-repeat: no-repeat;
                 margin: 0 auto;
                 text-align:center;
                 max-width: 1111px;
                 width: 96%;
                 width: auto;
                 height: auto;
                 border: 4px solid #5F5F5F;
                 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)
                 }
#iwrapper       {
                 background-image: url("../grafik/wrapper linien.png");
                 background-repeat: repeat;
                 background-attachment: fixed;
                 text-align:center;
                 margin: 0 auto;
                 max-width: 1111px;
                 width: 96%;
                 width: auto;
                 height:auto;
                 text-align:center;
                 height: auto;
                 border: 4px solid #5F5F5F;
                 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);
                 }
#lgbwrapper        {
                 background-image: url("../grafik/wrapper linien.png");
                 background-repeat:no-repeat;
                 margin: 0 auto;
                 text-align:center;
                 max-width: 1111px;
                 width: 96%;
                 width: auto;
                 height: 730px;
                 border: 4px solid #5F5F5F;
                 -moz-border-radius: 10px;
                 border-radius: 10px;
                 box-shadow: 0 0 10px 0px;
                 rgba (12, 3, 25, 0.8);
                 }
#geswrapper        {
                 background-image: url("../grafik/block.png");
                 background-repeat: repeat-y;
                 margin: 0 auto;
                 text-align:center;
                 max-width: 1111px;
                 width: 96%;
                 width: auto;
                 height: auto;
/*                 border: 4px solid #5F5F5F;
                 -moz-border-radius: 10px;
                 border-radius: 10px;
                 box-shadow: 0 0 10px 0px;
                 rgba (12, 3, 25, 0.8);*/
                 }
#box1            {
                 font-family: Bahnschrift,Arial,Tahoma;
                 font-weight:normal;
                 font-size:12pt;
                 font-style:normal;
                 color:#000000;
                 max-width: 75%;
                 text-align:left;
                 margin: 0 auto;
/*                  border:0px solid
                 border-top-color:#FFFFFF;
                 border-left-color:#FFFFFF;
                 border-right-color:#5F5F5F;
                 border-bottom-color:#5F5F5F;
                 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);*/
                 background-color: transparent;
                 padding:5px;
                 }
.box2            {
                 display: inline-block;
                 text-align:center;
                 margin: 1% 0 0 0;
                 border:3px solid;
                 border-top-color: #FFFFFF;
                 border-left-color: #CFCFCF;
                 border-right-color: #8F8F8F;
                 border-bottom-color: #3F3F3F;
                 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);
                 max-width: 98%;
                 margin:0.7%;
                 }
.box3            {
                 display: inline-block;
                 text-align:center;
                 margin: 5px;
                 border: 2px solid;
                 border-top-color: #FFFFFF;
                 border-left-color: #CFCFCF;
                 border-right-color: #8F8F8F;
                 border-bottom-color: #3F3F3F;
                 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);
                 max-width: 98%;
                 }
.foto            {
                 display:inline-block;
                 text-align: center;
                 margin:0px auto 0px auto;
                 max-width: 96%;
                 width: 100%;
                 width: auto;
                 height: auto;
                 border: 2px solid #000000;
 /*                border-top-color: #FFFFFF;
                  border-left-color: #CFCFCF;
                  border-right-color: #8F8F8F;
                  border-bottom-color: #3F3F3F;*/
                 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);

                 }
#blfd            {
                 margin: 0 auto 30px auto;
                 max-width: 100%;
                 width: 100%;
                 height: 100%;
                 width: auto;
                 height: auto;
                 }
#uebers          {
                 text-align:center;
                 margin: 8px auto 0 auto;
                 max-width: 100%;
                 width: 100%;
                 height: 100%;
                 width: auto;
                 height: auto;
                 }
.sz              {
                 display:inline-block;
                 text-align:center;
                 margin: 0 auto;
                 position: relative;
                 top: 20px;
                 left: 380px;
                 bottom: 0;
                 right: auto;
                 }
#zaehler         {
                 background-image: url("../grafik/zaehler.png");
                 background-repeat: no-repeat;
                 text-align:center;
                 margin: 5px auto;
                 max-width: 89px;
                 width: 100%;
                 height: auto;
                 width: auto;
                 padding: 4px;
                 background-color: #9A9A9A;

                 border: 3px 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: Trebuchet,Arial,Tahoma;
                 font-weight: bold;
                 font-size: 12pt;
                 font-style: normal;
                 color:#FFFF00;
                 }
.text            {
                 display:block;
                 font-family: Seagull,Arial,Tahoma;
                 font-weight:bold;
                 font-size:14pt;
                 font-style:normal;
                 color:#FFFF00;
                 padding-bottom:1%;
                 }
.datum           {
                 margin-left:20px;
                 text-align:left;
                 line-height: 25px;
                 font-family: Corbel,Arial,Tahoma;
                 font-weight: bold;
                 font-size: 16px;
                 font-style: italic;
                 color: #000000;
                 text-shadow: 1px 1px #7F7F7F;
                 }
#nav             {
                 margin: 2% 10% 2% 17%;
                 text-align: center;
                 background-color: transparent;
                 }