@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;             
    margin-left: 0;              
    border-bottom: 2px solid #005fa3;
    font: bold 13px Verdana, sans-serif; 
    background-color: #ffeb00;    
}

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

#navlist li a
{
    padding: 8px 15px;           
    margin-left: 5px;            
    border: 1px solid #005fa3;    
    border-bottom: none;         
    background: #dff1ff;      
    text-decoration: none;    
}

#navlist li a:link {
    color: #003366;            
}

#navlist li a:visited {
    color: #003366;              
}

#navlist li a:hover
{
    color: #ffffff;              
    background: #0099cc;      
    border-color: #003366;        
}

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

}