@media (max-width: 480px) {
    body {
        width: 95%;
        font-size: 105%;

        /*text-align: center; */
        padding: 2px;

    }

    #navi ul {
        width: 85%;
    }

    img.not {
        width: 95%;
        margin: 5px;
    }
    .fakemail > h2 {
        padding: 2px 5px;
    }
     .upload > p > img {
         margin: 1px 15px;
         width: 90%;
     }

     .upload > .left {
         width: 85%;
         font-size: 100%;
     }

    .note {
        width: 80%;
        margin:5px 2px;

    }

    .box {
        width:80%;
    }

    fieldset, .karte {
        width: 95%;
        margin: 2px;
        padding: 2px;
    }

    div.links, div.kod,  pre > code {
        width: 90%;

        margin: 3px;
    }

    #fuss {
        font-size: 95%;
    }
    /* ------ */
    .file, .filezwei, .filedrei, .filevier  {
        width: 90%;
        font-size: 95%;
    }
      

}