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

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

body{   background: linear-gradient(#993333,#0066FF,#00FFFF,#FF9900,#00FFFF,#00FF40,#00FF40,#4BAB3A,#008000, #2F6824); }

#all{    margin: 0em 0em 0em 0em;
         background-color: transparent;
    }

#header
{
    background-color: #FFFFFF;    
    width: 18.5em;
    height: auto;
    margin: auto;
    border: solid;
    border-color: #ff9900;
    border-radius:0.3125em;
}
#header img
{
    width: 15em;
    margin: 0.5em 0em 0em 1.5em;
    padding: 0em 0em 0em 0em;
    border: outset;
    border-color: #808080;
    border-radius:0.3125em;
    display: none;
}
#header h1
{    
    width: auto;
    color: #0000FF;
    margin: 0.5em 0em 0em 0em;    
    padding: 0em 0em 0em 0em;
    text-align: center;
    font-size: 1.6125em;
}


#header p
{
    background-position: top;
    width: auto;
    color: #ff9900;
    margin: 0em 0em 0em 0em;    
    padding: 0em 0em 1em 0em;
    text-align: center;
    font-size: 1em;

}

#navigation
{
    background-color: #0000FF;
    width: 18.5em;
    height: 1.5em;
    margin: 0.5em auto;
    border: solid;
    border-color: #ff9900;
    border-radius:0.3125em;
}

#navigation ul
{
    margin: 0em 0em 0em 0em;    
}
#navigation  ul li
{
    font-size: 0.375em;
    list-style: none;
    display: inline;
    padding: 0em 3em 0em 0em;
    color: #FFFFFF;
}
#navigation a 
{
    color: #FFFFFF;
    text-decoration: none;
}

#content
{
    background-color: #FFFFFF;
    width: 18.5em;
    margin: 0.5em auto;
    border: solid;
    border-color: #ff9900;
    border-radius:0.3125em;
}
#content img
{

}
#content h1
{
    color: #0000FF;
    text-align: center;
    font-size: 1.325em;
}
#content p
{
    color: #0000FF;
    text-align: left;
    font-size: 0.75em;
    padding: 0em 1em 1em 2em;
}
#content ul
{
    color: #0000FF;
    text-align: left;
    font-size: 0.75em;
    padding: 0em 0em 1em 2em;
}
#content li
{
    color: #0000FF;
    text-align: left;
    font-size: 0.75em;
    padding: 0em 1em 1em 2em;
}
#content video
{
    width: 90%;
    height: auto;
    margin: 0.2em 0.2em 0.2em 0.6em;
    padding: 0.25em 0.25em 0.25em 0.25em;
    border: solid;
    border-color: #ff9900;
    border-radius:0.3125em;
    float: left;
}

#footer
{
    background-color: #0000FF;
    width: 18.5em;
    height: auto;
    margin: 0.5em auto;
    border: solid;
    border-color: #0066ff;
    border-radius:0.3125em;

}
#footer ul
{
    margin: 0em 0em 0.75em 0em   
}
#footer  ul li
{
    font-size: 0.275em;
    display: inline;
    padding: 0em 2em 0em 0em;
    color: #FFFFFF;
    list-style: none;
}
#footer a
{
    color: #FFFFFF;
}

}