@media only screen and (max-width:900px)
                 {#carree_1 {display:none;}
                 }
@media only screen and (max-width:900px)
                 {#carree_2 {display:none;}
                 }
body             {
                 background-image: url("../grafik/hg_braun1.jpg");
                 background-repeat: repeat;
                 text-align: center;
                 }
#blfd            {
                 margin: 0 auto;
                 max-width: 100%;
                 width: 100%;
                 height: 100%;
                 width: auto;
                 height: auto;
                 }
#wrapper         {
                 background-image:url("../grafik/fondo.gif");
                 background-repeat:repeat;
                 text-align:center;
                 margin: 0 auto;
                 max-width: 1040px;
                 width: 100%;
                 width: auto;
                 height: auto;
                 border: 2px solid black;
                 -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: 10px 20px;
                 }
#titel           {
                 text-align: center;
                 margin: 25px auto;
                 max-width: 100%;
                 width: 90%;
                 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: 6px;
                 -moz-border-radius: 6px;
                 -webkit-border-radius: 6px;
                 -ms-border-radius: 6px;
                 box-shadow: 0 0 3px 0px;
                 rgba (12, 3, 25, 0.8);
                 }
#carree_1        {
                 margin: 25px 20px;
                 background-color: #009090;
                 border: 2px 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 3px 0px;
                 rgba (12, 3, 25, 0.8);
                 }
#carree_2        {
                 margin: 25px 20px;
                 background-color: #009090;
                 border: 2px 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 3px 0px;
                 rgba (12, 3, 25, 0.8);
                 }
#foto            {
                 text-align:center;
                 margin: 0 auto;
                 max-width: 100%;
                 width: 100%;
                 height: 100%;
                 width: auto;
                 height: auto;
                 border:2px solid #FFFFFF;
                 border-top:#FFFFFF;
                 border-left-color:#FFFFFF;
                 border-right-color:#AFAFAF;
                 border-bottom-color:#5F5F5F;*/
                 -moz-border-radius: 7px;
                 -webkit-border-radius:7px;
                 -ms-border-radius: 7px;
                 border-radius: 7px;
                 box-shadow: 0 0 12px 0px;
                 rgba (12, 3, 25, 0.8);
                 }
.box1            {
                 display: inline;
                 text-align:center;
                 border:2px solid #FFFFFF;
                 border-radius:5px;
                 -moz-border-radius:5px;
                 -webkit-border-radius:5px;
                 -ms-border-radius:5px;
                 box-shadow: 0 0 5px 0px;
                 rgba (12, 3, 25, 0.8);
                 margin:3px;
                 }
.box2            {
                 display: inline-block;
                 text-align:center;
                 margin: 15px 3px 0 3px;
                 border: 2px 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 5px 0px;
                 rgba (12, 3, 25, 0.8);

                 }
#zaehler         {
                 background-image: url("../grafik/zaehler.png");
                 text-align: center;
                 margin: 7px auto;
                 max-width: 91px;
                 width: 100%;
                 height: auto;
                 border: 2px 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 2px 0px;
                 rgba (12, 3, 25, 0.8);
                 font-family: Bahnschrift,Arial,Tahoma;
                 font-weight: bold;
                 font-size: 11pt;
                 font-style: normal;
                 color: #FFFFFF;
                 padding: 5px;
                 }