html, body {
background: #FFF url('../img/vakblad/bodybg.gif') repeat-y;
}
#container {
background: url('../img/vakblad/containerbg.gif') no-repeat bottom right;
}
#submenu {
background: url('../img/vakblad/submenu_top.gif') no-repeat 0 71px;
}
#submenu ul li {
background: url('../img/vakblad/bullet.gif') no-repeat 113px 4px;
}
#submenu ul li a {
color: black;
}
#submenu ul li:hover a,
#submenu ul li.active a {
color: white;
}
#submenu ul li:hover,
#submenu ul li.active {
background: #CC0033 url('../img/vakblad/bullethover.gif') no-repeat 113px 4px;
}
#submenu ul li ul {
background: #DEF2AE;
}
#submenu ul li:hover ul li a {
color: black;
}
submenu ul li:hover ul li.active a,
#submenu ul li ul li a:hover {
background: #F8FCEF;
}

div#submenu div#poppetje {
background-image: url(../img/popstrip_vak.gif);	
}

/* elementen */
div#content div.article a, div#content h1, div#content h2, div#content h3, div#content h4, div#content h5, div#content h6, div#content legend {
color: #8CB82E;
} 
div#content div.article a:hover {
color: #c03;
}
div#content  hr {
color: #8CB82E;
border-bottom-color: #8CB82E;
}

div#content ul li {
background-image: url(../img/bullet_vak.gif);
}

div#content table td, div#content table th, div#content fieldset, div#content div.submit {
border-color: #8CB82E;
}
div#content table th {
color: #8CB82E;
}

/* photogal */
div#content a img.photo_overview_image  {
border-color: #8CB82E;
}
div#content a:hover img.photo_overview_image {
border-color: #c03;
}
a#photo_view_button_begin {
background-image: url(../img/mb_vak_start.gif);
}
a.photo_view_button_previous {
background-image: url(../img/mb_vak_prev.gif);
}
a.photo_view_button_next {
background-image: url(../img/mb_vak_next.gif);
}
a#photo_view_button_end {
background-image: url(../img/mb_vak_end.gif);
}
a#photo_view_button_up {
background-image: url(../img/mb_vak_up.gif);
}