/*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:960px)
                 {#carree{
                 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;}
                 }

body             {
                 background-image: url("../grafik/wasser.jpg");
                 background-repeat:repeat;
                 background-attachment: fixed;
                 text-align: center;
                 }
#wrapper         {
                 /*background:#FC5A69;*/
                 background: url("../grafik/wrapper.png");
                 background-repeat: repeat;
/*                 background-size: cover;  */
                 text-align: center;
                 margin: 0 auto;
                 max-width: 1000px;
                 width: 100%;
                 width: auto;
                 height: auto;
                 border: 4px solid #5F5F5F;
                 -moz-border-radius: 10px;
                 -webkit-border-radius:10px;
                 -ms-border-radius:10px;
                 border-radius: 10px;
                 box-shadow: 0 0 10px 0px;
                 rgba (12, 3, 25, 0.8);
                 padding: 20px 0;
                 }

#carree          {
                 text-align: center;
                 margin: 1% auto;
                 max-width: 100%;
                 width: 100%;
                 width: auto;
                 Height: auto;
                 border: 3px solid;
                 border-top-color: #FFFFFF;
                 border-left-color: #FFFFFF;
                 border-right-color: #5F5F5F;
                 border-bottom-color: #5F5F5F;
                 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);
                 background-color: #C06304;
                 padding: 8px;
                 }
#titel           { /*Titel*/
                 text-align: center;
                 margin: 11px auto;
                 max-width: 100%;
                 width: 100%;
                 width: auto;
                 height: auto;
                 border: 3px solid;
                 border-top-color: #FFFFFF;
                 border-left-color: #FFFFFF;
                 border-right-color: #5F5F5F;
                 border-bottom-color: #5F5F5F;
                 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);
                 }
#foto            {
                 display:inline-block;
                 margin:0 auto;
                 max-width:98%;
                 width: 100%;
                 width: auto;
                 height: auto;
                 border: 3px solid;
                 border-top-color: #FFFFFF;
                 border-left-color: #FFFFFF;
                 border-right-color: #5F5F5F;
                 border-bottom-color: #5F5F5F;
                 border-radius: 8px;
                 -moz-border-radius: 8px;
                 -webkit-border-radius: 8px;
                 -ms-border-radius: 8px;
                 box-shadow: 0 0 4px 0px;
                 rgba (12, 3, 25, 0.8);
                 }
.box1            {
                 display: inline;
                 text-align:center;
                 max-width:745px;
                 width:100%;
                 height:auto;
                 border:3px solid #5F5F5F;
                 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);
                 }
.box2            {
                 display: inline;
                 text-align:center;
                 margin: 0 4px;
                 max-width: 100%;
                 width: 100%;
                 width: auto;
                 height: auto;
                 border:2px solid;
                 border-top-color: #FFFFFF;
                 border-left-color: #FFFFFF;
                 border-right-color: #5F5F5F;
                 border-bottom-color: #5F5F5F;
                 border-radius: 3px;
                 -moz-border-radius: 3px;
                 -webkit-border-radius: 3px;
                 -ms-border-radius: 3px;
                 box-shadow: 0 0 3px 0px;
                 rgba (12, 3, 25, 0.8);
                 }
.box2a           {
                 display: inline;
                 text-align:center;
                 max-width:36px;
                 width:100%;
                 height:auto;
                 border:2px solid #5F5F5F;
                 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:0 0.5%;
                 }
.box3           {
                 display: inline;
                 text-align:center;
                 width:auto;
                 height:auto;
                 border:1px solid #FFFFFF;
                 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:0 0.5%;
                 }
#nav             {
                 text-align: center;
                 }
#zaehler         {
                 display:inline-block;
                 background-image: url("../grafik/zaehler.png");
                 text-align:center;
                 margin: 7px auto;
                 max-width: 100px;
                 width: 100%;
                 height: auto;
                 border:2px solid;
                 border-top-color: #FFFFFF;
                 border-left-color: #FFFFFF;
                 border-right-color: #5F5F5F;
                 border-bottom-color: #5F5F5F;
                 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);
                 font-family: Bahnschrift,Arial,Tahoma;
                 font-weight: bold;
                 font-size: 9pt;
                 font-style: normal;
                 color:#FFFFFF;
                 padding: 3px;
                 }
.datum           {
                 display:inline-block;
                 text-align:center;
                 margin:7px auto;
                 max-width:765px;
                 width:100%;
                 height: auto;


                 background-color:#C06304;
                 border: 2px solid;
                 border-top-color: #FFFFFF;
                 border-left-color: #FFFFFF;
                 border-right-color: #5F5F5F;
                 border-bottom-color: #5F5F5F;
                 border-radius:5px;
                 -moz-border-radius:5px;
                 -webkit-border-radius:5px;
                 -ms-border-radius:5px;


                 font-family:Bahnschrift,Arial,Tahoma;
                 font-weight:bold;
                 font-size:10pt;
                 font-style:normal;
                 color:#FFFFFF;
                 text-shadow: 2px 2px 0 black;
                 }