* {
    margin: 0 0 0 2;
    padding: 0;
}

img { border-radius: 10px; }

body {
    background: #404347 url(images/bg.gif) repeat-x;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #f7f7f7;
}

a { 
    color: #60C3DB; text-decoration: none;
}

a:hover { 
    text-decoration: underline; 
}

a:visited   {
    color: #76e4ff; text-decoration: none;
}

#wrap {
    width: 1080px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;          /* belangrijk: header/footer op eigen rij */

}

/* HEADER over volledige breedte */
#header {
    margin: 5px 0 10px 0;
    flex: 0 0 100%;           /* neemt 100% breedte in flex-container */
}

#header, #footer {
    flex: 0 0 100%;
}



#header h1 {
    font-size: 50px;
    font-weight: 100;
    letter-spacing: 0;
    font-family: Georgia;
}

#header h2 {
    color: #C0C0C0;
    font-size: 16px;
    font-weight: 100;
    text-align: left;
}

/* LEFT & RIGHT MENU: 50/50 naast elkaar */
#leftmenu, #rightmenu {
    flex: 0 0 40%;            /* elk 50% van de breedte */
    padding: 0 20px 20px 20px;
    text-align: justify;
}

/* Alleen rechts een scheidingslijn, anders dubbele lijn in het midden  */
#leftmenu {
    border-right: 1px dotted #aaa;
}
/* #rightmenu {
    border-left: 1px dotted #aaa;
}   */

#leftmenu h2, #rightmenu h2 {
    border-bottom: 1px dotted #aaa;
    padding: 10px 0 5px 0;
    margin-bottom: 10px;
    color: #B0FFBD;
    font-size: 16px;
    font-weight: 100;
}

#leftmenu ul, #rightmenu ul {
    list-style-type: none;
    padding: 0 0 10px 3px;
}

/* FOOTER over volledige breedte */
#footer {
    flex: 0 0 100%;           /* ook 100% breedte */
    margin-top: 20px;
    border-top: 1px dotted #aaa;
    font-size: 10px;
    text-align: center;
    padding: 10px 0 10px 0;
    color: #C0C0C0;
}


#header, #footer {
    flex: 0 0 100%;
}