@media only screen and (min-width:760px)
                 {#hr1{
                 display:none;}
                 }

@media screen and (max-width:760px)
                 {#hokus{
                 display:none;}
                 }

/*@media screen and (max-width:760px)
                 {#tasten{
                 display:none;}
                 }*/

@media screen and (max-width:760px)
                 {#faden{
                 display:none;}
                 }

@media only screen and (max-width:760px)
                 {#zaehler{
                 display:none;}
                 }

@media only screen and (max-width:760px)
                 {#umschlag{
                 display:none;}
                 }


@media only screen and (max-width:760px)
                 {#hokus{
                 display:none;}
                 }

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

#wrapper {
         background-image: url("../grafik/papier.gif");background-repeat:repeat;
         margin: 0 auto;
         max-width: 85%;
         width: 100%;
         border: 4px solid #FFFFFF;/*Rand des wrapper*/
         -moz-border-radius: 8px;
         -webkit-border-radius: 8px;
         -ms-border-radius: 8px;
         border-radius: 8px;
         box-shadow: 0 0 10px 0px;
         rgba (12, 3, 25, 0.8);
         padding: 10px 20px;
         height: auto;
         text-align:center;
         }

#iwrapper{
         background-image: url("../grafik/papier.gif");
         background-repeat:repeat;
         margin: 0 auto;
         width: 400;
         max-width: 70%;
         border: 4px solid #FFFFFF;/*Rand des wrapper*/
         -moz-border-radius: 8px;
         -webkit-border-radius: 8px;
         -ms-border-radius: 8px;
         border-radius: 8px;
         box-shadow: 0 0 10px 0px;
         rgba (12, 3, 25, 0.8);
         padding: 10px 20px;
         height: auto;
         text-align:center;
         }

ul li    {
          list-style:none;
          }

.box1    {
         display: inline;
         text-align:center;
         border:3px solid;
         border-top-color:#FFFFFF;
         border-left-color:#FFFFFF;
         border-right-color:#000000;
         border-bottom-color:#000000;
         -moz-border-radius: 3px;
         -webkit-border-radius: 3px;
         -ms-border-radius: 3px;
         border-radius: 3px;
         box-shadow: 0 0 10px 0px;
         rgba (12, 3, 25, 0.8);
         }

.foto1   {
         display: inline;
         text-align:center;
         border:2px solid #FFFFFF;
         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);*/
         }

#counter {
         display: block;
         font-family: Arial;
         font-weight: bold;
         font-size: 11pt;
         font-style: normal;
         color: #FFFFFF;
         padding-top:5px;
         text-align:center;
         border:3px solid;
         border-top-color:#FFFFFF;
         border-left-color:#FFFFFF;
         border-right-color:#000000;
         border-bottom-color:#000000;;
         width: 90px;
         height: 18px;
         background: #008080;
         text-decoration: none;
         margin: auto;
         -moz-border-radius: 3px;
         -webkit-border-radius: 3px;
         -ms-border-radius: 3px;
         border-radius: 3px;
         box-shadow: 0 0 10px 0px;
         rgba (12, 3, 25, 0.8);
         }

#bigimage{
         margin:0px auto 10px auto;
         max-width:98%;
         height: auto;
         width: auto;
         /*border:3px solid #98bfd8;*/
         }