/* Algemene pagina opmaak */

/* Sitekleuren:
        achtergrond White
		  paars #CC00CC
        blauw #0000CC
		  geel Yellow */

/* Stylesheets voor de gehele website */

@import url("dropdown.css");
@import url("snippets.css");
@import url("content.css");

/* Universele selector */

* {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* Basis voor de pagina bepalen */

body {
        margin: 0px;
        background-color: White;
        color: Black;
        font-size: 11px;
        font-weight: normal;
}

/* Hoofdkader waarbinnen de pagina is gemaakt */

#container {
        width: 955px;
        margin: 5px auto 0px auto;
        background-color: White;
}

/* Vakken voor beeldopbouw */

/* De header */

#header {
        width: 945px;
        height: 55px;
		  background-color: transparent;
		  background-image: url(../images/header.gif);
		  background-repeat: no-repeat;
		  border-top: 5px solid #CC00CC;
		  border-right: 5px solid #CC00CC;
        border-left: 5px solid #CC00CC;
}

/* Het horizontale menu */

.topmenu {
        width: 934px;
        height: 25px;
        margin: 5px 10px 5px 10px;
		  border-right: 1px solid Yellow;
		  background-color: transparent;
		  color: #0000CC;
        font-weight: bold;
}

/* Extra container om lijnen links en rechts goed te krijgen */

#midcontainer {
        float: left;
        display: inline;
        width: 945px;
		  background-color: transparent;
		  border-right: 5px solid #CC00CC;
		  border-left: 5px solid #CC00CC;
}

/* De linker kolom */

#kolomlinks {
        float: left;
        display: inline;
        width: 200px;
		  margin-left: 5px;
		  background-color: transparent;
		  background-image: url(../images/paal.gif);
		  background-repeat: no-repeat;
}

.leftmenu {
        float: left;
		  display: inline;
		  width: 200px;
		  height: 430px;
		  background-color: transparent;
}

/* De content. Inhoud van dit vak wordt verder in content.css geregeld */

#content {
        float: left;
        display: inline;
        width: 515px;
        margin: -5px 10px 0px 10px;
		  background-color: transparent;
	/*	  overflow: auto;
		  scrollbar-shadow-color: Orange;
		  scrollbar-base-color: Yellow;
		  position: static;
		  visibility: visible; */
}

.correctie {
        margin: 5px 0px 0px 0px;
}

/* De rechter kolom */

#kolomrechts {
        float: left;
        display: inline;
        width: 200px;
		  margin-right: 5px;
		  background-color: transparent;
}

#zoeken {
        width: 190px;
		  height: 45px;
		  border: 5px solid Yellow;
}

.overzicht {
        width: 180px;
		  padding: 5px;
		  border-right: 5px solid Yellow;
		  border-bottom: 5px solid Yellow;
		  border-left: 5px solid Yellow;
}

.overzicht hr {
        width: 100%;
		  height: 1px;
		  background-color: Yellow;
		  color: Yellow;
		  border: 0px;
}

.overzicht a {
        font-size: 9px;
}

/* De footer */

.footer {
        float: left;
        display: inline;
        width: 945px;
        height: 22px;
        margin: 10px 0px 0px 0px;
		  padding-top: 3px;
		  background-color: transparent;
        background-image: url(../images/footer.gif);
		  background-repeat: no-repeat;
		  border-right: 5px solid #CC00CC;
		  border-bottom: 5px solid #CC00CC;
		  border-left: 5px solid #CC00CC;
        color: White;
        text-align: center;
		  font-weight: bold;
}

.footer a {
		  background-color: transparent;
        color: White;
        text-decoration: none;
        font-weight: bold;
}

.footer a:hover {
		  background-color: transparent;
        color: Yellow;
        text-decoration: none;
}

/* Om goed te laten werken laatste div clearen */

#clear {
        clear: both;
}

/* Algemeen: lijsten met kleine gele stippen maken */

.lists ul {
	padding: 0px;
	text-align: left;
	margin-left: 18px;
	list-style: url(../images/stipgeelklein.gif);
}