@charset "utf-8";
@media screen and (max-width:900px) /*Der Blaue Faden verschwindet */
                 {#blf{
                 display:none;}
                 }
@media screen and (max-width:800px) /*Die Überschrift verschwindet*/
                 {#ueb{
                 display:none;}
                 }
@media screen and (max-width:900px) /*Die text verschwindet*/
                 {.text{
                 display:none;}
                 }

body             {
                 background-image: url("../grafik/hg sri.jpg");
                 background-repeat:repeat;
                 }
#wrapper         {
                 background: #DD6F00;
                 margin: -15px auto 0 auto;
                 max-width: 1050px;
                 width: 96%;
                 border: 4px solid;
                 border-top-color: #FFFFFF;
                 border-left-color: #FFFFFF;
                 border-right-color: #000000;
                 border-bottom-color: #000000;
                 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;
                 }
#iwrapper        {
                 background: #DD6F00;
                 text-align:center;
                 margin:-15px auto 0px auto;
                 max-width: 1000px;
                 width: 96%;
                 height: auto;
                 border: 4px solid;
                 border-top-color: #FFFFFF;
                 border-left-color: #FFFFFF;
                 border-right-color: #000000;
                 border-bottom-color: #000000;
                 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;
                 }
.nav             {
                 background-color: transparent;
                 margin: 0 auto;
                 width: 70%;
                 }
.box1            {/*überschrift*/
                 display: inline-block;
                 text-align: center;
                 max-width: 888px;
                 width: 100%;
                 height: auto;
                 border: 3px solid;
                 border-top-color: #FFFFFF;
                 border-left-color: #FFFFFF;
                 border-right-color: #000000;
                 border-bottom-color: #000000;
                 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);
                 }
.box2            {/*fotos*/
                 display: inline-block;
                 text-align: center;
                 max-width: 888px;
                 width: 100%;
                 height: auto;
                 border: 3px solid;
                 border-top-color: #FFFFFF;
                 border-left-color: #FFFFFF;
                 border-right-color: #000000;
                 border-bottom-color: #000000;
                 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);
                 }
.box3            {/*Navigation*/
                 display: inline-block;
                 text-align: center;
                 max-width: 98px;
                 width: 100%;
                 height: auto;
                 border: 3px solid;
                 border-top-color: #FFFFFF;
                 border-left-color: #FFFFFF;
                 border-right-color: #000000;
                 border-bottom-color: #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);
                 }
.box3a           {/*navigation*/
                 display: inline-block;
                 text-align: center;
                 max-width: 45px;
                 width: 100%;
                 height: auto;
                 border: 3px solid;
                 border-top-color: #FFFFFF;
                 border-left-color: #FFFFFF;
                 border-right-color: #000000;
                 border-bottom-color: #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);
                 }
.box4            {/*indexnav*/
                 display: inline-block;
                 text-align: center;
                 max-width: 83px;
                 width: 100%;
                 height: auto;
                 border: 3px solid;
                 border-top-color: #FFFFFF;
                 border-left-color: #FFFFFF;
                 border-right-color: #000000;
                 border-bottom-color: #000000;
                 border-radius: 3px;
                 -moz-border-radius: 3px;
                 -webkit-border-radius: 3px;
                 -ms-border-radius: 3px;
                 box-shadow:0 0 6px 0px;
                 rgba (12, 3, 25, 0.8);
                 margin:5px;
                 }
#zaehler         {
                 background-image: url("../grafik/zaehler.png");
                 text-align:center;
                 margin: 5px auto 10px auto;
                 max-width:89px;
                 width: 100%;
                 height: 20px;
                 font-family: Comic Sans MS,Arial,Tahoma;
                 font-weight: bold;
                 font-size: 10pt;
                 font-style: italic;
                 line-height: 11pt;
                 color: #000000;
                 padding-top:2px;
                 border: 3px solid;
                 border-top-color: #FFFFFF;
                 border-left-color: #FFFFFF;
                 border-right-color: #000000;
                 border-bottom-color: #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);
                 }
.text            {
                 display: inline-block;
                 width:70%;
                 font-family: Comic Sans MS,Arial,Tahoma;
                 font-weight: bold;
                 font-size:11pt;
                 font-style: italic;
                 color:#000000;
                 background-color: transparent;
                 }