/* CSS Document */
@media only screen and (max-width: 1650px)  
{ 
   
  
  
}

@media only screen and  (min-width: 1280px) and (max-width: 1659px)
{
   div.main_container{
      _background-color:yellow!important;
    }
    
} 
@media only screen and  (min-width: 1245px) and (max-width: 1279px)
{
    div.main_container{
      _background-color:red!important;
    }
    
  
}  
@media only screen and  (min-width: 1178px) and (max-width: 1244px)
{
     div.main_container{
      _background-color:magenta!important;
    }
    div#hornav div.moduletable ul li {
    margin-left:5px;
   } 
    
}
 
@media only screen and  (min-width: 1120px) and (max-width: 1177px)
{
    div.main_container{
      _background-color:green!important;
    }
    img.sun{
      display:none;
    }
   div#hornav div.moduletable ul li {
    margin-left:5px;
   } 
   div.mainin div#mcol div.inside div.inside2{
    width:100%;
   }
   div.flexgallery{
    overflow:hidden;
   }
   
   #slideshowWindow {
    width: 547px!important;
    overflow:hidden;
   }
   #slideshowWindow div.slide img{
    width:547px;
    margin-left:0px;
   }
   div.flexgallery a.previous{
    margin-left:0px;
   }
}  
@media only screen and  (min-width: 992px) and (max-width: 1119px)
{
    div.main_container{
      _background-color:brown!important;
    }
     img.sun{
      display:none;
    }
   div#hornav div.moduletable ul li {
    margin-left:5px;
   } 
    div.flexgallery{
    overflow:hidden;
   }
   
   #slideshowWindow {
    width: 530px!important;
    overflow:hidden;
   }
   #slideshowWindow div.slide img{
    width:530px;
    margin-left:0px;
   }
   div.flexgallery a.previous{
    margin-left:0px;
   }
    
}  
@media only screen and  (min-width: 770px) and (max-width: 991px)
{
    div.main_container{
      _background-color:cyan!important;
    }
    div#logo {
      width:340px;
      float:left;
    }
   
    div#hornav div.moduletable{
      margin-top:-34px;
    }
    div#hornav div.moduletable ul li {
      margin-left:11px;
    } 
    div#lcol{
      display:none; 
    }
    div.colorarrow{
      width:200px;
    }  
    div#home1, div#home2, div#home3{
      width:33%;
      float:left;
    }
    div.home h2 a, div.home h2{
      font-size:17px;
    }
    div.flexgallery{
    overflow:hidden;
   }
   
   #slideshowWindow {
    
    overflow:hidden;
   }
   #slideshowWindow div.slide img{
 
    margin-left:0px;
   }
   div.flexgallery a.previous{
    margin-left:0px;
   }
    
}
@media only screen and (max-width: 769px)
{
  body#site{
    
  }
  div.main_container{
    _background-color:magenta!important;
  }
  div#lcol{
    display:none;
  }
  div.wellcome{
    width:100%;
  }
  div.wellcome h1{
    font-size:20px;
    margin-top:10px;
    padding-bottom:0px;
  }
  div.wellcome p{
    font-size:16px;
    line-height:120%;
  }
  div#hornav div.moduletable{
    display:none;
  }
  div#hornav nav{
    display:block;
    position:absolute;
    right:10px;
    top:-100px;
  }
 div#logo img{
    max-width:99%;
  }
  div#hornav nav select{
    background-color:#F0676F;
    border:1px solid #F0676F;
    color:#ffffff;
    padding:1px;
  }
  div#topinfo div.moduletable{
    margin-top:-10px;
    margin-bottom:40px;
  }
  div.top_container {
    height:auto;
    background-position:center bottom;
  }
  div#topinfo div.moduletable p{
    background-image:none;
  }
  img.sun,
  div.mainin div#lcol{
    display:none;
  }
  div.mainin div#mcol div.inside div.inside2{
    width:100%;
  }
  div.colorarrow{
      width:200px;
      bottom:290px;
      left:0px;
    } 
  div.mainin div#mcol div.inside{
   padding-bottom:460px;
  }
  div.flexgallery h1, div.mainin div.blog h1, div.mainin div.item-page h1, div.mainin div.item-page h1 a, div.mainin h2.componentheading, div.mainin div.category-list h2, div.mainin div.login h1, div.mainin div.logout h1, div.mainin h2.componentheading, div.mainin div.registration h1, div.mainin div.eshop_container h1.componentheading{
    font-size:30px;
  }
  .ui-accordion .ui-accordion-header a{
    line-height:84%;
  }
  div.themenu {
    width:100%;
    overflow:auto;
    display: -moz-box;
    min-height: 500px;
  }
  div.themenu table{
    width:900px;
    
  }
  div.cf-container form fieldset textarea,
   div.cf-container form fieldset input{
    width:100%;
   }
   div.cf-container form fieldset .label{
    width:100%;
    text-align:left;
   }
  div.cf-container form fieldset .label,
  div.cf-container form fieldset input {
    float:none;
  }
  div.cf-container form fieldset input.btn{
    margin-left:0px;
  }
  div.maps {
    margin-top:100px;
  }                      
  div.maps div.map{
    margin-top:203px;
  }
  div.contact div.maps{
    height:auto;
  }
   div.contact div.maps div.cloudi {
    left:0px;
    top:-192px;
   }
    div.flexgallery{
    overflow:hidden;
   }
   #slideshow,
   #slideshowWindow {
    width: 100%!important;
    overflow:hidden;
    
   }
   #slideshowWindow div.slide img{
    width:100%;
    margin-left:0px;
   }
   #slideshow #slideshowWindow{
    min-height:250!important;
    height:auto!important;
   }
   div.flexgallery a.previous{
    margin-left:0px;
   }
}