/* General make-up common elements */
/* First, the overall make up elements
/* Then the positioning elements for menus, foto's, ...


/* MAIN ELEMENTS */

body {background-color: #ffffcc;
      font-family: arial,helvetica,sans-serif;
      font-size: 100%;
      color: blue;
}


h1 {background-color: #00ff00}
h2 {background-color: transparent}
h3 {background-color: none;
               color: #cc6666}

/* anchors */
a{ text-decoration:none; color:red; }

/* tables */
table {border: 0px solid black;  
       cellspacing:4px;
       cellpadding:4px;
       width:800px;
}

th {background-color: #CC6666;
     color: #ffffcc;
     vertical-align: middle;
     text-align:center
     font-weight:bold;
     height:35px}

td{ font-family:"Verdana, Arial, Helvetica", sans-serif;vertical-align: middle}

tr.d0 td {vertical-align:middle; background-color: #ccccFF; color: black;}

tr.d1 td {background-color: #FFcccc; color: black;}


/* POSITIONING & SPECIFIC ELEMENTS */
/* MENU  */
div.topmenu {position: absolute;
             left:50px;
             height:35px;
             width:800px;
             align:center;
             background: #cc6666;
             top:10px;
}
div.submenu {position: absolute;
             left:50px;
             height:35px;
             width:800px;
             align:center;
             background: #cc6666;
             top:40px;
}

/* menu buttons */
div.menubutton {
        position:relative;
        top:0px;
        width: 150px ;
        height: 20px ;
        background: #9999ff;
        border-top: 1px solid #ccc ;
        border-right: 1px solid #333 ;
        border-bottom: 1px solid #333 ;
        border-left: 1px solid #ccc ;
        margin: 2px 2px;
        text-align: center;
        vertical-align: bottom;
        display: block;
}
div.currentmenubutton {
        position:relative;
        top:0px;
        width: 150px ;
        height: 20px ;
        color: red ;
        background: #66cc99 ;
        border-top: 1px solid #ccc ;
        border-right: 1px solid #333 ;
        border-bottom: 1px solid #333 ;
        border-left: 1px solid #ccc ;
        margin: 2px 2px;
        text-align: center;
        vertical-align: bottom;
}
div.dummymenubutton {
        position:relative;
        top:0px;
        width: 150px ;
        height: 20px ;
        color: red ;
        background: #cc6666 ;
/*        border-top: 0px solid #ccc ; */
/*        border-right: 1px solid #333 ;*/
/*        border-bottom: 1px solid #333 ;*/
/*        border-left: 1px solid #ccc ;*/
        margin: 2px 2px;
        text-align: center;
        vertical-align: bottom;
}

a.menulink:link {
        text-decoration: none ;
        color: yellow ;
        vertical-align: bottom;
}
a.menulink:visited {
        text-decoration: none ;
        color: yellow ;
        vertical-align: bottom;
}
a.menulink:hover {
        text-decoration: none ;
        color: #aa00aa ;
        font-style: oblique;
        vertical-align: bottom;
}
a.menulink:active {
        text-decoration: none ;
        color: black ;
        vertical-align: bottom;
}


div.mainbody1 {position: absolute;
             left:50px;
             top:45px;
             width:800px;
}
div.mainbody2 {position: absolute;
             left:50px;
             top:110px;
             width:800px;
}


div.profiel {position: relative;
             left:210px;
             top:-255px;
             width:590px;
}

div.profielfoto {position: relative;
             left:0px;
             top:20px;
             width:210px;
}