@charset "UTF-8";

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 120%;
    color: #038bd2;
    text-align: center;
    background: #d0eaf6;
    margin: 0;
    padding: 0;
}

h1 {
    font-size: 120%;
    margin: 0;
    padding: 10px;
}

.clear {
    clear: both;
}

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

/* Logo */
#logo {
    background: #ffed00;
    text-align: center;
    padding: 20px 0;
}

#logo img {
    max-width: 150px;
    height: auto;
}

/* ============================= */
/* Tabbed Navbar de Eric Meyer    */
/* ============================= */
#navlist {
    padding: 5px 0;
    margin: 0;
    border-bottom: 1px solid #778;
    font:
        bold 12px Verdana,
        sans-serif;
    background: #ffd700; /* barra amarilla */
}

#navlist li {
    list-style: none;
    margin: 0;
    display: inline; /* poner los tabs en línea */
}

#navlist li a {
    display: inline-block;
    padding: 5px 12px;
    margin-left: 3px;
    border: 1px solid #778;
    border-bottom: none;
    background: #ffd700; /* fondo de tab */
    text-decoration: none;
    color: #008ad1; /* texto azul */
    font-weight: bold;
}

#navlist li a:hover {
    color: #004d8d;
    background: #ffed00; /* amarillo más claro al hover */
    border-color: #227;
}

#navlist li a#current {
    background: #ffed00; /* pestaña activa */
    border-bottom: 1px solid white;
}

/* Contenido principal */
#produkte {
    width: 65%;
    float: left;
    color: #008ad1; /* texto azul */
    background: #ffff00; /* amarillo */
    padding: 10px;
    box-sizing: border-box;
}

#angebote {
    width: 35%;
    float: left;
    color: #ffff00; /* texto amarillo */
    background: #008ad1; /* azul */
    padding: 10px;
    box-sizing: border-box;
}

/* Footer */
#footer {
    padding: 5px 0;
    background: #ffffa0;
    font-size: 90%;
    text-align: center;
}