/* a:link          { color:#000000;text-decoration:none; }
 a:visited       { color:#000000;text-decoration:none; }
 a:hover         { color:#FFFFFF;text-decoration:none; }
 a:active        { color:#FF0000;text-decoration:none; }*/
@media only screen and (max-width:1500px)
                 {#blfd{display:none;}}
@media only screen and (max-width:1080px)
                 {#eins{display:none;}}
@media only screen and (max-width:1080px)
                 {#zwei{display:none;}}
/*@media only screen and (max-width:666px)
                 {#wrp{display:none;}}*/
@media only screen and (max-width:900px)
                 {#drei{display:none;}}
@media only screen and (max-width:900px)
                 {#vier{display:none;}}


/*@media only screen and (max-width:900px)
                 {#vier{display:none;}}
Merke: die id konnotierung darf nur einmal auf
einer Seite notiert sein und nicht aus der css-datei stammen
@media only screen and (max-width:760px)
                 {#ueb{display:none;}}
@media only screen and (max-width:500px)
                 {#deu{display:none;}}
@media only screen and (max-width:380px)
                 {#meck{display:50%;}}
@media only screen and (max-width:850px)
                 {#table{display:none;}}
@media only screen and (max-width:380px)
                 {#z3{display:none;}}
@media only screen and (max-width:380px)
                 {#z4{display:none;}}*/
/* For width 768px and larger: */
*               {
                 margin: auto;
                 box-sizing: border-box;
                 }
body             {
                 background-image: url("../grafik/noppen.png");
                 background-repeat:repeat;
                 }
hr               {
                 width: 75%;
                 height: 6px;
                 background-color: #FFDF00;
                 border: 1px;
                 border-radius: 3px;
                 -moz-border-radius: 3px;
                 -webkit-border-radius: 3px;
                 -ms-border-radius: 3px;
                 box-shadow: 0 0 10px 0px;
                 rgba (12, 3, 25, 0.8);
                 }
#content         {
                 text-align: center;
                 margin: 0 auto;
/*                 background-color:white;*/
                 }
/*background: #DA9648; rgb(218,150,72)*/
#wrapper_index   {
                 background: #DA9648; /*rgb(218,150,72)*/
                 margin: 0 auto;
                 max-width: 1050px;
                 width: 96%;
                 border: 4px solid #FFFFC1;
                 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: 4px;
                 height: auto;
                 text-align:center;
                 }
.foto            {
                 display: inline-block;
                 text-align:center;
                 width: auto;
                 height: 450px;
                 margin: 0 auto 5px auto;
                 border:3px solid;
                 border-top-color:#FFFFFF;
                 border-left-color:#FFFFFF;
                 border-right-color:#5F5F5F;
                 border-bottom-color:#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);
/*                 background-color: #FF0000;*/
                 }
.box1            {

                 text-align:center;
                 margin: 0 auto;
                 border: 3px solid;
                 border-top-color:#FFFFFF;
                 border-left-color:#FFFFFF;
                 border-right-color:#5F5F5F;
                 border-bottom-color:#5F5F5F;
                 -moz-border-radius: 10px;
                 -webkit-border-radius: 10px;
                 -ms-border-radius: 10px;
                 border-radius: 10px;
                 box-shadow: 0 0 10px 0px;
                 rgba (12, 3, 25, 0.8);
/*                 padding: 4px;*/
                 }
.box2            {
                 text-align:center;
                 margin: 0 auto;
                 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 2px 0px;
                 rgba (12, 3, 25, 0.8);
/*                 padding: 4px;*/
                 }
.box3            {
                 text-align:center;
                 margin: 0 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);
                 margin: 4px;
                 }
#zaehler         {
                 background-image: url("../grafik/zaehler.png");
                 background-repeat: no-repeat;
                 text-align:center;
                 margin: 1% auto;
                 max-width: 89px;
                 width: 96%;
                 height: 28px;

                 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: Corbel,Tahoma,Trebuchet;
                 font-weight: bold;
                 font-size: 12pt;
                 font-style: normal;
                 color: #000000;/*Schriftfarbe*/
                 }
.sub             {
                 font-family:ArialRounded MT Bold,Tahoma;
                 font-weight:normal;
                 font-size:11pt;
                 font-style:normal;
                 color:#000000;
                 }