/*-----------------------------------------------------------------------------*/
/* MEDIA QUERIES */



@media only screen 
and (max-width : 480px) 
{

      body { font-size:16px; }

      #menuarea { display:none; }
      #headline { height:147px; }
      #headarea { height: 20px; margin: 0 auto; height:147px; padding: 11px 0 0 0; text-align: center; width: 100%; }

      #logo     { position:relative; top:-20px; /*left:-15px; padding:20px;*/ margin:0 auto; text-align:center; }
      #logo img { height: 172px; width: 180px;  }

      .fbook  { position:absolute; z-index: 935; right:20px; top:35px; transform: rotate(3deg); width:107px; height:40px; background: url('../images/facebook_mob.png'); }
       
   /* NAVIGATION */

      nav           { display:none; }  
      #bread        { display:none; }  
      #tabletbutton { display:none; }
      #tabletmenu   { display:none; position:absolute; left: -9999px; }


   /* START */
 
      .contentstart { width:90%; padding:50px 0 120px 0; }

      .start33 { width:95%; display:block; padding:3%; margin-bottom:50px; min-height:370px; }
      .stpace  { float:none; margin-right:0; }


   /* SUBPAGE FULL CONTENT */

       /* .content   { padding: 5% 5% 15% 5%; width: 90%;  margin: 131px auto 0 auto; } */

      .content   { padding: 5% 5% 15% 5%; width: 90%; top:-24px; margin: 0 auto 0 auto; } 
      .content p { text-align:left; }
      .content p.cdiv { text-align:center; }
     
      .content h1 { margin-top:0%; }


      .colGold21 { clear: both; float: none; display: block; width:100%; }
      .space21   { float:none; margin-right:0; }
      .colGold12 { float: none; margin-top:50px; display: block; width: 100%; text-align: center; }

      .vertspace { height:40px; }

      .col25     { width:46%; } 
      .space25   { margin-right:4%;  } 

      .col33     { float:none; display: block; width: 100%; }
      .space33   { float:none; }

      .col50     { display:block; width:100%; }
      .space50   { float:none; margin:0; }

      .imgDesc p { width:100%; text-align:center; }

      #tablemobileentgelte { display:block; }
      #tablenormentgelte { display:none; }

  /* FOOTER STUFF    */


     footer { height:auto; margin-top:-296px;}
     #footbar   { margin-top:80px; padding: 5% 5%;  position: relative; text-align: left; width: 90%; height:auto; z-index: 1; background: #77af30; }
     .footcol01 { margin:0; padding:0; width:100%; float:none; }
     .footcol02 { margin:0; padding:0; width:100%; float:none; }
     .footcol03 { margin:0; padding:0; width:100%; float:none; }
     .footcol04 { margin:0; padding:0 0 20px 0; background: url('../images/trees.png') 0 10px no-repeat; }    


}



@media only screen 
and (min-width : 481px) and (max-width : 768px)
{

      #menuarea { display:none; }
      #headarea { width:100%; height: 20px; padding:0; } /* margin: 0 auto; padding: 11px 0 0 0; text-align: center; width: 100%; }*/

      .fbook  { position:absolute; z-index: 935; right:20px; top:45px; }

   /* NAVIGATION */

      nav        { display:none; }  
      #bread     { display:none; }  

      #mobilebutton { display:none; }
      #mobilemenu   { display:none; position:absolute; left: -9999px; }


   /* START */
 
      .contentstart { width:90%; padding:50px 0 120px 0; }

      .start33 { width:65%; display:block; padding:3%; margin: 0 17.5% 50px 17.5%; min-height:370px; }
      .stpace  { float:none; margin-right:0; }


   /* SUBPAGE FULL CONTENT */

      .content   { padding: 5% 5% 15% 5%; width: 90%; margin: 126px auto 0 auto; }
      .content p { text-align:left; }
      .content p.cdiv { text-align:center; }
     
      .content h1 { margin-top:100px; }

      .colGold21 { clear: both; float: none; display: block; width:100%; }
      .space21   { float:none; margin-right:0; }
      .colGold12 { float: none; margin:50px auto 0 auto; display: block; width: 65%; text-align: center; }

      .vertspace { height:40px; }


      #tablemobileentgelte { display:block; }
      #tablenormentgelte { display:none; }


  /* FOOTER STUFF    */


     footer { height:auto; margin-top:-326px;} 
     #footbar   { margin-top:100px; padding: 5% 5%;  position: relative; text-align: left; width: 90%; height:auto; z-index: 1; background: #77af30; }
     .footcol01 { margin:0; padding-top:40px; width:45%; float:left; margin-right:10%; }
     .footcol02 { margin:0; padding:0; width:45%; float:left; }
     .footcol03 { margin:0; padding-top:12px; width:50%; float:left; }
     .footcol04 { float:left; width:50%; margin:0; padding:40px 0 20px 0; background: url('../images/trees.png') 20px 40px no-repeat; }    

    

}

@media only screen 
and (min-width : 769px) and (max-width : 999px)
{

      #menuarea { display:none; }
      #headarea { width:100%; height: 147px; padding:0; } /* margin: 0 auto; padding: 11px 0 0 0; text-align: center; width: 100%; }*/

   /* START */

      .contentstart { width:96%; padding:50px 0 120px 0; }

   /* NAVIGATION */

      nav        { display:none; }  
      #bread     {  }  
      #breadcon  { display:block; width:460px; }

      #mobilebutton { display:none; }
      #mobilemenu   { display:none; position:absolute; left: -9999px; }

      #tabletbutton { position:absolute; width:92px; height:36px; top:-45px; right:55px; }

 
  /* FOOTER STUFF    */


     footer { height:auto; margin-top:-336px;} 
     #footbar   { margin-top:105px; padding: 5% 5%;  position: relative; text-align: left; width: 90%; height:auto; z-index: 1; background: #77af30; }
     .footcol01 { margin:0; padding-top:40px; width:45%; float:left; margin-right:10%; }
     .footcol02 { margin:0; padding:0; width:45%; float:left; }
     .footcol03 { margin:0; padding-top:12px; width:50%; float:left; }
     .footcol04 { float:left; width:50%; margin:0; padding:40px 0 20px 0; background: url('../images/trees.png') 20px 40px no-repeat; }    


}


@media only screen 
and (min-width : 1000px)
{
 
  /* HIDE ELEMENTS */

     #mobilebutton { display:none; }
     #mobilemenu   { display:none; position:absolute; left: -9999px; }

     #tabletbutton { display:none; }
     #tabletmenu   { display:none; position:absolute; left: -9999px; }
     
}