img {    text-align: center;
         max-width: 100%;
         height: auto;
         width: 0 auto;
         }

#wrapper {background: rgb(1, 119, 182);
         margin: 0 auto;
         max-width: 1020px;
         width: 96%;
         border: 4px solid #73726D;
         -moz-border-radius: 10px;
         border-radius: 10px;
         box-shadow: 0 0 10px 0px
         rgba (12, 3, 25, 0.8);
         padding:4px;
         height:auto;
         }

header   {width: 100%;
         min-height: 125px;
         text-align: center;
         }

.hr1     {
         border: 3px solid;
         border-top-color: #2F2F2F;
         border-left-color: #000000;
         border-right-color: #FFFFFF;
         border-bottom-color: #EFEFEF;
         margin: 0 auto;
         width:90%;
         }
.hr2     {
         border: 3px solid;
         border-top-color: #2F2F2F;
         border-left-color: #000000;
         border-right-color: #FFFFFF;
         border-bottom-color: #EFEFEF;
         margin: -1% auto;
         width:90%;
         background-color: red;
         }

nav      {
         height: auto;
         width: 0 30px 0 30%;
         text-align:center;
         margin: 2% auto;
         /*background-color: #DF00FF;*/
         }
.foto1    {
          border:2px solid;
          border-top-color:#FFFFFF;
          border-left-color:#FFFFFF;
          border-right-color:#5F5F5F;
          border-bottom-color:#5F5F5F;
          margin: 0 auto;
          -moz-border-radius: 2px;
          -webkit-border-radius:2px;
          -ms-border-radius: 2px;
          border-radius:2p;
          box-shadow: 0 0 5px 0px;
          rgba (12, 3, 25, 0.9);
          text-decoration:none;
         }
.foto2   {
         margin: 0 auto;
         max-width: auto;
         -moz-border-radius: 4px;
         -webkit-border-radius: 4px;
         -ms-border-radius: 4px;
         border-radius: 4p;;
         box-shadow: 0 0 10px 0px;
         rgba (12, 3, 25, 0.8);
         }
.foto3   {
         margin: 0 auto;
         max-width: auto;
         -moz-border-radius: 4px;
         -webkit-border-radius: 4px;
         -ms-border-radius: 4px;
         border-radius: 4p;;
         }
.box1    {
         display: inline;
         text-align:center;
         border:2px solid;
         border-top-color:#FFFFFF;
         border-left-color:#FFFFFF;
         border-right-color:#5F5F5F;
         border-bottom-color:#5F5F5F;
         }
#ueber { border: 3px solid;
         border-top-color: #2F2F2F;
         border-left-color: #000000;
         border-right-color: #FFFFFF;
         border-bottom-color: #EFEFEF;
         padding: 1px 3px;
         background-color: #0177B6;
         margin: 4px 0;
         text-align: center;
         height: auto;
         }

#bild    {border: 3px solid;
         border-top-color: #2F2F2F;
         border-left-color: #000000;
         border-right-color: #FFFFFF;
         border-bottom-color: #EFEFEF;
         padding: 1px 3px;
         background-color: #0177B6;
         margin: 5px 0;
         text-align: center;
         height: auto;}

#text    {font-family:Arial,Tahoma,sans serif;
         font-weight:normal;
         font-size:12pt;
         color:#FFFFFF;
         padding: 1px 3px;
         background-color: #0177B6;;
         margin: 5px 0;
         text-align: center;
         height: auto;
         }
#kasten {font-family:Arial,Tahoma,sans serif;
         font-weight:normal;
         font-size:11pt;
         color:#FFFFFF;
         border: 3px solid;
         border-top-color: #2F2F2F;
         border-left-color: #000000;
         border-right-color: #FFFFFF;
         border-bottom-color: #EFEFEF;
         padding: 1px 3px;
         background-color: #0177B6;;
         margin: 5px 0;
         text-align: center;
         width: 111px;
         float:left;
         }

#kasten1 {border: 3px solid;
         border-top-color: #2F2F2F;
         border-left-color: #000000;
         border-right-color: #FFFFFF;
         border-bottom-color: #EFEFEF;
         padding: 1px 3px;
         background-color: #0177B6;;
         }

#zaehler {
         display: inline-block;
         text-align:center;
         border: 3px solid;
         border-top-color: #2F2F2F;
         border-left-color: #000000;
         border-right-color: #FFFFFF;
         border-bottom-color: #EFEFEF;
         padding: 1px 3px;
         background-color: #01699E;
         width: 117px;
         height: 21px;
         text-decoration:none;
         }
#zaehler1{          border:2px solid;
          border-top-color:#FFFFFF;
          border-left-color:#FFFFFF;
          border-right-color:#5F5F5F;
          border-bottom-color:#5F5F5F;
          margin: 1% auto;
          -moz-border-radius: 2px;
          -webkit-border-radius:2px;
          -ms-border-radius: 2px;
          border-radius:2px;
          box-shadow: 0 0 5px 0px;
          rgba (12, 3, 25, 0.9);
          text-decoration:none;
          width:70px;
          background-color: #c0c0c0;
          }
.zaehler {
         font-family:Arial rounded bold,Tahoma,sans serif;
         font-weight:bold;
         font-size:10pt;
         color:#000000;
         }
.bonwit  {
         font-family:Arial rounded bold,Tahoma,sans serif;
         font-weight:bold;
         font-size:11pt;
         color:#FFFFFF;
         }

#box     {
         border: 3px solid;
         border-top-color: #2F2F2F;
         border-left-color: #000000;
         border-right-color: #FFFFFF;
         border-bottom-color: #EFEFEF;
         padding: 1px 3px;
         background-color: #0177B6;
         width:auto;
         text-align:center;
         }
#pano li  {
         list-style: none;
         display: inline-block;
         transition: all ease 0.5s;
          -moz-border-radius: 4px;
          -webkit-border-radius: 4px;
          -ms-border-radius: 4px;
          border-radius: 4px;
          box-shadow: 0 0 5px 0px;
          rgba (12, 3, 25, 0.9);
          text-decoration:none;
         padding: 0.5%;
         text-align:center;
         margin: 0 0.2%;
         }



p        {
         margin-bottom:-3px;
         }

/*#images li:hover {
                  background-color:#FF7F7F; /* Hintergrundfarbe für die Bilderrahmen beim Mouseover
                  cursor:pointer;
                  }

#images li div   {
                  display: table;
                  margin: 0;
                  height: 0px;        /* Hoehe der Bilderrahmen (ohne Bild-Text)
                  width: 100%;
                  }

#images li div a {
                  display: table-cell;
                  vertical-align: middle;
                  } */




























pano {
width: 100%;
min-height: 125px;
text-align: center;
}
/*nav ul { list-style: none;
         margin: 0;
         padding-left: 50px;
         }

nav ul li {float:left;
         border: 3px solid;
         border-top-color: #2F2F2F;
         border-left-color: #000000;
         border-right-color: #FFFFFF;
         border-bottom-color: #EFEFEF;
         width:15%;
         margin:4px 0 4px 0;
         }

nav ul li a {background: #01699E;
         display: block;
         padding: 1.5% 12%;
         font-weight: normal;
         font-size: 1.1em;
         color: #FFFFFF;
         text-decoration:none;
         text-align: center;
         }*/