body { 
    font: 9pt Arial, Helvetica, sans-serif;
    background-color: white;
    color: black; margin: 0; padding: 0;
}
p { margin: 2px; }
a { color: rgb(180,149,7); text-decoration: none; margin: 0 5px; padding: 2px 4px; }
th { text-align: left; }
img { border: none; }

.kop { font-size: 120%; font-weight: bold;
    color: rgb(180,149,7); padding: 25px 200px; }

.rienaam { left: 270px; padding: 10px 0 0 240px; 
    font: 12pt Arial, Helvetica, sans-serif; color: rgb(200,50,50) }

.simplebox { margin: 10px 0; border-top: 1px solid rgb(180,149,7);}
.simplebox h4 { margin-top: 2px; margin-bottom: 0px; }
.solutions li { padding-bottom: 1em; }

.messagebox { margin: 10px 0; padding: 10px;
    border: 2px dotted rgb(180,149,7);}
    
#navbar {
    background-image: url(logo.gif);
    background-repeat: no-repeat;
    background-position: top left;    
    border-bottom: 1px dotted rgb(180,149,7);
    margin: 0 20px 1px 20px;
}
#pagefooter {
    margin: 0 20px; padding-top: 10px;
}
#pagefooter a { color: rgb(180,149,7);
    margin: 0 5px;
    padding: 2px 4px; float:right;
}

#content { margin: 0 20px; padding: 0; position: relative; }

#navbar a { color: rgb(180,149,7);
    margin: 1px;
    padding: 2px 6px;
}

.tab {    
    background-color: rgb(244,242,219);
    border: 1px solid rgb(180,149,7);
}
.tabhelp {
    border: 1px solid black;
    background: #c83232 url(thishelpback.gif) -1px -1px;
    color: #FFFFFF;
    padding-left: 27px;
}
#navbar a.tab_selected {
    color: white;
    background-color: rgb(200,50,50);
    border: 1px solid rgb(180,149,7);
}
#navbar a.tab_disabled {
    color: rgb(232,223,180);
    background-color: rgb(244,242,219);
    border: 1px solid rgb(180,149,7);
}

#vraag { padding: 0 0 0 270px; margin-top: 10px 0 10px 0;  
    border-top: 2px solid rgb(180,149,7); }
#vraagpop { padding: 0 0 0 0px; margin-top: 10px 0 10px 0;  
    border-top: 2px solid rgb(180,149,7); }
#tree { left: 20px; width: 235px;
    margin: 10px 0 0 0; float: left; overflow:hidden; }

#vraaginner { background-color: rgb(244,242,219); padding: 10px; 
    border-bottom: 2px solid rgb(180,149,7);}
    
#tree a {  color: black; margin: 0; padding: 0; }
.tree0, .tree1, .tree2, .tree3 { margin-top: 2px; display: block; }
.tree0 { padding: 2px 0 3px 2px;
        background-color: rgb(180,149,7); }
.tree1 { padding: 2px 0 3px 12px; margin-left: 12px;  
        background-color: rgb(232,223,180); }
.tree2 { padding: 2px 0 3px 22px;  margin-left: 22px;
        background-color: rgb(240,235,206); overflow: hidden;}
.tree3 { padding: 2px 0 3px 32px;  margin-left: 32px;
        background-color: rgb(240,235,206); overflow: hidden;}
        
#progressbox { color: black; font-size: 75%; 
    padding-top: 5px; text-align: right; }
.progresslink { border: 1px solid #bbb; background-color: rgb(232,223,180);
    margin: 1px; padding: 2px; }
#progressbox a { margin: 1px; padding: 0;}

#vraaginner a { color: rgb(180,149,7);
    margin: 0 5px;
    padding: 2px 4px;
}