/* 
    Document   : klein
    Created on : 13.04.2015, 14:41:00
    Author     : mac
    Description:
        Purpose of the stylesheet follows.
*/

@media only screen and (min-width: 401px) and (max-width: 640px) { 
    
    .header-tabs-container{
        float: left;
        width: 100%;                
    }
    
    .header-tabs-tab{
        float:left;
        width:100%;       
    }
    
    .suche-container-zeile-01{
        float:left;
        width: 100%;
    }
    
    .suche-container-zeile-abstand{
        width:100%;
        float:left;
        margin-top: 10px;
    }
    
    .suche-container-zeile-01-01{
        width:100%;
        float:left;        
    }
    
    .suche-container-zeile-01-02{
        width:100%;
        margin-top: 5px;
        float:left;        
    }
    
    .suche-container-suchbutton{
        float:left;
        width:100%;
        margin-top:10px;
    }
    
    .subueigenschaften-01{
        float:left;
        width: 100%;
    }
    
    .ergebnisfilter{
        background-color: whitesmoke;
        z-index: 999; 
        /*visibility: hidden;*/
        position: absolute;
        top: 2%;
        left: 2%;
        display: none;
        width: 96%;;
        height: auto;        
        -moz-opacity:.98;
        opacity: .98;
        color: #000;
        float:left;
    }
    
    .ergebnissortierung{
        background-color: whitesmoke;
        z-index: 999; 
        visibility: hidden;
        position: absolute;
        top: 2%;
        left: 2%;
        display: none;
        width: 96%;;
        height: auto;        
        -moz-opacity:.97;
        opacity: .97;
        color: #000;
    }
    
    .ergebnis-filter-zeile-01{
        float:left;
        width:100%;
    }
    
    .ergebnis-filter-zeile-02{
        float:left;
        width:100%;
    }
    
    .ergebnis-filter-zeile-03{
        float:left;
        width:100%;
    }
    
    .ergebnis-filter-inner{
        float:left;        
        width: 90%;
        margin-left: 5%;
        margin-top: 10px;
    }
    
    .ergebnis-liste-filter-bereich-01{
        float:left;
        width:33.33%;
    }
    
    .ergebnis-liste-bereich{
        float:left;
        width:100%;
    }
    
    .ergebnis-liste-bereich-01{
        float:left;
        width:100%;
        display:none
    }
    
    .ergebnis-liste-bereich-02{
        float:left;
        width:100%;
    }
    
    .ergebnis-liste-haus-bereich{
        float:left;
        width: 100%;         
    }
    
    .ergebnis-liste-haus{
        float:left;
        width: 100%;         
    }
    
    .ergebnis-liste-haus-00-01{
        float:left;
        width:50%;        
    }
    
    .ergebnis-liste-haus-00-02{
        float:left;
        width:48%;
        margin-left: 1%;
    }
    
    .ergebnis-liste-haus-00-03{ 
        clear: left;
        float:left;
        width:50%;
        margin-left: 0%;
        background-color: #EEEEEE;
    }  
    
    .ergebnis-liste-haus-00-04{
        margin-top: 10px;
        float:left;
        width: 48%;
        margin-left: 1%;
    }
    
    .ergebnis-liste-haus-00-05{
        margin-top: 10px;
        float:left;
        width: 100%;          
    }
    
    .ergebnis-liste-haus-00-06{
        display: none;
        margin-top: 10px;
        float:left;
        width: 100%;
    }
    
    .ergebnis-liste-haus-00-02-00{
        float: left;
        width: 100%;
    }
    
    .ergebnis-liste-haus-00-02-01{
        float: left;
        width: 100%;
    }
    
    .ergebnis-liste-haus-00-02-02{
        float: left;
        width: 100%;
    }
    
    .ergebnis-liste-haus-00-04-01{
        float: left;
        width: 100%;
    }
    
    .ergebnis-liste-haus-00-04-02{
        margin-top: 5px;
        float: left;
        width: 100%;        
    }
    
    .ergebnis-liste-haus-00-05-00{
        width: 98%;           
        float: left;    
        background-color: #EEEEEE;        
        color: #000033;     
        margin-left: 1%;
        margin-right: 1%;
        margin-top:3px; 
        line-height: 30px;       
    }       
    
    .ergebnis-liste-haus-00-05-01{
        height: 100%;
        float:left;
        width: 98%;
        margin-left: 1%;
        margin-right: 1%;
    }
    
    .ergebnis-liste-haus-00-05-02{
        height: 100%;
        float:left;
        width: 49%;    
        margin-left: 1%;
    }
    
    .ergebnis-liste-haus-00-05-03{
        height: 100%;
        float:left;
        width: 48%;
        margin-left: 1%;
        margin-right: 1%;
    }
    
    .bilder-slider-steuerung{
        float: left;
        width:100%;  
        height: 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%;        
    }
    
    .haus-hausbereich-01{
        float:left;
        width: 100%;
    }
    
    .haus-hausbereich-02{
        float:left;
        width: 100%;        
    }
    
    .haus-zimmerbereich-01{
        float: left;
        width: 100%;
        background-color: #EEEEEE;
        margin-top: 5px;        
    }
    
    .haus-zimmerbereich-01-01{
        float: left;
        width: 10%;  
        cursor: pointer;
    } 
    
    .haus-zimmerbereich-01-01-01{
        float:left;
        margin-top: 5px;
        margin-left: 2px;
        font-size: large;
        font-weight: bold;
    }
    
    .haus-zimmerbereich-01-02{
        float: left;
        width: 70%;         
    }
    
    .haus-zimmerbereich-01-02-01{
        float: left;
        margin-top: 5px;
        margin-left: 0%;
        width: 100%;
    }
    
    .haus-zimmer-header-02-01{
        float: left;
        width: 100%;
    }
    
    .haus-zimmer-header-02-02{
        float: left;
        width: 100%;
    }
    
    .haus-zimmerbereich-01-03{
        display: none;
        float: left;
        width: 15%;
    }
    
    .haus-zimmerbereich-01-03-01{
        float:left;
        width: 30%;  
        line-height: 30px;        
    }
    
    .haus-zimmerbereich-01-04{
        float: left;
        width: 90%;
        margin-left: 10%;
    }
    
    .haus-zimmerbereich-01-05{
        float: left;
        width: 100%;
    }
    
    .haus-zimmerbereich-01-05-inner{
        float: left;
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    
    .haus-zimmerbereich-01-04-01{
        float:left;
        width: 65%;  
        line-height: 30px;        
    }
    
    .haus-zimmerbereich-01-04-01-text{
        width:100%; 
        float: left;
        margin-left: 0%;
    }
    
    .haus-zimmerbereich-01-04-02{
        float:left;
        width: 34%;   
        line-height: 30px;
        margin-top: 1%;
        margin-right: 1%;
        margin-bottom: 1%;
    }
    
    .haus-zimmerbereich-02{
        float: left;
        width: 100%;
        background-color: #EEEEEE;
        display: none;
        border-top: 1px solid #777777;
    }
    
    .haus-zimmerbereich-02-selkatid{
        float: left;
        width: 100%;
        background-color: #EEEEEE;
        display: inline;
        border-top: 1px solid #777777;
    }
    
    .haus-hausbereich-eigs-liste{
        float:left;
        width:49%;
        margin-left: 1%;
        list-style: square;
    }
    
    .haus-hausbereich-00-header{
        float:left;
        width:100%;        
    }
    
    .haus-hausbereich-00-inhalt{
        float: left;
        width: 100%;
        margin-top: 5px;
    }
    
    .haus-zimmerbereich-02-01{
        margin-left: 10%;
        float:left;
        width: 89%;
        margin-top: 20px;
    }
    
    .ergebnis-liste-info-bereich-01{
        width:50%;
        float:left;
        text-align: center;
    }
    
    .ergebnis-liste-info-bereich-01-01{      
        width: 150px;
        margin: 0px auto;        
    }
    
    .ergebnis-liste-info-bereich-01-02{      
        width: 220px;
        margin: 0px auto;        
    }
    
    .haus-hausbereich-menu{
        float: left;
        width: 33.33%;
    }
    
    /* Karte */
    .karte-bereich{
        width: 160px;
        float:left;
        height: auto;
    }

    .karte-bereich-00{
        width:140px;
        float:left;    
    }


    .karte-bereich-01{
        display:inline;
        width:140px;
        float:left; 

    }

    .karte-bereich-02{        
        width:100%;
        float:left;
    }

    .karte-bereich-02-01{
        float: left;
        width: 100%;
    }

    .karte-bild{
        width: 100%;
    }
    
    .anfrage-bereich{
        width: 100%; 
        float: left;
    }
    
    .anfrage-bereich-00{
        width: 100%;
        float: left;
        margin-top: 5px;
    }
    
    .anfrage-bereich-00-01{
        width: 100%;
        float: left;
    }
    
    .anfrage-bereich-00-02{
        width: 100%;
        float: left;
    }
    
    .merkzettel-filter-bereich{
        float:left;
        width:100%
    }
    
    .ergebnis-liste-bild-sonder-2{  
        display: inline;
        height: 40px;
        margin-top: 5px;
        margin-bottom: 5px;
        cursor: pointer;
     }
     
     .haus-hausbereich-preis-01{
        float:left;
        width: 20%;
    }
    
    .haus-hausbereich-preis-02{
        float:left;
        width: 55%;
    }
    
    .haus-hausbereich-preis-03{
        float:left;
        width: 25%;
    }
    
    .ergebnis-liste-bild-sonder {
        display: none;
        width: 50px;
        margin-top: 10px;
        margin-left: 10px;
        z-index: 10;
        position: absolute;
        cursor: pointer;
    }
    
    .extra-slider-bild-anzeige{
        height: 100px;        
        margin-left: auto;
        margin-right: auto;            
    }
    
    .extra-slider-menu{
        float: left;
        width: 50%;
    }
    
    .kein-treffer-neue-suche{
        float: left;
        width: 100%;        
    }
    
    .haus-hausbereich-02-02-01{
        float:left;
        width: 50%;
    }
    
    .haus-hausbereich-02-02-02{
        float: left;
        width: 50%;        
    }
    
    .haus-hausbereich-02-03{
        float: left;
        width: 100%;        
    }
    
    .haus-hausbereich-02-02{
        float: left;
        width: 100%;
    }
    
    .haus-zimmerbereich-02-01-01{
        float: left;
        width: 100%
    }
    
    .haus-zimmerbereich-02-01-02{
        float: left;        
        width: 100%;
        margin-top: 10px;
    }
    
    .haus-zimmerbereich-02-01-03{
        float: left;        
        width: 100%;
        margin-top:10px;
    }
    
    .personen-zimmer-einheit-01{
        float: left;
        width: 100%
    }
    
    .personen-zimmer-einheit-02{
        float: left;        
        width: 100%;
        margin-top: 5px;
    }
    
    .personen-zimmer-einheit-02-01{
        float: left;
        width: 100%;
    }
    
    .personen-zimmer-einheit-02-02{
        float: left;        
        width: 100%;
    }
    
    .personen-zimmer-einheit-02-03{
        float: left;
        margin-top: 10px;
        width: 100%;
    }
    
    .personen-zimmer-einheit-text{
        float: left;
        width: 40%;
    }
    
    .personen-zimmer-einheit-feld{
        float: left;
        width: 60%;        
    }
    
    .personen-zimmer-einheit-02-03-text{
        float: left;
        width: 100%;
    }
    
    .personen-zimmer-einheit-02-03-felder-container{
        float: left;        
        width: 100%;
    }
    
    .personen-zimmer-einheit-02-03-felder{
        float: left;
        width: 33%;
    }
    
    .personen-zimmer-weitere{
        float:left;
        width: 50%;
    }
    
    .personen-zimmer-weniger{
        float:left;
        width: 50%;
    }
    
    .ergebnis-liste-haus-00-04-01-01{
        float: left;
        width: 100%;
    }
    
    .ergebnis-liste-haus-00-04-01-02{
        float: left;
        width: 100%;
        margin-top: 5px;
    }
    
    .suche-container-hkat{
        float: left; 
        width: 49%;
        margin-right: 1%;
    }
    
    .suche-container-klassifizierung{
        float: left;
        width: 100%;
    }
    
    .abstand-5-R{
        margin-top: 5px;
    }
    
    .abstand-5-R-kk{
        margin-top: 5px;
    }
    
    .personen-zimmer-container-inner{
        float: left;
        width: 100%;    
        /*background-color: #DDDDDD;*/
        border: 1px solid #DDDDDD;
    }
    
    .personen-zimmer-container-inner-ggvz{
        float: left;
        width: 100%;    
        /*background-color: #DDDDDD;*/
        border: 1px solid #DDDDDD;
    }
    
    .buchen-display-R{
        display: none;
    }
    
    .buchen-display-2-R{
        display: inline;
    }
    
    .ergebnis-liste-haus-katname{    
        width: 62%;  
        float:left;
        display: block;             
    }
    
    .ergebnis-liste-haus-sterne{
        float: left;
        width: 37%;
    }
    
    .zimmer-preis-01{
        float: left;
        width: 100%;
    }
    
    .zimmer-preis-02{
        float: left;
        width: 100%;
        line-height: 14px;
    }
    
    .haus-hausbereich-bildklein-bild{
        cursor: pointer;
        height: 80px;      
    }
    
    .buchungsframe-buchung{
        float:left;
        width: 100%;
        height: 1500px;
    }
    
    .haus-zimmerbereich-01-04-01-01{
        float:left;
        width: 40%;
    }
    
    .haus-zimmerbereich-01-04-01-02{
        float:left;
        width: 40%;
        margin-left: 10%;
        margin-right: 10%;
    }
    
    .haus-zimmerbereich-01-04-01-pau{
        float:left;
        width: 25%;   
        line-height: 30px;        
    }
    
    .haus-zimmerbereich-01-04-02-pau{
        float:left;
        width: 30%;   
        line-height: 30px;  
        margin-left: 5%;
        margin-right: 5%;
        margin-top: 1%;
        margin-bottom: 1%;
    }
    
    .haus-zimmerbereich-01-04-02-01{
        float:left;
        width: 30%;
    }
    
    .haus-zimmerbereich-01-04-02-02{
        float:left;
        margin-left: 5%;
        width: 65%;
    }
    
    .haus-ggvz-zimmersuche-00{
        float: left;
        width: 100%;
        line-height: 30px;
    }
    
    .haus-ggvz-zimmersuche-00-01{
        float: left;
        margin-left: 40%;
        width: 60%;
        line-height: 30px;        
    }
    
    .haus-hausbereich-02-03-01-01{
        float:left;
        width: 125px;    
    }

    .haus-hausbereich-02-03-01-02{
        float:left;
        margin-left: 10px;
        width: 125px;    
    }
    
    .haus-pauschalen4-preise-00{
        float: left;
        width: 100%;
        border-top: 1px solid #DDDDDD;
    }
    
    .haus-pauschalen4-preise-01{
        float: left;
        width: 100%;
    }
    
    .haus-pauschalen4-preise-02{
        float: left;
        width: 50%;
        margin-left: 0%;
    }
    
    .haus-pauschalen4-preise-03{
        float: left;
        width: 45%;
        margin-left: 5%;
    }
    
    .haus-pauschalen4-preise-04{
        float: left;
        width: 50%;
        margin-left: 0%;
    }
    
    .haus-pauschalen4-preise-05{
        float: left;
        width: 45%;
        margin-left: 5%;
    }
    
    .haus-pauschalenbutton{
        float: left;
        width: 100%;
    }
    
}