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



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

   /* START PAGE STYLES */

      #topbar    { display:none; }
      #startbar  { display:none; }
      #startlogo { display:none; }
      #choosers  { display:none; } 
      

      #topbarmobile   { display:block; min-width:320px; font-size: 0.938em; font-weight:normal; color:#fff; height:25px; padding:8px 0 2px 0; background: #2fac66; }
      #topbarmobile a { color:#fff; text-decoration:none; }
      
      #startimagemobile { display:block; clear:both; margin-top:0px; }
      #startlogomobile  { display:block; clear:both; width:88%; text-align:center;  padding:10px 0 20px 0; margin: 0 6% 0 6%; }

      .quarter { float: left; padding: 0 0; width: 48%; margin: 1%;  }
      .quartertrennerblank { display:none; }

      #headerbar { clear:both; background: none repeat scroll 0 0 #E8E8E8; height: auto; margin: 20px auto 0; padding: 20px 0 20px; text-align: center; width: 100%; }
      #headerbar h1 { color: #666666; font-size: 1.500em; }
      #headerbar p  { font-size:1.125em; }

      #betriebe { margin: 0 auto; padding: 0 0 40px; text-align: center; width: 100%; }
      #betriebe .quarter { width:90%; margin:0 5% 0 5%; text-align:center; }
      #betriebe .quartertrenner { display:none; }
      #betriebe h2 { margin-top:20px; }

      #betriebe .mobileButtons { display:block; color: #fff; margin-top:35px; }
      #betriebe .mobileButtons a { color: #fff; }

      #innerpage .quarter { width:47%; }

      #startbg { background: none; border:none;  height: auto; margin: 0 auto; position: absolute; text-align: center; top: 35px; width: 100%; }


   /* PAGE STYLES */

      #emotion { width:100%; min-width:320px; float:none; height:auto; position: static; border:0; }
      #emotionbar { display:none; }
      #emotionbt { display:none; }
      #emotionsm { display:none; } 

      #logo     { width:100%; min-width:320px; height:auto; background:#fff; margin:0 auto;  }
      #logo img { width:180px; max-width:180px; text-align:center;  }
      #ccntact { display:none; float:left; width:100%; font-size: 0.875em; margin-top:12px; padding-top:0px; background: #fff; height:auto; color: #076633; overflow:hidden;}
      .cansprech { font-size: 1.000em; }
      .cphone { font-size: 1.000em; }

      nav     { display:none; }
      section { width:92%; min-width:290px; }

      footer  { width:100%; min-width:290px; text-align:center; margin:15px auto; }

      .homes { float:none; height:auto; width:100%; max-width:200px; margin:25px auto 0 auto; text-align:center; padding:0; }
      .innerblock { float:none; width:100%; text-align:center; margin:0; padding:0; }
      .address { float:none;  width:100%; text-align:center; margin-top:25px; padding:0; }
      .address2 { display:none; }
      .footerinfo { width:88%; margin:25px 6% 0 6%; text-align:center; } 

      .address2mobile { display:block; float:none; margin-top:35px; width:100%; text-align:center; padding:0; }
      .posRightImage { float: right; margin: 30px 0 15px 15px; width: 46%; }

      .infoRightBox { display:none; }

      #rsmenu        { position:absolute; top: 160px; z-index:99; display:block; width:100%; min-width:320px; height:48px; margin:0 auto; background: transparent; text-align:center; }
      #rsmenu .shown {}
      #rsmenu img    { width:48px; }

      #rsmenubar { position:absolute; top: 183px; z-index:98; width:100%; background: #076633; margin: 0 auto; padding-top:20px;}
      #rsmenubar a { display:block; width:100%; height:26px; font-size:1.059em; background: #076633; color: #fff; padding:10px 0 5px 0; border-bottom: 1px solid #030; text-decoration: none; }
      #rsmenubar p { display:block; width:100%; height:26px; font-size:1.059em; background: #003412; margin:0; font-weight:bold; color: #fff;  padding:10px 0 5px 0; border-bottom: 1px solid #030; text-decoration: none; text-align:center;  }


}


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

      #topbar { width:98%; padding-left:2%;}


   /* START STYLES */

      #startbar  { display:none; }
      #startlogo { display:none; }
      #choosers  { display:none; } 

      #startimagemobile { display:block; clear:both; margin-top:-35px; }
      #startlogomobile  { display:block; clear:both; width:98%; text-align:center; padding:10px 0 20px 0; margin: 0 auto; }

      .quarter { float: left; padding: 0 0; width: 18%; margin: 1%; }
      .quartertrennerblank { display:none; }

      #headerbar { clear:both; background: none repeat scroll 0 0 #E8E8E8; height: auto; margin: 20px auto 0; padding: 20px 0 20px; text-align: center; width: 100%; }
      #headerbar h1 { color: #666666; font-size: 1.500em; }
      #headerbar p  { font-size:1.125em; }

      #betriebe { margin: 0 auto; padding: 0 0 40px; text-align: center; width: 100%; }
      #betriebe .quarter { float:left; width:40%; margin:0 5% 0 5%; text-align:center; }
      #betriebe .quartertrenner { display:none; }
      #betriebe h2 { margin-top:20px; }

      #betriebe .mobileButtons { display:block; color: #fff; margin-top:35px; }
      #betriebe .mobileButtons a { color: #fff; }

      #innerpage .quarter { width:23%; }

      #startbg { background:none; border:none;  height: auto; margin: 0 auto; position: absolute; }
      
   /* PAGE STYLES */
   
      #logo     { height:auto; background:#fff; border:0; }
      #logo img { margin-top:42px; }
      #emotion { height:auto; border:0;  }
      #emotionbar { display:none; }
      #emotionbt { display:none; }
      #emotionsm { display:none; }
      .emotionsmCorrect { margin-top:0px; }

      #ccntact { display:none; }

      .homes { float:right; height:auto; width:35%; margin:25px auto 0 auto; text-align:left; padding-left:5%; }

      .address { float:left;  width:49%; text-align:left; margin-top:25px; padding-left:5%; }
      .innerblock { float:none; width:100%; text-align:left; margin:0; padding:0; }

      .address2 { clear:both; width:88%; margin-top:25px; }
      .footerinfo { clear:both; width:88%; margin:25px 6% 0 6%; } 


      #rtmenu { clear:both; display:block; width:100%; height:41px; margin:-5px auto 0 auto; background: #01652f;  }
      .hoznavbar { float:left; width:14.0%;  border-right: 1px solid #070; }
      .hoznavbar a { display:block; width:100%; height:26px; font-size:0.952em; background: #01652f; color: #fff; padding:10px 0 5px 0; text-decoration: none; }

}

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

   /* START STYLES */

      #startfooter { width:80%; margin:0 auto; padding:20px 0 20px 0}

      .stlogo { float:left; width:100%; text-align:center; }
      .stcon  { float:left; width:100%; text-align:center;  padding-top:18px; }
      .stimp  { float:left; width:100%; text-align:center;  margin-top:36px; }
   
      #outerpage { width:88%; padding: 6%; margin: 0 auto 20px; border: 0px; }
      #innerpage { width: 100%; }

      #innerpage .col2      { width:100%; }
      #innerpage .col2last  { float: left;  width: 100%; padding-left:0px; }


   /* PAGE STYLES */

      #selectbar { display:none; }

      nav  { display:none;  }
      section { width:92%; min-width:290px; }

      .tspacer { clear: both; height: 25px;  }

      .col2 { width:100%; }
      .col2last { width:100%; padding-left:0; margin-top:15px; }

      .inset  { padding-left:0px; }
      .inset2 { padding-left:0px; margin-left:0px; }
      .spacer { height:15px; }

      footer  { width:100%; min-width:290px; text-align:left; margin:15px auto; }
}


@media only screen 
and (min-width: 769px) and (max-width: 980px)
{
 
   /* START STYLES */

    

   /* PAGE STYLES */

      /** #horizon { width:768px; margin:0 auto; } **/

     
}