/* 
    Document   : klein
    Created on : 23.02.2015, 15:16:52
    Author     : mac
    Description:
        Purpose of the stylesheet follows.
*/

@media only screen and (min-width: 401px) and (max-width: 640px) { 
    
    .ergebnisliste-bereich-00{
        float:left;
        width: 100%;                
    }
    
    .ergebnisliste-bereich-00-01{
        margin-left:5%;
    }
    
    .ergebnisliste-bereich-01{        
        float:left;
        width:98%;
        margin-left:1%;        
    }
    
    .ergebnisliste-bereich-02{        
        float:left;
        width:98%;
        margin-left:1%;
        
    }
    
    .ergebnisliste-bereich-02-01{        
        float: left;
        width: 100%;        
    }
    
    .ergebnisliste-bereich-02-02{
        margin-top: 10px;
        float: left;
        width: 100%; 
    }
    
    .ergebnisliste-bereich-02-03{
        margin-top: 10px;
        float: left;
        width: 100%; 
    }
    
    .ergebnisliste-bereich-03{
        
        float:left;
        width:98%;
        margin-left:1%;
        
    }
    
    .ergebnis-liste-steuerung-01{
        float:left;
        margin-left: 0%;
        width: 49%;
    }
    
    .ergebnis-liste-steuerung-02{
        float:left;
        margin-left: 2%;
        width: 49%;
    }
    
    .ergebnis-liste-steuerung-03{        
        float:left;
        margin-left: 0%;
        width: 49%;
    }
    
    .ergebnis-liste-steuerung-04{        
        float:left;
        margin-left: 2%;
        width: 49%;
    }
    
    .ergebnis-liste-steuerung-01-01{
        float:left;
        margin-left: 5px;
    }
    
    .suchmaske-zeitraum-01{
        float: left;
        margin-left: 1%;
        width: 98%;
    }
    
    .suchmaske-zeitraum-02{
        float: left;
        margin-left: 1%;
        width: 98%;
    }
    
    .suchmaske-zeitraum-03{        
        float: left;
        margin-left: 1%;
        width: 98%;
    }
    
    .suchmaske-zeitraum-02-01{
        float: left;        
        width: 45%;        
    }
    
    .suchmaske-zeitraum-02-02{
        float: left;
        margin-left: 10%;
        width: 45%;        
    }
    
    .detail-bereich-01{
        float:left;
        width:98%;
        margin-left:1%;
    }
    
    .detail-bereich-02{
        float:left;
        width:98%;
        margin-left:1%;
    }
    
    .detail-bereich-02-01{
        float:left;
        width:100%;        
    }
    
    .detail-bereich-02-01-01{
        float:left;
        width:30%;        
    }
    
    .detail-bereich-02-01-02{
        float:left;
        width:45%; 
        margin-left: 5%;
    }
    
    .detail-bereich-01-01{
        float:left;
        width:100%;
    }
    
    .detail-bereich-01-02{
        float:left;
        width:100%;
    }
    
    .ergebnisliste-sidebar{
        float:left;  
        width:100%;
    }
    
    .ergebnisliste-sidebar-01{
        top: 5px;
        left: 0px;
        background-color: white; 
        position: absolute;
        display: none;
        float:left;
        margin-left: 5%;
        margin-right:5%;
        width:90%;        
        z-index: 10;        
    }
    
    .ergebnisliste-sidebar-02{
        float:left;
        width:100%;
        
    }
    
    .ergebnis-filter-zurueck{
        width:100%;
        float:left;
        display:inline;
    }
    
    .ergebnis-liste-filter-01{
        float:left;
        width:100%;
    }
    
    .bilder-slider-steuerung{
        float: left;
        width:100%;        
    }
       
    .bilder-slider-steuerung-01{
        float: left;
        width:100%;        
    }
    
    .bilder-slider-steuerung-02{
        float: left;
        width:100%;
        margin-top:2%;        
    }
    
    .bilder-slider-steuerung-02-01{
        float: left;
        width:45%;        
    }
    
    .bilder-slider-steuerung-02-02{
        float: right;
        width:45%;        
    }
    
    .ergebnis-filter-content{
        margin-left: 5%;
        margin-right: 5%;
        width:90%;
    }
    
    .ergebnisliste-bereich-margin-2{        
        width: 100%;
        float: left;
        margin-top: 10px;      
    }
    
    
    
}