/*@media only screen and (max-width:900px)
                 {
                 #pad {display:none;}
                 }
/*@media only screen and (max-width:900px)
                 {
                 #zaehler{display:none;}
                 }
@media only screen and (max-width:900px)
                 {
                 #ukr{display:none;}
                 }
@media only screen and (max-width:900px)
                 {
                 #ollerich{display:none;}
                 }
@media only screen and (max-width:768px)
                 {
                 #div.line3{display:none;}
                 }
@media screen and (max-width: 555px)
                 {
                 #div.content{display:none;
                 background-color:red;}
                 }
@media only screen and (max-width:1000px)
                 {
                 #linie1{display:none;}
                 }
@media only screen and (max-width:900px)
                 {
                 #linie2{display:none;}
                 }
@media only screen and (max-width:800px)
                 {
                 #linie3{display:none;}
                 }
@media only screen and (max-width:700px)
                 {
                 #linie4{display:none;}
                 }
@media only screen and (max-width:600px)
                 {
                 #linie5{display:none;}
                 }
@media only screen and (max-width:1100px)
                 {
                 #blfd{display:none;}
                 }*/


 a:link          { color:#FFFFFF;text-decoration:none;} /*zeigt den unterstrichenen link an
 a:visited       { color:#FFFFFF;text-decoration:none; }/*statisch
 a:hover         { color:#000000;text-decoration:none; background-color:transparent; }/*wenn mit dem Cursor drübergefahren wird
 a:active        { color:#FFFFFF;text-decoration:none; background-color:white;}/*wenn angeklickt*/


/*ANFANG*/

#img             {
                 text-align: center;
                 margin: 0 5px;
                 max-width: 100%;
                 width: 100%;
                 width: auto;
                 height: auto;
                 }
body             {
                 background-image: url("../grafik/pad_leer.jpg");
                 background-repeat:repeat;
                 }
#wrapper         {
                 box-sizing: content-box;
                 text-align: center;
                 margin: 0 20px;
                 max-width: 100%;
                 width: 100%;
                 width: auto;
                 height: auto;
                 padding: 5px;
                 border: 0px ;
/*                 border-radius: 4px;
                 -moz-border-radius: 4px;
                 -webkit-border-radius: 4px;
                 -ms-border-radius: 4px;
                 box-shadow: 0 0 4px 0px;
                 rgba (12, 3, 25, 0.8);*/
                 }
#blfd            {
                 text-align: center;
                 margin: 0 auto;
                 max-width: 100%;
                 width: 100%;
                 width: auto;
                 height: auto;
                 }
.aside           {
                 display:inline-block;
                 background-color:transparent;
                 text-align: center;
                 margin: 0 auto;
                 color: #FFFFFF;
                 background-color: transparent;
                 }
#pad             {
                 text-align: center;
                 margin: 0 auto;
                 max-width: 98%;
                 width: 100%;
                 width: auto;
                 height:auto;
                 }
#box00           {
                 text-align: center;
                 margin: 0 auto;
                 max-width: 200px;
                 width: 100%;
                 width: auto;
                 height: auto;
                 border: solid 1px #FFFFFF;
                 border-radius: 4px;
                 -moz-border-radius: 4px;
                 -webkit-border-radius: 4px;
                 -ms-border-radius: 4px;
                 background-color: transparent;
                 padding: 3px;
                 }
#box01           {
                 display: inline-block;
                 text-align: center;
                 margin: 0 2%;
                 max-width: 333px;
                 width: 100%;
                 width: auto;
                 height: auto;
                 border: solid 1px #FFFFFF;
                 border-radius: 4px;
                 -moz-border-radius: 4px;
                 -webkit-border-radius: 4px;
                 -ms-border-radius: 4px;
                 background-color: transparent;
                 padding: 3px;

                 }
#box03           {
                 text-align: center;
                 margin: 0 auto;
                 max-width: 62%;
                 width: 100%;
                 width: auto;
                 height: auto;
                 border: solid 1px #FFFFFF;
                 border-radius: 4px;
                 -moz-border-radius: 4px;
                 -webkit-border-radius: 4px;
                 -ms-border-radius: 4px;
                 background-color: transparent;
                 padding: 3px;
                 }
#info1           {
                 text-align: center;
                 margin: 0 auto 10px auto;
                 max-width: 100%;
                 width: 100%;
                 width: auto;
                 height: auto;
                 background-color: red;
