@charset "UTF-8";

/* CSS Document */

@media all {
    body {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 120%;
        color: #038BD2;
        text-align: center;
        background: #D0EAF6;
    }

    h1 {
        font-size: 120%;
    }

    .clear {
        clear: both;
    }

    #main {
        width: 75%;
        margin: 0 auto;
        text-align: left;
        background: #ffffa0;
        overflow: hidden;
    }


    #logo {
        background: #FFED00;
        text-align: center;
    }


    img {
        max-width: 100%;
        height: auto;
    }

    #produkte {
        width: 65%;
        float: left;
        color: #008AD1;
        background: #FFED00;
    }

    #angebote {
        width: 35%;
        float: left;
        color: #FFED00;
        background: #008AD1;
    }

    #footer {
        padding: 0.1% 0;
        background: #ffffa0;
        font-size: 90%;

        text-align: center;
    }


#navlist
{
    padding: 10px 0;              /* mehr Höhe */
    margin-left: 0;               /* links bündig */
    border-bottom: 2px solid #005fa3; /* stärkere Linie */
    font: bold 13px Verdana, sans-serif; /* etwas größer */
    background-color: #ffeb00;    /* gelber Balken */
}

#navlist li
{
    list-style: none;             /* Punkte weg */
    margin: 0;                    /* kein Abstand */
    display: inline;              /* nebeneinander */
}

#navlist li a
{
    padding: 8px 15px;            /* größerer Klickbereich */
    margin-left: 5px;             /* Abstand Tabs */
    border: 1px solid #005fa3;    /* blauer Rahmen */
    border-bottom: none;          /* unten offen */
    background: #dff1ff;          /* hellblau */
    text-decoration: none;        /* Unterstrich weg */
}

#navlist li a:link {
    color: #003366;               /* dunkelblau */
}

#navlist li a:visited {
    color: #003366;               /* gleiche Farbe */
}

#navlist li a:hover
{
    color: #ffffff;               /* weiße Schrift */
    background: #0099cc;          /* Hover blau */
    border-color: #003366;        /* dunkler Rand */
}

#navlist li a#current
{
    background: #ffffff;          /* aktiver Tab */
    border-bottom: 2px solid #ffffff; /* verbindet mit Inhalt */
}

}