/* CSS Einstellungen für Auflösungen bis 768px oder 48em */
/* Für Tablets geeignet */

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

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: 100%;    margin: 0% 0% 0% 0%;    padding:  0% 0% 0% 0%;
}

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

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

#topp {
    background-color: #0066FF;
    width: 100%;    height: auto;    margin: 0% 0% 0% 0%;    padding:  0% 0% 0% 0%;
}

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

#ring {
    background-color: #0066FF;  float: left;
    width: 98.5%;    height: 0.25%;    margin: 5% 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: 50.5%;    margin: 0% 0% 0% 0%;    padding:  0% 0% 0% 0%;
    display: none;
}
#message {
    background-color: #FFFFFF;  float: left;
    border: inset;    border-color: #FF9900;    border-radius: 0.75vw 0.75vw 0.75vw 0.75vw;
    width: 100%;    height: 100vw;    margin: 0% 0% 0% 0%;    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: 100%;    height: auto;    margin: 5% 0% 0% 0%;    padding:  0% 0% 0% 0%;
}          
#footer {
    background-color: #0066FF; float: left;
    width: 100%;    height: auto;    margin: 2% 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%;
}

}