@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: 3px 0;
margin-left: 0;
border-bottom: 1px solid #778;
font: bold 12px Verdana, sans-serif;
}

#navlist li
{
list-style: none;
margin: 0;
display: inline;
}

#navlist li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
text-decoration: none;
color: #008AD1;
background: #FFED00;
}

#navlist li a:link { color: #008AD1; }
#navlist li a:visited { color: #008AD1; }

#navlist li a:hover
{
color: #000;
background: #AAE;
border-color: #227;
}

#navlist li a#current
{
background: white;
border-bottom: 1px solid white;
color: #008AD1;
background: #FFED00;
}