/* CSS Einstellungen für Auflösungen bis 320px oder 20em */
/* Für Smartphones geeignet */

@media only screen and (min-width:0.1em) and (max-width:20em) {

html {
/*     background-image: linear-gradient(#A1A1A1, #A1A1A1, #A1A1A1, #DEDEDE, #f90,#f90, #DEDEDE, #D9D9D9, 
                    #D5D5D5,#D0D0D0, #CBCBCB, #C7C7C7, #C2C2C2, #BDBDBD, #B9B9B9, #B4B4B4, #AFAFAF, #AAAAAA, #A6A6A6, #A1A1A1);  */
    background-repeat: no-repeat; background-position: center;                               
    width: 100%;    height: 45.35vw;    margin: 0% 0% 0% 0%;    padding:  0% 0% 0% 0%;
}

body {
    background-color: #FFF;
    width: 100%;    height: 45.25vw;    margin: 0% 0% 0% 0%;    padding:  0% 0% 0% 0%;  
}
#pullover {
    background-color: #FFF;
    width: 100%;    height: 32.85vw;    margin: 0% 0% 0% 0%;    padding:  0% 0% 0% 0%;
}

#overall {
    background-color: #FFF;
    width: 100%;    height: 32.85vw;    margin: 0% 0% 0% 0%;    padding:  0% 0% 0% 0%;
}

#topp {
    background-color: #A1A1A1;
    width: 100%;    height: 8.75%;    margin: -1.25% 0% 0% 0%;    padding:  0% 0% 0% 0%;
}

#header {
    background-color: #FFFFFF;  float: left; 
    width: 100%;    height: auto;    margin: 0% 0% 0% 0%;    padding:  0% 0% 0% 0%;
}

#ring {
    background-color: #0066FF;  float: left;
    width: 100%;    height: 0.25%;    margin: 0% 0% 0.5% 0%;    padding:  0% 0% 0% 0%;
        
}

#abc {
    background-color: #FFF;  float: left;
    border: solid;    border-color: #FFF;    border-radius: 0.75vw 0.75vw 0.75vw 0.75vw;
    width: 14%;    height: 82.5%;    margin: 0% 0% 0% 0%;    padding:  0% 0% 0% 0%;
}
#message {
    background-color: #FFFFFF;  float: left;
    border: inset;    border-color: #FF9900;    border-radius: 0.75vw 0.75vw 0.75vw 0.75vw;
    width: 60%;    height: 82.5%;    margin: 0% 0.1% 0% 0.25%;    padding:  0% 1% 0% 1%;
    overflow: scroll;
}
#xyz {
    background-color: #FFF;  float: right;   overflow: scroll;
    border: solid;    border-color: #FFF;    border-radius: 0.75vw 0.75vw 0.75vw 0.75vw;
    width: 19%;    height: 82.5%;    margin: 0% 0% 0% 0%;    padding:  0% 0% 0% 0%;
}          
#footer {
    background-color: #0066FF; float: left;
    width: 100%;    height: 8.5%;    margin: 1% 0% 0% 0%;    padding:  0% 0% 0% 0%;
}
#down {
    background-color: #CBCBCB; float: left;
    width: 100%;    height: 5%;    margin: 0% 0% 0% 0%;    padding:  0% 0% 0% 0%;
}

}