/* für Smart Phones Landscape */

@media all and (min-width: 361px) and (max-width: 800px) { 

#startlowres {
       display:inline;
}

#startmidres {
       display:none;
}

#starthighres {
       display:none;
}

/* low_res */
.startleftlow{
    width:300px;
    margin:0;
}

.startrightlow{
    width:300px;
    margin:0;
}
 

/* Bilderkästen */

#bilder01 {
    margin-top:20px;
}

#bilder01, #bilder03 {
    margin-right:6px;
}


 
    
.top-margin {
    padding-top:6px;
    padding-left:0px;
}

#da_logo {
    position:relative;
    left:0px;
    top:0px;
    background-image:url("../images/lowres/da_logo.jpg");
    background-repeat:no-repeat;
    display:block;    
    width:300px;
    height:99px;
    float:left;
}

#headertext {

    display:block;
    width: 300px;
    height: 46px;
    margin:2px;
    background-image:url("../images/lowres/ihre_ferienwohnung.jpg");
    background-repeat: no-repeat;
}

.tab_rahmen table {
     border:1px solid black;
     margin:0;
     padding:0;
     width:580px;
     font-size:9px;
}


    /* Allgemein */

    body{
          background-color:#DFD7CB;
        font-size:18px;  
        line-height: 1.2;
    }

    #main {
        padding: 0px;
        width:600px;
        float:left;
        background-image:url("../img/lowres/bg_360.jpg");
    }

    
    #header{
        width:600px;
        height:150px;
        margin:0px 0px 15px 0px;
    }

    #mieten {
        width:600px;
        height:30px;
        margin:0px 0px 15px 0px;
    }

    #content_bild {
        width:600px;
        height:312px;
        margin:0px 0px 15px 0px;
    }

    h1{
        font-size:20px; 
    }

#contentblock {
    padding:48px 6px 0 6px;
}

.contenttext {
    padding:0;
}

.headlinetext {
    padding:6px 0 0 0;
    font-size:20px;
}

.mainheadline {
    xxpadding:12px 0 0 0;
    xxxcolor:#a2a1aa;
    color:#58585a;

}

.headline1 {
    font-size:20px; 
    font-weight: bold;
}
    
    .left, .left_content {
        width:100%;
        margin:0px;
        padding-top:6px;
        xxfloat:none; 
    }

    .right, .right_content {
        width:100%;
        margin:0px;
        padding-top:6px;
        xxfloat:none; 
    }


.right_content {
    padding-left:0px;
    padding-bottom:16px;
    
}
    
 .main-img{
    background-image:url("../images/ic_smartphone_quer.jpg");
    background-repeat:no-repeat;
    width:40px;
    height:40px;
    margin: 0 20px 0px 0;
    float:left;
    max-width: 100%;
}

.servicenavi {
    position:relative;
    top:6px;
    left:120px;
}

.servicenavi a {
    font-size:12px;
}

    /* Content */

    #content{
        xxmargin-top:4px;
        xxpadding: 5px 5px 5px;    
        text-align: justify;
        background-color:transparent;
        color:black;    
        xborder-radius: 5px;
        width:600px;
    }

#navibox {
    height:48px;
    padding:0px;
    width:600px;
}

    ul#navigation {
    background-color:#transparent;
    xborder-top-right-radius: 5px;
    xborder-top-left-radius: 5px;
    float:left;
    width:100%;
    padding-bottom:4px;
    }
    
    ul#navigation li {  
    float:left;
    position:relative;
    list-style: none;
    xxmargin:10px 16px 10px 4px;
    xxpadding:15px;
    background-color:transparent;

    xborder-radius: 5px;
    xborder:1px solid grey;

    font-size:18px;
    font-weight:bold;
    xxwidth:85px;
    }
    
    ul#navigation li:active{
        display:block;
        background-color:black;
        color:white;
    }
    
    xxul#navigation li:hover{
        xxbackground-color:black;
        color:white;
    }

    .nosmart {
    display:none;
    }

    #footer {
        padding:0;
    }

    #footer_top {
        width:460px;
        xfloat:left;
    }

    #footer_bottom {
        xxpadding-top:2px;
        width:588px;
        padding: 0 6px;
        xfloat:left;
    }

}


