/*
************************************************************
Styles:     flix//theme
Project:    interaktiv manufaktur - 760px Responsive CSS
Autor:      Michael Eipel
Copyright:  (c) 2015 interaktiv manufaktur
Website:    www.interaktiv-manufaktur.de
************************************************************
*/


@media only screen and (min-width: 760px) and (max-width: 1000px)  {

   /* ********** events-detail ********* */
   .vor-ort-main #places-map {
      height:400px;
   }


   /* ********** googlemaps-main ********* */
   #googlemaps-main-mapcontainer {
      height:400px;
   }


   body #optout {
      height:180px;
   }


   /* ********** head ********* */

   #brandingLogo {
      display:block;
   }

   /* ********** Search-Mobile ********* */
   .searchbutton {
      float:right;
      width:40px;
      display:block;
      margin:35px 20px 35px 0;
      cursor:pointer;
   }

   .searchbutton .icon {
      display:block;
      width:100%;
      height:20px;
      background:url(/_images/ic_nav-search.png) center top no-repeat;
      background-size:21px 100px;
   }

   .searchbutton .text {
      color:#67471c;
      text-align:center;
      margin-top:3px;
      display:block;
      font-size:14px;
   }

   .searchbutton.active .icon,
   .searchbutton.active .text {
      color:#ffffff;
      background-position:bottom;
   }

   #mobile-search {
      display:none;
      width:94%;
      padding:10px 3%;
      border-top: 3px solid #EF7F01;
      background-color: #FFF5DF;
   }

   #mobile-search input.searchform-word {
      width:94%;
      height: 22px;
      padding:4px 34px 4px 4px;
      border:1px solid #90979e;
      color:#90979e;
      font-family:Arial, sans-serif;
      font-size:16px;
      background:url(/_images/ic_search.png) 98% 3px no-repeat #ffffff;
      background-size:24px 118px;
   }

   #mobile-search input.searchform-word:focus {
      border:1px solid #576471;
      color:#576471;
      background-position:98% -91px;
   }

}

@media only screen and (min-width: 800px) and (max-width: 1000px)  {


   /* *************************************************
   *** Footer
   ************************************************* */
    #footer .left {
         width:auto;
      }

      #footer .right {
         float:right;
         margin-top:0;
      }

      .nav-footer {
         margin-top:0;
      }



}