@media only screen and (max-width: 1070px) {
    #top {
        min-width:1px;
    }
    #logo {
        position:absolute;
        right:1em;
        margin-top:0.3em;
    }
    #imprint {
/*        display:none;*/
        font-size:100%;
    }
    
    #imprint a {
        display:inline-block;
        padding:6px 12px;
        border: 1px solid #fff;
    }
    #imprint.indexpage {
        display:block;
        font-size:1.5em;
        margin:0.5em 0 0.5em 0;
    }
    #classpixbox {
        margin:4em auto 1em auto;
    }
    #navi ul {
        display:none;
        position:absolute;
        top:80px;
        left:0;
        z-index:100;
        background-color:#000;
        margin:0;
    }
    #navi ul li {
        float:none;
        width:15em;
        font-size:180%;
        line-height:3em;
        height:auto;
    }
    #navi ul li a,
    #navi ul li a:hover,
    #navi ul li a.current {
        line-height:3em;
        color:#fff;
        background-image:none;
    }
    #navi #barblock {
        display:block;
        cursor:pointer;
    }
    #barblock .bar {
        display:block;
    }
    
    #profileleft, #profileright {
        float:none;
        width:90%;
    }
    .nameslist.registrated img {
        width:60px;
    }
    .nameslist.registrated td {
        font-size:1.5em;
        min-height:60px;
    }
    .prevnextnavbox {
        width:200px;
    }
    .prevnextnavbox img {
        width:76px;
        height:70px;
    }
    
    .textfeld.smalltf {
        font-size:1em;
        min-height:2.2em;
    }
    
    .ac_subcomment .smallbutt {
        display:block;
        margin-top:0.4em;
    }
    
}


/*@media only screen and (max-device-width: 480px) and (orientation : portrait), (max-width: 480px) and (orientation : portrait)*/
@media only screen and (max-device-width: 480px) and (orientation : portrait) {
    #top {
        height:120px;
    }
    #logo {
        margin-top:0.6em;
    }
    #navi #barblock {
        width:120px;
        height:120px;
    }
    #barblock .bar {
        height:4px;
        background-color:#fff;
        margin:14px auto 0 auto;
        width:80px;
    }
    #barblock .bar:first-child {
        margin-top:40px;
    }
    #navi ul {
        top:120px;
    }

    
}

@media only screen and (min-width: 1720px) and (orientation : landscape) {
    #footer {
        margin:0;
        position:absolute;
        top:7em;
        right:2em;
    }
}