/* CSS Einstellungen für Auflösungen bis 960px oder 60em */
/* Für statisches Layout geeignet */

@media only screen and (min-width:48em) and (max-width:59.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;
    background-position: center;
    width: 46.5em;
    height: 8em;
    margin: auto;
    border: solid;
    border-color: #ff9900;
    border-radius:0.3125em;
}
#header img
{
    float: left;
    width: auto;
    height: 6.5em;
    float: left;
    margin: 0.5em 0em 0em 2em;
    padding: 0em 0em 0em 0em;
    border: outset;
    background-color: #C0C0C0;
    border-radius:0.3125em;
}
#header h1
{
    background-position: right;
    width: auto;
    color: #0000FF;
    font-size: 2em;
    padding: 0em 0.75em 0em 0em;
    text-align: right;
}


#header p
{
    background-position: right;
    width: auto;
    color: #ff9900;
    font-size: 1em;
    margin: -1em 0em 0.5em 0em;
    padding: 0em 2.5em 0em 0em;
    text-align: right;
}

#navigation
{
    background-color: #0000FF;
    width: 46.5em;
    height: 3em;
    margin: 1em auto;
    border: solid;
    border-color: #ff9900;
    border-radius:0.3125em;
}

#navigation ul
{
    margin: 0em 0em 0.25em 0em;
}
#navigation  ul li
{
    font-size: 1.75em;
    list-style-type: none;
    float: left;
    padding: 0em 1em 0em 0em;
    color: #FFFFFF;
}
#navigation a
{
    color: #FFFFFF;
    text-decoration: none;
}

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

}
#content h1
{
    color: #0000FF;
    text-align: center;
}
#content p
{
    color: #0000FF;
    text-align: left;
    padding: 0em 1em 1em 2em;
}
#content ul
{
    color: #0000FF;
    text-align: left;
    padding: 0em 0em 1em 2em;
}
#content li
{
    color: #0000FF;
    text-align: left;
    padding: 0em 1em 1em 2em;
}
#content video
{
    width: 25%;
    height: 25%;
    margin: 0.2em 0.2em 0.2em 0.2em;
    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: 46.5em;
    height: 1.5em;
    margin: 1em auto;
    border: solid;
    border-color: #ff9900;
    border-radius:0.3125em;
}
#footer ul
{
    margin: 0.35em 0em 0em 0em
}
#footer  ul li
{
    font-size: 0.6375em;
    list-style-type: none;
    float: left;
    padding: 0em 5em 0em 0em;
    color: #FFFFFF;
}
#footer a
{
    color: #FFFFFF;
}

}