/*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; }
@charset "utf-8";
@media screen and (max-width:1080px) /*Der Blaue Faden verschwindet */
                 {#blf{
                 display:none;}
                 }
@media screen and (max-width:1080px) /*Die Überschrift verschwindet*/
                 {#uebers{
                 display:none;}
                 }
@media screen and (max-width:1080px) /*Die text verschwindet*/
                 {.text{
                 display:none;}
                 }
/*@media screen and (max-width:1080px) /*Die xxxxxxxxx verschwindet
                 {#wrapper {
                 display:none;}
                 }
@media screen and (min-width:1080px) /*Die xxxxxxxxx verschwindet
                 {#fritt {
                 display:visibility;}
                 }
#bigimage        {
                 margin:0px auto 0px auto;
                 max-width:98%;
                 height: auto;
                 width: auto;
                 } */
body             {
                 background-image:url("../grafik/hg_kiesel.jpg");
                 background-repeat:repeat;
                 text-align:center;
                 }

#wrapper         {
                 background-image:url("../grafik/hg_sand.jpg");
                 background-repeat:repeat;
                 text-align:center;
                 margin:1% auto 0 auto;
                 max-width:1000px;
                 width:90%;
                 height: auto;
                 border: 3px solid wheat;
                 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;
                 }
#iwrapper        {
                 background-image: url("../grafik/hg_sand.jpg");
                 background-repeat:repeat;
                 text-align:center;
                 margin: 0 auto;
                 max-width:900px;
                 width:75%;
                 height: auto;
                 border: 4px solid #FFFFFF;/*Rand des wrapper*/
                 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;
                 }
#uebers          {
                 margin-top:15px;
                 }
a-uebers         {
                 display: inline-block;
                 text-align:center;
                 margin:1% auto;
                 max-width:800px;
                 width:80%;
                 }
.foto            {
                 display: inline-block;
                 text-align:center;
                 margin: 1% auto 0 auto;
                 max-width:98%;
                 min-width:50%;
                 border:2px solid wheat;
                 border-radius: 10px;
                 -moz-border-radius: 10px;
                 -webkit-border-radius: 6px;
                 -ms-border-radius: 6px;
                 box-shadow: 0 0 10px 0px;
                 rgba (12, 3, 25, 0.8);
                 }
.box1            {
                 display: inline-block;
                 text-align:center;
                 margin: 0 0.5%;
                 max-width:98%;
                 border:2px solid wheat;
                 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);
                 }
.box2            {
                 display: inline-block;
                 text-align:center;
                 border:2px solid #0080FF;
                 border-radius:8px;
                 -moz-border-radius:8px;
                 -webkit-border-radius:8px;
                 -ms-border-radius:8px;
                 box-shadow: 0 0 3px 0px;
                 rgba (12, 3, 25, 0.1);
                 margin:6px;
                 }
.box3            {
                 display: inline-block;
                 text-align:center;
                 margin:1% auto;
                 max-width:800px;
                 width:80%;
                 border:2px solid wheat;
                 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);
                 }
.box3i           {
                 display: inline-block;
                 text-align:center;
                 margin:1% auto 0 auto;
                 max-width:800px;
                 width:98%;
                 font-family: Calibri,Arial,Tahoma;
                 font-weight:bold;
                 font-size:12pt;
                 font-style:normal;
                 color:#FFFFFF;
                 border:2px solid wheat;
                 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);
                 padding:5px;
                 background-color:#0080FF;
                 }
.box4            {
                 display: inline-block;
                 text-align:center;
                 margin:0 auto;
                 max-width:800px;
                 width:98%;
                 font-family: Calibri,Arial,Tahoma;
                 font-weight:bold;
                 font-size:12pt;
                 font-style:normal;
                 color:#FFFFFF;
                 border:2px solid wheat;
                 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);
                 padding:5px;
                 background-color:#0080FF;
                 }
#zaehler         {
                 background-image: url("../grafik/zaehler.png");
                 text-align:center;
                 margin:7px auto;
                 max-width:91px;
                 width: 100%;
                 height: 20px;
                 font-family: Calibri,Arial,Tahoma;
                 font-weight: bold;
                 font-size: 12pt;
                 font-style: normal;
                 color: #FFFF00;/*Schriftfarbe*/
                 padding-top:2px;
                 border:2px solid #FFFFFF;
                 border-radius:5px;
                 -moz-border-radius:5px;
                 -webkit-border-radius:5px;
                 -ms-border-radius:5px;
                 box-shadow:0 0 10px 0px;
                 rgba (12, 3, 25, 0.8);
                 }
#text            {
                 display: inline-block;
                 font-family:Calibri,Tahoma;
                 font-weight:normal;
                 font-size:11pt;
                 font-style:normal;
                 color:#000000;
                 padding:3px;
                 border:1px solid #000000;
                 border-radius:5px;
                 -moz-border-radius:5px;
                 -webkit-border-radius:5px;
                 -ms-border-radius:5px;
                 box-shadow:0 0 10px 0px;
                 rgba (12, 3, 25, 0.8);
                 background-color:#FFFFFF;
                 margin:5px;
                 max-width:700px;
                 width:95%;
                 }