/* für Smart Phones Portrait */

@media all and (max-width: 360px) {  

#startlowres {
       display:inline;
}

#startmidres {
       display:none;
}

#starthighres {
       display:none;
} 


  
.top-margin {
         padding-top:0px;
         padding-left:0px;
    }

#da_logo {
    position:relative;
    left:0px;
    top:0px;
    background-image:url("../images/lowres/da_logo.jpg");
    background-repeat:no-repeat;
    display:block;    
    width:300px;
    height:99px;
    float:left;
}

    /* Allgemein */
    
    body{
        background-color:#DFD7CB;
        font-size:20px; 
        line-height: 1.2;

    }
    
    #main {
        padding: 0px;
        width:300px;
        float:left;
        background-image:url("../img/lowres/bg_360.jpg");
    }
    
    #header{
    background-color:#ffffff;
    width:300px;
    height:90px;
    }

    #mieten {
        width:300px;
        height:15px;
        margin:0px 0px 15px 0px;
    }

    #content_bild {
        width:300px;
        height:150px;
        margin:0px 0px 15px 0px;
    }


#headertext {

    display:block;
    width: 300px;
    height: 46px;
    margin:0;
    background-image:url("../images/lowres/ihre_ferienwohnung.jpg");
    background-repeat: no-repeat;
}

.tab_rahmen table {
     border:1px solid black;
     margin:0;
     padding:0;
     width:290px;
     font-size:7px;
}

    h1{
        font-size:22px; 
        xxcolor:#ff8a00;
    }

    .contenttext {
        padding:0;
    }

    .headlinetext {
        padding:6px 0 0 0;
        font-size:22px;
    }

.mainheadline {
    padding:12px 0 0 0;
    xxxcolor:#a2a1aa;
    color:#58585a;

}

    .headline1 {
        font-size:22px; 
        font-weight: bold;
        xxcolor: #ff8a00;
    }
    
    .left, .left_content{
        width:100%;
        margin:0px;
        padding-top:6px;
        xxfloat:none; 
    }

    .right, .right_content{
        width:100%;
        margin:0px;
        padding-top:6px;
        xxfloat:none; 
    }

    .right_content {
        padding-left:0px;
        padding-bottom:16px;
    }
    
    .main-img{
        background-image:url("../images/ic_smartphone.gif");
        background-repeat:no-repeat;
        width:30px;
        height:40px;
        margin: 0 10px 0px 0;
        float:left;
        max-width: 100%;
    }
    
    .servicenavi {
        position:absolute;
        top:6px;
        left:140px;
    
    }

    /* Content */
    
    #content{
        xxxmargin-top:4px;
        xxpadding:0 6px 16px 6px;       
        text-align: justify;
        background-color:transparent;
        color:black;    
        xborder-radius: 5px;
        width:300px;
    }

#contentblock {
    padding: 12px 4px 0 4px;

}

#navibox {
    padding:4px;
    width:292px;
}

    ul#navigation {
        max-width:100%;
        xbackground-color:#DFD7CB;
    }
    
    ul#navigation li {  
        font-size:18px;
        width:280px;

    }

li.menu {
    border-right:1px solid #847B72 !important;

}
    
    .nosmart {
    display:none;
    }

#footer {
    padding: 0;
    background-image: url("../images/lowres/logo_footer.jpg");
    background-repeat: no-repeat;
    height: 140px;
}

    #footer_top {
        width:280px;
        height:35px;
        xxfloat:left;
    }

    #footer_bottom {
        xxpadding-top:2px;
        width:288px;
        padding: 0 2px;
        xfloat:left;
    }

}