/*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:800px) /*Breakpoints */
         {#blfd {display:none;}}
@media screen and (max-width:600px)
         {#zwei {display:none;}}
@media screen and (max-width:600px)
         {#drei {display:none;}}
@media screen and (max-width:600px)
         {#vier {display:none;}}

body     {
         background-image: url("../grafik/hg.jpg");
         background-repeat:repeat;
         }
#wrapper {
/*         background-image: url("../grafik/weizen.png");
         background-repeat:repeat;*/
         background-color: #DD6F00;
         margin: 0 auto;
         text-align:center;
         max-width: 1100px;
         width: 96%;
         border: 4px solid #FFFFFF;
         -moz-border-radius: 10px;
         border-radius: 10px;
         box-shadow: 0 0 10px 0px;
         rgba (12, 3, 25, 0.8);
         padding: 4px;
         height: auto;
         }
#iwrapper {
/*         background: url("../grafik/hg_holz.png");
         background-repeat:repeat;*/
         background-color: #DD6F00;
         margin: 0 auto;
         max-width: 1000px;
         width: 96%;
         border: 6px solid #FFDF00;/*Rand des wrapper*/
         -moz-border-radius: 10px;
         border-radius: 10px;
         box-shadow: 0 0 10px 0px
         rgba (12, 3, 25, 0.8);
         padding: 4px;
         height: auto;
         text-align:center;
         }
#bigimage{
         margin:0px auto 0px auto;
         max-width:98%;
         height: auto;
         width: auto;
         }
.bigimage{
         display: inline-block;
         margin: 0px auto 0px auto;
         max-width: 98%;
         height: auto;
         width: auto;
         }
.sep     {
         width: 75%;
         height: 5px;
         border: 1px solid #000000;
         border-radius: 4px;
         background-color: #05CF0B;
         }
.faden   {
         display: block;
         margin: 15px auto;
         max-width: 98%;
         height: auto;
         width: auto;
         }
.foto    {
         display: inline-block;
         text-align: center;
         margin: 0 auto;
         max-width: 100%;

         border: 3px solid #FFFFFF;
         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);
         }
.box1    {
         display: inline-block;
         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);
         margin: 12px auto;
         max-width: 98%;
         height: auto;
         width: auto;
         }
.box2    {
         display: inline-block;
         border: 3px 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;
         box-shadow: 0 0 2.5px 0px
         rgba (12, 3, 25, 0.8);
         margin: 10px auto;
         max-width: 98%;
         height: auto;
         width: auto;
         }
.box3    {
         display: inline-block;
         border: 2px solid;
         border-top-color:#FFFFFF;
         border-left-color:#FFFFFF;
         border-right-color:#5F5F5F;
         border-bottom-color:#5F5F5F;
         border-radius: 4px;
         -moz-border-radius: 4px;
         -webkit-border-radius: 4px;
         -ms-border-radius: 4px;
         box-shadow: 0 0 2px 0px
         rgba (12, 3, 25, 0.8);
         margin: 0 auto;
         max-width: 98%;
         height: auto;
         width: auto;
         }
.box4    {/*für den notfall*/
         display: inline-block;
         border: 2px solid;
         border-top-color:#FFFFFF;
         border-left-color:#FFFFFF;
         border-right-color:#5F5F5F;
         border-bottom-color:#5F5F5F;
         border-radius: 4px;
         -moz-border-radius: 4px;
         -webkit-border-radius: 4px;
         -ms-border-radius: 4px;
         box-shadow: 0 0 2px 0px
         rgba (12, 3, 25, 0.8);
         margin: 5px;
         max-width: 98%;
         height: auto;
         width: auto;
         }
.nav     {
         display: inline-block;
         margin: 0px auto 0px auto;
         max-width: 98%;
         height: auto;
         width: auto;
         }
#zaehler {
         display: inline-block;
         background-repeat:no-repeat;
         text-align:center;
         margin:1% auto;
         max-width:98%;
         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: 4px;
         -moz-border-radius: 4px;
         -webkit-border-radius: 4px;
         -ms-border-radius: 4px;
         box-shadow: 0 0 2px 0px;
         font-family: Seagull,Tahoma,Trebuchet;
         font-weight: bold;
         font-size: 12px;
         font-style: normal;
         color: #000000;
         padding:4px 20px 4px 20px;
         background: #FFD700;
         }
.sub    {
         display: inline-block;
         font-family: Seagull,Tahoma;
         font-weight: normal;
         font-size: 14px;
         font-style: normal;
         color: #000000;
         border: 2px solid;
         border-top-color:#FFFFFF;
         border-left-color:#FFFFFF;
         border-right-color:#5F5F5F;
         border-bottom-color:#5F5F5F;
         border-radius: 4px;
         -moz-border-radius: 4px;
         -webkit-border-radius: 4px;
         -ms-border-radius: 4px;
         box-shadow: 0 0 2px 0px;
         margin: 4px auto;
         max-width: 100%;
         height: auto;
         width: 67%;
         background: #FFD700;
         padding: 3px auto;
         }