ul.menue {
    list-style-type: none;
    padding:         0 .2em 0 .2em;
    margin:          0 .2em 0 .2em;
}

ul.menue li {
    font-family:    times new roman, serif;
    font-weight:    normal;
    font-size:      .9em;
    line-height:    1.5em;
    letter-spacing: .1em;
    color:          #000033;
    text-align:     right;
    margin:         0;
    padding:        .8em 0 .8em 0;
    border-bottom:  1px solid #666699;
}

ul.menue li.set {
    border-bottom: 1px solid #000033;
}

ul.u_menue {
    padding:  .8em 0 0 2.5em;
    margin:   0 0 .5em 1em;
    overflow: hidden;
}

ul.u_menue .leer {
    list-style-type: none;
}

ul.u_menue li {
    list-style-type: circle;
    margin:          0;
    padding:         0;
    border:          0;
    text-align:      left;
    font-family:     arial, verdana, helvetica, sans serif;
    font-size:       .9em;
    line-height:     2em;
    color:           #000033;
}

ul.menue a:link {
 text-decoration: none;
 color:           #666699;
}

ul.menue a:visited {
 text-decoration: none;
 color:           #666699;
}

ul.menue a:hover {
 text-decoration: none;
 color:           #000033;
}

ul.menue a:active {
 text-decoration: none;
 color:           #666699;
}

p#design {
 font-family: Arial,Verdana,Helvetica,sans serif;
 font-size:   .8em;
 line-height: 1.2em;
 color:       #9999AA;
 margin:      .8em auto 8em 3em;
 padding:     0 .2em 0 .4em; 
 text-align:  center;
}

p#design a:link {
 text-decoration: none;
 color:           #9999AA;
}

p#design a:visited {
 text-decoration: none;
 color:           #9999AA;
}

p#design a:hover {
 text-decoration: none;
 color:           #9999AA;
}

p#design a:active {
 text-decoration: none;
 color:           #9999AA;
}

@media (max-width: 800px) {
    header .hamburger {
        display: block;
        width:   2em;
        float:   left;
        margin:  .7em 0 0 .7em;
    }
    
    header .hamburger .icon-bar {
      display:          block;
      width:            1.8em;
      height:           .16em;
      border-radius:    .08em;
      background-color: #DDD;
    }
    
    header .hamburger .icon-bar + .icon-bar {
      margin-top: .4em;
    }

    header .hamburger:hover {
        cursor: pointer;
    }

    header .hamburger:hover .icon-bar {
        background-color: #888;
    }

    nav #nav {
        display: none;
        width:   350px;
    }

    ul.menue {
        list-style-type: none;
        padding:         0 .5em 0 .5em;
        margin:          0 .5em 0 .5em;
    }
    
    ul.menue li {
        font-family:    times new roman, serif;
        font-weight:    normal;
        font-size:      1.3em;
        line-height:    1em;
        letter-spacing: .1em;
        color:          #000033;
        text-align:     right;
        margin:         0;
        padding:        .8em 0 .8em 0;
        border-bottom:  1px solid #666699;
    }

    ul.menue li.set {
        border-bottom: 1px solid #000033;
    }

    ul.u_menue {
        padding:  .8em 0 0 2.5em;
        margin:   0 0 .5em 1em;
        overflow: hidden;
    }

    ul.u_menue .leer {
        list-style-type: none;
    }

    ul.u_menue li {
        list-style-type: circle;
        font-family:     arial, verdana, helvetica, sans serif;
        font-size:       .8em;
        line-height:     2em;
        color:           #000033;
        text-align:      left;
        margin:          0;
        padding:         0;
        border:          0;
    }

    p#design {
        font-family: Arial,Verdana,Helvetica,sans serif;
        font-size:   1em;
        line-height: 1.2em;
        color:       #9999AA;
        margin:      .8em auto 8em 3em;
        padding:     0 .2em 0 .4em; 
        text-align:  center;
    }
}