@media screen and (max-width:760px)
                 {#hokus{
                 display:none;}
                 }
@media screen and (max-width:760px)
                 {#bf{
                 display:none;}
                 }
body             {
                 background-image: url("../grafik/planke.gif");
                 background-repeat:repeat;
                 }
#wrapper         {
                 background-image: url("../grafik/papier.gif");
                 background-repeat:repeat;
                 text-align:center;
                 margin: 0 auto;
                 max-width: 1040px;
                 width: 100%;
                 height: auto;
                 border: 4px solid #FFFFFF;/*Rand des wrapper*/
                 border-radius: 8px;
                 -moz-border-radius: 8px;
                 -webkit-border-radius: 8px;
                 -ms-border-radius: 8px;
                 box-shadow: 0 0 10px 0px;
                 rgba (12, 3, 25, 0.8);
                 }
#iwrapper        {
                 background-image: url("../grafik/papier.gif");background-repeat:repeat;
                 margin: 0 auto;
                 width: 1080px;
                 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: 444px;
                 text-align:center;
                 }
.ueber           {
                 display:block;
                 text-align:center;
                 font-family: Arial;
                 font-weight: bold;
                 font-size: 24pt;
                 font-style: normal;
                 color: #A02000;
                 padding: 15px;
                 }
#hokus           {
                 margin: 0 auto;
                 max-width: 1040px;
                 width:90%;
                 }
hr               {
                 width:100%;
                 background-color:#007F00;/*#AA1414;*/
                 height:5px;
                 -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);
                 float:left;
                 }
#textblock       {
                 text-align:justify;
                 width:85%;
                 margin: 0 auto;
                 font-family: Arial;
                 font-weight: bold;
                 font-size: 11pt;
                 font-style: normal;
                 color: #000000;
                 padding-top:5px;
                 }
#nav             {
                 margin:0 auto;
                 width:60%;
                 height:auto;
                 }
#bigimage        {
                 margin: 0 auto;
                 height: auto;
                 width: auto;
                 }
#tasten          {float:left;
                 margin-top:-15px;
                 }
.mitte           {
                 text-align:center;
                 }
.box1            {
                 display: inline-block;
                 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);
                 margin: 1% 2%;
                 }
.foto1           {
                 border:2px solid #FFFFFF;/*border: 4px 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: 96px;
                 height: 20px;
                 background: #AA1414;
                 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);
                 }
ul li            {
                 list-style:none;
                 }
/*#inav            {
                 margin:0 auto;
                 width:60%;
                 height:10%;
                 }*/


.item01  {font-family:Arial,Verdana,Trebuchet; font-weight:bold; font-size:11pt; font-style:normal; color:#000000;}/*schwarz 10*/
.item01a {font-family:Arial,Verdana,Trebuchet; font-weight:bold; font-size:12pt; font-style:normal; color:#000000;}/*schwarz 12*/
.item02  {font-family:Arial,Verdana,Trebuchet; font-weight:bold; font-size:12pt; font-style:normal; color:##800000;}/* 12*/
.item03  {font-family:Arial,Verdana,Trebuchet; font-weight:bold; font-size:13pt; font-style:normal; color:#A02000;}/*braun 11*/
.item04  {font-family:Arial,Verdana,Trebuchet; font-weight:bold; font-size:10pt; font-style:normal; color:#0050A0;}/*blau 10*/
.item05  {font-family:Arial,Verdana,Trebuchet; font-weight:bold; font-size:14pt; font-style:normal; color:#FF0000;} /*rot 14*/
.item06  {font-family:Arial,Verdana,Trebuchet; font-weight:normal; font-size:11pt; font-style:normal; color:#000000;}/*schwarz 11*/
.item07  {font-family:Arial,Verdana,Trebuchet; font-weight:bold; font-size:11pt; font-style:normal; color:#A02000;}/*braun 11*/
.item08  {font-family:Arial,Verdana,Trebuchet; font-weight:bold; font-size:11pt; font-style:normal; color:#FF0000;} /*rot 11*/
.item09  {font-family:Arial,Verdana,Trebuchet; font-weight:bold; font-size:11pt; font-style:normal; color:#0050A0;}/*blau 11*/
.item10  {font-family:Arial,Verdana,Trebuchet; font-weight:bold; font-size:11pt; font-style:normal; color:#009F00}/*grün 10*/
.item11  {font-family:Arial,Verdana,Trebuchet; font-weight:bold; font-size:10pt; font-style:normal; color:#9F00FF;}/*lila 10*/
.item12  {font-family:Arial,Verdana,Trebuchet; font-weight:normal; font-size:9pt; font-style:normal; color:#000000;}/*schwarz 9*/
.item14  {font-family:Arial,Verdana,Trebuchet; font-weight:bold; font-size:11pt; font-style:normal; color:#FF0000;} /*rot 11*/







