/*a:link                 { color:#000000;text-decoration:none; }
 a:visited         { color:#000000;text-decoration:none; }
 a:hover         { color:#FFFFFF;text-decoration:none; background-color:#000000; }
 a:active         { color:#000000;text-decoration:none; }*/
 /*----------------------- */
@charset "utf-8";
@media screen and (max-width:1300px) /*Der Blaue Faden verschwindet */
                 {{
                 display:none;}
                 }
@media screen and (max-width:1080px) /*Die Überschrift verschwindet*/
                 {#uebers{
                 display:none;}
                 }
@media screen and (max-width:1300px) /*Die Überschrift verschwindet*/
                 {#wrapper{
                 display:inline-block;
                 padding-top:100px;}
                 }*/
@media screen and (max-width:1080px) /*Die text verschwindet*/
                 {.text{
                 display:none;}
                 }
body             {
                 background: url('../grafik/hgrund.png') repeat;
                 }

#wrapper         {
                 background: url('../grafik/hg-wrap.png') repeat;
                 text-align:center;
                 margin: -15px auto 5px auto;
                 max-width: 1050px;
                 width: 96%;
                 height: auto;
                 border: 4px solid #FFFFFF;
                 -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: 4px;
                 }
#iwrapper        {
                 background-image: url("../grafik/hg-wrap.png");
                 background-repeat:repeat;
                 text-align:center;
                 margin: -15px auto 0 auto;
                 max-width: 900px;
                 width: 100%;
                 height: auto;
                 border-radius: 8px;
                 border: 4px solid #FFFFFF;
                 -moz-border-radius: 8px;
                 -webkit-border-radius: 8px;
                 -ms-border-radius: 8px;
                 box-shadow: 0 0 10px 0px;
                 rgba (12, 3, 25, 0.8);
                 padding: 4px;
                 }
.foto            {
                 display: inline-block;
                 text-align:center;
                 max-width: 96%;
                 max-height: 450px;
                 height: 100%;
                 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;
                 margin: 15px auto 0 auto;
                 }
#blfd            {
                 margin: 5px auto 15px auto;
                 max-width: 100%;
                 height: auto:
                 width: auto;
                 }
.box1            {
                 display: inline-block;
                 max-width: 100%;
                 height: 28px;
                 height: 100%;
                 text-align: center;
                 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;
                 margin:auto 5px;
                 }
.box2            {
                 display: inline-block;
                 text-align:center;
                 max-width: 96%;
                 max-height: 450px;
                 height: 100%;
                 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;
                 margin: 15px auto 0 auto;
                 }
.box3            {
                 display: inline-block;
                 text-align:center;
                 background-image: url("../grafik/info.png");
                 background-repeat:y;
                 max-width: 96%;
                 width: 760px;
                 max-height: 70px;
                 height: 100%;
                 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;
                 margin: 15px auto 0 auto;
                 font-family:Bahnschrift,Tahoma,Trebuchet;
                 font-weight:bold;
                 font-size:10pt;
                 font-style:normal;
                 color: #FFFFFF;
                 text-shadow: 1px 1px #000000;
                 }
.box4            {
                 display: inline-block;
                 text-align:center;
                 max-width: 96%;
                 max-height: 450px;
                 height: 100%;
                 border: 2px 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;
                 margin: 15px auto 0 auto;
                 }
#zaehler         {
                 background-image: url("../grafik/zaehler.png");
                 background-repeat:no-repeat;
                 text-align:center;
                 margin:1% auto 0 auto;
                 width: 89px;
                 max-width: 100%;
                 height: 28px;
                 height: 100%;
                 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;
                 font-family:Bahnschrift,Tahoma,Trebuchet;
                 font-weight:bold;
                 font-size:10pt;
                 font-style:normal;
                 color: #FFFFFF;
                 padding-top:4px;
                 }
.text            {
                 font-family: Corbel,Tahoma;
                 font-weight:normal;
                 font-size:14pt;
                 font-style:normal;
                 color:#FFFF00;
                 }

nav              {margin:0 auto 2% auto;
                 text-align:center;
                 /* background-color: yellow;*/
                 }

img              {
                 max-width:100%;
                 height:auto;
                 }

.msp1            {
                 font-family:Arial, Verdana, Geneva, sans-serif;
                 color:#FFFF00;
                 font-size:12px;
                 font-style:normal;
                 font-weight:bold;
                 }
#bigimage        {
                 margin:0px auto 10px auto;
                 max-width:99%;
                  /*border:3px solid #98bfd8; #98bfd8*/
                 }