/*                 padding: 20px auto 0 auto;*/
                 padding: 0 0 5px 300px;
                 }
#info2           {
                 text-align: center;
                 margin: 0 auto;
                 max-width: 100%;
                 width: 100%;
                 width: auto;
                 height: auto;
                 background-color: #7FFF00;
                 }
.item1           {
                 font-family:Bahnschrift,Tahoma;
                 font-weight:normal;
                 font-size:4.94mm;
                 font-style:normal;
                 color:#FFFFFF;
                 margin:0 auto;
                 width:22%;*
                 background: transparent;
                 text-shadow: 2px 2px 0 black;
                 /* 2px 2px 0 black; Unten rechts */
                 /*-2px 2px 0 black;  Unten links */
                 /*2px -2px 0 black; Oben rechts */
                 /*-2px -2px 0 black; Oben links*/
                 }
#zaehler         {
                 background-image: url("../grafik/zaehler.png");
                 background-repeat:no-repeat;
                 text-align:center;
                 margin:1% auto;
/*                 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;
                 width: 74px;
                 max-width: 100%;
                 height: 22px;
                 font-family: Arial,Tahoma,Trebuchet;
                 font-weight:normal;
                 font-size:10pt;
                 font-style: normal;
                 color: #FFFFFF;
                 padding-top:4px;
                 }
/*wrapper         {
                 background-image: url("../grafik/wrapper.png");
                 background-repeat:repeat;
                 text-align: center;
                 margin: 0 auto;
                 max-width: 100%;
                 width: 100%;
                 width: auto;
                 height: auto;
                 background-color:grey;
                 }*/














/*#info3           {
                 text-align: center;
                 margin: 0 auto;
                 max-width: 50%;
                 width: 100%;
                 width: auto;
                 height: auto;
                 background-color: #7FFF00;
                 }*/

/*.foto1           {
                 border:0;
                 /*border-top:#FFFFFF;
                 border-left-color:#FFFFFF;
                 border-right-color:#AFAFAF;
                 border-bottom-color:#5F5F5F;
                 -moz-border-radius: 7px;
                 -webkit-border-radius:7px;
                 -ms-border-radius: 7px;
                 border-radius: 7px;
                 /*box-shadow: 0 0 12px 0px;
                 rgba (12, 3, 25, 0.8);
                 }
.foto4           {
                 display:inline-block;
                 border:solid 2px;
                 border-top-color:#FFFFFF;
                 border-left-color:#FFFFFF;
                 border-right-color:#AFAFAF;
                 border-bottom-color:#5F5F5F;
                 -moz-border-radius: 4px;
                 -webkit-border-radius:4px;
                 -ms-border-radius: 4px;
                 border-radius: 4px;
                 margin-bottom:-26px;
                 margin-top:2px;
                 width:174px;
                 /*box-shadow: 0 0 12px 0px;
                 rgba (12, 3, 25, 0.8);*
                 }
.item1           {
                 font-family:Bahnschrift,Tahoma;
                 font-weight:normal;
                 font-size:4.94mm;
                 font-style:normal;
                 color:#FFFFFF;
/*                 margin:0 auto;
                 width:22%;*
                 background: transparent;
                 text-shadow:
                 2px 2px 0 black;  Unten rechts */
                 /*-8px 8px 0 black;/*  Unten links */
                 /*3px -3px 0 black; /* Oben rechts */
                 /*-3px -3px 0 black; /* Oben links
                 }
.item2           {
                 font-family:Bahnschrift,Tahoma;
                 font-weight:normal;
                 font-size:4.5mm;
                 font-style:normal;
                 color: #000000;
                 text-shadow: 1px 1px #FFFFFF;
                 text-decoration: none;
/*                 margin:0 auto;
                 width:22%;
                 background: transparent;
                 }

#zaehler         {
                 background-image: url("../grafik/zaehler.png");
                 background-repeat:no-repeat;
                 text-align:center;
                 margin:1% auto;
                 max-width: 100%;
                 width: 100%;
                 width: auto;
                 height: auto;
                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;
                 width: 74px;

                 font-family: Arial,Tahoma,Trebuchet;
                 font-weight:normal;
                 font-size:10pt;
                 font-style: normal;
                 color: #FFFFFF;
                 padding-top:4px;
                 }